@charset "UTF-8";

/*==============================================================================================
　SALE 関連
　https://shop.complex-biz.com/Contents/Page/group/
==============================================================================================*/

  /*ーーーーーーーーーーーー　PC表示　ページ単独のCSS　ーーーーーーーーーーーー*/
  .group-page-contents .container {width: 129.223rem;margin: 0 auto;padding-top: 8.6rem;position: relative;z-index: 2;}
  .group-page-contents .title {font-size: 4.67rem;font-family: "Noto Serif JP", serif;font-weight: 400;text-align: center;margin-bottom: 10px;color: #333333;}
  .group-page-contents .sub-title {font-family: "EB Garamond", serif;font-size: 2.22rem;letter-spacing: 0.02em;line-height: 1.5;margin-bottom: 4.45rem;text-align: center;display: flex;justify-content: center;align-items: center;color: #72CEC9;font-weight: 500;}
  .group-page-contents .sub-title::before {content: "";background: url(https://shop.complex-biz.com/Contents/Feature/ss25_04.png);width: 10px;height: 16px;background-size: contain;display: inline-block;margin-right: 1.33rem;margin-bottom: .33rem;}
  .group-page-contents .sub-title::after {content: "";background: url(https://shop.complex-biz.com/Contents/Feature/ss25_05.png);width: 1.11rem;height: 1.8rem;background-size: contain;display: inline-block;margin-left: 1.33rem;margin-bottom: .33rem;}
  .group-page-contents .lead {font-size: 1.56rem;line-height: 2;letter-spacing: 0;text-align: center;margin-bottom: 3rem;color: #222222;}
  .group-page-contents .image-area {width: 50%;}
  .group-page-contents .image-area img {mix-blend-mode: multiply;width: 100%;}
  .group-page-contents .main-content {display: flex;justify-content: center;gap: 6.66rem;align-items: center;padding-bottom: 80px;}
  .group-page-contents .coupon-box {width: 38%;text-align: center;}
  .group-page-contents .coupon-box .coupon-percent {width: 100%;mix-blend-mode: multiply;}
  .group-page-contents .coupon-label {font-size: 2rem;background: #72CEC9;color: #fff;font-family: "Noto Serif JP", serif;font-weight: 500;display: inline-block;padding: .2rem .6rem;margin-bottom: 5px;letter-spacing: .04em;}
  .group-page-contents .coupon-desc {font-size: 2rem;color: #333333;font-family: "Noto Serif JP", serif;font-weight: 500;letter-spacing: .1em;}
  .group-page-contents .coupon-percent {width: 100%;margin-top: 15px;margin-bottom: 20px;}
  .group-page-contents .coupon-percent {width: 100%;}
  .group-page-contents .coupon-percent img {width: 100%;mix-blend-mode: multiply;}
  .group-page-contents .coupon-box .coupon-code {background: #D4F0EE;border-radius: 2.44rem;font-family: "EB Garamond", serif;color: #707070;letter-spacing: 0.02em;line-height: 2;font-size: 2rem;margin-bottom: 7px;display: inline-block;padding: .35rem 5.5rem;}
  .group-page-contents .coupon-box .coupon-code strong {color: #333333;letter-spacing: 0.02em;line-height: 1.7;font-size: 2.44rem;display: inline-block;position: relative;top: 1px;font-weight: 400;}
  .group-page-contents .coupon-box .coupon-code img {width: 1.78rem!important;height: auto;margin-left: 1rem;position: relative;top: .2rem;}
  .group-page-contents .coupon-box .date {font-size: 1.78rem;}
  .group-page-contents .coupon-box .date span {font-size: 1.55rem;}
  .group-page-contents .coupon-box .date span .day {font-size: 1.44rem;}
  .group-page-contents {overflow: hidden;background: #fff;}
  .sale-login-pc p {display: block;width: 90rem;margin: 1.667rem auto;border: 1px solid #ED3B3B;padding:0.7rem 1.2rem;text-align: center;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-weight: 600;color: #ED3B3B;line-height: 1.4;font-size: 1.7rem;letter-spacing: 0.02em;}
  .sale-login-sp p {display: none;}
  .top-img p {max-width: 1200px;margin-left: auto;margin-right: auto;}
  .top-img img{width:100%;}
  .top-img {position: relative;height: auto;width: 100%;margin: 0 auto;opacity: 1 !important; }
  .top-img a {opacity: 1 !important; }
  .top-img-box {position: absolute;height: 600px;top: 0;z-index: -1; }
  .top-img-before {position: relative;z-index: -1;height: 39% !important;transition: transform 5s ease-out; }
  .top-img-after {position: relative;z-index: -1;height: 39% !important;margin-top: 11.67rem;transition: transform 5s ease-out; }
  .top-img {position: relative; }
  .top-img-box {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);pointer-events: none; }
  .top-img-before,.top-img-after {position: absolute;will-change: transform;animation-duration: 20s;animation-timing-function: linear;animation-iteration-count: infinite; }
  .top-img-before {top: 0;left: -50%;transform: translateX(-50%);animation-name: slideLeft; }
  .top-img-after {bottom: 0;left: 50%;transform: translateX(-50%);animation-name: slideRight; }
  .floating-coupon.pc-display {display: flex;}
  .floating-coupon {position: fixed;bottom: 20px;left: 77%;transform: translateX(-50%);display: flex;gap: 1rem;z-index: 9999;background: transparent;opacity: 0;pointer-events: none;transition: opacity 0.5s ease; }
  .floating-coupon.is-visible {opacity: 1;pointer-events: auto; }
  .floating-coupon button:active,
  .floating-coupon a:active {opacity: 0.8; }
  .pc-display {display: block; }
  .sp-display {display: none; }
  .coupon-link.login-link {color: #fff;background: #BA9D66; }
  .coupon-link {padding: 10px 20px;border-radius: 999px;border: none;cursor: pointer;font-size: 14px;white-space: nowrap;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: opacity 0.3s; }
  .coupon-link {background: #333333;border-radius: 2.67rem;font-family: 'Noto Serif JP', serif;color: #fff;letter-spacing: 0.04em;line-height: 2.5;font-size: 1.56rem;margin-bottom: 7px;display: inline-block;padding: 0.25rem 2.67rem;font-weight: 500; }
  .coupon-link.other-sale-link {color: #333;background: #D5E7EB; }
  a.coupon-link:hover {opacity: 1; }
  .coupon-code img {width: 1.8rem!important;}
  .productList  .coupon-code img {width: 1.8rem!important;height: auto;margin-left: 1.4rem;position: relative;top: .3rem;}
  .coupon-code {background: #D4F0EE;border-radius: 2.67rem;font-family: "EB Garamond", serif;color: #707070;letter-spacing: 0.02em;line-height: 2;font-size: 2rem;margin-bottom: 7px;display: inline-block;padding: 0.25rem 2.67rem; }
  .coupon-code span {color: #333333;letter-spacing: 0.02em;line-height: 1.7;font-size: 2rem;display: inline-block;position: relative;top: 1px;font-weight: 400; }
  .clear {clear: both; }
  .top-contents {width: 100%;margin: 0 auto;background: #fff;}
  .top-contents .top-contents-back {width: 100%;height: auto;position: absolute;z-index: 1;opacity: 1;height: 105rem !important;z-index: 2;pointer-events: none;}
  .ss-ttl-main.main-jp {font-family: 'Noto Serif JP', serif;font-size: 2rem;margin-top: 7.778rem;margin-bottom: 2.778rem;letter-spacing: 0.06em;}
  .ss-ttl-main {font-size: 3.34rem;font-family: 'EB Garamond', serif;font-weight: 500;text-align: center;margin-top: 6.5rem;margin-bottom: 10px;color: #333333;letter-spacing: 0.1em; }
  .sale-per {width: 125rem;margin: 0 auto;margin-top: 2.778rem;}
  .sale-per ul {display: flex;justify-content: space-evenly;gap: 1.667rem;}
  .sale-per ul li a {width: 30rem;height: 5.555rem;background: #52989D;color: #fff;position: relative;}
  .sale-per ul li a p {text-align: center;display: inline-block;position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);font-family: 'EB Garamond';font-size: 2.444rem;letter-spacing: 0.02em;white-space: nowrap;}
  .sale-per ul li a p span {font-size: 3.778rem;}
  .sale-per ul li a p span.jp-text {font-family: 'Noto Serif JP', serif;font-size: 2.222rem;letter-spacing: 0.04em;font-weight: 500;}
  .sale-per ul li a p span span {letter-spacing: 0.1em;}
  .cat-banner {width: 125rem;display: flex;justify-content: space-between;margin: 0 auto;padding-bottom: 3.333rem; }
  .cat-banner li {width: 30rem;overflow: hidden;position: relative; }
  .cat-banner li a {position: relative;display: block;outline: none;-webkit-appearance: none;border-radius: 0;border: none; }
  .cat-banner li a::before {position: absolute;content: "";background: #00000059;background-repeat: no-repeat;background-size: 100%;width: 100%;height: 100%;z-index: 1;transition: .2s; }
  .cat-banner li a:hover::before {opacity: 0;transition: .2s; }
  .cat-banner li .cate-ttl {position: absolute;color: #fff;font-family: garamond-premier-pro, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: 3.334rem;line-height: 1;top: 50%;left: 0;transform: translate(0, -50%);z-index: 2;width: 100%;text-align: center;letter-spacing: 0.02em; }
  .cat-banner li .cate-ttl span {display: block;font-size: 1.667rem;font-weight: 300;margin-top: 1rem;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;letter-spacing: 0; }
  .cat-banner li img {width: 100%; }
  .cate-sale-block {width: 125rem;margin: 0 auto;}
  .cate-sale-block ul {display: flex;flex-wrap: wrap;justify-content: space-evenly;column-gap: 1.667rem;row-gap: 2.222rem;margin-bottom: 7.778rem;}
  .cate-sale-block ul li a {width: 30rem;height: 4rem;color: #222222;position: relative;border-bottom: 1px solid #C0C0C0;}
  .cate-sale-block ul li a:hover {color: #52989D!important;opacity: 1;}
  .cate-sale-block ul li a:before {content: "";display: block;width: 1.555rem;height: 1.333rem;position: relative;background: url(https://shop.complex-biz.com/Contents/Feature/ss_summer25_05.png);background-size: cover;top: 1.2rem;}
  .cate-sale-block ul li a p {text-align: left;display: inline-block;position: absolute;top: 48%;left: 2.2rem;transform: translate(0, -50%);font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: 1.778rem;letter-spacing: 0;white-space: nowrap;}
  .BOX-notice{width:124.5rem;margin:0 auto 2% auto}
  .SALE-notice-list {list-style: none; /* デフォルトのマーカー（黒丸など）を消す */padding-left: 1.5em;   /* 余計なインデントをリセット */}
  .SALE-notice-list li{font-size:1.5rem;text-indent: -1.5em;}
  .SALE-notice-list li::before {content: "※";      /* 先頭に※を表示 */margin-right: 0.5em; /* ※とテキストの間に少しスペースをあける */}
  .BOX-notice p{font-size:1.7rem;text-indent: -0.5em; text-decoration: underline;margin-top:1%;color:#5472cd}

  /*ーーーーーーーーーーーー　PC表示　通常と仕様変更部分CSS　ーーーーーーーーーーーー*/
  .productList .itemListBox .itemList_item_icons .icon.icon_sale {background-color: #BA9D66;color: #fff;border: transparent;}
  .productList .itemListBox .itemList_item_price.special .price_after {color: #52989D;}
  .productList .itemListBox .itemList_item_price .price_off {background: #52989D;}
  .productList .product_search .search_word_input input {background-color: #fff;width: 80%;}
  .productList .product_flex .product_top .product_sortArea_sort {background-color: #fff;}
  .productList .product_flex {margin-top: 6rem;}
  .sale-text {background: #fff;padding: 4.444rem 0 6.667rem;}
  .sale-text p {width: 127rem;margin: 0 auto;font-size: 1.444rem;letter-spacing: 0;line-height: 1.6;}
  .sale-text p span {font-weight: 500;color: #ED3B3B;}
  #secondary {background: #F4FAF9;padding-bottom: 6rem;}
  .coupon-ss {overflow: visible;}
  .coupon-ss .coupon-ss__wrapper {max-width: 140rem;margin-left: auto;margin-right: auto;margin-top: 4.44rem;width: 80%;}
  .coupon-ss .swiper {overflow: visible;}
  .coupon-ss img {max-width: 100%;height: auto;}
  .swiper-button-prev {background-image: url(https://shop.complex-biz.com/Contents/Feature/slide-arrow-before01.png);left: unset;right: 5rem;}
  .swiper-button-next {background-image: url(https://shop.complex-biz.com/Contents/Feature/slide-arrow-after01.png);right: 0;}
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: none;}
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: none;}
  .swiper-button-next, .swiper-button-prev {width: 3.333rem;height: 3.333rem;background-repeat: no-repeat;background-size: contain;top: 36rem;}
  html {scroll-behavior: smooth;}
  .pc {display: block !important;}
  .tab {display: none !important;}
  .sp {display: none !important;}
  .group_mv {display: block !important;}
  .scene-block {position: relative;overflow: hidden;background: transparent linear-gradient(180deg, #FFFFFF 0%, #F3FAFA 9%, #F3FAFA 100%) 0% 0% no-repeat padding-box; margin-top: -80px;z-index: 0;}
  .scene-block-box {width: 127rem;margin: 0 auto;padding-top: 80px;}
  /* ヘッダー */
  .scene-head {position: relative;margin: 0 auto;text-align: center;width: 100rem;margin-bottom: 9rem; }
  .scene-label {background: #D0B261;display: inline-block;padding: 2px 7px;font-size: 2rem;font-weight: bold;color: #fff;font-family: 'Noto Serif JP', serif;position: absolute;left: 9rem;top: 3.7rem;transform: rotateZ(-15deg); }
  .scene-title {font-size: 3.33rem;font-weight: 400;margin: 0;line-height: 1.8;font-family: 'Noto Serif JP', serif; }
  .scene-title .with-logo {margin-top: 1.2rem;display: block;position: relative; }
  .scene-title .with-logo:before {content: "";background: url(https://shop.complex-biz.com/Contents/Feature/ss25_07.png);width: 100rem;height: 6.67rem;background-size: contain;display: inline-block;position: absolute;left: 0;bottom: 2.4rem; }
  .scene-title .with-logo img {width: 74.11rem;image-rendering: -webkit-optimize-contrast; }
  /* メインビジュアルとテキスト */
  .scene-main {display: flex;align-items: flex-start;gap: 5.55rem;padding-bottom: 80px;border-bottom: 1px solid #EBEBEB; }
  .scene-block-box:nth-of-type(2n) .scene-main {flex-direction: row-reverse; }
  .scene-flex {width: 50%;position: relative; }
  .scene-main .scene-flex:first-child {width: 47%; }
  .scene-text {flex: 1;text-align: left; }
  .scene-text h3 {font-size: 2.67rem;font-weight: 500;margin-bottom: 3.33rem;line-height: 1.85;font-family: 'Noto Serif JP', serif;letter-spacing: 0.02em;text-align: left; }
  .scene-text p {font-size: 1.556rem;line-height: 2;color: #333;margin-bottom: 6rem; }
  .scene-image {flex: 1;text-align: left; }
  .scene-image img {max-width: 100%;height: auto;border-radius: 4px; }
  /* 商品一覧 */
  .scene-products {display: flex;gap: 5.55rem; }
  .product {flex: 1;text-align: left; }
  .scene-block-box .scene-main .scene-flex:nth-of-type(2n) .product {position: absolute;bottom: 2.2rem; }
  .scene-block-box .scene-main .scene-flex:nth-of-type(2n) .product {position: absolute;bottom: 2.45rem; }
  .scene-block-box:nth-of-type(2n) .scene-main .scene-flex:nth-of-type(2n) .product {left: 23.556rem; }
  .scene-block-box:nth-of-type(4) .scene-main {border-bottom: none; }
  .product img {width: 100%;height: auto;margin-bottom: 1.667rem; }
  .product-name {font-size: 1.4rem;line-height: 1.4;margin-bottom: 1rem;text-align: left;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 3.918rem; }
  .product-price {font-size: 1.2rem;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;color: #505050;line-height: 1;letter-spacing: 0.08em; }
  .price-original {color: #505050;font-size: 1.6rem;font-weight: 400;line-height: 1;font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .price-original span {font-size: 1.2rem;margin-right: 0.4rem;font-weight: 400;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .arrow-product {font-size: 1.3rem;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;margin-right: .4rem; }
  .price-sale {font-size: 1.8rem;color: #ED3B3B;font-weight: 500;font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;letter-spacing: 0.08em; }
  .price-sale span {font-size: 1.2rem;margin-right: 0.4rem;font-weight: 600;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .ss-ttl-sub {font-size: 1.667rem;font-weight: 400;text-align: center;margin-bottom: 4rem;color: #333333;letter-spacing: 0;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .ss-arrange-content {width: 100%;position: relative;height: 49rem; }
  .ss-arrange-content img {width: 90%;position: absolute;display: flex;margin-left: auto;max-width: 144rem;right: 0; }
  .ss-arrange-content-box {height: inherit;margin: 6.17rem 0 4.44rem; }
  .ss-arrange-content-text {position: relative;top: 16.67rem;z-index: 2;width: 77.78rem;text-align: center;margin-right: 66.1rem;float: right; }
  .ss-arrange-content h2 {text-align: center;font-size: 3.33rem;font-weight: 400;margin: 0;line-height: 1.8;font-family: 'Noto Serif JP', serif;letter-spacing: 0.06em; }
  .ss-arrange-content p {font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: 1.556rem;line-height: 2;text-align: center;margin-top: 3.5rem; }
  .option-text {margin: 0 auto;margin-top: 7.78rem;display: block;width: 80.7%;max-width: 1150px;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: 1.44rem;line-height: 1.6;margin-bottom: 8.88rem;color: #505050; }
  /* スライドトラック */
  .slide-track {display: flex;width: 300%; /* 画像2枚分 */animation-duration: 20s;animation-timing-function: linear;animation-iteration-count: infinite; }
  p {font-size: 1.5rem; }
  .coupon h1 {position: relative;padding: 1em;text-align: center;background: #cedbef;color: #5472cd; }
  .coupon p {text-align: center;padding: 1em;font-size: 1.5rem; }
  .heading-16 {display: flex;justify-content: center;align-items: center;color: #333333; }
  .heading-16::before,
  .heading-16::after {width: 3px;height: 40px;background-color: #2589d0;content: ''; }
  .heading-16::before {transform: rotate(-35deg);margin-right: 30px; }
  .heading-16::after {transform: rotate(35deg);margin-left: 30px; }





/*==============================================================================================
　メディアクエリ　W1200px  タブレット　横
==============================================================================================*/
  @media screen and (max-width: 1200px) {
  .group-page-contents .container {  width: calc(100vw / 1200 * 1150);  margin: 0 auto;  padding-top: calc(100vw / 750 * 56);   }
  .sale-login-pc p {width: 105rem;font-size: 2.2rem;}
  .SALE-notice-list li{font-size:2.2rem;}
  .BOX-notice p{font-size:2.2rem;}
  .ss-ttl-main.main-jp {font-size: 3rem;}
  .ss-ttl-main {font-size: 4rem;}
  .cat-banner {width: 130rem; }
  .cat-banner li {width: 31rem; }
  .cate-sale-block {width: 130rem;}
  .cate-sale-block ul li a {width: 31rem;height: 5rem;}
  .cate-sale-block ul li a p {font-size: 3rem;}
  .cate-sale-block ul li a:before {width: 2rem;height: 1.8rem;top: 1.2rem;}
  .floating-coupon {left: 65%;}
  .coupon-link {border-radius: 3.4rem;font-size: 2.5rem;}

  }

/*==============================================================================================
　メディアクエリ　W834px  タブレット　縦
==============================================================================================*/
  @media screen and (max-width: 834px) {
  .group-page-contents .container {  width: calc(100vw / 834 * 834);  margin: 0 auto;  padding-top: calc(100vw / 750 * 56);   }
  .sale-login-pc p {width: 120rem;font-size: 2.4rem;}
  .BOX-notice{width:145rem;font-size:2.4rem;}
  .SALE-notice-list li{font-size:2.4rem;}
  .ss-ttl-main.main-jp {font-size: 4rem;}
  .ss-ttl-main {font-size: 4.5rem;}
  .sale-per {width: 130rem;}
  .sale-per ul li a {width: 38rem;height: 7rem;}
  .sale-per ul li a p {font-size: 3.5rem;}
  .sale-per ul li a p span {font-size: 4rem;}
  .sale-per ul li a p span.jp-text {font-size: 3rem;}
  .cat-banner {width: 150rem; }
  .cat-banner li {width: 35.6rem; }
  .cat-banner li .cate-ttl {font-size: 4.5rem; }
  .cat-banner li .cate-ttl span {font-size: 2.5rem;}
  .cate-sale-block {width: 150rem;}
  .cate-sale-block ul li a {width: 35.5rem;height: 5rem;}
  .cate-sale-block ul li a p {font-size: 3rem;}
  .cate-sale-block ul li a:before {width: 2rem;height: 1.8rem;top: 1.5rem;}
  .floating-coupon {left: 66%;/*transform: translateX(-80%);display: flex;gap: 1rem;z-index: 9999;background: transparent;opacity: 0;pointer-events: none;transition: opacity 0.5s ease; */}
  .coupon-link {/*padding: 10px 20px;border-radius: 999px;border: none;cursor: pointer;font-size: 14px;white-space: nowrap;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: opacity 0.3s; */}
  .coupon-link {/*background: #333333;*/border-radius: 3.8rem;/*font-family: 'Noto Serif JP', serif;color: #fff;letter-spacing: 0.04em;line-height: 2.5;*/font-size: 2.9rem;/*margin-bottom: 7px;display: inline-block;padding: 0.25rem 2.67rem;font-weight: 500; */}
 .top-contents .top-contents-back {/*width: 100%;height: auto;position: absolute;z-index: 1;opacity: 1;*/height: 40rem !important;/*z-index: 2;pointer-events: none;*/}
  }
/*==============================================================================================
　メディアクエリ　W767px  スマホ
==============================================================================================*/

  /*ーーーーーーーーーーーーーーー　メディアクエリ表示　使用中CSS　ーーーーーーーーーーーーーーー*/
  @media screen and (max-width: 767px) {
  .group-page-contents .container {  width: calc(100vw / 750 * 613);  margin: 0 auto;  padding-top: calc(100vw / 750 * 56);   }
  .group-page-contents .title {  font-size: calc(100vw / 750 * 50);  margin-bottom: calc(100vw / 750 * 15);  white-space: nowrap;    position: relative;    left: calc(100vw / 750 * -20);}
  .group-page-contents .sub-title {  font-size: calc(100vw / 750 * 28);  letter-spacing: 0.02em;  line-height: 1.5;  margin-bottom: calc(100vw / 750 * 60);}
  .group-page-contents .sub-title::before {  content: "";  background: url(https://shop.complex-biz.com/Contents/Feature/ss25_04.png);  width: calc(100vw / 750 * 15);  height: calc(100vw / 750 * 24);  background-size: cover;  display: inline-block;  margin-right: calc(100vw / 750 * 12);  margin-bottom: calc(100vw / 750 * 3);}
  .group-page-contents .sub-title::after {  content: "";  background: url(https://shop.complex-biz.com/Contents/Feature/ss25_05.png);  width: calc(100vw / 750 * 15);  height: calc(100vw / 750 * 24);  background-size: cover;  display: inline-block;  margin-left: calc(100vw / 750 * 12);  margin-bottom: calc(100vw / 750 * 3);}
  .group-page-contents .lead {  font-size: calc(100vw / 750 * 26);  margin-bottom: calc(100vw / 750 * 34);}
  .group-page-contents .image-area {  width: 100%;}
  .group-page-contents .image-area img {  mix-blend-mode: multiply;  width: 100%;}
  .group-page-contents .main-content {  flex-direction: column;  gap: calc(100vw / 750 * 50);  align-items: center;  padding-bottom: calc(100vw / 750 * 140);}
  .group-page-contents .coupon-box {  width: 100%;  text-align: center;}
  .group-page-contents .coupon-box .coupon-percent {  width: 100%;  mix-blend-mode: multiply;}
  .group-page-contents .coupon-label {  font-size: calc(100vw / 750 * 28);  padding: .2rem .4rem;  margin-bottom: calc(100vw / 750 * 8);}
  .group-page-contents .coupon-desc {  font-size: calc(100vw / 750 * 28);}
  .group-page-contents .coupon-percent {  width: 100%;  margin-top: calc(100vw / 750 * 24);  margin-bottom: calc(100vw / 750 * 20);}
  .group-page-contents .coupon-percent {  width: 100%;}
  .group-page-contents .coupon-percent img {  width: 100%;  mix-blend-mode: multiply;}
  .group-page-contents .coupon-box .coupon-code {  font-size: calc(100vw / 750 * 30);  margin-bottom: calc(100vw / 750 * 18);  padding: calc(100vw / 750 * 3) calc(100vw / 750 * 3);  width: 100%;}
  .group-page-contents .coupon-box .coupon-code strong {  font-size: calc(100vw / 750 * 40);  top: 1px;}
  .group-page-contents .coupon-box .date {  font-size: calc(100vw / 750 * 32);}
  .group-page-contents .coupon-box .date span {  font-size: calc(100vw / 750 * 26);}
  .group-page-contents .coupon-box .date span .day {  font-size: calc(100vw / 750 * 26);}
  .group-page-contents .coupon-box .coupon-code img {margin-left: .8rem; }
  .group-page-contents {  overflow: hidden;}
  .sale-login-sp p {display: block;width: calc(100vw / 750 * 700);margin: calc(100vw / 750 * 20) auto;line-height: calc(100vw / 750 * 34);font-size: calc(100vw / 750 * 30);letter-spacing: 0;padding-top: calc(100vw / 750 * 8);text-align: left;border: 1px solid red;color: red;padding:2% 4%;}
  .sale-login-pc p {display: none;}
  .top-img {  width: 100%;  height: auto;}
  .top-img a {  opacity: 1 !important;}
  .top-img-box {  display: none;}
  .top-img-before {  position: relative;  z-index: -1;  height: 39% !important;  transition: transform 5s ease-out;}
  .top-img-after {  position: relative;  z-index: -1;  height: 39% !important;  margin-top: 11.67rem;  transition: transform 5s ease-out;}
  .top-img {  position: relative;}
  .top-img-box {  position: absolute;  top: 50%;  left: 50%;  width: 100%;  transform: translate(-50%, -50%);  pointer-events: none;}
  .top-img-before,.top-img-after {  position: absolute;  transition: transform 5s ease-out;  will-change: transform;}
  .top-img p {  max-width: 600px;  margin-left: auto;  margin-right: auto;}
  /* 上：中央→左 */.top-img-before {  top: 0;  left: 50%;  transform: translateX(-50%);}
  /* 下：中央→右 */.top-img-after {  bottom: 0;  left: 50%;  transform: translateX(-50%);}
  /* ホバーで一度だけスライド */.top-img:hover .top-img-before {  transform: translateX(-70%);}
  .top-img:hover .top-img-after {  transform: translateX(-30%);}
  .floating-coupon.sp-display {  display: flex;}
  .floating-coupon {  gap: 0.1rem;}
  .top-contents {  width: 100%;  margin: 0 auto;}
  .floating-coupon.pc-display {display: none;}
  .floating-coupon {  left: calc(30 * (100vw / 750));    flex-direction: column;    bottom: calc(100vw / 750 * 20);    transform: unset;}
  .floating-coupon button:active,.floating-coupon a:active {  opacity: 0.8;}.pc-display {  display: none;}.sp-display {  display: block;}
  .coupon-link.other-sale-link {  width: fit-content;}
  .coupon-code,.coupon-link {  padding: 10px 20px;  border-radius: 999px;  border: none;  cursor: pointer;  font-size: 14px;  white-space: nowrap;  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  transition: opacity 0.3s;}
  .coupon-link {  padding: 0.25rem calc(100vw / 750 * 24);  font-size: calc(100vw / 750 * 26);  text-align: center;}
  a.coupon-link:hover {  opacity: 1;}
  .coupon-code img {margin-left: .6rem; }.scene-title {  font-size: calc(100vw / 750 * 38);}
  .coupon-code {  font-size: calc(100vw / 750 * 24);  padding: 0.25rem calc(100vw / 750 * 24);}
  .coupon-code span {  font-size: calc(100vw / 750 * 34);}
  .top-contents .top-contents-back {  height: calc(100vw / 750 * 1777) !important;}
  .ss-ttl-main.main-jp {font-family: 'Noto Serif JP', serif;font-size: calc(100vw / 750 * 32);margin-top: calc(100vw / 750 * 70);margin-bottom: calc(100vw / 750 * 40);letter-spacing: 0.06em;}
  .sale-per {width: calc(100vw / 750 * 675);margin: 0 auto;margin-top: calc(100vw / 750 * 40);}
  .sale-per ul {display: flex;justify-content: space-evenly;gap: calc(100vw / 750 * 19);flex-wrap: wrap;}
  .sale-per ul li a {width: calc(100vw / 750 * 328);height: calc(100vw / 750 * 90);}
  .sale-per ul li a p {text-align: center;display: inline-block;position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);font-family: 'EB Garamond';font-size: calc(100vw / 750 * 30);letter-spacing: 0.02em;white-space: nowrap;}
  .sale-per ul li a p span {font-size: calc(100vw / 750 * 50);}
  .sale-per ul li a p span.jp-text {font-family: 'Noto Serif JP', serif;font-size: calc(100vw / 750 * 30);letter-spacing: 0.04em;font-weight: 500;}
  .sale-per ul li a p span span {letter-spacing: 0.1em;}
  .cat-banner {  width: calc(100vw / 750 * 675);  display: flex;  flex-wrap: wrap;  gap: calc(100vw / 750 * 20);  padding-bottom: calc(100vw / 750 * 40);  border-bottom: none;}
  .cat-banner li {  width: calc(100vw / 750 * 327);}
  .cat-banner li a {  height: calc(100vw / 750 * 218);}
  .cat-banner li a::before {  position: absolute;  content: "";  background: #00000059;  background-repeat: no-repeat;  background-size: 100%;  width: 100%;  height: 100%;  z-index: 1;  transition: .2s;}
  .cat-banner li a:hover::before {  opacity: 0;  transition: .2s;}
  .cat-banner li .cate-ttl {  font-size: calc(100vw / 750 * 50);}
  .cat-banner li .cate-ttl span {  font-size: calc(100vw / 750 * 30);  margin-top: calc(100vw / 750 * 10);}
  .cat-banner li img {  width: 100%;}
  .cate-sale-block {width: calc(100vw / 750 * 675);margin: 0 auto;}
  .cate-sale-block ul {display: flex;flex-wrap: wrap;justify-content: space-evenly;column-gap: calc(100vw / 750 * 19);row-gap: calc(100vw / 750 * 40);margin-bottom: calc(100vw / 750 * 100);}
  .cate-sale-block ul li a {width: calc(100vw / 750 * 328);height: calc(100vw / 750 * 58);color: #222222;position: relative;border-bottom: 1px solid #C0C0C0;}
  .cate-sale-block ul li a:hover {color: #52989D!important;opacity: 1;}
  .cate-sale-block ul li a:before {content: "";display: block;width: calc(100vw / 750 * 20);height: calc(100vw / 750 * 20);position: relative;background: url(https://shop.complex-biz.com/Contents/Feature/ss_summer25_05.png);background-size: cover;top: calc(100vw / 750 * 18);}
  .cate-sale-block ul li a p {text-align: left;display: inline-block;position: absolute;top: 48%;left: calc(100vw / 750 * 30);transform: translate(0, -50%);font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: calc(100vw / 750 * 36);letter-spacing: 0;white-space: nowrap;}
  .BOX-notice{max-width: 38rem;margin:0 7% 2% 4%;font-size:1.7rem;}
  .BOX-notice p{font-size:1.7rem;margin:2% 5% 2% 3%;}
  .SALE-notice-list li{font-size: 1.7rem;} 

  /*ーーーーーーーーーーーーーーー　SP表示　通常と仕様変更部分CSS　ーーーーーーーーーーーーーーー*/
  .productList .product_search .search_word_input input {background-color: #fff;width: 80%;}
  .productList .product_flex .product_top .product_sortArea_sort {background-color: #fff;}
  .productList .product_flex {margin-top: 4rem;}
  .sale-text {background: #fff;padding: calc(100vw / 750 * 40) 0 calc(100vw / 750 * 70);}
  .sale-text p {width: calc(100vw / 750 * 680);margin: 0 auto;font-size: calc(100vw / 750 * 24);letter-spacing: 0;line-height: calc(100vw / 750 * 38.4);}
  .sale-text p span {font-weight: 500;color: #ED3B3B;}
  .coupon-ss .coupon-ss__wrapper {margin-right: 0;margin-left: calc(100vw / 750 * 67);width: calc(100vw / 750 * 350);margin-top: calc(100vw / 750 * 100);padding-bottom: calc(100vw / 750 * 80);}
  .coupon-ss .swiper-slide {margin-right: calc(100vw / 750 * 23)!important;}
  .swiper-button-next, .swiper-button-prev {width: calc(100vw / 750 * 60);height: calc(100vw / 750 * 60);top: calc(100vw / 750 * 410);right: unset;left: calc(100vw / 750 * 550);}
  .swiper-button-prev {right: unset;left: calc(100vw / 750 * 460);}
  .scene-block {  margin-top: calc(100vw / 750 * -140);}
  .scene-block-box {  width: calc(100vw / 750 * 684);  margin: 0 auto;  max-width: 1176px;  padding-top: calc(100vw / 750 * 80);}
  /* ヘッダー */
  .scene-head {  width: 100%;  margin-bottom: calc(100vw / 750 * 40);}
  .scene-label {  padding: calc(100vw / 750 * 3) calc(100vw / 750 * 16);  font-size: calc(100vw / 750 * 24);  left: calc(100vw / 750 * 39);  top: calc(100vw / 750 * 45);  transform: rotateZ(-15deg);}
  .scene-title .with-logo {  margin-top: calc(100vw / 750 * 12);}
  .scene-title .with-logo:before {  display: none;}
  .scene-title .with-logo img {  width: 100%;  image-rendering: -webkit-optimize-contrast;}
  /* メインビジュアルとテキスト */
  .scene-main {  display: flex;  align-items: flex-start;  gap: calc(100vw / 750 * 80);  padding-bottom: calc(100vw / 750 * 80);  border-bottom: 1px solid #EBEBEB;  flex-direction: column-reverse;  margin-right: calc(100vw / 750 * 15);  margin-left: calc(100vw / 750 * 15);}
  .scene-block-box:nth-of-type(2n) .scene-main {  flex-direction: column-reverse;}
  .scene-flex {  width: 100%;}
  .scene-main .scene-flex:first-child {  width: 100%;}
  .scene-text {  flex: 1;  text-align: left;}
  .scene-text h3 {  font-size: calc(100vw / 750 * 36);  margin-bottom: calc(100vw / 750 * 40);  line-height: 1.85;  letter-spacing: 0;}
  .scene-text p {  font-size: calc(100vw / 750 * 26);  line-height: 1.8;  margin-bottom: calc(100vw / 750 * 44);}
  .scene-image {  flex: 1;  text-align: left;}
  .scene-image img {  max-width: 100%;  height: auto;  border-radius: 4px;}
  /* 商品一覧 */.scene-products {  display: flex;  gap: calc(100vw / 750 * 33);}
  .scene-flex .product {  flex: 1;  text-align: left;  width: calc(100vw / 750 * 290);}
  .product {  flex: 1;  text-align: left;  width: calc(100vw / 750 * 400);}
  .scene-block-box .scene-main .scene-flex:nth-of-type(2n) .product {  position: absolute;  bottom: calc(100vw / 750 * -20);  width: calc(100vw / 750 * 400);}
  .scene-block-box:nth-of-type(2n) .scene-main .scene-flex:nth-of-type(2n) .product {  left: calc(100vw / 750 * 265);}
  .scene-block-box:nth-of-type(4) .scene-main {  border-bottom: none;}
  .product img {  width: 100%;  height: auto;  margin-bottom: calc(100vw / 750 * 20);}
  .product-name {  font-size: calc(100vw / 750 * 26);  line-height: 1.4;  margin-bottom: calc(100vw / 750 * 16);  min-height: calc(100vw / 750 * 69);  width: calc(100vw / 750 * 400);}.scene-flex .product-name {  width: 100%;}
  .product-price {  font-size: calc(100vw / 750 * 22);  letter-spacing: 0.05em;}
  .price-original {  font-size: calc(100vw / 750 * 30);}
  .price-original span {  font-size: calc(100vw / 750 * 22);  margin-right: calc(100vw / 750 * 6);}
  .arrow-product {  font-size: calc(100vw / 750 * 22);  margin-right: calc(100vw / 750 * 6);}
  .price-sale {  font-size: calc(100vw / 750 * 30);  letter-spacing: 0.05em;  line-height: 1.5;}.price-sale {  font-size: calc(100vw / 750 * 34);  letter-spacing: 0.05em;  line-height: 1.5;}.scene-block-box .scene-main .scene-flex:nth-of-type(2n) .product .price-sale {  line-height: 1;}
  .ss-ttl-sub {  font-size: calc(100vw / 750 * 24);  margin-bottom: calc(100vw / 750 * 54);}
  .ss-arrange-content {  width: 100%;  position: relative;  height: calc(100vw / 750 * 793);}
  .ss-arrange-content img {  width: calc(100vw / 750 * 723);  max-width: calc(100vw / 750 * 723);}
  .ss-arrange-content-box {  height: inherit;  margin: calc(100vw / 750 * 40) 0 calc(100vw / 750 * 60);}
  .ss-arrange-content-text {  position: relative;    top: calc(100vw / 750 * 320);    z-index: 2;    width: calc(100vw / 750 * 650);    text-align: left;    margin-right: calc(100vw / 750 * 40);    float: right;    height: calc(100vw / 750 * 488);}
  .ss-arrange-content h2 {  text-align: left;    font-size: calc(100vw / 750 * 45);    font-weight: 400;    margin: 0;    line-height: 1.68;    font-family: 'Noto Serif JP', serif;    margin-bottom: calc(100vw / 750 * 60);}
  .ss-arrange-content p {  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;    font-size: calc(100vw / 750 * 26);    text-align: left;    line-height: 1.8;    margin-top: 0;}
  .option-text {  margin: 0 auto;    margin-top: calc(100vw / 750 * 60);    display: block;    width: calc(100vw / 750 * 680);    max-width: 1150px;    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;    font-size: calc(100vw / 750 * 24);    line-height: 1.6;    margin-bottom: calc(100vw / 750 * 60);    color: #505050;}
  .block-Slider ul {width: calc(100vw / 750 * 615);margin: 0 auto; }
  .block-Slider .slick-slider .slick-list {overflow: visible; }
  .block-Slider ul .slick-prev, .block-Slider ul .slick-next {display: none!important; }
  .block-Slider ul li.list {min-height: calc(100vw / 750 * 551); }
  .recommend_slider .product_img {margin-bottom: calc(100vw / 750 * 17); }
  .recommend_slider .icon {    margin-right: calc(15 * (100vw / 750));    margin-bottom: calc(10 * (100vw / 750));    padding: calc(8 * (100vw / 750)) calc(9 * (100vw / 750)) calc(4 * (100vw / 750));    font-size: calc(26 * (100vw / 750)); }
  .recommend_slider .product_name {    font-size: calc(26 * (100vw / 750));    line-height: calc(36 * (100vw / 750));    margin-bottom: calc(25 * (100vw / 750)); }
  .product_price {font-family: "futura-pt", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: 1.8rem;font-weight: 500; }
  .product_price strike .priceBefore {    font-size: calc(30 * (100vw / 750));font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .product_price strike .priceAfter {    font-size: calc(30 * (100vw / 750));font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .product_price .yen {font-size: 1rem;margin-right: 0.1rem;font-weight: 600;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .product_price .price_sale .yen {    margin-right: 0; }
  .product_price .price_sale .priceAfter {font-size: 1.6rem;font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
  .product_price .price_sale .tax {    font-size: calc(20 * (100vw / 750));    margin-left: calc(5 * (100vw / 750)); }
  .product_price .tax {    font-size: calc(20 * (100vw / 750));    margin-left: calc(5 * (100vw / 750)); }
  .product_price strike{    display: inline-block;    margin-right: 0;    margin-bottom: calc(5 * (100vw / 750));    font-size: calc(26 * (100vw / 750));    margin-right: 60%; }
  .product_price strike .yen {    font-size: calc(22 * (100vw / 750)); }
  .product_price .special .price_sale{    display: inline-block;    margin-top: calc(2 * (100vw / 750));    margin-left: 0; }
  .product_price .discountRateS{padding: calc(6 * (100vw / 750)) calc(5 * (100vw / 750));    font-size: calc(26 * (100vw / 750));    margin-left: calc(9 * (100vw / 750 ));    margin-top: 0;    margin-right: 0; }
  .product_price {    letter-spacing: 0.05em;}.product_price .special{  letter-spacing: 0.05em;}.recommend_slider_wrapper .slick-dotted.slick-slider {margin-bottom: calc(100vw / 750 * 80);margin-top: calc(100vw / 750 * 100); }
  .block-Slider .slick-slide > div:has([class=""]) {margin-bottom: calc(100vw / 750 * 60); } 
  .top-text{padding-top: 2.5%; }
}

/*==============================================================================================
　アニメーション定義
==============================================================================================*/

@keyframes slideLeft {
  0% {transform: translateX(-20%); }
  100% {transform: translateX(-150%); } }

@keyframes slideRight {
  0% {transform: translateX(-180%); }
  100% {transform: translateX(-50%); } }


/*==============================================================================================
　メディアクエリ　W770px
==============================================================================================*/

@media screen and (max-width: 770px) {
.body{padding-left: 2%;padding-right: 2%; }
.pc {  display: none !important;}
.tab {  display: block !important;}
.sp {  display: none !important;}
p {  font-size: 3rem;}

 }

/*==============================================================================================
　メディアクエリ　W500px
==============================================================================================*/
@media screen and (max-width: 500px) {
.body{padding-left: 5%;padding-right: 5%; } 
.pc {  display: none !important;}
.tab {  display: none !important;}
.sp {  display: block !important;}
p {  font-size: 1rem;}
.BOX-notice{max-width: 350px;} 
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　Slider
 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
 
.block-Slider ul {margin: 0 auto 3rem;width: 127rem;margin: 0 auto; }
.block-Slider .slick-slide > div:has([class=""]) {
  display: flex;
  margin-bottom: 4.444rem; }

.block-Slider ul li.list{padding: 0 1rem;position: relative;display: flex !important;flex-direction: column; }
.block-Slider .slick-slider .slick-list{padding: 1.5rem 0 0;margin: -1.5rem 0; }
.recommend_slider_wrapper .slick-dotted.slick-slider {
  margin-bottom: 6.6rem;
  margin-top: 4.444rem; }
.block-Slider ul .slick-next:before,
.block-Slider ul .slick-prev:before {content: "";background-image: url(/Contents/ImagesPkg/top/arrow_s_black.svg);width: 2.6rem;height: 1.2rem;background-size: contain;background-repeat: no-repeat;position: absolute;top: 40%;right: 25%; }
.block-Slider ul .slick-prev:before {transform: scale(-1, 1); }
.block-Slider ul .slick-prev, 
.block-Slider ul .slick-next {width: 5.4rem;height: 5.4rem;    z-index: 10;    border: 1px solid #C0C0C0;    border-radius: 50%;    top: 54%;    background: #fff; }
.block-Slider ul .slick-prev:hover, 
.block-Slider ul .slick-next:hover {border: 1px solid #333;border-radius: 50%; }
.block-Slider ul .slick-prev {left: -6.5rem; }
.block-Slider ul .slick-next {right: -6.5rem; }
.gift-guide .slick-dots{bottom: 0;position: inherit;margin-top: 3rem; }
.gift-guide .slick-dots li {width: 0.6rem;height: 0.6rem;margin: 0 1.5rem;border: 1px solid #333333;border-radius: 50%; }
.gift-guide .slick-dots li.slick-active {
  background: #333333; }
.gift-guide .slick-dots li button{width: 100%;height: 100%; } 
.gift-guide .slick-dots li button:before{
  content: none; }
.gift-guide .link_btn{background: #333333;color: #fff;margin: auto;text-align: center;width: 23.8rem;
 }
.recommend_slider_wrapper .slick-dots{bottom: 0;position: inherit;margin-top: 3rem; }
.recommend_slider_wrapper .slick-dots li {width: 0.88rem;height: 0.88rem;margin: 0 1.5rem;border: 1px solid #333333;border-radius: 50%; }
.recommend_slider_wrapper .slick-dots li.slick-active {
  background: #333333; }
.recommend_slider_wrapper .slick-dots li button{width: 100%;height: 100%; } 
.recommend_slider_wrapper .slick-dots li button:before{
  content: none; }
.recommend_slider_wrapper .link_btn a:hover{
  opacity: 0.5; }
.gift-guide .link_btn a{    
  font-family: garamond-premier-pro,'Noto Serif JP',serif;font-size: 2rem;line-height: 6.4rem; }
.mgift-guide .link_btn:hover{
  opacity: 0.5; }
.recommend_slider .product_img {margin-bottom: 1.667rem; }
.recommend_slider .icons {width: 100%;margin: 0;display: flex;flex-wrap: wrap; }
.recommend_slider .icon.icon_sale {background-color: #BA9D66;color: #fff;border: transparent;border: 1px solid #BA9D66; }
.recommend_slider .icon {background-color: none;color: #C1888B;border: transparent; }
.recommend_slider .icon {margin-right: .8rem;margin-bottom: .8rem;padding: .5rem .7rem .3rem;border: 1px solid #C1888B;font-size: 1.4rem;line-height: 1;letter-spacing: 0.1em;color: #C1888B;font-family: garamond-premier-pro, serif;width: max-content;display: inline-block; }
.recommend_slider .product_name {font-size: 1.4rem;line-height: 1.4;margin-bottom: 1.4rem;text-align: left;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: 0.08em; }
.product_img .soldout{position: absolute;background: rgb(51 51 51 / 35%);color: #fff;width: 100%;left: 0;top: 0;height: 100%;font-family: garamond-premier-pro, serif;letter-spacing: 0.12em;font-size: 2.4rem;display: flex;align-items: center;justify-content: center; }
.product_price {font-family: "futura-pt", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;font-size: 1.8rem;font-weight: 500; }
.product_price strike .priceBefore {font-size: 1.6rem;font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
.product_price strike .priceAfter {font-size: 1.6rem;font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
.product_price .yen {font-size: 1rem;margin-right: 0.1rem;font-weight: 600;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
.product_price .price_sale .yen {font-size: 1.2rem;margin-right: 0.1rem;font-weight: 600;font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }
.product_price .price_sale .priceAfter {font-size: 1.6rem;font-family: futura-pt, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; }

.product_price .price_sale .tax {font-size: 1rem;margin-left: 0.4rem;font-weight: 600; }
.product_price .tax {font-size: 1rem;margin-left: 0.4rem;font-weight: 600; }
.product_price strike{font-size: 1.4rem;margin-right: 0.8rem; }
.product_price strike .yen {font-size: 1rem;margin-right: 0.1rem; }
.product_price .special{display: flex;flex-wrap: wrap;align-items: baseline;letter-spacing: 0.08em; }
.product_price .special .price_sale{color: #52989D;margin-left: 0.5rem; }
.product_price .discountRateS{background: #52989D;color: #fff;font-size: 1.4rem;font-weight: normal;text-align: center;margin-top: 0.5rem;margin-right: calc((100% - 7.5rem));display: inline-block;padding: .3rem .3rem .2rem; }
.productList .itemListBox .itemList_item_price.special .price_before::after {position: absolute;content: '';width: 100%;height: 1px;top: 50%;display: block;transform: translateY(-50%);background-color: #333; }


.gift-guide .cbiz-gift-guide-flex-flex .link_btn {background: initial;max-width: 91%;margin-left: 2rem; }
.gift-guide .cbiz-gift-guide-flex-flex .link_btn a {background: #333333;margin-top: 5px;display: block;line-height: 5rem;font-size: 1.8rem; }