/*rest　******************************/
*{box-sizing: border-box;}
img{max-width:100%;max-height: 100%;}
a{display: block;}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color:inherit;
}

body{
    line-height: 1;
    /* transform: translate3d(0,0,0); */
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

html{
font-size:62.5% !important;
}


/*root　******************************/

:root {
    --color-bk:#333333;
    --color-pk:#D9A28E;
    --color-lpk:#DECBC4;
    --color-lgy:#A8A8A8;
    --bgColor-lpk:#FBF6F3;

    --section-pd:80px;
    --block-mgb:40px;
    --contents-mgb:32px;
    --text-mgb:24px;
    }


/*common　******************************/


.contentWrapper {
    overflow: hidden;
    color: var(--color-bk);
    letter-spacing: .05em;
}

.contentInner{
    padding:0 5%;
}

section{
    padding:var(--section-pd) 0;
}


.heading-en, .pickup__itemName-en,.pickup__itemImage-sub span,.standard__itemName-en,.standard__reviewBox h5,.mv-slider-txt,.standard__variatioBox .ttl{
    font-family: "acumin-pro-wide", sans-serif;
    font-weight: 600;
    font-style: normal;
}



.heading-en{
    color:var(--color-lpk);
    font-size:1.0rem;
    display: flex;
    align-items: center;
    margin-bottom:var(--block-mgb);
    letter-spacing:0.3em;
    margin-left:7%;
}

.heading-en::before{
    display: block;
    width:4px;
    height:4px;
    border-radius: 4px;
    content:"";
    background:var(--color-lpk);
    margin-right:8px;
}

.heading-txt, .txt-link,.more-link,.pickup__item-desc h4,.standard__item-desc,.standard__item-subBox h4,.footer__link{
    font-family: "游明朝体 Medium", "Yu Mincho Medium", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: normal;
}

.heading-txt{
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom:calc(var(--text-mgb) - 12.8px);
}

.page-desc{
    font-size:1.3rem;
    line-height: 1.4;
    font-weight:normal !important;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


.txt-link{
    width:fit-content;
    margin:0 auto;
    font-size:1.4rem;
}

.txt-link span{
display: inline-block;
padding:16px 4px 8px;
border-bottom:1px solid var(--color-bk);
position: relative;
}

.txt-link span::after{
    content:"";
    display: block;
    width:4px;
    height:4px;
    border-radius: 4px;
    background:var(--color-bk);
    position: absolute;
    bottom:-2px;
    right:-4px;
}

.more-link{
    max-width:264px;
    min-width:200px;
    height:50px;
    line-height: 50px;
    border-radius: 4px;
    background:var(--color-pk);
    margin:0 auto;
    text-align: center;
    color:#fff !important;
    letter-spacing: 0.1em;
    position: relative;
    font-size:1.4rem;
}

.more-link span{
    display: inline-block;
    width:24px;
    height:1px;
    background:#fff;
    position: absolute;
    right:16px;
    top:24.5px;
}


.more-link span::after{
display: block;
content:"";
width:4px;
height:4px;
border-radius: 4px;
background:#fff;
position: absolute;
top:-1.2px;
right:-2px;
}

.spnone{
    display:none;
}

@media (min-width: 600px) {
    :root {
        --section-pd:120px;
        --block-mgb:48px;
        --contents-mgb:80px;
        --text-mgb:40px;
        }

        .section__inner{
            max-width:1050px;
            padding:0 2%;
            margin:0 auto;
        }

    .heading-en{
        font-size:1.3rem;
    }

    .pcnone{
        display:none;
    }

    .spnone{
        display:block;
    }

    .more-link{
        height:40px;
        line-height: 40px;
        margin:0;
    }

    .more-link span{
        top:19.5px;
    }
        

}


/*mainVisual　******************************/

.mainVisual{
    padding:0;
}

.mainVisual__wrapper{
    height:70vh;
    max-width:1050px;
    margin:0 auto;
    position: relative;
}

.mainVisual__wrapper::before{
    display: block;
    content:"";
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 55%, rgba(255,255,255,0) 100%);
    /* background: rgb(125,114,114);
    background: linear-gradient(180deg, rgba(125,114,114,1) 0%, rgba(125,114,114,0.5816920518207283) 55%, rgba(125,114,114,0) 100%); */
    position:absolute;
    width:100%;
    height:140px;
    top:0;
    left:0;
    z-index: 1;
    opacity: 0.8;
    mix-blend-mode: screen;
}


.mainVisual__fuwasaraLogo{
    position:absolute;
    width:100%;
    height:70px;
    background:url(../img/usr/freepage/fuwasara/fuwasara_logo_bk.png) no-repeat center center/contain;
    text-indent:100%;
    white-space:nowrap;
    overflow: hidden;
    top:48px;
    z-index:999;
}

.mv-slider-item{
    width:100%;
    height:100%;
    position: relative;
}

.mv-slider-txt{
    /* background:linear-gradient(rgb(255, 255, 255,0), rgba(255, 255, 255, 0.9));  */
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 48%, rgba(255,255,255,1) 100%);
    padding:50px 0 20px;
    width:100%;
    position: absolute;
    bottom:0;
    z-index:999;
}

.mv-slider-txtBox{
    color:var(--color-pk);
    font-size:1.2rem;
    line-height: 1.4;
    text-align: center;
}

.mv-slider-txtBox span{
    display: block;
    font-size:1.0rem;
    margin-bottom:4px;
}
.mv-slider-image{
height:70vh;
}


.mv-slider-image img, .mv-slider-subimage{
width:100%;
height:100%;
object-fit: cover;
}

.mv-slider-txtdeco{
    width:120px;
    position: absolute;
    z-index:999;
    right:4%;
    top:calc(70px + 40px);
}



@media (min-width: 600px) {
.mainVisual{
    position: relative;
}

.mainVisual__wrapper::before{
    display: none;
}

.mainVisual::before{
    content:"";
    display: block;
    width:44%;
    height:442px;
    background:var(--bgColor-lpk);
    position: absolute;
    right:0;
    top:0;
}

.mainVisual__wrapper{
        height:100vh;
        max-height:560px;
    }


.mv-slider-wrapper{
    margin:0 auto;
}

.mainVisual__fuwasaraLogo{
    width:39%;
    height:90px;
    background:url(../img/usr/freepage/fuwasara/fuwasara_logo_bk.png) no-repeat center center/contain;
    top:calc((100% - 70px) / 2);
    left:0;
    z-index:999;
}

.mv-slider-item a{
    display:flex !important;
    justify-content: flex-end;

}

.mv-image-wrapper{
    display: flex;
    justify-content: space-between;
    width:61%;
    margin-top:70px;
}

.mv-slider-image{
    width:340px;
    height:439px;
    margin-top:50px;
    }

.mv-slider-subimage{
width:228px;
height:400px;
margin-right:4%;
}  

.mv-slider-txt{
    position: absolute;
    bottom:0;
    left:0;
    z-index:999;
    width:39%;
    text-align: center;
}

.mv-slider-txtdeco{
    width:280px;
    right:0;
    top:inherit;
    bottom:60px;
}

.mv-slider-txtBox{
    margin-bottom:32px;
}
/* 
.slick-dots{
    align-items: flex-end;
    justify-content: flex-start;
    top:70px;
    bottom:0;
    right:-4px;
    margin: auto;
}

.slick-dots li{
width:15px;
height:15px;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    border:1px solid var(--color-lpk);
    content: '';
    text-align: center;
    opacity: 1;
}


.slick-dots .slick-active button:before{
    background:var(--color-lpk);
} */

}



/*about　******************************/


.about__txtblock{
    padding:0 7%;
    margin-bottom:var(--text-mgb);
}

.about__txtblock .page-desc{
    font-size:1.3rem;
    line-height: 1.8;
}

.about__txtblock .page-desc:first-of-type{
    margin-bottom:8px;
}

.about__imageblock{
    margin-bottom:calc(var(--block-mgb) - 16px);
}

@media (min-width: 600px) {

    .about .heading-en{
        margin-left:0;
    }
    .about__txtblock{
        padding:0 8% 0 4%;
        width:50%;
    }

    .about__flexWrapper{
        display:flex;
        align-items: center;
    }

    .about .heading-txt{
        font-size:1.8rem;
    }

    .about__txtblock .page-desc{
        font-size:1.4rem;
        line-height: 2;
    }

    .about__txtblock .page-desc:first-of-type{
        margin-bottom:16px;
    }

    .about__imageblock{
        width:50%;
        margin-bottom:0;
    }

    .about .txt-link{
        margin:32px 0 0;
    }

}


/*pickup******************************/

section.pickup{
    background:var(--bgColor-lpk);
}

.pickup__txtblock{
    padding:0 7%;
    margin-bottom:var(--text-mgb);
}

.pick-number-wrapper{
    display: flex;
}

.pick-number-wrapper.right{
    justify-content: flex-end;
}

.pick-number{
    display: block;
    width:30%;
    margin:0 0 12px 7%;
}

.pick-number-wrapper.right .pick-number{
    margin:0 7% 12px 0;
}

.pickup__grid-wrapper{
    display: grid;
    grid-template-areas: "item-name image-main image-main"
    "item-name item-desc item-desc"
    "image-sub image-sub image-sub"
    "item-link item-link item-link"
    ;
    grid-template-columns:10% auto auto;
    grid-template-rows:auto auto auto auto;
    margin-bottom:var(--contents-mgb);
}

.pickup__grid-wrapper.reverse{
    grid-template-areas: "image-main image-main item-name"
    "item-desc item-desc item-name"
    "image-sub image-sub image-sub"
    "item-link item-link item-link"
    ;
    grid-template-columns:auto auto 10%;
}


.pickup__itemName-en{
    grid-area: item-name;
    color:var(--color-pk);
    font-size:1.3rem;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right:1px solid var(--color-lpk);
    position: relative;
}



.pickup__grid-wrapper.reverse .pickup__itemName-en{
    border-right:inherit;
    border-left:1px solid var(--color-lpk);
}

.pickup__itemName-en span{
    display: inline-block;
    margin-top:16px;
    font-size: 1.0rem;
    font-weight: 400;
    letter-spacing: 0.1em;
}

.pickup__itemName-en::before,.pickup__itemName-en::after{
    display: block;
    content:"";
    width:4px;
    height:4px;
    border-radius: 4px;
    background:var(--color-lpk);
    position: absolute;
    display: flex;
    right:calc(-4px / 2);

}
.pickup__itemName-en::before{
    top:0;
}

.pickup__itemName-en::after{
    bottom:0;
}

.pickup__grid-wrapper.reverse .pickup__itemName-en::before,
.pickup__grid-wrapper.reverse .pickup__itemName-en::after{
    right: inherit;
    left:-2.7px;
}


.pickup__itemImage-main{
    grid-area: image-main;
    padding:0 0 0 5%;
}


.pickup__grid-wrapper.reverse .pickup__itemImage-main{
    padding:0 5% 0 0;
}

.pickup__item-desc{
    grid-area: item-desc;
    padding:var(--text-mgb) 7.5%;
}


.pickup__item-desc h4{
    font-size:1.6rem;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom:calc(16px - 6.66px);
}

.pickup__itemImage-sub{
    grid-area: image-sub;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:4px 0 var(--text-mgb);
}

.pickup__itemImage-sub.reverse{
    flex-direction: row-reverse;
}

.pickup__itemImage-sub div{
    width:84%;
}

.pickup__itemImage-sub span{
    display: block;
    color:var(--color-pk);
    font-size:1.3rem;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    width:16%;
    display:flex;
    align-items: end;
    padding:0 0 0 8px;
}

.pickup__itemImage-sub.reverse span{
    align-items:flex-start;
    padding:0 8px 0 0;
}

.pickup__item-link{grid-area: item-link;}

@media (min-width: 600px) {

.pickup .heading-en{
    justify-content: center;
    margin-left:0;
}

.pickup__txtblock{
    padding:0;
    margin-bottom:var(--text-mgb);
}

.pickup .heading-txt{
    text-align: center;
}

.pick-number{
    max-width:200px;
    margin:0 0 12px 0;
}
.pick-number-wrapper.right .pick-number{
    margin:0 0 12px 0;
}

.pickup__grid-wrapper{
    grid-template-areas: "item-name image-main item-desc"
    "item-name image-main item-link"
    "item-name image-main image-sub"
    ;
    grid-template-columns:8% 50% auto;
    grid-template-rows:auto auto 270px;
}

.pickup__grid-wrapper.reverse{
    grid-template-areas: "item-desc image-main item-name"
    "item-link image-main item-name"
    "image-sub image-main item-name"
    ;
    grid-template-columns:auto 50% 8%;
}

.pickup__itemName-en{
    align-items: flex-start;
    padding:0 24% 0 0;
}

.pickup__grid-wrapper.reverse .pickup__itemName-en{
    align-items:flex-end ;
    padding:0 0 0 24%;
    border-left:1px solid var(--color-lpk);
}

.pickup__itemImage-main{
    padding:0 0 0 4%;
}

.pickup__grid-wrapper.reverse .pickup__itemImage-main{
    padding:0 4% 0 0;
}

.pickup__item-desc{
    padding:0 4% 0 8%;
    display: flex;
    flex-direction: column;
    align-self: center;
}

.pickup__grid-wrapper.reverse .pickup__item-desc{
    padding:0 8% 0 4%;
}

.pickup__item-desc h4{
    margin-bottom:calc(32px - 6.66px);
}

.pickup__item-link{
    padding:0 0 0 8%; 
}

.pickup__grid-wrapper.reverse .pickup__item-link{
    padding:0 0 0 4%; 
}

.pickup__itemImage-sub{
    padding-left:8%;
    margin:0;
}

.pickup__grid-wrapper.reverse .pickup__itemImage-sub{
    padding-left:0;
    padding-right:8%;
}

.pickup__itemImage-sub div{
    width:calc(100% - 1em);
}

.pickup__itemImage-sub span{
    width:1em;
}

.pickup__itemImage-sub.reverse span{
    align-items:flex-start;
    padding:0 8px 0 0;
}

}


/*standard item ******************************/

.standard__txtblock{
    padding:0 7%;
    margin-bottom:var(--text-mgb);
}

.standard__itemName-en{
    color:var(--color-pk);
    font-size:1.1rem;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    margin-bottom:var(--text-mgb);
    padding-left:7%;
}

.standard__itemName-en span{
    display: inline-block;
    font-size:1.8rem;
    margin-right:8px;
}

.standard__item{
    /* padding-left:7%; */
}

.standard__item-mainBox{
    padding-left:7%;
}

.standard__item-desc{
    width: fit-content;
    font-size:1.4rem;
    line-height: 2;
    position: relative;
    text-indent: -1em;
    padding-left: 1em;
    z-index:999;

}

.standard__item-desc mark {
    background: #FCF8F7;
    color:var(--color-bk);
    font-style:normal;
    font-weight:normal;
}

.quo-left,.quo-right{
    display:inline-block;
    width:6px;
    height:6px;
    vertical-align: text-top;
}

.quo-left{
    background:url(../img/usr/freepage/fuwasara/quo-left.png) no-repeat left top/contain;
}

.quo-right{
    background:url(../img/usr/freepage/fuwasara/quo-right.png) no-repeat right top/contain;
}

.standard__itemImage-main{
    position: relative;
    padding-left:27%;
    margin-top:-28px;
}

.standard__item-no{
    position: absolute;
    font-size:1.0rem;
    bottom:12px;
    right:12px;
    color:var(--color-lgy);
}

.standard__item-no.wh{
color:#fff;
}

.standard__item-subBox{
    position: relative;
    z-index:999;
    padding-left:7%;
}

.standard__item-subBox img{
    width:46%;
    margin-top:-155px;
}

.standard__item-subBox h4{
    margin:16px 0 8px;
    font-size:1.3rem;
}

.standard__item-subBox p{
    font-size:1.2rem;
    margin-bottom:var(--text-mgb);
}

/*review*/
.standard__reviewBox{
    background:var(--bgColor-lpk);
    padding:var(--contents-mgb) 0;
    margin-top:var(--text-mgb);
}

.standard__reviewBox h5{
    font-size:1.1rem;
    color:var(--color-pk);
    margin-bottom:16px;
    text-align: center;
    letter-spacing: 0.2em;
}

.review-slider{
    padding:0 5%;

}

.review-slider li{
    position: relative;
    padding:10px;
}


.review-item{
    background:#fff;
    padding:7%;
    position: relative;
    z-index:10;
    box-shadow: 0px 5px 9px rgb(222, 203, 196, .2);
}

.review-item .ttl{
    font-size:1.2rem;
    font-weight: 600;
    border-bottom:1px solid var(--color-bk);
    padding-bottom:4px;
    margin:12px 0;
}

.review-item .txt{
    font-size:1.1rem;
    line-height: 1.6;
}

.review-item .txt span{
    font-weight: 600;
    font-size:1.1rem;
    border-bottom:1px solid var(--color-pk);
    padding-bottom:2px;
}

.review-item .star{
color:#ECB32A;
font-size:1.3rem;
}

.review-item .star span{
    display:inline-block;
    margin-left:4px;
    color:var(--color-lgy);
    font-size:1.0rem;
}
/*スライダー調整*/
.review-slider .slick-slide{
    height:auto !important;
}

.review-slider .slick-prev:before, .slick-next:before{
    content:"";
    display: block;
    width:24px;
    height:24px;
}

.review-slider .slick-prev:before{
    background:url(../img/usr/freepage/fuwasara/prev.png) no-repeat center center/contain;
}

.review-slider .slick-next:before{
    background:url(../img/usr/freepage/fuwasara/next.png) no-repeat center center/contain;
}

.review-slider .slick-prev{
    left:-3%;
}
.review-slider .slick-next {
    right: -2%;
}

/*バリエーション*/
.standard__variatioBox{
    display: flex;
    margin-top:var(--text-mgb);
    position: relative;
}

.standard__variatioBox::after{
    display: block;
    content:"";
    width:4%;
    height:auto;
    background:#ccc;
    position: absolute;
    top:0;
    right:0;
    z-index:9999;
}

.standard__variatioBox .ttl{
    color: var(--color-pk);
    font-size: 1.3rem;
    writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    display: flex;
    justify-content: center;
    width:10%;
    align-items: center;
}

.item__variationList{
    width:90%;
    display: flex;
    overflow-x: scroll;
    gap:12px;
    }

.item__variationList.col3{
    padding-right:5%;
}

.item__variationList li{
    min-width:calc((100% - 24px) / 3);
    /* height:136px; */
    }

/* .item__variationList li img{
    width:100%;
    height:100%;
    object-fit: cover;
} */

.bar{
    margin:var(--block-mgb) 0;
    padding:0 5%;
}

.bar span{
    display: block;
    width:100%;
    height:1px;
    background:var(--color-lpk);
    position: relative;
}

.bar span::before,.bar span::after{
    display: block;
    content:"";
    width:4px;
    height:4px;
    border-radius: 4px;
    background:var(--color-lpk);
    position: absolute;
    top:calc(-3px / 2);
}

.bar span::before{
    left:0;
}

.bar span::after{
    right:0;
}


@media (min-width: 600px) { 

    .standard .heading-en{
        justify-content: center;
        margin-left:0;
    }
    
    .standard__txtblock{
        padding:0;
        margin-bottom:var(--text-mgb);
    }
    
    .standard .heading-txt{
        text-align: center;
    }

    .standard__itemName-en{
        justify-content: center;
        padding-left:0;
    }
    
    .standard__itemName-en span{
        margin-right:12px;
    }

    .standard__item-mainBox{
        width:55%;
        padding-left:0;
    }
    .standard__item{
    }
    
    .standard__item-inner{
        display:flex;
        justify-content: space-between;
    }

    .standard__item-desc{
        font-size:1.6rem;
        margin-bottom:32px;
    }

    .standard__itemImage-main{
        padding-left:0;
        margin-top:0;
    }

    .standard__item-no{
        bottom:12px;
        left:12px;
    }

    .standard__item-subBox{
        width:41.5%;
        padding-left:0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between;
    }
    
    .standard__item-subBox img{
        width:100%;
        margin-top:0;
    }

    .standard__item-subBox h4{
    margin:16px 0 12px;
    font-size:1.4rem;
    text-align: right;
}

.standard__item-subBox p{
    font-size:1.3rem;
    text-align: right;
    margin-bottom:24px;
}

/*review*/
.contentInner.review{
    padding:0;
}

.standard__reviewBox{
    padding:40px 0;

}

.standard__reviewBox h5{
    font-size:1.3rem;
    margin-bottom:24px;
}

.review-item{
    height:100%;
    padding:7% 7% 4%;
    }

    
    .review-slider li{
        padding:0 10px 10px 10px;
    }

    .review-item .ttl{
        font-size:1.3rem;
        padding-bottom:6px;
        margin:16px 0;
    }
    
    .review-item .txt{
        font-size:1.2rem;
        line-height: 1.8;
    }

    .review-item .txt span{
        font-size:1.2rem;
        padding-bottom:2px;
    }

    .review-slider .slick-track {
        display: flex !important;
    }
    .review-slider .slick-slide {
        height: auto !important;
    }

    .review-slider .slick-prev{
        left:2%;
    }
    .review-slider .slick-next {
        right: calc(2% + 2px);
    }


/*バリエーション*/
.standard__variatioBox{
    display: block;
}

.standard__variatioBox .ttl{
    writing-mode: inherit;
    width:100%;
    margin-bottom:24px;
}

.item__variationList{
    width:100%;
    justify-content: center;
    overflow-x:hidden;
    gap:20px;
}

.item__variationList.col3{
    padding-right:0;
}

.item__variationList li{
    min-width:inherit;
    max-width:calc((100% - 80px) / 5);
    /* height:195px; */
}

.bar{
    margin:var(--contents-mgb) 0;
    padding:0;
}

}

/*footer ******************************/
.footer__wrapper{
    position: relative;
}

.footer__txt_block{
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    display: grid;
    place-items: center;
}

.footer__fuwasara_logo{
    max-width:170px;
    margin:0 auto 24px;
}
.footer__jb_logo{
    max-width:170px;
    margin:24px auto;
}

.footer__link{
    background:var(--color-pk);
    color:#fff !important;
    font-size:1.5rem;
    text-align: center;
    width:fit-content;
    margin:var(--section-pd) auto var(--contents-mgb);
    padding:15px 30px;
    border-radius: 5px;
}

@media (min-width: 600px) { 
    .footer__wrapper{
        max-width:1050px;
        margin:0 auto;
    }

    .footer__jb_logo{
        margin:40px auto;
    }

    .footer__link{
        font-size:1.8rem;
        padding:20px 40px;
    }
}

.image-anime{
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
}