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

/*-----------------------------------------------------
 商品ページ 共通部分 
-------------------------------------------------------*/
    .br-pc{display: none;}

    /*リセット いる？？*/
    .fs-body-product h2{margin-top:inherit;}

    /*商品ページキャンペーンバナー*/
    .item-campaign-block{padding:0 2%;}
    .item-campaign-block a{display:block; }
    .item-campaign-block p img{vertical-align: bottom;}

    @media screen and (min-width: 768px) {
        .br-sp{display: none;}
        .br-pc{display: block;}

        /*FS メインテンプレート調整*/
        .fs-l-main.fs-l-product{
            margin:24px auto 24px;
            max-width: 100% !important;
            padding:0!important;
        }
        .fs-body-product .fs-l-pageMain{
            max-width: 100% !important;
        }

    }

    @media screen and (min-width: 600px){
        /*商品ページキャンペーンバナー*/
        .item-campaign-block{padding:0;}
        .item-campaign-block p{height:110px; margin:0 auto; }
        /* .item-campaign-block p img{object-fit: contain; width:100%; height:100%;} */

    }


    /* 2種類 商品ページキャンペーンバナー --------------------------------------------------*/
    
    @media screen and (max-width: 600px) {
        .item-campaign-block-bnr2 p img {
            height: auto;
        }

    }





/*-----------------------------------------------------
 商品ページ オリジナル テンプレート 最新：202302
-------------------------------------------------------*/


    .item_template{width:100%;}

    /*イメージ画像(フリック)*/
    .product-image-slick .slick-arrow {display:block; background:rgb(255, 255, 255,0.6); width:35px; height:35px; position: absolute; z-index: 100; top:calc((100% - 65px) / 2);}
    .product-image-slick .slick-next{right:-2%; }
    .product-image-slick .slick-prev{left:-2%; }
    .product-image-slick .slick-arrow span{display:flex; width:35px; height:35px; padding: 0 5px 4px;}
    .product-image-slick .slick-dots{ height:30px; display:flex;justify-content: center; align-items:center; gap:8px;}
    .product-image-slick .slick-dots li{width:8px; height:8px; border:1px solid var(--bk); transition: .2s;}
    .product-image-slick .slick-dots li button{display:none;}
    .product-image-slick .slick-active{background:#000;}

    /*商品名パーツ*/
    .fs-body-product .fs-c-productNameHeading{font-size:16px; margin:16px 0;}
    .fs-body-product .fs-c-productNameHeading__copy{font-size:16px;font-family:'Lato', sans-serif;display:block; margin-bottom:8px;}
    .fs-body-product .fs-c-productNameHeading__name{font-weight:bold;font-size: 19px;}

    /*プライス・ポイントパーツ*/
    .item-price-point-wrapper{display:flex;margin-bottom: 12px;}
    .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{font-size:21px; !important}
    .fs-body-product .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::before {content: "";}
    .fs-body-product .fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed)::after {content: "";}
    .fs-body-product .fs-c-productPrice__addon {margin-left: 4px;font-size:11px; color: var(--dgy);}
    .fs-c-productPointDisplay{display:block;background:inherit;color:inherit; font-size:13px;position: relative;margin-left: 10px;}
    .fs-c-productPointDisplay::before{display:flex; content:"／"; position:absolute; align-items: center; left:0;}
    .fs-c-productPointDisplay__quantity{font-weight:normal;margin-left: 10px;}

    /*商品番号*/
    .fs-c-productNumber::before{display:inline-block; content:"ITEM CODE：";}
    .fs-c-productNumber__label{display:none;}
    .fs-c-productNumber{font-size:12px;  color:var(--dgy);font-family:'Lato', sans-serif; padding:0; border:none; margin-bottom:12px;}
    .fs-c-productNumber__number{font-weight:normal;}

    /*お買い物かご*/
    .fs-c-productActionButton.fs-c-buttonContainer{width:100%;}
    .fs-c-button--addToCart--detail.fs-c-button--primary{font-size:13px; padding: 16px 5px; box-shadow: 0; width:100%;	font-family: 'Lato', sans-serif;
        letter-spacing: 2px;}
    .fs-c-button--addToCart--variation.fs-c-button--primary,
    .fs-c-button--subscribeToArrivalNotice--variation.fs-c-button--secondary{font-size:12px; padding: 10px 5px; box-shadow: 0; 	font-family: 'Lato', sans-serif;
        letter-spacing: 1px;}
    .fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--outOfStock{font-size:12px; color:#adadad;}



    /*商品価格パーツ：バリエーションなし調整：数量部分*/
    .fs-c-productQuantityAndWishlist{display:flex; flex-direction: row-reverse; justify-content: space-between;}
    .fs-c-productQuantityAndWishlist__wishlist{grid-column: inherit;}

    .fs-c-productQuantityAndWishlist__quantity{display:flex; align-items:center; width:300px;}
    .fs-c-productQuantityAndWishlist__quantity::before{display:block;content:"数量"; width:5em; }
    .fs-system-quantity-list{border:1px solid var(--bk); width:180px; margin: 0 0 0 10px;}/*数量*/
    .fs-c-button--addToWishList--detail .fs-c-button__label{font-size:13px;}

    /*バリエーションなし調整：お気に入り*/
    .fs-c-button--particular.fs-c-button--addToWishList--detail,
    .fs-c-button--particular.fs-c-button--removeFromWishList--detail{padding:0; box-shadow:none; border:1px solid var(--gy)!important; padding:7px;background: #fff;}
    .fs-body-product .fs-c-button--particular.fs-c-button--addToWishList--detail::after{font-size:24px; color:var(--gy2); margin:0;}
    .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after{font-size:24px; color:var(--bk); margin:0;content: "\e919";}
    .fs-body-product .fs-system-quantity-list{border:0; border:1px solid var(--gy); height:40px; margin:0 10px 10px 10px !important;}
    .fs-body-product .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer{padding:0;}

    /*商品価格パーツ：バリエーションなし調整*/
    .fs-c-productQuantityAndWishlist{justify-content: flex-end !important; margin-top:10px;}/*shop_itemcss*/
    .fs-c-productQuantityAndWishlist .fs-c-button__label{display:none;}
    .fs-c-productQuantityAndWishlist__quantity::before {min-width: 30px; }
    .fs-c-productQuantityAndWishlist__quantity{ min-width:30%;}

    /*バリエーションなし 品切れ用　調整*/
    .fs-c-button--particular.fs-c-button--addToWishList--detail{ }
    .fs-c-productActionButton.fs-c-buttonContainer{ justify-content: flex-start; }

    /*在庫切れ表示*/
    .fs-body-product .fs-c-productNotice--outOfStock{display:block;}

    /*販売期間表示*/
    .fs-body-product .fs-c-productSalesPeriod{background:var(--bg-lgy);border:none;}

    /*バリエーション 表示*/
    .fs-c-variationCart__variationName .fs-c-variationCart__variationName__name{font-size:13px;}
    .fs-c-variationList__item__cart.fs-c-variationCart{padding:0px; border-top:2px solid var(--bk);border-bottom:2px solid var(--bk);}
    .fs-c-variationCart--withImage > li {-ms-grid-columns: auto 1fr 2.3em 105px;grid-template-columns: auto 1fr 2.3em 105px; border-bottom:1px solid var(--gy);}
    .fs-c-variationCart--withImage > li:last-child{border-bottom:none;}

    /*バリエーション お気に入り*/
    .fs-c-button--particular.fs-c-button--addToWishList--icon::before {color: var(--gy2);font-size: 24px;}
    .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {content: "\e919";color:var(--bk);font-size: 24px;}


    /*予約関連コメント*/
    .fs-c-mark--preorder{display:none;} 
    /* .fs-c-productPreorderMessage {color:#d84328;} */
    /* .fs-c-productSalesPeriod{display:none;}  削除*/
    .fs-c-productNotice--outOfStock{display:none;}

/*↓何用調整かなぞ  ====================================*/
.fs-body-product .fs-c-returnedSpecialContract{padding:0;}





/*PC　　-----------*/
    @media screen and (min-width: 600px){
      /*おすすめ商品？？*/
    /* .fs-body-product .fs-c-productListCarousel__list__item{flex-basis: 20vw;max-width: 20vw;max-height: 20vw;}
    .fs-body-product .fs-c-productName__name{font-size:13px;} */

    }

/*↑何用調整かなぞ ここまで ====================================*/



    @media screen and (min-width: 768px) {


        .item-block-wrapper{
            max-width:1216px;
            margin:0 auto;
            display:flex;
            justify-content: space-between;
        }

        .item_template{width:45%;}

        /*イメージ画像(フリック)*/
        .product-image-slick.product-image-slick{left:40px;}
        .product-image-slick .slick-arrow { width:40px; height:40px; top:calc((100% - 75px) / 2);}
        .product-image-slick .slick-next{right:-40px; }
        .product-image-slick .slick-prev{left:-40px; }
        .product-image-slick .slick-arrow span{display:flex; width:40px; height:40px; padding: 0 5px 4px; }

        /*商品テキストブロック*/
        .item-txt-block{width:45%;}

        /*商品価格パーツ：バリエーションなし調整*/
        .fs-c-productQuantityAndWishlist__quantity{ min-width:20%;}
    }



/*-----------------------------------------------------
 送料・支払いガイド　ドロップダウンメニュー
-------------------------------------------------------*/


    .item-detail-guide{
    border: solid 1px var(--gy);
    margin:12px 0;
    }

    .item-guide-toggle {
    display: none;
    }
    .aco-wrapper {
    position: relative;
    }
    .guide-btn-ttl,
    .item-guide-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
    }

    .guide-btn-ttl {
    border-bottom: solid 1px var(--gy);
    padding: 10px 2%;
    display: block;
    font-weight: bold;
    font-size:13px;
    }

    .item-detail-guide-btn:last-of-type .guide-btn-ttl{
    border-bottom: none; 
    }

    .guide-btn-ttl::after,
    .guide-btn-ttl::before {
    content: "";
    position: absolute;
    right: 16px;
    top: calc((100% - 16px) / 2);
    width: 1px;
    height: 16px;
    background-color: var(--bk);
    transition: all 0.3s;
    }

    .guide-btn-ttl::after {
    transform: rotate(90deg);
    }

    .item-guide-content {
    max-height: 0;
    overflow: hidden;
    }

    .item-guide-toggle:checked + .guide-btn-ttl + .item-guide-content {
    max-height: 500px;
    transition: all 1.5s;
    }

    .item-guide-toggle:checked + .guide-btn-ttl::before {
    transform: rotate(90deg) !important;
    }

    .guide-btn-ttl.wrapping{
    border-top:0;
    }

    .guide-btn-ttl.wrapping::before, .guide-btn-ttl.wrapping::after {
    content: "";
    position: absolute;
    right: 16px;
    top: calc((100% - 16px) / 2);
    width: 1px;
    height: 10px;
    background: var(--bk);
    transform: rotate(-45deg);
    }

    .guide-btn-ttl.wrapping::after{
    transform: rotate(-135deg);
    background: var(--bk);
    margin-top:7px;
    }

    .item-guide-list{
    padding:2%;
    font-size:13px;
    border-bottom: solid 1px var(--gy);
    }

    .item-guide-list dt{
    padding:8px ;
    font-weight: bold;
    border-bottom:1px solid var(--lgy);
    }

    .item-guide-list dd{
    padding:8px 8px 16px;
    }

    .item-guide-list dd ul{
    margin-top:8px;
    }

    .item-guide-list dd ul li{
    margin-bottom:8px;
    }

    .item-guide-list dd ul li p{
    line-height:1.3;
    }

    .item-guide-list dd ul li span{
    display:block;
    width:12em;
    background:var(--lgy);
    text-align: center;
    margin-bottom:4px;
    }

    .item-guide-list dd .otodoke li{
    margin-bottom:4px;
    }



/*-----------------------------------------------------
 SNSシェア・返品テキスト
-------------------------------------------------------*/

    /*返品テキスト*/
    .fs-body-product .fs-c-returnedSpecialContract__link a{font-size:13px; color:var(--dgy); padding-left:2%;font-weight:bold;}


    /*SNSシェアボタン*/
    .item-sns-wrapper{display:flex;justify-content: flex-end;vertical-align:middle; align-items:center;padding-left: 2%;}
    .item-sns-wrapper ul{display:flex; align-items:center;margin-left: 20px; max-width:180px; gap:4px;padding-top: 4px;}
    .item-sns-wrapper ul li{ transition: 0.2s; cursor: pointer;}


/*-----------------------------------------------------
 商品説明切り替え　タブ切り替え
-------------------------------------------------------*/

    .item-details-wrapper{margin-top:8%;}

    .item-detail-tabs{
        max-width:1200px;
        margin:0 auto;
        position: relative;
    }

    .item-detail-tabs::before{
        content:"";
        display: block;
        position: absolute;
        top:40px;
        width:100%;
        height:1px;
        background:var(--gy2);
        z-index: -1;
    }

    .tab-buttons{
        display: flex;
        justify-content: center;
        margin:0 auto;
        position:relative;
    }


    .tab-buttons span{
        font-weight: bold;
        font-size:15px;
        cursor:pointer;
        display:block;
        width:33.3%;
        text-align:center;
        height:40px;
        line-height:40px;
    }
    .tab-content{
        max-width:800px;
        margin:0 auto;
        margin-top:30px;
    }

    #tb-open{
        width:33.3%;
        height:3px;
        background:var(--bk);
        display:block;
        position:absolute;
        top:39px;
        transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
    }


    #tb-open::before{
        display: block;
        content:"";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid var(--bk);
        position:absolute;
        bottom:-5px;
        left:calc((100% - 10px)/2);
        right:0;
    }


    #tb-open.content2{
        left:33.3%;
        transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
    }

    #tb-open.content3{
        left:66.6%;
        transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
    }

    #tb-open.content1{
        left:0;
        transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
    }

    .tab-innner{
        max-width:300px;
    }

    .item-detail-contents{
        padding:0 2%;
    }

    .detail-contents-inner{
        /* margin-bottom:12%; */
        /* margin-bottom:8%; */
        margin-bottom:10%;
    }
  

    @media screen and (min-width: 768px) {

        .item-details-wrapper{margin-top:4%;}

        .detail-contents-inner{
            /* margin-bottom:4%; */
            margin-bottom:6%;
        }

        .tab-buttons{
            max-width:480px;
        }

    }



/*-----------------------------------------------------
 商品詳細：タブ1 説明部分
-------------------------------------------------------*/


    .item-detail-contents .fs-p-productDescription--full{
        font-size:17px;
        font-weight: bold;
        text-align: center;
        line-height: 1.5;
        margin:4% 0;
    }

    .item-detail-mainimage{
        margin:4% 0;
    }


    .fs-p-productDescription--short{margin:16px 0;}

    .item-detail-contents .fs-p-productDescription--short{
        line-height: 1.5;
    }

    .detail-contents-ttl-wrap,.detail-review-ttl-wrap{
        margin-bottom:4%;
    }

    .detail-contents-inner.review .detail-review-ttl-wrap{
        border-bottom:1px solid var(--bk);
    }

    .detail-contents-ttl{
        position: relative;
        padding: 0 1em;
        text-align: center;
        font-size:17px;
        letter-spacing: 1px;
    }

    .detail-review-ttl{
        text-align: center;
        font-size:17px;
        letter-spacing: 1px;
    }

    .detail-contents-ttl:before {
        position: absolute;
        top: calc(50% - 1px);
        left: 0;
        width: 100%;
        height: 1px;
        content: '';
        background: var(--bk);
    }


    .detail-contents-ttl span {
        position: relative;
        padding: 0 1em;
        background: #fff;
    } 

    .detail-contents-ttl-jp, .detail-review-ttl-jp{
        font-size:11px;
        color:var(--bk);
        font-weight: normal;
        text-align: center;
    }

    .fragrance-des-list{
        display:flex;
        gap:12px;
        flex-wrap:wrap;
        justify-content: center;
    }



    .fragrance-des-list .box{
        width:calc((100% - 12px ) / 2);
        border:1px solid var(--bk);
        padding:4% 2% ;
    }


    .fragrance-des-list .fragrance-icon{
        width:45%;
        margin:0 auto;
    }

    .fragrance-des-list .fragrance-name,.fragrance-des-list .fragrance-txt{
        text-align: center;
    }

    .fragrance-des-list .inner{
        border-bottom:1px solid var(--gy2);
        padding-bottom:4% ;
        margin-bottom:4%;
    }

    .fragrance-des-list .fragrance-name{
        font-size:13px;
        font-size: clamp(13px, 3vw, 15px);
        font-family: 'Lora', serif;
        letter-spacing: 1px;
        font-weight: bold;
        line-height: 1.3;
        margin:4px 0 2px;
    }

    .fragrance-des-list .fragrance-txt{
        /* font-size:11px; */
        line-height: 1.3;
        font-size: clamp(11px, 3vw, 15px);
    }

    /*ホワイトムスクのみ*/
    .box.one-scent{
        width:85%;
        border:1px solid var(--bk);
        padding:4% 2% 1%;
        margin:0 auto;
    }

    .box.one-scent .des-wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .box.one-scent .fragrance-icon{
        width:100%;
        max-width:100px;
        margin-right:16px;
    }

    .box.one-scent .fragrance-chart{
        padding:0 2%;
    }


    .box.one-scent .inner{
        border-bottom:1px solid var(--gy2);
        padding-bottom:4% ;
        margin-bottom:4%;
    }

    .box.one-scent .fragrance-name{
        font-size:19px;
        font-family: 'Lora', serif;
        letter-spacing: 2px;
        font-weight: bold;
        line-height: 1.3;
        margin:4px 0 2px;
    }

    .box.one-scent .fragrance-txt{
        font-size:14px;
        line-height: 1.6;
    }

    .recommend-scene-list{
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
        max-width:480px;
        margin:0 auto;
        flex-direction: row;
    }

    .recommend-scene-list li{
        width:calc(100% / 3);
        position: relative;
        padding: 0 16px;
        margin-bottom: 8px;
    }

    .recommend-scene-list li:nth-child(3)::before,
    .recommend-scene-list li:last-child::before{
        display:none;
    }

    .recommend-scene-list li::before{
        display:flex;
        content:"／";
        color:var(--gy);
        position:absolute;
        font-size:20px;
        right:-10px;
        top:0;
        bottom:0;
        align-items: center;
    }

    @media screen and (min-width: 600px) {

        .item-detail-contents .fs-p-productDescription--full{
            font-size:18px;
            letter-spacing: 1px;
            line-height: 1.6;
            margin:2% 0;
        }

        .item-detail-mainimage{
            margin:2% 0;
        }

        .item-detail-contents .fs-p-productDescription--short{
            font-size:15px;
            line-height: 1.8;
            letter-spacing: 1px;
        }


        .detail-contents-ttl, .detail-review-ttl {
            font-size:20px;
            letter-spacing: 2px;
        }

        .detail-contents-inner.review .detail-review-ttl-wrap{
            padding-bottom:8px;
        }

        .detail-contents-ttl-jp, .detail-review-ttl-jp{
            font-size:13px;
        }

        .fragrance-des-list{
            gap:24px;
        }

        .fragrance-des-list .box{
            width:calc((100% - 24px ) / 2);
            padding:2% 4% 1%;
        }

        .fragrance-des-list .des-wrapper{
            display: flex;
            align-items: center;
        }

        .fragrance-des-list .fragrance-icon{
            width:100%;
            max-width:100px;
            margin-right:16px;
        }

        .fragrance-des-list .fragrance-chart{
            padding:0 2%;
        }

        .fragrance-des-list .fragrance-name,.fragrance-des-list .fragrance-txt{
            text-align: left;
        }

        .fragrance-des-list .inner{
            padding-bottom:2% ;
            margin-bottom:2%;
        }

        .fragrance-des-list .fragrance-name{
            font-size:19px;
            letter-spacing: 2px;
            margin:4px 0 2px;
        }

        .fragrance-des-list .fragrance-txt{
            /* font-size:14px; */
            line-height: 1.6;
            font-size: clamp(14px, 1vw, 16px);
        } 

        /*ホワイトムスクのみ*/
        .box.one-scent{
            display:flex;
            align-items: center;
            max-width:90%;
            /* padding:4% 2% ; */
            padding: 4% 2% 4% 0;

        }


        .box.one-scent .des-wrapper{
            justify-content: space-around;
            padding:0 4%;
        }

        .box.one-scent .des-wrapper div{
            width:calc(100% - 120px);

        }
        
        .box.one-scent .fragrance-icon{
            width:100%;
            max-width:100px;
            margin-right:0;
        }

        .box.one-scent .fragrance-chart{
            width:50%;
            /* padding:0; */
        }


        .box.one-scent .inner{
            width:50%;
            border-bottom:none;
            border-right:1px solid var(--gy2);
            padding-bottom:0;
            margin-bottom:0;
        }

        .box.one-scent .fragrance-name{
            /* font-size:19px; */
            font-size: clamp(17px, 1vw, 21px);
            font-family: 'Lora', serif;
            letter-spacing: 2px;
            font-weight: bold;
            line-height: 1.3;
            margin:4px 0 2px;
        }

        .box.one-scent .fragrance-name.long{
            font-size: clamp(14px, 1vw, 18px);
        }

        .box.one-scent .fragrance-txt{
            /* font-size:14px; */
            font-size: clamp(14px, 1vw, 17px);
            line-height: 1.6;
        }

        .box.one-scent .fragrance-txt.long{
            font-size: clamp(11px, 1vw, 13px);
        }


    }


/*-----------------------------------------------------
 商品詳細：タブ2-3 スペック部分
-------------------------------------------------------*/

    .item-detail-speclist{
        border:1px solid var(--gy);
        display: flex;
        flex-wrap:wrap;
        font-size:13px;
        max-width:800px;
        margin:0 auto;
    }


    .item-detail-speclist dt{
        width:30%;
        text-indent: 0.5em;
        border-bottom:1px solid var(--gy);
        border-right:1px solid var(--gy);
        padding:8px;
        font-weight: bold;
        background:var(--bg-lgy);
    }

    .item-detail-speclist dd{
        width:70%;
        border-bottom:1px solid var(--gy);
        padding:8px;
    }

    .item-detail-speclist dt:last-of-type,.item-detail-speclist dd:last-of-type{
        border-bottom:0;
        margin-bottom:0;
    }

   
/*-----------------------------------------------------
 レビュー
-------------------------------------------------------*/

    .detail-contents-inner.review{
        max-width:800px;
        margin:0 auto;
        padding:0 2%;
    }

    /*レビュー*/
    .item-review-wrapper{background:var(--bg-lgy);padding: 8% 0;}
    .fs-c-button--plain.fs-c-button--addReview--detail::before{content:"";}
    .fs-c-button--plain.fs-c-button--viewAllReviews::before{content:"";}

    /*
    .fs-c-productReview::before{content:"この商品の平均評価";display:block;width:100%;text-align: center;}

    .fs-c-productReview__aggregateRating.fs-c-aggregateRating::before{content:"この商品の平均評価";display:block;width:100%;postion:;text-align: center;}
    .fs-body-product .fs-c-aggregateRating__rating::before{display:none;}
    */
    .fs-body-product .fs-c-aggregateRating__rating::before{padding-left:15px;font-weight: bold;margin-bottom: 8px;}
    .fs-body-product .fs-c-reviewList__item{background:#fff;width: 96%; margin:0 auto; padding:16px;border-bottom: none;}
    .fs-c-reviewList__item:first-child {border-top: none;}


    .fs-body-product .fs-c-aggregateRating{max-width:182px; margin:0 auto 16px;}
    .fs-body-product .fs-c-aggregateRating__rating{font-size:13px; flex: 0 1 12em; padding: 0; }
    .fs-body-product .fs-c-aggregateRating__count{font-size:13px;}
    .fs-body-product .fs-c-reviewStars::before{font-size:20px;}
    .fs-c-reviewStars::before {color: var(--bk);}
    .fs-c-rating__value{color: var(--bk); font-size: 15px; font-family:'Lato', sans-serif;}

    .fs-body-product .fs-c-reviewer__profile__status,
    .fs-body-product .fs-c-reviewerStatus,.fs-body-product .fs-c-reviewer__profile{display:none;}
    .fs-c-reviewList__item__info{flex-direction: row;flex-wrap: wrap;}
    .fs-c-productReview__reviewList .fs-c-reviewRating{width:100%;}
    .fs-c-productReview__reviewList .fs-c-reviewStars::before{font-size:17px;}
    .fs-body-product .fs-c-reviewBody{border:none; padding:0;}
    .fs-body-product .fs-c-reviewInfo__date{font-size:12px; color:var(--dgy); margin-left:16px;}
    .fs-body-product .fs-c-reviewList__item__body{font-size:13px;}


    .fs-c-productReview .fs-c-button--plain{ border:1px solid #2F2725; text-align: center;width:100%;color:#2F2725; padding:10px 0;}
    /* .fs-c-productReview__allReviews.fs-c-buttonContainer.fs-c-buttonContainer--viewAllReviews,
    .fs-c-productReview__addReview.fs-c-buttonContainer.fs-c-buttonContainer--addReview--detail{width:240px; margin:0 auto;} */

    .fs-body-product .fs-c-button--addReview--detail.fs-c-button--plain{border:1px solid var(--bk)!important; background:var(--bk); width:240px; margin:0 auto; color:#fff;}
    .fs-body-product .fs-c-productReview__allReviews .fs-c-button--plain{border: 1px solid var(--bk)!important;background: #fff; width: 240px; margin: 0 auto;}
    .fs-body-product .fs-c-reviewList{margin-bottom:4%;}


    @media screen and (min-width: 768px) {

        .detail-contents-inner.review{
            padding:0 1%;
        }

        .item-review-wrapper{padding: 4% 0;}


    }


/*-----------------------------------------------------
 商品について　問合せ
-------------------------------------------------------*/

    .fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct{
        border:1px solid var(--bk);
        color:var(--bk);margin:0 auto 8%;
        justify-content: center; min-width:240px;
        max-width:240px; padding: 10px 0;
    }

    .fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct button{
        color:var(--bk);
        background:#fff;
        font-weight:bold;
        font-size:13px; padding:0;
    }


    @media screen and (min-width: 768px){

        .fs-c-inquiryAboutProduct.fs-c-buttonContainer.fs-c-buttonContainer--inquiryAboutProduct{
            margin:0 auto 4%;
        }

        .fs-body-product .fs-c-productListCarousel__list__item{
            flex-basis: 25vw; 
            max-width:25vw;
            margin:0;
            padding:0 3%;
        }

    }



/*-----------------------------------------------------
 おすすめ商品ブロック
-------------------------------------------------------*/

    .fs-body-product .fs-c-featuredProduct{width:100%; background:inherit; max-width:800px;margin:0 auto; padding:8% 4%;}
    .fs-body-product .fs-c-featuredProduct__header{border-bottom:1px solid var(--bk);}
    .fs-body-product .fs-c-featuredProduct__header .fs-c-featuredProduct__title{font-size: 11px; color: var(--bk); font-weight: normal;border-bottom:none;}
    .fs-body-product .fs-c-featuredProduct__header .fs-c-featuredProduct__title::before{ display:block; content:"RECOMMENDATION ITEM"; font-size:17px;font-family: 'Lato', sans-serif; letter-spacing: 1px;line-height: 1.8;}

    .fs-body-product .fs-c-productListCarousel__list__item{flex-basis: 45vw; max-width:45vw; margin:0; padding:0 3%;}
    .fs-body-product .fs-c-productListCarousel__list__item .fs-c-productPrice{align-items: center;}
    /* .fs-body-product .fs-c-productListCarousel__list__item .fs-c-productPrice--selling span,
    .fs-body-product .fs-c-productListCarousel__list__item .fs-c-productMarks{display:none;} */
    .fs-body-product .fs-c-productListCarousel__ctrl{min-width: inherit;}



    .fs-body-product .fs-c-productListCarousel__list__item .fs-c-productName__name{
    font-size:12px;height: 32px;line-height: 1.4;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

    .fs-body-product .fs-c-productListCarousel__list__item{margin:0 4px 4px;}
    .fs-body-product-test2302 .fs-c-productListCarousel__list__item{position: relative;}

    .fs-body-product .fs-c-productListCarousel__list__item .fs-c-productMark{position: absolute;top:0;left:-4px;}
    .fs-body-product .fs-c-productListCarousel__list__item .fs-c-productMark > li {transform: scale(0.9);}
    .fs-body-product .fs-c-featuredProduct .fs-c-slick.slick-initialized .slick-slide{margin: 0 3px;height: max-content;}
    .fs-body-product .fs-c-featuredProduct .fs-c-productListCarousel__list__item > * + * {margin-top:2px;}
    .fs-body-product .fs-c-featuredProduct .fs-c-productListCarousel{margin-top:16px;}
    .fs-body-product .fs-c-featuredProduct .fs-c-productListCarousel__ctrl{top:-25px;}



    @media screen and (min-width: 768px){

        .fs-body-product .fs-c-featuredProduct{ padding:4% 1%;}
        .fs-body-product .fs-c-featuredProduct__header .fs-c-featuredProduct__title{font-size: 13px;}
        .fs-body-product .fs-c-featuredProduct__header .fs-c-featuredProduct__title::before{ font-size:20px; letter-spacing: 2px;}


        .fs-body-product .fs-c-featuredProduct .slick-list{ padding:0 10px;}
        .fs-body-product .fs-c-productListCarousel__list__item{max-width:calc((800px / 3) - 15px); margin:0; padding:0 3%;}

    }


/*---商品ページテンプレートここまで ▲▲▲▲▲　-----------------------------------------------------------------------------------------------------------------*/

.item-feature .item-spec-ttl{
    font-size: 14px;
    background-color: #231816;
    padding: 12px 0 12px 10px;
    margin: 20px 0 15px 0;
    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
}


/* 香水 */

.item-feature p {
    font-size: 14px;
}

/* .br-sp {
    display: none;
} */

.item-feature h3 {
    font-size: 16px;
}

.center-tex {
    text-align: center;
}


.feature-container {
    margin-top: 50px;
    margin-bottom: 50px;
}


.oajon78-img {
    height: 320px;
    width: 100%;
}

.fragrance-img-water {
    background-image: url(https://john.itembox.design/item/img/products/details/oajon78/fragrance_1.jpg);
    background-position: left 60%;
	background-repeat: no-repeat;
	background-size: 100% auto;
    margin-top: 30px;
}

.fragrance-note-box {
    margin-top: 50px;
    display: flex;
    width: 100%;
    margin-bottom: 70px;
}

.fragrance-note-img{
    width: 50%;
    max-height: 341px;
    max-width: 464px;
    margin: auto;
    display: flex;
    align-items: center;
}

.fragrance-note-tex {
    width: 50%;
    max-width: 550px;
    margin: auto;
}


.how-to-use-box-img {
    background-image: url(https://john.itembox.design/item/img/products/details/oajon78/howtouse_1.jpg);
    background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.how-to-use-tex-top {
    margin-bottom: 30px;
}

.how-to-use-tex-bottom {
    margin-top: 30px;
}

.box-design-img-area {
    display: flex;
    margin: 30px 0;
    max-height: 320px;
    overflow: hidden;
}

.box-design-img {
    width: 50%;
    height: 320px;
}

.box-design-img_1 {
    background-image: url(https://john.itembox.design/item/img/products/details/oajon78/design_1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
} 

.box-design-img_2 {
    background-image: url(https://john.itembox.design/item/img/products/details/oajon78/design_2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
} 

.design-box-botttom-tex {
    margin-bottom: 50px;
}

.bottle-design-box {
    display: flex;
}

.lid-design-box {
    display: flex;
}

.design-box-line {
    border-bottom: 1px solid #707070;
}

.design-img {
    width: 50%;
    height: 320px;
}

.design-bottle-lid-tex {
    width: 50%;
    margin: auto;
    max-width: 450px;
}

.bottle-design-img {
    background-image: url(https://john.itembox.design/item/img/products/details/oajon78/design_3.jpg);
    background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.lid-design-img {
    background-image: url(https://john.itembox.design/item/img/products/details/oajon78/design_4.jpg);
    background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* SP */

@media screen and (max-width:420px){

	.br-sp{
		display: block;
	}

    .feature-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .fragrance-concept-container {
        border-bottom: 1px solid #707070;
    }

    .fragrance-img-water {
        margin-top: 20px;
        margin-bottom: 20px;
        background-size: 150% auto;
        background-position: 50% 60%;
    }

    .fragrance-note-box {
        flex-direction: column;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .fragrance-note-img {
        width: 100%;
        margin-top: -20px;
    }

    .fragrance-note-tex {
        text-align: center;
        width: 96%;
    }

    .box-design-img-area {
        flex-direction: column;
        max-height: 640px;
    }

    .box-design-img {
        width: 100%;
        height: 340px;
    }

    .box-design-img_1 {
        background-size: 150% auto;
        background-position: 50% 50%;
    } 
    
    .box-design-img_2 {
        background-size: 150% auto;
        background-position: 50% 50%;
    } 

    .bottle-design-box {
        flex-direction: column;
    }

    .bottle-design-img {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px;
    }


    .design-bottle-lid-tex {
        width: 100%;
    }

    .lid-design-box {
        flex-direction: column-reverse;
    }

    .lid-design-img {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

/* tablet */

@media screen and (min-width:421px) and ( max-width:700px) {

	.br-sp{
		display: block;
	}

    .fragrance-img-water {
        margin-top: 30px;
        margin-top: 20px;
    }

    .fragrance-note-box {
        flex-direction: column;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .fragrance-note-img {
        width: 100%;
        margin-top: -10px;
    }

    .fragrance-note-tex {
        text-align: center;
        width: 96%;
        margin-top: 40px;
    }

    .bottle-design-box {
        flex-direction: column;
    }

    .bottle-design-img {
        width: 100%;
    }

    .design-bottle-lid-tex {
        width: 100%;
    }

    .lid-design-box {
        flex-direction: column-reverse;
    }

    .lid-design-img {
        width: 100%;
    }

    .bottle-design-img {
        background-position: left 80%;
        background-size: 100% auto;
    }
    
    .lid-design-img {
        background-position: 50% 50%;
        background-size: 100% auto;
    }

    .design-bottle-lid-tex {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .box-design-img-area {
        flex-direction: column;
        max-height: 640px;
    }

    .box-design-img {
        width: 100%;
        height: 340px;
    }

    .box-design-img_1 {
        background-size: 150% auto;
        background-position: 50% 50%;
    } 
    
    .box-design-img_2 {
        background-size: 150% auto;
        background-position: 50% 50%;
    } 

}

@media screen and (min-width:700px) and ( max-width:900px) {
    .box-design-img_1 {
        background-position: 50% 50%;
        background-size: 150% auto;
    } 
    
    .box-design-img_2 {
        background-position: 50% 50%;
        background-size: 150% auto;
    } 
}

/* 香水　商品詳細終わり */

/* japan ヒノキ */

.hinoki-fragrance-box {
    display:flex;
    margin: 50px 0;
}

.hinoki-fragrance-tex {
    width: 50%;
    padding: 5% 10%;
    display:table;
    height: 100%;
    margin: auto;
}


.hinoki-fragrance-tex p{
    margin-bottom: 30px;
}

.oajoj-fragrance-hinoki {
    width: 50%;
    margin: 0 auto;
    display:table;
    padding: 0 100px;
}

.fragrance-img-hinoki-1 {
    background-image: url(https://john.itembox.design/item/img/products/details/oajoj0101/hinoki_1.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    height: 220px;
}


.fragrance-img-hinoki-2 {
    background-image: url(https://john.itembox.design/item/img/products/details/oajoj0101/hinoki_2.jpg);
    background-position: center center;
    background-size: cover;
    height: 220px;
    width: 100%;
    background-repeat: no-repeat;
}

.pedestal-box {
    display: flex;
    margin: 50px 0;
}

.pedestal-tex-box {
    width: 50%;
    display:table;
    margin: auto;
    padding: 50px 100px;
}

.pedestal-tex-box p{
    margin-bottom: 30px;
}

.pedestal-tex-bottom {
    margin-bottom: 0 !important;
}

.pedestal-img-hinoki-box {
    width: 50%;
    padding: 0 10%;
}

.pedestal-img-hinoki {
    background-image: url(https://john.itembox.design/item/img/products/details/oajoj0101/oajoj-pedesstal-3.jpg);
    background-position: center center;
    background-size: 250%;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.pedestal-img-hinoki::after {
    content: "※商品には個体差があります";
    font-size: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #c2c2c2;
}

.reed-stick-img-box {
    width: 100%;
    height: 370px;
    padding: 0 200px;
}

.reed-stick-img-box-img_1 {
    background-image: url(https://john.itembox.design/item/img/products/details/oajoj0101/reed-stick-img-re1.jpg);
    background-position: center 30%;
    background-size: 100% auto;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.reed-stick-img-box-img_1::after {
    content: "※商品には個体差があります";
    font-size: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #c2c2c2;
}

.reed-stick-tex {
    margin-bottom: 30px;
}

.reed-stick-img-box {
    margin-bottom: 50px;
}


@media screen and (max-width:1000px){
    

    .hinoki-fragrance-box {
        display: block;
    }

    .hinoki-fragrance-tex {
        width: 96%;
        margin: auto;
    }

    .oajoj-fragrance-hinoki {
        width: 96%;
        margin: 0 auto;
        display:block;
        padding: 0;
    }

    .pedestal-box {
        display: block;
    }

    .pedestal-tex-box {
        display: block;
    } 

    .pedestal-tex-box {
        width: 96%;
        margin: auto;
    }

    .pedestal-tex-box {
        padding: 0;
        margin: auto;
    }

    .pedestal-img-hinoki-box {
        width: 96%;
        margin-top: 30px;
        height: 300px;
        margin: auto;
        margin-top: 30px;
    }

    .reed-stick-img-box {
        width: 96%;
        padding: 0;
        margin: auto;
    }

    .reed-stick-img-box {
        height: 150px;
    }

}


    @media screen and (min-width:500px) and ( max-width:1000px) {

        .pedestal-img-hinoki {
            background-position: bottom 25% center;
        }


        .reed-stick-img-box {
            height: 250px;
        }
    
        .reed-stick-img-box-img_1 {
            background-size: 130% auto;
            background-repeat: no-repeat;
        }

}


/* japan ヒノキ　終わり */