@charset "UTF-8";
/* =====================================
	shampoo
===================================== */

.visual{
    width: 100%;
    height: 100vh;
    position: relative;
    background: url("../img/shampoo/visual01.jpg") center;
    background-size: cover;
}

.visual h1{
    position: absolute;
    line-height: 1;
    top: 49.292%;
    left: 5.467%;
}

.visual h1 span:first-child{
    font-size: 5.0rem;
    display: flex;
    align-items: center;
}

.visual h1 span:first-child small{
    font-size: 1.5rem;
    padding-left: 28px;
}

.visual h1 span:last-child{
    font-size: 2.0rem;
    margin-top: 0.85em;
    display: block;
}

.lineup{
    width: 100%;
    padding: 207px 0 0;
    margin: 0 auto;
}

.lineup h2{
    width: 100%;
    max-width: 1500px;
    padding: 0 80px;
    margin: 0 auto;
}

.lineup h2 span:first-child{
    font-size: 4.8rem;
    line-height: 1;
}

.lineup h2 span:last-child{
    font-size: 1.8rem;
    line-height: 1;
    margin-top: 2.4em;
    display: block;
    letter-spacing: 0.2em;
}

.lineup ul{
    width: 100%;
    max-width: 1500px;
    margin: 50px auto 0;
    border: 1px solid #d8d8d8;
    border-left: none;
    display: flex;
}

.lineup ul li{
    width: calc(100% / 3);
    max-width: 1500px;
    border-left: 1px solid #d8d8d8;
    padding: 82px 0 70px;
    text-align: center;
}

.lineup ul li img{
    margin: 0 auto 74px;
}

.lineup ul li h3 span:first-child{
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 8px;
    display: block;
}

.lineup ul li h3 span:last-child{
    font-size: 1.6rem;
    line-height: 1;
    display: block;
    letter-spacing: 0.08em;
}

.lineup ul li p{
    font-size: 1.4rem;
    line-height: 1;
    margin: 38px 0 42px;
    letter-spacing: 0.08em;
}

.lineup ul li dl{
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
}

.lineup ul li dl dt{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 99px;
    height: 26px;
    background: #808080;
}

.lineup ul li dl dd{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #595757;
    width: 106px;
    height: 26px;
    border: 1px solid #808080;
    border-left: none;
}

.size{
    width: 100%;
    max-width: 1420px;
    padding: 207px 40px 0;
    margin: 0 auto;
}

.size h2{
    font-size: 4.8rem;
    line-height: 1;
    margin-bottom: 40px;
}

.size ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.size ul li{
    width: calc((100% - 30px) / 4);
    font-size: 1.4rem;
    line-height: 1;
}

.size ul li img{
    width: 100%;
    margin-bottom: 24px;
}

.size ul li .price{
    display: block;
    color: #888893;
    margin-top: 12px;
}

.ingredients{
    width: 100%;
    max-width: 990px;
    padding: 308px 40px 170px;
    margin: 0 auto;
}

.ingredients h2{
    text-align: center;
}

.ingredients h2 span:first-child{
    font-size: 4.8rem;
    line-height: 1;
}

.ingredients h2 span:last-child{
    font-size: 1.8rem;
    line-height: 1;
    margin: 2.4em 0 56px;
    display: block;
    letter-spacing: 0.2em;
}

.ingredients h3{
    width: 100%;
    height: 48px;
    font-size: 1.6rem;
    background: #eaebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.ingredients .flexbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.ingredients .flexbox .ttlArea{
    width: 36.87%;
    padding-top: 8px;
}

.ingredients .flexbox .ttlArea h4{
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 32px;
}

.ingredients .flexbox .ttlArea p{
    font-size: 1.2rem;
    line-height: 1.67;
    color: #888893;
    margin-bottom: 15px;
}

.ingredients .flexbox .ttlArea ul{
    font-size: 1.3rem;
    display: flex;
}

.ingredients .flexbox .ttlArea ul li:first-child{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 53px;
    height: 26px;
    background: #808080;
}

.ingredients .flexbox .ttlArea ul li:last-child{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #595757;
    width: 53px;
    height: 26px;
    border: 1px solid #808080;
    border-left: none;
}

.ingredients .flexbox .txtArea{
    width: 48.484%;
    letter-spacing: 0.08em;
    text-align: justify;
}

.ingredients img{
    max-width: 100%;
    margin: 0 auto;
}

.ingredients .caption{
    text-align: center;
    margin-top: 52px;
    letter-spacing: 0.08em;
}

.ingredients h5{
    width: 100%;
    height: 48px;
    font-size: 1.5rem;
    background: #dfe6ec;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 83px 0 56px;
}

.feature{
    width: 100%;
    padding: 170px 40px 88px;
    background: #eeeeee;
}

.feature .inner{
    width: 910px;
    margin: 0 auto;
}

.feature .inner h2{
    font-size: 4.8rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 66px;
}

.feature .inner dl{
    display: flex;
    flex-wrap: wrap;
}

.feature .inner dl dt{
    width: 44.4%;
    border-top: 1px dotted #808080;
    padding: 50px 0 58px;
}

.feature .inner dl dt h3{
    font-size: 1.8rem;
    line-height: 1.67;
    margin-bottom: 24px;
}

.feature .inner dl dt p{
    font-size: 1.2rem;
    line-height: 1.67;
    color: #888893;
    margin-bottom: 15px;
}

.feature .inner dl dt ul{
    font-size: 1.3rem;
    display: flex;
}

.feature .inner dl dt ul li:nth-child(1){
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 53px;
    height: 26px;
    background: #808080;
}

.feature .inner dl dt ul li:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    color: #595757;
    width: 53px;
    height: 26px;
    border: 1px solid #808080;
    border-left: none;
}

.feature .inner dl dd{
    width: 55.6%;
    border-top: 1px dotted #808080;
    padding: 50px 0 58px;
}

.feature .inner h4{
    width: 100%;
    height: 48px;
    font-size: 1.5rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px 0 62px;
}

.feature .inner img{
    max-width: 100%;
    margin: 0 auto;
}

.feature .inner .caption{
    text-align: center;
    margin: 52px 0 82px;
    letter-spacing: 0.08em;
}

.fragrance{
    width: 100%;
    max-width: 990px;
    padding: 170px 40px 380px;
    margin: 0 auto;
}

.fragrance h2{
    text-align: center;
}

.fragrance h2 span:first-child{
    font-size: 4.8rem;
    line-height: 1;
}

.fragrance h2 span:last-child{
    font-size: 1.8rem;
    line-height: 1;
    margin: 2.4em 0 56px;
    display: block;
    letter-spacing: 0.2em;
}

.fragrance .ttl01{
    width: 100%;
    height: 48px;
    font-size: 1.6rem;
    background: #eaebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 46px;
}

.fragrance .flexbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 180px;
}

.fragrance .flexbox .ttlArea{
    width: 44.4%;
    padding-top: 8px;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 32px;
}

.fragrance .flexbox .txtArea{
    width: 55.6%;
    letter-spacing: 0.08em;
}

.fragrance picture{
    width: 100%;
    display: block;
}

.fragrance picture img{
    margin: 52px auto 0;
}

.fragrance .use{
    width: 100%;
    background: #eeeeee;
    padding: 0 50px 30px;
}

.fragrance .use .ttlArea{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    border-bottom: 1px solid #c9c9c9;
}

.fragrance .use .ttlArea h3{
    display: flex;
    align-items: center;
    line-height: 1;
}

.fragrance .use .ttlArea h3 span:first-child{
    font-size: 3.0rem;
}

.fragrance .use .ttlArea h3 span:last-child{
    font-size: 1.4rem;
    padding-left: 20px;
}

.fragrance .use .ttlArea .tab{
    display: flex;
    align-items: center;
    line-height: 1;
}

.fragrance .use .ttlArea .tab li{
    width: 106px;
    height: 156px;
    padding-top: 116px;
    cursor: pointer;
    text-align: center;
    position: relative;
}

.fragrance .use .ttlArea .tab li::before{
    content: "";
    width: 106px;
    height: 1px;
    background: #060716;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    transition: 0.3s all ease;
}

.fragrance .use .ttlArea .tab li.active::before{
    opacity: 1;
}

.fragrance .use .ttlArea .tab li:nth-child(1){
    background: url("../img/common/product01.png") center bottom 54px no-repeat;
    background-size: 22px auto;
}

.fragrance .use .ttlArea .tab li:nth-child(2){
    background: url("../img/common/product02.png") center bottom 54px no-repeat;
    background-size: 31px auto;
}

.fragrance .use .ttlArea .tab li:nth-child(3){
    background: url("../img/common/product03.png") center bottom 54px no-repeat;
    background-size: 27px auto;
}

.fragrance .use .slide{
    width: 100%;
    background: #fff;
}

.fragrance .use .slide .slick-slide{
    padding: 0 54px 46px;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dt{
    width: 100%;
}

.fragrance .use .slide .shampoo > dl:not(.note) > dt{
    background: url("../img/common/illust01.png") no-repeat top 67px right 93px;
    padding: 130px 80px 150px;
}

.fragrance .use .slide .treatment > dl:not(.note) > dt{
    background: url("../img/common/illust02.png") no-repeat top 62px right 143px;
    padding: 130px 144px 150px;
}

.fragrance .use .slide .base > dl:not(.note) > dt{
    background: url("../img/common/illust03.png") no-repeat top 50px right 170px;
    padding: 130px 172px 150px;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dt span:first-child{
    font-size: 3.2rem;
    line-height: 1;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dt span:last-child{
    font-size: 1.8rem;
    line-height: 1;
    display: block;
    margin-top: 0.3em;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd{
    width: 100%;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd span{
    width: 100%;
    padding: 0 0 38px 45px;
    border-bottom: 1px dotted #808080;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd:last-child span{
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd span::before{
    content: "1";
    width: 25px;
    height: 25px;
    background: #808080;
    color: #fff;
    position: absolute;
    top: 2px;
    left: 0;
    font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,sans-serif;
    line-height: 1;
    text-align: center;
    padding-top: 0.4em;
    box-sizing: border-box;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd:nth-of-type(2) span::before{
    content: "2";
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd:nth-of-type(3) span::before{
    content: "3";
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd:nth-of-type(4) span::before{
    content: "4";
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd .amount{
    width: 100%;
    border: 1px dotted #808080;
    padding: 28px 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem;
    line-height: 2.142857;
    margin-top: 46px;
}

.slick-prev, .slick-next {
    width: 46px;
    height: 46px;
}

.slick-prev {
    background: url("../img/common/prev01.svg") no-repeat;
    background-size: contain;
    left: -33px;
}

.slick-next {
    background: url("../img/common/next01.svg") no-repeat;
    background-size: contain;
    right: -33px;
}

.fragrance .note{
    margin-top: 50px;
}

.fragrance .note dt{
    margin-bottom: 5px;
}

.fragrance .note dd{
    padding-left: .5em;
	text-indent: -.5em;
}

.products{
    width: 100%;
    margin: 0 auto;
}

.products h2{
    width: 100%;
    max-width: 1580px;
    font-size: 4.8rem;
    line-height: 1;
    padding: 0 40px 0 120px;
    margin: 0 auto 42px;
}

.products ul{
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #d8d8d8;
    display: flex;
}

.products ul li{
    width: calc(100% / 3);
    text-align: center;
}

.products ul li a{
    width: 100%;
    height: 435px;
    position: relative;
    font-size: 2.4rem;
    line-height: 1;
    text-align: center;
    display: block;
    border-left: 1px solid #d8d8d8;
}

.products ul li:first-child a{
    border-left: none;
}

.products ul li .imgArea{
    height: 275px;
    margin: 0 auto 39px;
    display: flex;
    align-items: flex-end;
}

.products ul li .imgArea img{
    margin: 0 auto;
    max-width: 100%;
}

.products ul li a{
    overflow: hidden;
}

.products ul li a span:last-child{
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 6px;
    display: block;
}

.products ul li a::before{
    content: "";
    width: 120%;
    height: 120%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: 0.8s all ease;
}

.products ul li a:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
}

.products ul li:nth-child(1) a::before{
    background: url("../img/common/product_bg01.jpg") no-repeat center;
    background-size: cover;
}

.products ul li:nth-child(2) a::before{
    background: url("../img/common/product_bg02.jpg") no-repeat center;
    background-size: cover;
}

.products ul li:nth-child(3) a::before{
    background: url("../img/common/product_bg03.jpg") no-repeat center;
    background-size: cover;
}



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

.visual{
    height: auto;
    background: none;
    padding-top: 100svh;
}

.visual::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    background: url("../img/shampoo/sp/visual01.jpg") center;
    background-size: cover;
}

.visual h1{
    position: relative;
    top: auto;
    left: auto;
    padding: 18.67vw 7.6vw 0;
}

.visual h1 span:first-child{
    font-size: 9.33vw;
    display: block;
}

.visual h1 span:first-child small{
    font-size: 2.933vw;
    padding: 1.6vw 0 0;
    display: block;
}

.visual h1 span:last-child{
    font-size: 4vw;
    margin-top: 1.6em;
    letter-spacing: 0.1em;
}

.lineup{
    padding: 30.133vw 0 0;
}

.lineup h2{
    padding: 0 7.6vw;
}

.lineup h2 span:first-child{
    font-size: 8.533vw;
}

.lineup h2 span:last-child{
    font-size: 3.467vw;
    line-height: 1.846;
    margin-top: 5.33vw;
}

.lineup ul{
    margin: 6.4vw auto 0;
    border-left: 1px solid #d8d8d8;
    border-bottom: none;
    display: block;
}

.lineup ul li{
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #d8d8d8;
    padding: 10.4vw 0 9.6vw;
}

.lineup ul li img{
    margin: 0 auto 10vw;
    width: 11.067vw;
}

.lineup ul li h3 span:first-child{
    font-size: 5.867vw;
    margin-bottom: 2.67vw;
}

.lineup ul li h3 span:last-child{
    font-size: 3.467vw;
}

.lineup ul li p{
    font-size: 3.2vw;
    margin: 7.2vw 0 8vw;
}

.lineup ul li dl{
    font-size: 2.933vw;
}

.lineup ul li dl dt{
    width: 24.533vw;
    height: 6.267vw;
}

.lineup ul li dl dd{
    width: 24.533vw;
    height: 6.267vw;
}

.size{
    padding: 23.2vw 0 0;
}

.size h2{
    font-size: 8.533vw;
    margin-bottom: 8vw;
    padding-left: 7.6vw;
}

.size ul{
    flex-wrap: wrap;
    padding: 0 1.33vw;
}

.size ul li{
    width: calc((100% - 1.33vw) / 2);
    font-size: 2.933vw;
    margin-bottom: 8vw;
    text-align: center;
}

.size ul li img{
    margin-bottom: 3.733vw;
}

.size ul li .price{
    margin-top: 2.4vw;
}

.ingredients{
    padding: 22vw 0 19.467vw;
}

.ingredients h2{
    text-align: left;
    padding-left: 7.6vw;
}

.ingredients h2 span:first-child{
    font-size: 8.533vw;
    line-height: 1.25;
}

.ingredients h2 span:last-child{
    font-size: 3.467vw;
    line-height: 1.846;
    margin: 5.33vw 0 7.733vw;
}

.ingredients h3{
    height: 11.2vw;
    font-size: 3.467vw;
    margin-bottom: 8.267vw;
    justify-content: flex-start;
    padding-left: 7.6vw;
}

.ingredients .flexbox{
    width: 84.8vw;
    display: block;
    margin: 0 auto 9.6vw;
}

.ingredients .flexbox .ttlArea{
    width: 100%;
    padding-top: 0;
    margin-bottom: 9.33vw;
}

.ingredients .flexbox .ttlArea h4{
    font-size: 4vw;
    margin-bottom: 5.867vw;
}

.ingredients .flexbox .ttlArea p{
    font-size: 2.67vw;
    line-height: 1.7;
    margin-bottom: 4.267vw;
}

.ingredients .flexbox .ttlArea ul{
    font-size: 2.933vw;
}

.ingredients .flexbox .ttlArea ul li:first-child{
    width: 12vw;
    height: 5.867vw;
}

.ingredients .flexbox .ttlArea ul li:last-child{
    width: 12vw;
    height: 5.867vw;
}

.ingredients .flexbox .txtArea{
    width: 100%;
}

.ingredients .caption{
    text-align: left;
    margin: 7.733vw auto 0;
    width: 84.8vw;
}

.ingredients h5{
    height: 11.2vw;
    font-size: 3.467vw;
    margin: 16vw 0 16.8vw;
    justify-content: flex-start;
    padding-left: 7.6vw;
}

.feature{
    padding: 18.67vw 0 19.33vw;
}

.feature .inner{
    width: 100%;
}

.feature .inner h2{
    font-size: 8.533vw;
    margin-bottom: 9.33vw;
    padding: 0 7.6vw;
    text-align: left;
}

.feature .inner dl{
    padding: 0 7.6vw;
    display: block;
}

.feature .inner dl dt{
    width: 100%;
    padding: 6.933vw 0 0;
}

.feature .inner dl dt h3{
    font-size: 4vw;
    margin-bottom: 5.6vw;
}

.feature .inner dl dt p{
    font-size: 2.67vw;
    line-height: 1;
    margin-bottom: 5.067vw;
}

.feature .inner dl dt ul{
    font-size: 2.933vw;
}

.feature .inner dl dt ul li:nth-child(1){
    width: 12vw;
    height: 5.867vw;
}

.feature .inner dl dt ul li:nth-child(2){
    width: 12vw;
    height: 5.867vw;
}

.feature .inner dl dd{
    width: 100%;
    border-top: none;
    padding: 7.467vw 0 6.67vw;
}

.feature .inner h4{
    height: 11.2vw;
    font-size: 3.467vw;
    justify-content: flex-start;
    padding-left: 7.6vw;
    margin: 16.267vw 0 8.533vw;
}

.feature .inner .caption{
    text-align: left;
    margin: 7.733vw auto 0;
    width: 84.8vw;
}

.fragrance{
    padding: 20vw 0 32vw;
}

.fragrance h2{
    text-align: left;
    padding-left: 7.6vw;
}

.fragrance h2 span:first-child{
    font-size: 8.533vw;
    line-height: 1.25;
}

.fragrance h2 span:last-child{
    font-size: 3.467vw;
    line-height: 1.846;
    margin: 5.33vw 0 6.933vw;
}

.fragrance .ttl01{
    height: 11.2vw;
    font-size: 3.467vw;
    justify-content: flex-start;
    margin: 0 0 8vw;
    padding: 0 7.6vw;
}

.fragrance .flexbox{
    margin-bottom: 21.33vw;
}

.fragrance .flexbox .ttlArea{
    width: 84.8vw;
    padding-top: 0;
    font-size: 4vw;
    margin: 0 auto 6.4vw;
}

.fragrance .flexbox .txtArea{
    width: 84.8vw;
    margin: 0 auto;
}

.fragrance picture img{
    margin: 10.67vw auto 0;
}

.fragrance .use{
    width: 84.8vw;
    padding: 8.267vw 6.67vw 19.2vw;
    margin: 0 auto;
}

.fragrance .use .ttlArea{
    display: block;
    margin-bottom: 5.33vw;
}

.fragrance .use .ttlArea h3{
    display: block;
}

.fragrance .use .ttlArea h3 span:first-child{
    font-size: 6.4vw;
}

.fragrance .use .ttlArea h3 span:last-child{
    font-size: 3.2vw;
    display: block;
    padding: 2.67vw 0 0;
}

.fragrance .use .ttlArea .tab{
    width: 100%;
}

.fragrance .use .ttlArea .tab li{
    width: calc(100% / 3);
    height: 39.467vw;
    padding-top: 32.267vw;
}

.fragrance .use .ttlArea .tab li::before{
    width: 100%;
}

.fragrance .use .ttlArea .tab li:nth-child(1){
    background: url("../img/common/product01.png") center bottom 11.2vw no-repeat;
    background-size: 5.2vw auto;
}

.fragrance .use .ttlArea .tab li:nth-child(2){
    background: url("../img/common/product02.png") center bottom 11.2vw no-repeat;
    background-size: 7.467vw auto;
}

.fragrance .use .ttlArea .tab li:nth-child(3){
    background: url("../img/common/product03.png") center bottom 11.2vw no-repeat;
    background-size: 6.533vw auto;
}

.fragrance .use .slide .slick-slide{
    padding: 0 6.133vw 9.6vw;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dt{
    text-align: center;
}

.fragrance .use .slide .shampoo > dl:not(.note) > dt{
    background: url("../img/common/illust01.png") no-repeat center top 11.867vw;
    background-size: 42.8vw auto;
    padding: 48.8vw 0 6.933vw;
}

.fragrance .use .slide .treatment > dl:not(.note) > dt{
    background: url("../img/common/illust02.png") no-repeat center top 11.2vw;
    background-size: 20.8vw auto;
    padding: 48.8vw 0 6.933vw;
}

.fragrance .use .slide .base > dl:not(.note) > dt{
    background: url("../img/common/illust03.png") no-repeat center top 8.67vw;
    background-size: 31.33vw auto;
    padding: 48.8vw 0 6.933vw;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dt span:first-child{
    font-size: 4.8vw;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dt span:last-child{
    font-size: 2.933vw;
    margin: 0;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd span{
    padding: 0 0 4.67vw 9.6vw;
    margin-bottom: 5.067vw;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd span::before{
    width: 5.6vw;
    height: 5.6vw;
    top: 1.12vw;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd .amount{
    padding: 6vw 5.33vw;
    display: block;
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 6.4vw;
}

.fragrance .use .slide .slick-slide > dl:not(.note) > dd .amount dt{
    margin-bottom: 2.933vw;
}

.slick-prev, .slick-next {
    width: 8vw;
    height: 8vw;
    top: auto;
    bottom: -17.4vw;
}

.slick-prev {
    left: 25.6vw;
}

.slick-next {
    right: 25.6vw;
}

.fragrance .note{
    margin: 8.267vw auto 0;
    font-size: 3.2vw;
}

.fragrance .note dt{
    margin-bottom: 1.867vw;
}

.products h2{
    font-size: 8.533vw;
    padding: 0 7.6vw;
    margin-bottom: 8vw;
}

.products ul li a{
    height: 58vw;
    font-size: 3.733vw;
}

.products ul li .imgArea{
    height: 35.467vw;
    margin: 0 auto 6.133vw;
}

.products ul li:nth-child(1) .imgArea img{
    width: 7.2vw;
}

.products ul li:nth-child(2) .imgArea img{
    width: 10.4vw;
}

.products ul li:nth-child(3) .imgArea img{
    width: 8.933vw;
}

.products ul li a span:last-child{
    font-size: 2.67vw;
    margin-top: 2.133vw;
}

.products ul li a::before{
    display: none;
}

}