@charset "Shift_JIS";


/*============================================== 共通 ここから================================================*/
/* パンくず */
#topicPath {
    padding: 2vw;
    display: flex;
}
#topicPath li, #topicPath2 li {
    display: flex;
}
#pankuzu {
    /* display: none; */
}
#welcome-sale img {
  width: 100%;
  height: auto;
}
a {
    display: block;
}
/* 税込 */
.buy_price>ul .price.sale+.intax,.buy_price>ul .intax {
    display: none !important;
}
.spesicalprice {
    display: none !important;
}
.smp-none {
    display: none;
}

/* 変数指定 */
:root {
    /* 共通フォントサイズ(ディスプレイが390px時に14pxとなる) ※.welcome-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;
}

.bn_col_1 {
    padding: 3% 3% 0%;
}

#welcome-sale {
    width: 100%;
    margin: 0 auto;
    background-color: #090d65;
}
#welcome-sale img {
    width: 100%;
    height: auto;
    display: block;
}
#welcome-sale a {
    display: block;
}
#welcome-sale .day-area {
    font-size: 5vw;
    color: #090d65;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 3%;
}
#welcome-sale .coupon_text {
    font-size: 1.4em;
    font-weight: 800;
    color: #ff0;
    text-align: center;
    line-height: 1.4em;
}
#welcome-sale .coupon_area p {
    font-size: 1em;
    font-weight: 800;
    color: #ff0;
    margin: 7px auto;
    text-align: center;
}
#welcome-sale .coupon_area > img {
    width: 80%;
    margin: 0 auto;
}
#welcome-sale h2.midashi {
    font-size: 5vw;
    color: #fff;
    padding: 3% 3% 0;
    text-align: center;
}
#welcome-sale section {
    padding: 0 0 5%;
}
#welcome-sale section.item .col_1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding: 3%;
    box-sizing: border-box;
}
#welcome-sale section.item .col_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 3%;
    margin-top: 0;
    box-sizing: border-box;

}
#welcome-sale section.item .col_1 li,
#welcome-sale section.item .col_2 li {
    position: relative;
}
#welcome-sale .col_1 li .icon_bottom-hand {
    position: absolute;
    width: 12%;
    bottom: -20px;
    right: -9px;
    z-index: 3;
}
#welcome-sale .col_2 li .icon_bottom-hand {
    position: absolute;
    width: 24%;
    bottom: -17px;
    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: 4vw;
    border-radius: 50px;
    box-shadow: 0px 7px 0px 0px #040735;
    font-weight: bold;
    line-height: 5.5vw;
}
#welcome-sale .bn_col_1 li {
    margin: 0 auto 10px;
}

/* 商品共通CSS */
.welcome-sale .item  .welcome-sale-item-wrap {
    position: relative;
}
.welcome-sale .item  .welcome-sale-item-inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: var(--margin-space-beside);
    padding-right: var(--margin-space-beside);
    padding-bottom: var(--margin-space-beside);
    gap: .5em;
}

/* 商品：サムネより下のインナー */
.welcome-sale .item  .welcome-sale-item__inner {
    padding: 0 .5em;
    display: flex;
    flex-direction: column;
    gap: .4em;
    width: 100%;
    box-sizing: border-box;
}

/* 商品：商品名 */
.welcome-sale .item .welcome-sale-item__name__h3 {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    background-color: #e91359;
    font-size: 0.8em;
    text-align: center;
    padding: 4px 5px;
}
.welcome-sale .item .col_2 .welcome-sale-item__name__h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3em;
    font-size: 0.8em;
}
.welcome-sale .item .col_2 .welcome-sale-item__name__h3 span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    font-size: 1em;
}

/* 商品；販促 */
.welcome-sale .item .promo-icon {
    position: absolute;
    top: 55%;
    right: 52%;
    color: #ffff3f;
    font-weight: bold;
    text-align: center;
    line-height: 0;
    font-family: 'Noto Sans JP';
    letter-spacing: normal;
    font-size: 1em;
    width: 100%;
    z-index: 3;
}
.welcome-sale .item .promo-icon span {
    font-size: 2em;
    font-family: 'Lato';
    line-height: 1.4;
}
.welcome-sale .item .promo-icon-back {
    position: absolute;
    top: 55%;
    right: 52%;
    color: #e91359;
    -webkit-text-stroke: 7px #e91359;
    font-weight: bold;
    text-align: center;
    line-height: 0;
    font-family: 'Noto Sans JP';
    letter-spacing: normal;
    font-size: 1em;
    width: 100%;
}
.welcome-sale .item .promo-icon-back span {
    font-size: 2em;
    font-family: 'Lato';
    line-height: 1.4;
}

/* 商品：価格 */
.welcome-sale .item  .welcome-sale-item__price {
    font-size: 1.5em;
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
    gap: 4px;
}
.welcome-sale .item  .welcome-sale-item__price .main-price,
.welcome-sale .item  .welcome-sale-item__price .sub-price {
    position: relative;
    line-height: 1;
    font-family: 'Lato', 'Noto Sans JP', 'Yu Gothic black', sans-serif, 'メイリオ';
    font-weight: 700;
}
.welcome-sale .item  .welcome-sale-item__price .main-price-wrapper {
    position: relative;
}
.welcome-sale .item  .welcome-sale-item__price .main-price {
    font-weight: 400;
    font-size: 3.3em;
    color: #ffde67;
    margin-bottom: 0;
    font-family: 'Impact', sans-serif;
    letter-spacing: 1px;
    font-style: italic;
    z-index: 3;
    padding: 0 5px;
}
.welcome-sale .item  .welcome-sale-item__price .back-price {
    font-size: 3.45em;
    color: #000000;
    -webkit-text-stroke: 6px #000000;
    position: absolute;
    top: 0px;
    left: 0;
    font-style: italic;
    letter-spacing: normal;
    text-shadow: 4px 3px 0px #000000;
    line-height: 1;
    font-family: 'Impact', sans-serif;
    font-weight: 900;
    padding: 0 5px;
}
.welcome-sale .item  .welcome-sale-item__price .main-price::first-letter,
.welcome-sale .item  .welcome-sale-item__price .back-price::first-letter,
.welcome-sale .item  .welcome-sale-item__price .sub-price::first-letter {
    font-size: .8em;
}
.welcome-sale .item  .welcome-sale-item__price .sub-price {
    font-size: .6em;
    color: #222222;
    font-weight: 400;
    font-family: 'Noto Sans JP';
}
/* .welcome-sale .item  .welcome-sale-item__price .sub-price::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #222;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
} */

/* とげとげアイコン */
.welcome-sale .item .col_1 .welcome-sale-item .togetoge {
    position: absolute;
    bottom: -9%;
    right: 0px;
    width: 10em;
    height: auto;
}
.welcome-sale .item .col_2 .welcome-sale-item .togetoge {
    position: absolute;
    bottom: -20px;
    right: 0px;
    width: 9em;
    height: auto;
}

/* コメント */
.welcome-sale .item  .welcome-sale-item__comment {
    background-color: #fff;
    line-height: 1.3em;
    padding: .3em .3em 0;
    height: 5.3em;
    display: flex;
    align-items: center;
}
.welcome-sale .item  .welcome-sale-item__comment p{
    color: #04224a;
    text-align: left;
}

/* 詳細はこちら */
.welcome-sale .item  .welcome-sale-item__link {
    color: var(--color-active);
    font-size: .9em;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: .3s;
    line-height: 1;
}

/* 1カラム商品 */
#welcome-sale section.item .welcome-sale-item {
    position: relative;
    overflow: hidden;
}
#welcome-sale section.item .welcome-sale-item-inner .col_1 {
    position: absolute;
    height: 100%;
    width: 50%;
    display: flex;
    top: -4px;
    right: 3px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 5px 0 5px;
}

/* 2カラム商品 */
.col_2 .welcome-sale-item__inner {
    position: absolute;
    top: 71%;
    right: -2px;
}
.welcome-sale .item .col_2 .welcome-sale-item__price .sub-price {
    font-size: .5em;
    color: #222222;
    font-weight: 400;
    font-family: 'Noto Sans JP';
}
.welcome-sale .item .col_2 .welcome-sale-item__price .main-price {
    font-weight: 400;
    font-size: 2.45em;
    color: #ffde67;
    margin-bottom: 0;
    font-family: 'Impact', sans-serif;
    letter-spacing: 1px;
    font-style: italic;
    z-index: 3;
    padding: 0 5px;
}
.welcome-sale .item .col_2 .welcome-sale-item__price .back-price {
    font-size: 2.58em;
    color: #000000;
    -webkit-text-stroke: 4px #000000;
    position: absolute;
    top: 0px;
    left: 0px;
    font-style: italic;
    letter-spacing: normal;
    text-shadow: 3px 2px 0px #000000;
    line-height: 1;
    font-family: 'Impact', sans-serif;
    font-weight: 900;
    padding: 0 5px;
}
.welcome-sale .item .col_2 .promo-icon {
    position: absolute;
    top: 29%;
    left: -30%;
    color: #ffff3f;
    font-weight: bold;
    text-align: center;
    line-height: 0;
    font-family: 'Noto Sans JP';
    letter-spacing: normal;
    font-size: 0.75em;
    width: 100%;
    z-index: 3;
}
.welcome-sale .item .col_2 .promo-icon span {
    font-size: 2em;
    font-family: 'Lato';
    line-height: 1.4;
}
.welcome-sale .item .col_2 .promo-icon-back {
    position: absolute;
    top: 29%;
    left: -30%;
    color: #e91359;
    -webkit-text-stroke: 7px #e91359;
    font-weight: bold;
    text-align: center;
    line-height: 0;
    font-family: 'Noto Sans JP';
    letter-spacing: normal;
    font-size: 0.75em;
    width: 100%;
}
.welcome-sale .item .col_2 .promo-icon-back span {
    font-size: 2em;
    font-family: 'Lato';
    line-height: 1.4;
}