@charset "Shift_JIS";

/*==============================================
 共通 ここから
================================================*/
/* パンくず */
#topicPath {
    padding: 1em 0;
    display: flex;
}
#topicPath li, #topicPath2 li {
    display: flex;
}
#pankuzu {
    /* display: none; */
}
#welcome-sale img {
  width: 100%;
  height: auto;
}
a {
    display: block;
}
a:hover {
    opacity: .8;
}
/* 税込 */
.buy_price>ul .price.sale+.intax,.buy_price>ul .intax {
    display: none !important;
}
.buy_price>ol, .buy_price>ul {
    margin: 0;
}
.spesicalprice {
    display: none !important;
}
.smp-none {
    display: none;
}
footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav{
    max-width: none;
    padding: 0;
}
.pc_none{
    display: none;
}

/* 変数指定 */
:root {
    /* 共通フォントサイズ(ディスプレイが390px時に14pxとなる) ※.night-sale-innerの中の要素のみ */
    --font-size-text: 3.6cqw;

    /* 使用カラー */
    --color-pink: #db1d4e;

    /* アクティブ時のカラー */
    --color-active: #fc81bb;

    /* 横の余白 */
    --margin-space-beside: 1em;

    /* 縦の余白 */
    --margin-space-vertical: 1em;
    /* 幅 */
    --margin-space-vertical: 1em;
}
/*==============================================
 共通 ここまで
================================================*/


/*==============================================
#welcome-sale 共通 ここから
================================================*/
/* 価格プロ アイコン削除 */
#welcome-sale .ranking .item-block .item-price .price {
    color: red;
}
#welcome-sale .ranking .item-block .item-price .price .spesicalprice {
    display: none;
}
#welcome-sale .ranking .item-block .item-price .intax {
    display: none;
}
#welcome-sale{
    width: 100%;
    /* max-width: 900px; */
    margin: 0 auto;
    background-color: #008aff;
    position: relative;
    z-index: 1;
    font-size: var(--font-size-text);
}
.bn_col_1 {
    padding: 3% 5% 0%;
}
main, 
main#wrapper {
    padding: 0;
    max-width: none;
    background-image: linear-gradient(to right, #25298d, #25298d 10px, #090d65 10px, #090d65 );
    background-size: 20px 100%;
}
#welcome-sale {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    background-color: #090d65;
    box-shadow: 0px 6px 12px 8px rgba(255, 255, 255, 0.35);
}
#welcome-sale img {
    width: 100%;
    height: auto;
    display: block;
}
#welcome-sale a {
    display: block;
}
#welcome-sale .pc_none {
    display: none;
}
#welcome-sale .day-area {
    font-size: 32px;
    color: #090d65;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 2%;
}
#welcome-sale .coupon_area {
    text-align: center;
}
#welcome-sale .coupon_text {
    font-size: 1.8em;
    font-weight: 800;
    color: #ff0;
    text-align: center;
    line-height: 1.3em;
    margin: 1.5em auto 0;
}
#welcome-sale .coupon_area p {
    font-size: 1.2em;
    font-weight: 800;
    color: #ff0;
    margin: 7px auto;
}
#welcome-sale .coupon_area > img {
    width: 50%;
    margin: 0 auto;
}
#welcome-sale h2.midashi {
    font-size: 32px;
    color: #fff;
    padding: 3% 3% 0;
    text-align: center;
}
#welcome-sale section.item .col_1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 3% 5% 2%;
    gap: 3%;
}
#welcome-sale section.item .col_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0 5% 5%;
    margin-top: 0;
}
#welcome-sale section.item .col_1 li,
#welcome-sale section.item .col_2 li {
    position: relative;
}
#welcome-sale .col_1 .icon_bottom-hand {
    position: absolute;
    width: 10%;
    bottom: -29px;
    right: -9px;
    z-index: 3;
}
#welcome-sale .col_2 .icon_bottom-hand {
    position: absolute;
    width: 21%;
    bottom: -29px;
    right: -9px;
    z-index: 3;
}
#welcome-sale .category_btn a {
    width: 90%;
    margin: 3% auto;
    padding: 3% 0;
    background-color: #fff;
    color: #090d65;
    text-align: center;
    display: block;
    font-size: 25px;
    border-radius: 50px;
    box-shadow: 0px 10px 0px 0px #040735;
    font-weight: bold;
    line-height: 35px;
}
#welcome-sale .bn_col_1 li {
    margin: 0 auto 10px;
}

.col_2 .welcome-sale-item__inner {
    position: absolute;
    top: 77%;
    right: 2px;
}

/* 1カラム商品名 */
.welcome-sale .item .welcome-sale-item__name__h3 {
    font-size: 1.5em;
}

/* 2カラム商品名 */
.welcome-sale .item .col_2 .welcome-sale-item__name__h3 {
    height: 6em;
}
.welcome-sale .item .col_2 .welcome-sale-item__name__h3 span {
    font-size: 1.8em;
    line-height: 1.5em;
}

/* とげとげアイコン */
.welcome-sale .item .col_1 .welcome-sale-item .togetoge {
    width: 21em;
}
.welcome-sale .item .col_2 .welcome-sale-item .togetoge {
    width: 20em;
    bottom: -45px;
}

/* 1カラム価格 */
.welcome-sale .item .welcome-sale-item__price {
    gap: 9px;
}
.welcome-sale .item .welcome-sale-item__price .main-price {
    font-size: 6.5em;
    padding: 0 12px;
}
.welcome-sale .item .welcome-sale-item__price .back-price {
    font-size: 6.6em;
    padding: 0px 12px;
    -webkit-text-stroke: 9px #000000;
    text-shadow: 9px 5px 0px #000000;
}
.welcome-sale .item .welcome-sale-item__price .sub-price {
    font-size: 1.1em;
}

/* 2カラム価格 */
.welcome-sale .item .col_2 .welcome-sale-item__price .main-price {
    font-size: 5.4em;
    padding: 0 15px;
}
.welcome-sale .item .col_2 .welcome-sale-item__price .back-price {
    font-size: 5.55em;
    padding: 0 15px;
    -webkit-text-stroke: 9px #000000;
    text-shadow: 9px 5px 0px #000000;
}
.welcome-sale .item .col_2 .welcome-sale-item__price .sub-price {
    font-size: 1em;

}

/* 1カラム販促 */
.welcome-sale .item .promo-icon {
    font-size: 2em;
    right: 43%;
}
.welcome-sale .item .promo-icon-back {
    font-size: 2em;
    -webkit-text-stroke: 14px #e91359;
    right: 43%;
}

/* 2カラム販促 */
.welcome-sale .item .col_2 .promo-icon {
    top: 14%;
    left: -28%;
    font-size: 1.7em;
}
.welcome-sale .item .col_2 .promo-icon-back {
    top: 14%;
    left: -28%;
    font-size: 1.7em;
    -webkit-text-stroke: 13px #e91359;
}