@charset "utf-8";
/* CSS Document */

.text-yellow {color: #FFCE22 !important;}
/*カテゴリーのメニュー---------------------------------------------------*/
.swiper-shop-category{width: calc(100% + 1em);margin-left: -0.5em;margin-right: -0.5em;}
.swiper-shop-category .swiper-slide {padding: 0.5em;height: auto;}
/**/
.item-category-slide{display: flex;height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0.5em;}
.item-category-slide-image{display: block;width: 62%; height: 62%;margin: 0 auto; margin-bottom: 0.5em;min-height: 0}
.item-category-slide-text{display: block;width: 100%;text-align: center;font-size: 0.9em;}
/**/
.item-category-slide.current {background-color:#E1E1E1; color: #404040;box-shadow: inset 0.2em 0.2em 0.6em #E1E1E1, inset -0.2em -0.2em 0.6em #EFEFEF;border: 1px solid  #E1E1E1; }
.item-category-slide:hover,
.item-category-slide:active,
.item-category-slide:focus { background-color:#E1E1E1; color: #404040;box-shadow: inset 0.2em 0.2em 0.6em #E1E1E1, inset -0.2em -0.2em 0.6em #EFEFEF;border: 1px solid  #E1E1E1; }
/*商品一覧---------------------------------------------------*/
.section-goods {}
/**/
.card-goods{background: #fff;padding: 0.5em;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;overflow: hidden}
.card-goods-body{margin-bottom: 1em;margin-left: -0.5em;margin-right: -0.5em;margin-top: -0.5em;}
.card-goods-price {font-size: 1.2em;}
.card-goods-image-sold::after {content: "";position: absolute;font-weight: normal;top: 0;right: 0%;line-height: 1;z-index: 1;}
.card-goods-image-sold::before {content: "";position: absolute;font-weight: normal;top: 0;right: 0%;line-height: 1;background-image: url("../images/ic-soldout.png");background-repeat: no-repeat; background-size: 100% auto; background-position: center;width: 46%;height: 46%;z-index: 1;}
.goods-tn .card-goods-image-sold::before{width: 46%;height: 46%;}
.card-goods-image{width: 100%;}
.card-goods-title{font-size: 0.9em;font-weight: bold;margin-top: 0.6em !important;padding: 0 0.5rem 0 0.5rem;line-height:1.4;color: #808080;}
.card-goods-footer{font-size: 0.7em;margin-top: auto;}
.card-goods-rate {width: 100%;}
.card-goods-rate .material-icons {color: #FFCE22;font-size: 1.2em;letter-spacing: -0.1em;}
.card-goods-score a{text-decoration: underline;}
.card-goods-disable{position: relative;}
.card-goods-disable::before {content: '会員限定';position: absolute;font-size: 0.6em;background:#404040;color: #fff;padding: 0.2em 0.6em;left: 0;top: 0;white-space: nowrap;letter-spacing: 0.1em;}
.card-goods-disable *{opacity: 0.5;cursor: default;pointer-events:none}
.card-goods-favorite {color: hsla(358,85%,55%,1.00);position:absolute;font-size: 1.2em;cursor: pointer;top: 0.05em;right: 0.1em;z-index:10 ;}
/*商品詳細---------------------------------------------------*/
.section-detail {padding:3em 6em;}
/*商品詳細スライダー---------------------------------------------------*/
.swiper-goods-nav-prev {position: absolute;left: 2em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
.swiper-goods-nav-next {position: absolute;right: 2em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
/**/
.swiper-modal {background-color:#B0B0B0; color: #fff;border: 1px solid  #F0F0F0;border-radius: 0.4em ;box-shadow:0.2em 0.2em 0.4em #E1E1E1, -0.2em -0.2em 0.4em #EFEFEF;padding: 0.1em 0.6em !important;transition: all 0.3s ease-out;font-weight: bold;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer;}
.swiper-modal:hover{box-shadow:none}
.swiper-modal-counter{}
.swiper-modal-icon{margin-left: 1em;}
.swiper-modal-icon .material-icons{font-size: 2em;line-height: 1;}
/**/
.goods-tn .figure-square {cursor: pointer;}
.goods-tn .figure-square:hover {-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);filter: brightness(1.1);}
.figure-square-current{position: relative;}
.figure-square-current::after {content: '';border: 1px solid hsla(0,0%,20%,1.00);width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
/*商品詳細　商品情報----------------------------------------------------*/
.product-information{border-top: 1px solid #333;padding: 2em 0;}
.product-information-category{}
.product-information-category-name{display: inline-block;background: #333;color: #fff;font-size: 0.8em;padding: 0.1em  0.6em;letter-spacing: 0.05em;}
.product-information-code{letter-spacing: 0.1em;font-size: 0.9em;margin-bottom: 1em;}
.product-information-title{font-size: 1.3em;margin-bottom: 1em;letter-spacing: 0.1em;}
.product-information-price{font-size: 1.2em;letter-spacing: 0.05em;font-weight: normal;margin-bottom: 1em;}
.product-information-rating{margin-bottom: 1em;}
.product-information-rating .material-icons{color:#FFCE22;font-size: 1.1em;}
.product-information-score{}
.product-information-review-link{text-decoration: underline}

/*商品詳細フォーム----------------------------------------------------*/
.form-grounp {margin-bottom: 0em;border-top: 1px solid #333;padding: 2em 0;}
.form-grounp > .row + .row {margin-top: 2em;}

/*商品詳細タブ----------------------------------------------------*/
.tabs-list-goods {display: flex;border-bottom: 1px solid #666;margin-bottom: 1em;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.tabs-list-goods-item {background: #FFFFFF;border: 1px solid #666;border-bottom:none;cursor: pointer}
.tabs-list-goods-item + .tabs-list-goods-item {margin-left: 0.5em;}
.tabs-list-goods-link {display: inline-block;padding: 0.3em 2.6em;}
.tabs-list-goods-item.current {background: #333;color: #fff;}
.tabs-list-goods-item.current .tabs-list-goods-link {color: #fff;}
/**/
#tabB {display: none;}
.tabs-outline > * + * {margin-top: 1em;}
.tabs-outline > * {font-size: 0.81em;}

/*商品詳細タブ ブロックコンテンツ----------------------------------------------------*/
.tabs-detail {}
.tabs-detail h1,
.tabs-detail h2,
.tabs-detail h3,
.tabs-detail h4,
.tabs-detail h5,
.tabs-detail h6 {margin:1.5em 0 1.5em; border: none; padding: 0; background: none; }
.tabs-detail p { margin: 1.5em 0;line-height: 1.8;font-size: 0.83em;letter-spacing: 0.08em;}
.tabs-detail ul,
.tabs-detail ol { margin: 2em 1em; padding-left:2em;}
.tabs-detail ol,
.tabs-detail ul { margin-left: 0 }
.tabs-detail ol li{ list-style: decimal  }
.tabs-detail ul li{ list-style: square  }
.tabs-detail ol li,
.tabs-detail ul li { margin: 0.5em 0;display: list-item }
.tabs-detail a { text-decoration: underline;color: #404040; }
.tabs-detail .row + .row {margin-top: 2em;}
.tabs-detail [class*=col-] > *:first-child {margin-top:0}
.tabs-detail [class*=col-] > *:last-child {margin-bottom:0}

.tabs-detail h1{font-size: 1.6em;}
.tabs-detail h2{font-size: 1.4em;}
.tabs-detail h3{font-size: 1.3em;}
.tabs-detail h4{font-size: 1.2em;}
.tabs-detail h5{font-size: 1.1em;}
.tabs-detail h6{font-size: 1em;}

.tabs-detail .h-bd {border-top: 2px solid #333;border-bottom: 2px solid #333;border-right: 2px solid #333;border-left: 2px solid #333;font-size: 1.2em;text-align: center;padding: 0.6em 0;line-height: 1.4;}

.tabs-detail .h-bdb{border-bottom: 2px solid #333;font-size: 1.2em;padding: 0.6em 0;line-height: 1.4;}
.tabs-detail > * {margin-bottom: 0;}
.tabs-detail-body > *:last-child {margin-bottom: 0;}

/*関連商品----------------------------------------------------*/
.related-products {border-top: 1px solid #333;padding: 2em 0;margin-top: 4em;}
.swiper-related-products{width:calc(100% + 2em) ;margin-left: -1em;margin-right: -1em;}
.swiper-related-products-nav-prev {position: absolute;left: -2.4em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
.swiper-related-products-nav-next {position: absolute;right: -2.4em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
.swiper-pagination-related-products-outer{text-align: center;margin-top: 1em;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;display: flex;}
.swiper-pagination-related-products { }
.swiper-related-products .swiper-slide {height: auto;padding: 1em;}
/*カート----------------------------------------------------*/
.stack-goods{border-top:1px solid #B0B0B0;border-bottom:1px solid #B0B0B0;padding: 2em 0;display: flex;flex-wrap: wrap;margin-top: -1px;}
.stack-goods-header{width: 20%;padding-right: 1em;}
.stack-goods-body{width: 80%;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.stack-goods-body-inner{width: 100%;display: flex;}
.stack-goods-body-inner-wrap {flex-wrap: wrap}
.stack-goods-title{font-size: 1em;padding-bottom: 1em;}
.stack-goods-delete{margin-left: auto;padding-left: 0em;}
.stack-goods-delete-btn{font-size: 1.6em;cursor: pointer}
.stack-goods-tagline{width: 100%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: auto;}
.stack-goods-price{font-size: 1.6em;font-weight: bold;}
.stack-goods-price-unit {font-size: 0.6em;}
.stack-goods-amount{display: inline-flex;margin-left: auto;}
[class*=stack-goods-amount-] {font-size: 1.6em;display: block;}
[class*=stack-goods-amount-] + [class*=stack-goods-amount-] {margin-left: 0.2em;}
.stack-goods-amount-plus,
.stack-goods-amount-minus{cursor: pointer;text-align: center;}
.stack-goods-amount-counter{text-align: center;width:auto;white-space: nowrap;}
.stack-goods-footer{width: 100%;text-align: right;font-size: 0.8em;}
.stack-goods-option{width: 100%;font-size: 0.8em;}
/**/
.dl-total{border-bottom:3px double #B0B0B0;padding: 1em 0;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.dl-total-title{font-size: 1em;}
.dl-total-price{margin-left: auto;font-size: 1.6em;font-weight: bold;text-align: right;}
.dl-total-price-unit{font-size: 0.6em;}
/**/
.dl-subtotal{border-top:1px solid #B0B0B0;padding: 1em 0;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.dl-subtotal-title{font-size: 0.9em;}
.dl-subtotal-price{margin-left: auto;font-size: 1.2em;font-weight: bold;text-align: right;}
.dl-subtotal-price-unit{font-size: 0.6em;}
.dl-subtotal + .dl-subtotal {border-top:1px dotted #B0B0B0;}
/**/
.dl-total-balloon{display: flex;}
.dl-total-balloon-inner {margin-left: auto;margin-top: 1.0em;font-size: 0.8em;background-color: rgba(252,246,251,1.00);color: rgba(255,80,80,1.00);border-radius: 2em;padding: 0.6em 1em;position: relative;text-align: center;line-height: 1.1;}
.dl-total-balloon-inner::after{content: '';position: absolute;width: 0;height: 0;bottom:-1.4em;right:1em;border-style: solid;border-width:0.8em;border-color: rgba(252,246,251,1.00) rgba(252,246,251,1.00) transparent transparent;}
/*ステップ----------------------------------------------------*/
.list-step{list-style-type: none;display:table;width:100%;padding:0;margin:0;overflow:hidden;table-layout: fixed}
.list-step li{display:table-cell;position:relative;background: #EDEDED;padding:0.5em 0.5em 0.8em 2em;}
.list-step li:last-child{padding-right: 1em;}.list-step li:last-child:before,.list-step li:last-child:after{display:none;}
.list-step li:before,.list-step li:after{content: "";position: absolute;width: 0;height: 0;margin: auto;}
.list-step li:before{top: 50%;right: -1em;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 3em 0 3em 1em;z-index: 10;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.list-step li:after{top: 50%;right: -0.8em;border-style: solid;border-color: transparent transparent transparent #EDEDED;border-width: 3em 0 3em 1em;z-index: 10;-webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);}
.list-step li.current{background: #333;color: #fff;}
.list-step li.current:after{border-color: transparent transparent transparent #333;}
.list-step-num{display: block;font-size: 0.8em;letter-spacing: 0.1em;}
.list-step-text{display: block;font-size: 1em;font-weight: bold;letter-spacing: 0.1em;}
/*評価ラジオボタン----------------------------------------------------*/
.form-star-rate{display: flex;flex-direction: row-reverse;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.form-star-rate input[type='radio']{position: fixed;left: -10000px;}
.form-star-rate label{position: relative;padding: 0px 0.1em;color: #BBBBBB;cursor: pointer;font-size: 2.6em;}
.form-star-rate label:hover,
.form-star-rate label:hover ~ label,
.form-star-rate input[type='radio']:checked ~ label{  color: #FFCE22;}
/*ajaxpopup*/
.section-ajax {;margin: 0 auto;}
.mfp-bg {z-index: 100000;background: rgba(255,255,255,0.95);backdrop-filter: blur(0.5em);opacity: 1;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;width: 100% !important;height: 100vh !important;position: fixed !important;overflow: hidden !important}
.mfp-wrap {z-index:1000000;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;width: 100% !important;height: 100vh !important;position: fixed;overflow: hidden !important}
.mfp-content {z-index: 10000000;overflow: hidden !important}
.mfp-content .section-ajax {overflow-y: auto;}
.mfp-content > section { max-width: 800px;padding: 2em;height: 80vh;}
.mfp-container {padding: 0;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;width: 100% !important;height: 100vh !important;overflow: hidden !important}
.mfp-close-btn-in .mfp-close{font-size: 5em;}
.mfp-close {right:0;top: 0;}
/**/
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: hsla(0,0%,50%,1.00);}
.mfp-bg{opacity: 0;transition: opacity 0.3s;}
.mfp-bg.mfp-ready{opacity: 0.8;}
.mfp-bg.mfp-removing{opacity: 0;}
.mfp-wrap .mfp-content{opacity: 0;transition: opacity 0.3s;}
.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}
/*レビュー一覧----------------------------------------------------*/
.article-review{display: flex;flex-wrap: wrap;width: 100%;}
.article-review-reply {width:calc(100% - 6em);margin-left: auto;}
/**/
.article-review-media{width: 4em;text-align: center;margin-right: 2em;}
.article-review-media-icon{font-size:2em;width:2em;height:2em;border-radius: 50%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.article-review-media-pink{color: #DC9288;}
.article-review-media-navy{color: #4281BF;}
.article-review-media-gray{color: #666;}
.article-review-media-blue{color: #36BDEF;}
.article-review-media-age{text-align: center;display: block;width: 100%;font-size: 0.8em;white-space: nowrap;margin-top: 1em;}
/**/
.article-review-header{width:calc(100% - 6em);}
.article-review-header-reply {width: calc(100% - 10em);-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}
.article-revire-list{font-size: 0.9em;margin-bottom:2em;}
.article-revire-list-reply{margin-bottom: 0;}
.article-revire-list-item{}
/**/
.article-review-body{width:calc(100% - 6em);margin-left: auto;}
.article-review-body-reply {margin-left: 0;margin-right: auto;}
.article-review-body-title{font-size: 1.2em;margin-bottom: 0.5em;letter-spacing: 0.1em;}
.article-review-body-copy{line-height: 1.8;font-size: 0.83em;letter-spacing: 0.1em;}
/**/
.article-review-reply-icon{font-size: 1.4em;color: #666;transform: scale(-1, 1);width: 1em;margin-right: 0.5em;}
.article-review-media-reply{margin-left:auto;margin-right: 0;}
/**/
.figure-review {position: relative;margin-top: 1em;}
.figure-review-image{max-width: 60%;max-height: 14em;display:block;margin-left: auto;margin-right: auto;}
.figure-review-enlarge {background-color: #fff;width: 2em;height: 2em;display: flex;position: absolute;left: 50%;bottom: -1em;}
/*スライダー----------------------------------------------------*/
.section-slider {width: calc(100% + 2em);margin-left: -1em;margin-right: -1em;margin-top: -0.5em;}
.swiper-top-mv .swiper-slide {padding: 1em;}
.swiper-top-mv .shadow {border: none;}
.item-mv-slide {display: block;overflow: hidden;border-radius: 0.6em}
/**/
.swiper-top-mv-pagination-outer { width: 100%;position: relative; height: 2em;margin-top: 0;z-index: 10;}
.swiper-top-mv-pagination { left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width:100%;position: absolute;text-align: center;}
/**/
.swiper-pagination-bullet {width: 0.8em;height:0.8em;display: inline-block;border-radius:0;background: #404040;opacity: .2; margin:0 0.4em;border-radius: 50%}
.swiper-pagination-bullet-active {background: #404040 !important;opacity: 1;}
/**/
.swiper-top-mv-nav-prev {position: absolute;left: -1.4em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
.swiper-top-mv-nav-next {position: absolute;right: -1.4em;top: 50%;cursor: pointer;z-index: 20;margin-top: -1.2em;width: 2.4em;}
/* step-indicator */
.step-indicator{display:flex;gap:5em;margin:0 0 1em 0em;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: fit-content;margin-left: auto;margin-right: auto;position: relative;}
.step-indicator::before{content: "";height: 1px;width:calc(100% - 2rem);left: 1rem;top: 1.25rem;background-color:hsl(300, 1.3%, 70%);position: absolute;z-index: 1;}
.step-indicator-item{display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 3.5em;position: relative;z-index: 2;}
.step-indicator-item.current .step-indicator-item-number{background-color: hsl(192.2, 67%, 69.8%); color: #FFF;border: 1px solid hsl(192.2, 67%, 69.8%);;}
.step-indicator-item-number{border: 1px solid hsl(300, 1.3%, 70%);border-radius: 50%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 2.6em;height: 2.6em;background-color: #fff;}
.step-indicator-item-label{font-size:0.9em;line-height: 1.1;display: block;text-align: center;margin-top: 0.5em;white-space: nowrap;}

/*テキスト検索*/
.index_search_keyword {width: 100%;}
.index_search_keyword input.form-control{border-radius: 0.3em 0 0 0.3em !important;font-size: 16px;flex-basis: 0;flex-grow: 1;padding: 0.4em 0.6em;}
.index_search_keyword .form-control:focus{background-color: #FFF !important;}
.index_search_keyword .input-group-btn {flex-shrink: 0;}
.index_search_keyword .btn-submit:hover,
.index_search_keyword .btn-submit:active,
.index_search_keyword .btn-submit:focus,
.index_search_keyword .btn-submit{border-radius: 0 0.3em 0.3em 0 !important;font-size: 1.6em;padding: 0 !important;height: 100%;width: 3rem;background-color: #333 !important;color: #FFF !important;border: 1px solid #333 !important;box-shadow:unset !important;}

/**/
.swiper-button-disabled{opacity: 0;visibility: hidden;pointer-events: none;}

@media only screen and (max-width: 767px) {
    /* step-indicator */
    .step-indicator{gap:2em}
    .step-indicator-item-label{font-size:0.8em;}
    /*商品詳細---------------------------------------------------*/
    .section-detail {padding: 1em;border-radius: 0;width:calc(100% + 2em);margin-left: -1em;margin-right: -1em;}
    .tabs-detail { font-size:1.2em;}
    .tabs-detail .row > [class*=col-] + [class*=col-] {margin-top: 2em;}
    /*商品詳細スライダー---------------------------------------------------*/
    .swiper-goods-nav-prev {left: -1em;width: 2em;margin-top: -1em;}
    .swiper-goods-nav-next {right: -1em;width: 2em;margin-top: -1em;}
    /*ステップ----------------------------------------------------*/
    .list-step li{padding: 0.5em 0.5em 0.8em 1.6em;}
    .list-step-text{letter-spacing: 0;font-size: 0.9em;}
    /*レビュー一覧----------------------------------------------------*/
    .article-review-body {width: calc(100%);}
    .article-review-reply {width: 100%;margin-left: 0;}
    /**/
    .article-review-reply-icon{order:1}
    .article-review-header-reply{order:2;width: calc(100% - 5em);}
    .article-review-body-copy{font-size: 1em;}
    .article-review-body-reply{order:4;width:calc(100% - 5em);margin-right: 0;margin-left: auto;}
    .article-review-media-reply{order:3;margin-left: 0;margin-right: 1em;}
    /*スライダー----------------------------------------------------*/
    .section-slider{width: calc(100% + 2em);margin-left: -1em;margin-right: -1em;border-radius: 0;border-left: none;border-right: none;padding-left: 0 !important;padding-right: 0 !important;}
    .swiper-top-mv-nav-next,
    .swiper-top-mv-nav-prev {top: auto;bottom: -3.2em;}
    .swiper-top-mv-nav-next{right: 0;}
    .swiper-top-mv-nav-prev{left: 0;}
    .swiper-top-mv .swiper-slide {padding: 1em 0;}
    .item-mv-slide {border-radius: 0em}
    .goods-tn {padding-left: 2em;padding-right: 2em;margin-bottom: -1em;}
    /*関連商品----------------------------------------------------*/
    .swiper-related-products-nav-prev {left: -0.4em;top: auto;margin-top: 0;bottom: -6%;}
    .swiper-related-products-nav-next {right: -0.4em;top: auto;margin-top: 0;bottom: -6%;}
}