@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
body { font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; font-weight: 500; margin:0; padding: 0; -webkit-text-size-adjust: 100%; letter-spacing: 0.15em; overflow-x: hidden; line-height: 1.7; font-feature-settings: palt; color: #4C4948; position: relative; overflow-x: hidden;}
html { font-size: 62.5%; } /* 10px */
body { font-size: 1.4rem; } /* 14px */
p  { font-size: 1.4rem; } /* 14px */
@media screen and (max-width: 600px){
body { font-size: 1.2rem; } /* 12px */
p  { font-size: 1.2rem; } /* 12px */
}
@-moz-document url-prefix() {
body{font-weight: 300;}
}

h1.ind-transform { position: absolute; top: -30%; }

a { text-decoration: none; color:#4C4948; }
a.underline{ text-decoration: underline; }
a:focus,
a:hover { text-decoration: none; }
a { outline:none;}
:focus { outline: 0; }

.flex-jus{display: flex; justify-content: space-between; }
.flex-jus-cen{display: flex; justify-content: space-between; align-items: center;}
.flex-it-cen{display: flex; align-items: center; }

.flex-jcs{display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-jcc{display: flex; flex-wrap: wrap; justify-content: center; }
.flex-aic{ align-items: center; }



.centerposi,
.pc-centerposi { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.centertate,
.pc-centertate { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.centeryoko,
.pc-centeryoko { position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } 

.cshover button,
.cshover input,
.cshover a, 
a.cshover{ -webkit-transition:all .3s; transition:all .3s; }
.cshover input:hover,
.cshover button:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }
.imgwrap{line-height: 0;}

/* loader */
.loader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #CACACC; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; 

}
.loader::after { content: ''; max-width: 350px; width: 60%; height: 80px; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	/* background: url(../images/common/footer_logo.svg) center center no-repeat; */
background: url(../images/lineup/2023/logo_fonttype01.png) center center no-repeat;  background-size: 100% auto; 
animation-name: loaderAnim;animation-duration:0.6s;animation-delay:0;animation-fill-mode:forwards; opacity: 0; }
.loader::before { content: ''; max-width: 350px; width: 60%; height: 80px; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
background: url(../images/lineup/2023/logo_fonttype02.png) center center no-repeat;  background-size: 100% auto;
animation-name: loaderAnim;animation-duration:0.6s;animation-delay:0.4s;animation-fill-mode:forwards; opacity: 0; }
@keyframes loaderAnim {
	0% {opacity: 0;}
	100% {opacity: 1;}
  }
  @keyframes loaderBg {
	0% {opacity: 1;}
	100% {opacity: 0;}
  }

@media screen and (max-width: 600px){
	.loader::before ,
	.loader::after {  width: 66%;}
}

@media(min-width: 768px){
a[href^="tel:"]{
pointer-events: none;
}
}

/* ハック
==========================================================*/

@media screen and (min-width: 1251px){
.sp-hide1250{display: block;}
.sp-show1250{display: none;}
}
@media screen and (max-width: 1250px){
.sp-hide1250{display: none;}
.sp-show1250{display: block;}
}
@media screen and (min-width: 1101px){
.sp-hide1100{display: block;}
.sp-show1100{display: none;}
}
@media screen and (max-width: 1100px){
.sp-hide1100{display: none;}
.sp-show1100{display: block;}
}
@media screen and (min-width: 1041px){
.sp-hide1040{display: block;}
.sp-show1040{display: none;}
}
@media screen and (max-width: 1040px){
.sp-hide1040{display: none;}
.sp-show1040{display: block;}
}
@media screen and (min-width: 861px){
.sp-show860{display: none;}
.sp-hide860{display: block;}
.sp-show860and600{display: none;}
}
@media screen and (max-width: 860px){
.sp-show860{display: block;}
.sp-hide860{display: none;}
.sp-show860and600{display: block;}
}
@media screen and (min-width: 769px){
.sp-show768{display: none;}
.sp-hide768{display: block;}
}
@media screen and (max-width: 768px){
.sp-show768{display: block;}
.sp-hide768{display: none;}
}
@media screen and (min-width: 751px){
.sp-show750{display: none;}
.sp-hide750{display: block;}
}
@media screen and (max-width: 750px){
.sp-show750{display: block;}
.sp-hide750{display: none;}
}
@media screen and (min-width: 601px){
.sp-show600{display: none;}
.sp-hide600{display: block;}
.sp-show-inline600{display: none;}
.sp-hide-inline600{display: inline;}
.sp-show600-hide360{display: none;}
}
@media screen and (max-width: 600px){
.sp-show600{display: block;}
.sp-hide600{display: none;}
.sp-show-inline600{display: inline;}
.sp-hide-inline600{display: none;}
.sp-show860and600{display: none;}
.sp-show600-hide360{display: inline-block;}
}
@media screen and (max-width: 360px){
.sp-show600-hide360{display: none;}
}


/* common
==========================================================*/

/*  menu triggerここから  */
.navInner { display: none;  height: 24px; width: 30px; }/* position: absolute; right: calc(6% - 20px); z-index: 5555 !important; top: 40px; */
.menu-trigger { width: 30px; height: 24px; line-height: inherit; cursor: pointer; position: relative; top: 0; right: 0; z-index: 9999;}
.menu-trigger.active { margin-left: 0px; position: relative; z-index: 999999;}
.menu-trigger,
.menu-trigger span { display: inline-block; transition:all .4s; box-sizing: border-box; }
.menu-trigger span{ position: absolute; left: 0; width: 100%; height: 3px; background-color: #ffffff;}
.nav_gray .menu-trigger span{ background-color: #4C4948; }
.menu-trigger span:nth-of-type(1){ top:0;}
.menu-trigger span:nth-of-type(2){ top: 10px;}
.menu-trigger span:nth-of-type(3){ bottom:0;}
.menu-trigger:not(.active):hover span:nth-of-type(1){ top: 2px;}
.menu-trigger:not(.active):hover span:nth-of-type(3){ bottom: 2px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(10.5px) rotate(-45deg);transform:translateY(10.5px) rotate(-45deg); background-color: #ffffff;}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-10.5px) rotate(45deg);transform:translateY(-10.5px) rotate(45deg); background-color: #ffffff;}
@media screen and (max-width: 890px){
.navInner{display: block;}
}

/*  menu triggerここまで  */

.w800{max-width: 800px; width: 87%; margin: 0 auto;}
.w900{max-width: 900px; width: 87%; margin: 0 auto;}
.w1000{max-width: 1000px; width: 87%; margin: 0 auto;}
.w1200{max-width: 1200px; width: 87%; margin: 0 auto;}
.w100-20px{width: calc(100% - 20px); margin: 0 auto;}

.Inner780{max-width: 780px; width: 100%; margin: 0 auto;}


.bg_gray{background-color: #F8F9FA;}
.bg_white{background-color: #fff;}
.bg_beige{background-color: #EBE8E5;}

.fn_Mont{font-family: 'Montserrat', sans-serif; font-weight: 400;}
.c_gray{color: #4C4948;}
.c_white{color: #fff;}

.h2ttl{font-size: 2.6rem; letter-spacing: 0.16em;}
.copy_jp{font-size: 2.4rem; letter-spacing: 0.2em;}
.copy_en{font-size: 1.7rem; letter-spacing: 0.15em; color: #807A79;}

.btn{align-items: flex-end;}
.btn p{font-weight: 400;}
.btn .arrowimg{margin-left: 14px; margin-bottom: 1px;}
.btn .arrowimg img{transition: all .4s;}
.btn:hover .arrowimg img{width: 120px; transition: all .4s;}

.pt120{padding-bottom:120px !important;}

@media screen and (max-width: 600px){
.h2ttl{font-size: 2.1rem;}
.copy_jp{font-size: 1.8rem;}
.copy_en{font-size: 1rem;}
.pt120{padding-bottom:60px !important;}
.mt120{margin-top: 60px !important;}
.mt60{margin-top: 40px !important;}
.mt80{margin-top: 60px !important;}
}



/* slider */
.scslide{
	visibility : hidden;
  }
  .scslide.slick-initialized{
	visibility:visible; 
  }

  
/* header
==========================================================*/
/* #wrapper.index #headerContainer{width:100%; height: 90px; position: absolute; z-index: 5555;} */
header{width: 100vw; height: 90px; position: absolute; z-index: 5555;}
#header{width: 100%; padding: 0 50px; box-sizing: border-box;}
.headInner{padding-top: 21px;}
.logo a{display: block; width: 100%; height: auto;}
.g-nav{}
.g-nav li{margin-right: 30px;}
.g-nav li:last-child{margin-right: 60px;}
.g-nav li a{color: #fff;}
.h-snswrap{align-items: center;}
.h-snswrap li{min-width: 20px;}
.h-snswrap li:not(:last-child){margin-right: 25px;}

@media screen and (max-width: 1120px){
.g-nav{margin-bottom: 20px;}
.g-nav li{margin-right: 20px;}
.g-nav li:last-child{margin-right: 0;}
#menuInner{flex-flow: column; align-items: flex-end;}
#header{align-items: inherit;}
#menuwrap{margin-top: 35px;}
}
@media screen and (min-width: 891px){
#menuInner{display: flex !important;}
}
@media screen and (max-width: 890px){
#menuInner{display: none;}
header{position: fixed;}
#menuwrap{margin-top: 0;}
#header{align-items: center;}
#menuInner{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #CACACC;}
.g-nav{flex-flow: column; width: 80%; margin: 0 auto; margin-top: 30%; font-size: 2rem;}
.g-nav li{margin: 0; margin-bottom: 0.75em;}
.h-snswrap{width: 80%; margin: 0 auto; margin-top: 40px;}
}
@media screen and (max-width: 600px){
#header{padding: 0 25px;}
#header #logo{width: 40px;}
}


@media screen and (min-width: 891px){
ul.g-nav li.has-child {position: relative;}
ul.g-nav li.has-child .nav-second {position: absolute;left: -1em;top: 2em;z-index: 4;transition: all 0.5s; visibility: hidden;opacity: 0;}
ul.g-nav li.has-child .nav-second > ul { box-sizing: border-box;  width: 22em; position: relative; padding:0.8em 1em;box-sizing: border-box; }
ul.g-nav li.has-child .nav-second > ul:before{position: absolute;content: "";top: 0;left: 0;width: 100%; height: 100%; background:rgba(0,0,0,0.15); backdrop-filter: blur(5px);z-index: -1;}
#menuwrap.nav_gray ul.g-nav li.has-child .nav-second > ul:before{ background:rgba(255,255,255,0.9); }
ul.g-nav li.has-child .nav-second li { margin-bottom: 0.2em; margin-right: 0;}
ul.g-nav li.select > .nav-second,
ul.g-nav li.has-child:hover > .nav-second,
ul.g-nav li.has-child:active > .nav-second {visibility: visible;opacity: 1; top: 2.5em;}
}

@media screen and (max-width: 890px){
ul.g-nav li.has-child .nav-second > ul { margin-top: 0.25em; }
ul.g-nav li.has-child .nav-second li { margin-bottom: 0.25em; font-size: 0.8em; margin-left: 1em;}
}

/* Index - 2304
==========================================================*/
#wrapper.index #headerContainer{width:100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 5555;}
#wrapper.index #header{}

.index_bgContainer{ }
.index_MVunderContainer{margin-top: calc(100vh - 60px) ; } 
.type2304_banner_wrap{box-sizing: border-box; bottom: 0px; right: 0px; position: fixed; line-height: 0; z-index: 1; transition: all 1s; }
.type2304_banner_wrap.is-execute{ bottom: -80px; opacity: 0; transitionn: all 1s;}

@media screen and (max-width: 600px){
	.index_MVunderContainer{margin-top: calc(100vh - 50px) ; } 
}

/* Index - MV
==========================================================*/
#MV{width: 100%; height: calc(100vh - 60px); height: 100vh; height: 100lvh; position: fixed;top: 0;left: 0; z-index: -1;}
/* #MV .wrap{width: 100%; height: 100%; position: relative; background: url(../images/index/mv.jpg?201223)center center no-repeat; background-size: cover;} */
#MV .wrap{width: 100%; height: 100%;}
#MV .wrap .wrapInner{width: 100%; height: 100%;}
/* #MV .fv_logo{top: 45%;} */
#MV .fv_logo{ padding-top: 0px; line-height: 0;}

#MV .banner_wrap{width: 395px; padding: 19px 0 9px; box-sizing: border-box; color: #fff; bottom: 20px; right: 0; background-color: rgba(255,255,255,0.5);}
#MV .banner_wrap .flex{align-items: center; justify-content: center; box-sizing: border-box;}
#MV .banner_wrap .flex .f_left{margin-right: 30px;}
#MV .banner_wrap .flex .f_right{margin-bottom: 3px;}
#MV .banner_wrap a{color: #4C4948;}
#MV .banner_wrap .ttl{font-size: 1.8rem; line-height: 1; margin-bottom: 13px;}
/* #MV .banner_wrap .txt{letter-spacing: 0.02em;} */

.mv_txt_wrap{ color: #fff; }
.mv_txt_wrap.type2212{bottom: calc(45vh - 170px); left: calc(50% - 180px); width: 360px; text-align: center; }
.mv_txt_wrap.type2212 dt{ font-weight: 300; }
.mv_txt_wrap.type2212 dd{  font-size: 1.2em;}

.mv_txt_wrap.type2309{bottom: calc(45vh - 170px); left: calc(50% - 210px); width: 420px; text-align: center; }
.mv_txt_wrap.type2309 dt{ font-weight: 300; }
.mv_txt_wrap.type2309 dd{  font-size: 1.2em;}

.mv_txt_wrap.typecommon,
.mv_txt_wrap.type2504_b,
.mv_txt_wrap.type2504_a {bottom: 120px; left: calc(50% - 210px); width: 420px; text-align: center;  z-index: 2;}
.mv_txt_wrap.typecommon dt,
.mv_txt_wrap.type2504_b dt,
.mv_txt_wrap.type2504_a dt{ font-weight: 300; }
.mv_txt_wrap.typecommon dd,
.mv_txt_wrap.type2504_b dd,
.mv_txt_wrap.type2504_a dd{ font-size: 1.2em;}




.attentionwrap{width: 100vw; height: 60px; background-color: #f8f9fa;}
.attentionwrap .wrapInner{height: 100%; width: 100%;}
.attentionwrap .wrapInner a{align-items: center; justify-content: center; height: 100%;}
.attentionwrap .wrapInner a .imgwrap{margin-right: 10px;}
.attentionwrap .wrapInner a p{text-decoration: underline;}

@media screen and (min-width: 601px) and ( max-width:900px) {
 .attentionwrap .wrapInner a{justify-content: flex-start;padding-left: 2em; }

}
@media screen and (min-width: 861px){
/* .fv_slide.pc{display: block;} */
}
@media screen and (max-width: 860px){
/* #MV .wrap{background: none;}
.fv_slide.pc{display: none;} */
/* #MV .wrap::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/index/mv_tab.jpg)center center no-repeat; background-size: cover; z-index: -2;} */
}
@media screen and (max-width: 600px){
#MV .banner_wrap{width: 87%; right: auto; left: 50%; transform: translateX(-50%); padding: 14px 0 4px;}
#MV .banner_wrap .flex .f_left{width: 55px;}
#MV .banner_wrap .ttl{font-size: 1.5rem; margin-bottom: 10px;}
#MV .banner_wrap .txt{font-size: 1.1rem;}
#MV .fv_logo{/*width: 150px; top: 47%;*/ width: 66%;  padding-top: 0;  }
/* #MV .wrap::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/index/mv_sp.jpg)center center no-repeat; background-size: cover; z-index: -2;} */

/*
#MV .fv_logo.fv_logo_right.centerposi {left: 10vw ; transform: translate(0%, -50%);}
.mv_txt_wrap.type2212{ bottom: calc(45vh - 100px); left: 10vw; width: auto; text-align: left; }
*/
.mv_txt_wrap.type2212{ bottom: calc(45vh - 100px); left: 0vw; width:100%;  }
.mv_txt_wrap.type2309{ bottom: calc(35vh - 100px); left: 0vw; width:100%;  }
.mv_txt_wrap.typecommon,
.mv_txt_wrap.type2504_b,
.mv_txt_wrap.type2504_a {bottom: 150px; }

#MV{height: 100vh;}
.attentionwrap{height: 50px;}
.fv_slide{ pointer-events: none; /* SP scroll slide stop > HACK */}

.banner_wrap_sp a{display: block; width: 100%; height: 50px; line-height: 50px; text-decoration: underline;}
}



/* Index - concept
==========================================================*/
#concept.is-active{ background-color: rgba(76,73,72,0.85);transition: all .6s;}
#concept{ min-height: 100vh;  text-align: center;}
#concept .wrap{max-width: 1400px; width: 90%;}
/* #concept .wrap .wrapInner > .flex{align-items: center;}
#concept .wrap .f_left{width: 33.333%; height: 0; padding-top: 59.895%; background: url(../images/index/ind_concept.jpg)center center no-repeat; background-size: cover; margin-right: 11%;} */
.concept__section{}
#concept .wrap .copy_jp{margin-top: 50px;}
#concept .wrap .copy_en{margin-top: 12px;}
#concept .wrap .txt{line-height: 2.7; margin-top: 40px;}
#concept .wrap .btn{margin-top: 60px;}
#concept .concept__btnwrap{margin: 0 auto;}
@media screen and (min-width: 1401px){
#concept .wrap{margin: 0 auto;}
}
@media screen and (max-width: 860px){
#concept .wrap{width: 100%; margin-left: auto;}
/* #concept .wrap .wrapInner > .flex{flex-flow: column; align-items: baseline;}
#concept .wrap .f_left{width: 100%; padding-top: 71.428%; margin-right: 0; margin-left: auto; margin-bottom: 60px; background: url(../images/index/ind_concept_sp.jpg)center center no-repeat; background-size: cover;}
#concept .wrap .f_right{width: 87%; margin: 0 auto;} */
}
@media screen and (max-width: 600px){
#concept{margin-top: 0 !important; }
#concept .wrap .copy_jp{margin-top: 35px;}
#concept .wrap .txt{margin-top: 25px;}
#concept .wrap .txt{letter-spacing: 0.18em;}
/* #concept .wrap .f_left{margin-bottom: 45px;} */
#concept .wrap .btn{margin-top: 35px; margin-bottom: 10px;}
}



/* Index - lineup
==========================================================*/
#lineup{}
#lineup .wrap{width: 100%;}
#lineup .wrapInner .flex-jus{flex-wrap: wrap;}
#lineup .wrap .item{width: calc(50% - 5px); overflow: hidden;}
/* #lineup .wrap .item:nth-child(2n-1){margin-right: 10px;}
#lineup .wrap .item:nth-child(3),
#lineup .wrap .item:nth-child(4){margin-top: 10px;} */
#lineup .wrap .item a{color: #fff; display: block; 
	/* height: 0; padding-top: 86.5%; */
}
/* #lineup .wrap .item:nth-child(1) a{background: url(../images/index/ind_lineup01.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(2) a{background: url(../images/index/ind_lineup02.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(3) a{background: url(../images/index/ind_lineup03.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(4) a{background: url(../images/index/ind_lineup04.jpg)center center no-repeat; background-size: cover;} */
/* #lineup .wrap .item .poab{left: 40px; bottom: 50px;} */
/* #lineup .wrap .item .ttl{font-size: 2.1rem;} */
/* #lineup .wrap .item .subttl{font-size: 1.3rem; margin-top: 15px; line-height: 1.4!important;} */
/* #lineup .wrap .item a::after{content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0; position: absolute; top: 0; left: 0; transition: all .6s;} */
#lineup .wrap .item a:hover::after{opacity: 0.15; transition: all .6s;}
@media screen and (max-width: 860px){
#lineup .wrap .wrapInner > .flex-jus{flex-flow: column;}
#lineup .wrap .item{width: 100%;}
/* #lineup .wrap .item:not(:last-child){margin-right: 0; margin-bottom: 10px;} */
/* #lineup .wrap .item:nth-child(3),
#lineup .wrap .item:nth-child(4){margin-top: 0;} */
/* #lineup .wrap .item a{padding-top: 63.95%;} */
/* #lineup .wrap .item:nth-child(1) a{background: url(../images/index/lineup_moisture_860.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(2) a{background: url(../images/index/lineup_refresh_860.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(3) a{background: url(../images/index/lineup_special_860.jpg)center center no-repeat; background-size: cover;} */
}
@media screen and (max-width: 600px){
/* #lineup .wrap .item a{padding-top: 120%;} */
/* #lineup .wrap .item:nth-child(1) a{background: url(../images/index/lineup_moisture_600.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(2) a{background: url(../images/index/lineup_refresh_600.jpg)center center no-repeat; background-size: cover;}
#lineup .wrap .item:nth-child(3) a{background: url(../images/index/lineup_special_600.jpg)center center no-repeat; background-size: cover;} */
/* #lineup .wrap .item .poab{left: 25px; bottom: 35px;} */
/* #lineup .wrap .item .ttl{font-size: 1.8rem;} */
/* #lineup .wrap .item .subttl{font-size: 1.2rem;} */
}



/* Index - store
==========================================================*/
#store a{display: block; width: calc(100% - 20px); margin: 0 auto; transition: all .6s; background-color: #F8F9FA;}
#store a:hover{background-color: #F0F8FF; transition: all .6s;}
#store .wrap{width: 100%; height: 100%;  padding: 84px 0;}
#store .wrapInner .flex{justify-content: center; align-items: center;}
#store .wrapInner .h2ttl{font-size: 2.1rem; margin-left: 15px; font-weight: 400;}
#store .wrapInner .flex{margin-bottom: 20px;}
@media screen and (max-width: 600px){
  #store .wrap{padding: 51px 0;}
  #store .wrapInner .h2ttl{font-size: 1.8rem;}
}

#store.type-shop {width: calc(100% - 20px); margin: 0 auto;  background-color: #F8F9FA;}
#store.type-shop a,
#store.type-shop a:hover{ background-color: #fff;}
#store.type-shop a { display: block;width:320px ; margin: 0 10px 10px;box-sizing: border-box; padding: 15px 0 20px;}
#store.type-shop a p{line-height: 1;}

@media screen and (max-width: 400px){
	.store__btn_icon_Inner.flex-jcc{ display: block;}
	#store.type-shop a { width:90% ;  margin-inline: auto;}
}


/* Index - tech
==========================================================*/
#tech .wrap{width: 100%;}
#tech a{display: block; width: 100%; height: 0; padding-top: 35.7142587%; background: url(../images/index/ind_tech.jpg)center center no-repeat; background-size: cover;}
#tech .h2ttl{color: #fff;}
#tech a::after{content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0; position: absolute; top: 0; left: 0; transition: all .6s;}
#tech a:hover::after{opacity: 0.15; transition: all .6s;}
@media screen and (max-width: 860px){
#tech a{padding-top: 50%;}
}
@media screen and (max-width: 600px){
#tech a{padding-top: 75%;}
}





/* Index - news
==========================================================*/
/* #news .flex-jus .h2ttl{width: 20%;}
#news .flex-jus .f_right{width: 80%;} */
#news .f_right a{border-top: 1px solid #ccc; padding: 27px 0 25px; transition: all .4s;}
#news .f_right a:hover{background-color: #CACACC; color: #fff; transition: all .4s;}
#news .f_right .date{width: 18.5%;}
#news .f_right .ttl{width: 81.5%;}
#news .f_right li:last-child{border-bottom: 1px solid #ccc;}

/* 20.07.22 公開時は詳細へ遷移なしのためリンクを切る 
#news .f_right a{pointer-events: none;} */
@media screen and (max-width: 600px){
#insta .h2ttl, #news .h2ttl{font-size: 1.8rem;}
#news .f_right a{flex-flow: column;}
#news .f_right .date{width: 100%; margin-bottom: 5px;}
#news .f_right .ttl{width: 100%;}
}



/* Index - insta
==========================================================*/
#insta .h2ttl, #news .h2ttl{font-size: 2.1rem;}
#insta .account{font-weight: 400; top: -1px; right: 0;}
#insta .account img{position: relative; top: 3px; padding-right: 10px;}
#insta ul li{width: 28%; aspect-ratio: 1 / 1; overflow: hidden;}
@media screen and (max-width: 860px){
#insta .account{position: static; text-align: center; margin-top: 15px;}
}
@media screen and (max-width: 600px){
.body-index #news, #insta{margin-top: 80px;}
#insta .wrapInner{width: 100%;}
#insta .wrapInner > div{width: 87%; margin: 0 auto;}
#insta ul{flex-wrap: wrap;}
#insta ul li{width: 32%; margin-right: 1%; margin-bottom: 1%;}
#insta ul li:nth-child(3n){margin-right: 0;}
}



/* Index - youtube
==========================================================*/
#youtube .wrap{padding: 110px 0;}
#youtube .wrap .wrapInner{max-width: 650px; width: 87%; margin: 0 auto;}
.moviewrap {position: relative; width: 100%; padding-top: 56.25%; margin-top: 20px;}
.moviewrap iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
#youtube .flex-jus .f_left{width: 30%;}
#youtube .flex-jus .f_left .sub{font-size: 1.2rem;}
#youtube .flex-jus .f_left .name{font-size: 1.8rem; letter-spacing: 0.15em; margin-top: 10px; margin-bottom: 20px;}
#youtube .flex-jus .f_left ul li:not(:last-child){margin-right: 15px;}
#youtube .flex-jus .f_right{width: 70%;}
#youtube .flex-jus .f_right p{font-size: 1.2rem; line-height: 1.6;}
.youtube_ttl{font-size: 1.6rem;}
@media screen and (max-width: 600px){
#youtube .wrap .wrapInner > .flex-jus{flex-flow: column;}
#youtube .flex-jus .f_left{width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
#youtube .flex-jus .f_left .name{margin-bottom: 0;}
#youtube .flex-jus .f_right{width: 100%; margin-top: 20px;}
#youtube .wrap {padding: 65px 0;}
.youtube_ttl{font-size: 1.4rem;}
}



/* Index - footer
==========================================================*/
#footer .wrap{background-color: #CACACC; color: #fff; padding: 80px 0;}
#footer a{color: #fff;}
#footer .nav{margin-top: 50px;}
#footer .access{font-size: 1.3rem; margin-top: 30px;}
#footer .small{font-size: 1rem; margin-top: 30px;}
@media screen and (max-width: 600px){
#footer .wrap{padding: 65px 0;}
#footer .nav{margin-top: 40px;}
}


/* OVERSEAS
==========================================================*/
.overseas_btn { position: absolute; right: 30px; top: 50px;  z-index: 1;}

@media screen and (max-width: 1120px) {
	.overseas_btn {	top: 114px;}
}
@media screen and (max-width: 890px) {
	.overseas_btn {	top: 50px; right: 38px;}
}
@media screen and (max-width: 600px) {
	.overseas_btn {	 right: 12px;}
}


#modal-overseas{height: 100%;
	background: url('../images/index/overseas_bg.png') left 50% bottom 0% no-repeat;
    background-size: min(1600px,100%) auto;}
.overseas_modal{display: flex; align-items: center;justify-content: center; padding: 50px 0; height: 100%;box-sizing: border-box;}
.overseas_modalwrap{}
.overseas_modalwrap ul{ display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; }
.overseas_modalwrap li a{ background-color: #f8f9fa; display: block; padding: 1.6em 0.5em;text-align: center;
	font-size: 0.95em;
	letter-spacing: 0.1em; line-height: 1.2;}

@media screen and (max-width: 1000px){
	.overseas_modalwrap ul{ grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
}
@media screen and (max-width: 768px){
	.overseas_modalwrap ul{ grid-template-columns: 1fr 1fr ; }
}
@media screen and (max-width: 600px){
	.overseas_modalwrap ul{ grid-template-columns: 1fr; gap: 5px; }
	#modal-overseas{height: 100%;
		background-size: 110% auto;
		background-position: left 50% bottom 0 ;}
	.overseas_modalwrap li a{ padding: 1.5em 0.5em}

}
	

/* Kasou
==========================================================*/
.body-kasou .h1ttl{font-size: 4.5rem; font-weight: 300; line-height: 1;}
.body-kasou .h1ttl span{font-size: 2rem; font-weight: 300;}
.body-kasou .h1ttl{font-size: 4.5rem; font-weight: 300;}
.body-kasou .Jp_ttl{font-size: 2.1rem; letter-spacing: 0.2em;}
.body-kasou.page_advanced .Jp_ttl{font-size: 2.1rem; letter-spacing: 0.05em;}

.pt160{padding-top: 160px;}
.body-kasou #mv{width: 100vw; height: 75vh;}
.body-kasou #mv .wrap{width: 100%; height: 100%; background: center center no-repeat; background-size: cover;}
.body-kasou #mv .wrapInner{width: 100%; height: 100%;}
@media screen and (min-width: 861px){
.nav_gray .g-nav li a{color: #4C4948;}
}
@media screen and (max-width: 860px){
.body-kasou #mv{width: 100vw; height: 65vh;}
}
@media screen and (max-width: 600px){
.pt160{padding-top: 120px;}
.mt50{margin-top: 40px !important;}
.mt90{margin-top: 70px !important;}
.mt100{margin-top: 70px !important;}
.body-kasou .h1ttl{font-size: 3.5rem;}
.body-kasou .Jp_ttl{font-size: 1.8rem;}
}


/* COMEINGSOON */
.comingsoon .wrap{width: 100vw; height: 70vh; background: url("../images/concept/concept_mv.jpg")center center no-repeat; background-size: cover; position: relative; color: #fff;}
.comingsoon .wrap .comsoon{font-size: 2rem;}
@media screen and (max-width: 600px){
}




/* TECHNOLOGY */
.body-kasou .technology #mv .wrap{background-image: url("../images/technology/200620_OR_806_0709_cut.jpg"); position: relative;}
.body-kasou .technology #mv .wrap:before{ width: 100%; height: 100%;
	position: absolute; content: ""; left: 0%; top: 0%; background-color: rgba(0,0,0,0.2); }

.tec-section{ padding-block: 100px;}

@media screen and (max-width: 750px) {
.tec-section{ padding-block: 80px;}
}


.tec-specialist-grid{ margin-top: 50px;}
.tec-specialist-grid > ul{ display: flex; justify-content:space-between;}
.tec-specialist-grid > ul > li{ width: 30%; margin-bottom: 100px;}
.tec-specialist-grid .flex-img{ line-height: 1; margin-bottom: 1em;}
.tec-specialist-grid .tec-specialist-job{ margin-bottom: 2px;}
.tec-specialist-grid .tec-specialist-name{ font-size: 1.8rem;margin-bottom: .8em;}
.tec-specialist-grid dd{ font-size: 1.2rem; letter-spacing: 0.02em;}
.tec-specialist-grid dd li{ line-height: 1.4; margin-bottom: 0.4em;margin-left: .9em;  position: relative;}
.tec-specialist-grid dd li:before{ content: "・"; position: absolute; left: -1.2em;}

@media screen and (max-width: 750px) {
	.tec-specialist-grid > ul{ flex-direction: column;}
	.tec-specialist-grid > ul > li{ width: 100%; margin-bottom: 50px; }
}
@media screen and (min-width: 551px) and (max-width: 750px) {
	.tec-specialist-grid > ul > li{ display: flex; justify-content: space-between;}
	.tec-specialist-grid .flex-img{ width: 40%;}
	.tec-specialist-grid dl{ width: 55%;}
}


.tec-formula-wrap{ padding-block: 40px;}
.tec-formula-wrap .flex-txt { width: 40%;}
.tec-formula-wrap .flex-txt p{ line-height: 2; margin-bottom: 2em;}
.tec-formula-wrap .flex-img { width: 46%;}
.tec-formula-wrap .flex-img ul{ display: flex; flex-direction: column;}
.tec-formula-wrap .flex-img li:nth-child(2){ width: 48%; margin-left: -12%; margin-top: -10%;}
.tec-formula-wrap .flex-img li:nth-child(3){ width: 66%; margin-right: -10%; margin-top: -25%; align-self: flex-end;}

@media screen and (max-width: 860px) {
	.tec-formula-wrap{overflow: hidden;}
	.tec-formula-wrap .flex-txt { width: 100%;}
	.tec-formula-wrap .flex-txt p{ }
	.tec-formula-wrap .flex-img { width: 90%; margin-left: 10%; padding-top: 20px;}
}



.tec-performance-panel-head{}
.tec-performance-panel-head .h3ttl {font-size: 2.1rem; position: relative; }
.tec-performance-panel-head .h3ttl:before {position: absolute; top: calc(50% - 1px);left: 0;
	width: 100%;height: 1px;content: '';background: #666;}
.tec-performance-panel-head .h3ttl span { z-index: 1; position: relative; padding-right: 1em; background: #ebe8e5;
  }

.tec-performance-panel-head .flex-txt{}
.tec-performance-panel-head{ padding-bottom: 80px;}
.tec-performance-panel-head dl{margin-top: 60px;}
	.tec-performance-panel-head dt .en{ margin-bottom: 0.3em; display: block;}
	.tec-performance-panel-head dt .jp{font-size: 1.7rem; display: block; margin-bottom: 40px;}
	.tec-performance-panel-head dd{}
	.tec-performance-panel-head .flex-txt{  width: 34%; max-width: 290px;}
	.tec-performance-panel-head .flex-img{ width: 61%;}

.tec-performance-panel-body  { background-color: #fff; padding: 75px 8% 100px;}
.tec-performance-panel-body .h3ttl .en{font-size: 1.8rem;}
.tec-performance-panel-body .h3ttl .jp{font-size: 1.2rem;}
.tec-performance-panel-itemwrap ul{ flex-wrap: wrap;}
.tec-performance-panel-itemwrap li { width: 48% ; margin-bottom: 40px;  flex-wrap: wrap;}
.tec-performance-panel-itemwrap li .ttl{ font-size: 1.5rem; position: relative; display: inline-block; margin-bottom: 20px;}
.tec-performance-panel-itemwrap li .ttl:before {position: absolute; bottom: -8px; left: calc(50% - 10px);
	width: 20px; height: 1px;content: '';background: #999; }
.tec-performance-panel-itemwrap li .txt{}
.tec-performance-panel-itemwrap li .flex-img{ width: 100px; padding-right: 20px;}
.tec-performance-panel-itemwrap li .flex-txt{ width: calc(100% - 120px); padding-top: 18px; line-height: 1.5;}
.tec-performance-panel-itemwrap p.cmt{font-size: 1.2rem;}


.tec-performance-tabwrap #panel3 .tec-performance-panel-head .flex-txt{ width: 60%; max-width: none;}
.tec-performance-tabwrap #panel3 .tec-performance-panel-head .flex-img{ width: 35%; max-width: 290px;}
.tec-performance-tabwrap #panel3 .tec-performance-panel-itemwrap p.imgwrap{margin-block:50px 40px ;}

.tec-moviebtn-wrap { margin-top: 35px;}
.tec-moviebtn-wrap a{ width: 100%; border: 1px solid #666; padding: 18px 5px;box-sizing: border-box;}
.tec-moviebtn-wrap a span:first-child{padding-right: .8em; display: inline-block;}



@media screen and (max-width: 860px) {
	.tec-performance-panel-head .h3ttl {font-size: 1.8rem;  }
	.tec-performance-panel-head .flex-txt{}
	.tec-performance-panel-head{ padding-bottom: calc(80px * 0.6);}
	.tec-performance-panel-head dl{margin-top: calc(60px * 0.4);}
		.tec-performance-panel-head dt .jp{ font-size: 1.5rem;  margin-bottom: calc(40px * 0.6);}
		.tec-performance-panel-head .flex-txt{  width: 100%; max-width: none; padding-bottom: 25px;}
		.tec-performance-panel-head .flex-img{ width: 100%;}
	
	.tec-performance-panel-body  { padding: 7% 7% 50px;}
	.tec-performance-panel-itemwrap ul{padding-bottom: 20px;}
	.tec-performance-panel-itemwrap li { width: 100% ; margin-bottom: 20px; }
	.tec-performance-panel-itemwrap li .txt{}
	.tec-performance-panel-itemwrap li .flex-img{width: 70px; padding-right: 15px;}
	.tec-performance-panel-itemwrap li .flex-txt{ width: calc(100% - 85px); padding-top: 0px; }

	.tec-performance-tabwrap #panel3 .tec-performance-panel-head .flex-txt{ width: 100%; max-width: none;}
	.tec-performance-tabwrap #panel3 .tec-performance-panel-head .flex-img{ width: 100%; max-width: none;}
	.tec-moviebtn-wrap { margin-top: 25px;}
}





.technology #hsw .h2ttl {width: auto;}



.tec-keyreserch-effect-wrap{ margin-top: 50px; }
.tec-keyreserch-effect-wrap ul{ }
.tec-keyreserch-effect-wrap li{ width: 45%; margin-bottom: 50px;}
.tec-keyreserch-effect-wrap li dt{ background-color: #ebe8e5; padding-block: 16px; font-size: 1.6rem;line-height: 1; display: flex;justify-content: center; align-items: center;}
.tec-keyreserch-effect-wrap li dd{ font-size: 1.5rem;}
.tec-keyreserch-effect-wrap li dd.img{line-height: 1;}
.tec-keyreserch-effect-wrap li dd p.cmt{ font-size: 1.4rem;}

@media screen and (max-width: 700px) {
	.tec-keyreserch-effect-wrap{ margin-top: 30px; }
	.tec-keyreserch-effect-wrap li{ width: 100%; margin-bottom: 50px;}
	.tec-keyreserch-effect-wrap li dt{ font-size: 1.4rem;  padding-block: 14px; }
	.tec-keyreserch-effect-wrap li dd{ font-size: 1.3rem;}
	.tec-keyreserch-effect-wrap li dd p.cmt{ font-size: 1.2rem;}
	
}


.tec-other-reserch{ padding-bottom: 40px;}
.tec-other-reserch-ttl img{padding-right: .6em; display: inline-block;}
.tec-other-reserch{ margin-top: 60px;}
.tec-other-reserch li{ width: 46%;letter-spacing: 0.03em; margin-bottom: 20px;}
.tec-other-reserch li a{width: 100%; border: 1px solid #CACACC; padding: 18px 5px;box-sizing: border-box;}
.tec-other-reserch li a span:last-child{padding-left: .8em; display: inline-block;}

@media screen and (max-width: 860px) {
	.tec-other-reserch{ margin-top: 40px;}
	.tec-other-reserch li{ width: 100%;}
}



/*
@media screen and (min-width: 1200px) {

}
@media screen and (max-width: 1200px) {
  .kasou_linkbar_toggle_content {
    position: absolute; right: 0%; top: 0;
  }
  .kasou_linkbar #kasou_linkbar_toggle {
    cursor: pointer;display: inline-block;vertical-align: middle;color: #444;line-height: 1;width: 1.4em; height: 1px;background: currentColor;border-radius: 0;position: relative;
  }
  .kasou_linkbar #kasou_linkbar_toggle::after {
    content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%; background: inherit; border-radius: inherit; transform: rotate(-90deg);transition: 0.5s ease;
  }
  .kasou_linkbar #kasou_linkbar_toggle.active::after {
    transform: rotate(0deg);
    opacity: 0;
  }
}
*/

.kasou_linkbar { padding-top: 50px; }
.kasou_linkbar ul{border-left: 1px solid #666; padding-left: 2.5em; }
.kasou_linkbar ul li {margin-right: 2.5em; line-height: 1.4;}
.kasou_linkbar ul li a { display: flex; align-items: center; padding-block: 5px; }
.kasou_linkbar ul li .downarrow {  margin-left: 0.5em; }
.kasou_linkbar ul li br{ display: none;}
@media screen and (max-width: 1350px) {
.kasou_linkbar ul li {margin-right: 1.8em; letter-spacing: 0.04em;}
.kasou_linkbar ul {padding-left: 1.8em; }
}
@media screen and (max-width: 1200px) {
	.kasou_linkbar ul li {margin-right: 2.5em; }
	.kasou_linkbar ul{padding-left: 2.5em; }
	.kasou_linkbar ul li br{ display: block;}
	.kasou_linkbar ul li a { flex-direction: column; text-align: center; justify-content: flex-end; align-items: center; height: 100%; }
	.kasou_linkbar ul li a img{ margin-top: 10px;}

}
@media screen and (max-width: 750px) {
	.kasou_linkbar { padding-top: 30px; }
	.kasou_linkbar_main.flex-jcc{ justify-content: flex-start;}
	.kasou_linkbar ul {padding-left: 2em; }
	.kasou_linkbar ul{flex-direction: column;}
	.kasou_linkbar ul li {margin-right: 0;  margin-bottom: 0.5em;}
	.kasou_linkbar ul li br{ display: none;}
	.kasou_linkbar ul li a { flex-direction:inherit; text-align: left; justify-content: flex-start; align-items: center; height: auto; }
	.kasou_linkbar ul li a img{ margin-top: 0px;}

}



/* NEWS */
.pager{justify-content: center;}
.pager li a{display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #ccc;}
.pager li:not(:last-child){margin-right: 15px;}
.pager li a.active{background-color: #ccc; color: #fff;}
.articlewrap .date{}
.articlewrap .ttl{font-size: 1.8rem;}
.articlewrap .txtwrap{margin: 30px 0 80px; padding: 35px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; line-height: 2.2;}
@media screen and (max-width: 600px){
.articlewrap .ttl{font-size: 1.6rem;}
.articlewrap .txtwrap{margin: 30px 0 50px;}
}


/* CONCEPT */
.body-kasou .concept #mv .wrap{background-image: url("../images/concept/concept_mv.jpg");}
#story .line{width: 25px; height: 1px; background-color: #4C4948; margin: 0 auto;}
#story .txt{line-height: 2.2;}
.KV{width: 100vw; height: 60vh; background:center center no-repeat; background-size: cover;}
#hsw > .wrap .wrapInner{padding: 100px 0;}
#hsw .KV{background-image: url("../images/concept/hsw_kv.jpg");}
#hsw .txt{line-height: 2.2;}
#hsw .txt .small{font-size: 1.2rem;}
#hsw .jpmap_wrap .ttl{font-size: 2.1rem; left: -2px; top: 24px;}
#hsw .wrapInner > ul li{width: 24.5%;}
#hsw .wrapInner > ul li.batsu {width: 25px; padding-top: 5%;}
#hsw .wrapInner > ul li .ttl{font-size: 1.6rem; line-height: 1.5;}
#hsw .wrapInner > ul li .txt{font-size: 1.2rem; line-height: 1.6;}
.body-kasou .Jp_ttl .pore{font-size: 1rem; top: -9px; left: -5px;}
#hsw .txt .pore{font-size: 1rem; top: -4px; padding-right: 5px;}

#botanical .h2ttl, #hsw .h2ttl{width: 90%; line-height: 1.4 !important;}
#botanical .KV{background-image: url("../images/concept/botanical_kv.jpg");}
#botanical .botanical_itemwrap{display: flex; justify-content: center; flex-wrap: wrap;}
#botanical .botanical_itemwrap li{width: 22%; flex-flow: column; align-items: center; margin-right: 4%; margin-bottom: 40px;}
#botanical .botanical_itemwrap li .imgwrap{text-align: center;}
#botanical .botanical_itemwrap li:nth-child(4n), #botanical .botanical_itemwrap li:nth-child(7n){margin-right: 0;}
#botanical .botanical_itemwrap li .ttl{font-size: 1.6rem; line-height: 1.2;}
#botanical .botanical_itemwrap li .ttl span{font-size: 1.2rem;}
#botanical .botanical_itemwrap li .txt{font-size: 1.2rem; line-height: 1.5; margin-top: 10px; text-align: justify; letter-spacing: 0.1em;}
#botanical .wrapInner > p.txt{line-height: 2.2;}
#botanical .wrapInner > .flex-jus{align-items: center;}
#botanical .wrapInner > .flex-jus .f_left{width: 45%;}
#botanical .wrapInner > .flex-jus .f_left .txt{line-height: 2.2;}
#botanical .wrapInner > .flex-jus .f_left .span{font-size: 1.2rem;}
#botanical .wrapInner > .flex-jus .f_right{width: 45%;}
#botanical .wrapInner > .flex-jus .f_right p.poab{bottom: 20px; right: 20px; font-size: 1rem;}
@media screen and (max-width: 860px){
#story .txt, #hsw .txt, #botanical .wrapInner > p.txt, #botanical .wrapInner > .flex-jus .f_left .txt{line-height: 2;}
#story .txt br{display: none;}
.KV{height: 42vh;}
#hsw .jpmap_wrap .ttl{font-size: 1.2em; top: 5px;}
#botanical .botanical_itemwrap li{flex-flow: row;}
#botanical .botanical_itemwrap li{width: 48%; margin-right: 4%;}
#botanical .botanical_itemwrap li .imgwrap {width: 100%; margin-right: 20px;}
#botanical .botanical_itemwrap li .ttl{text-align: left;}
#botanical .botanical_itemwrap li:nth-child(4n), #botanical .botanical_itemwrap li:nth-child(7n){margin-right: auto;}
#botanical .botanical_itemwrap li:nth-child(2n){margin-right: 0;}
#botanical .wrapInner > .flex-jus{flex-flow: column;}
#botanical .wrapInner > .flex-jus .f_left{width: 100%;}
#botanical .wrapInner > .flex-jus .f_right{width: 100%; margin-top: 40px;}
}
@media screen and (max-width: 600px){
#hsw > .wrap .wrapInner {padding: 70px 0;}
#hsw > .wrap .wrapInner > ul{flex-wrap: wrap;}
#hsw > .wrap .wrapInner > ul li{width: 48%; margin-bottom: 30px;}
#hsw > .wrap .wrapInner > ul li:last-child{margin-bottom: 0;}
#hsw .wrapInner > ul li.batsu{display: none;}
#hsw .wrapInner > ul li .ttl{font-size: 1.3rem; letter-spacing: 0.09em; margin-top: 15px !important;}
#hsw .wrapInner > ul li .ttl span{font-size: 1rem;}
#hsw .wrapInner > ul li .txt{font-size: 1.1rem; margin-top: 5px !important;}
#hsw .jpmap_wrap .ttl{font-size: 1.85rem; line-height: 1.5 !important; letter-spacing: 0.15em; top: 2px; z-index: 2; color: #666160;}
#hsw .jpmap_wrap .imgwrap{position: relative;}
.body-kasou .Jp_ttl .pore{top: -7px;}
#hsw .txt .pore{top: -2px;}

#botanical .botanical_itemwrap li {width: 100%; margin-right: 0;}
#botanical .botanical_itemwrap li{margin-bottom: 20px; display: flex;}
#botanical .botanical_itemwrap li .imgwrap{width: 35%;}
#botanical .botanical_itemwrap li .ttl{margin-top: 10px !important;}
#botanical .wrapInner > .flex-jus .f_left .txt{margin-top: 10px !important; letter-spacing: 0.1em;}
#botanical .wrapInner > .flex-jus .f_right{margin-top: 30px;}
}


/* lineup moisture*/
.body-kasou .lineup_moisture #mv .wrap{background-image: url("../images/lineup/moisture_mv.jpg");
	background-image: url("../images/lineup/2023/img_04b.jpg");}
.body-kasou .lineup .h1ttl{padding-top: 5%; width: 90%;}
/* .productwrap > li{margin-bottom: 60px;} */
.productwrap .f_left{width: 48%;}
.productwrap .f_right{width: 52%;}
.productwrap .ttl{font-size: 2.4rem;}
.productwrap .txt{font-size: 1.7rem; line-height: 1.8; margin-top: 30px;}
.productwrap .type{font-size: 1.4rem; margin-top: 20px;}
.productwrap ul.flex{font-size: 1.2rem; margin-top: 30px;}
.productwrap ul.flex li{border: 1px solid #716F6E; margin-right: 15px; padding: 1px 10px;}
.buy_btn{display: block; margin-top: 40px; width: 100%; height: 60px; line-height: 60px; background-color: #CACACC; color: #fff;}
.buy_btn span{margin-right: 12px; top: 4px;}
.productwrap ul.detailwrap{border-top: 1px solid #CACACC; border-bottom: 1px solid #CACACC; padding: 25px 0; margin-top: 40px; font-size: 1.2rem;}
.productwrap ul.detailwrap li{padding-left: 1em; text-indent: -1em;}

.ingredientswrap{padding: 80px 0;}
.ingredientswrap .h3ttl .en{font-size: 1.8rem;}
.ingredientswrap .h3ttl .jp{font-size: 1.2rem;}
.ingredientswrap .botanical_itemwrap li{width: 30%;}
.ingredientswrap .botanical_itemwrap.type__2col{flex-wrap: wrap; }
.ingredientswrap .botanical_itemwrap.type__2col li{width: 48%; margin-bottom: 20px;}
.ingredientswrap .botanical_itemwrap li .ttl{font-size: 1.4rem; line-height: 1.2; margin-top: 3px !important;}
.ingredientswrap .botanical_itemwrap li .ttl span{font-size: 1.1rem;}
.ingredientswrap .botanical_itemwrap li .txt{font-size: 1.2rem; margin-top: 5px;}
.ingredientswrap .botanical_itemwrap:not(.mode-tate) li > div{ width: calc(100% - 77px );}
.ingredientswrap .botanical_itemwrap li div.imgwrap{width: 62px; padding-right: 15px;}
@media screen and (max-width: 1100px){
.ingredientswrap .botanical_itemwrap li > div{ width: calc(100% - 67px );}
.ingredientswrap .botanical_itemwrap li div.imgwrap{width:52px;}
}
@media screen and (max-width: 860px){
	.ingredientswrap .botanical_itemwrap li > div{ width: calc(100% - 77px );}
	.ingredientswrap .botanical_itemwrap li div.imgwrap{width: 62px; }
}
.ingredientswrap .fragrancewrap{background-color: #fff; padding: 50px 0;}
.ingredientswrap .fragrancewrap .wrapInner{width: 81%; margin: 0 auto; align-items: center;}
.ingredientswrap .fragrancewrap .wrapInner .f_left{width: 30%;}
.ingredientswrap .fragrancewrap .wrapInner .f_right{width: 60%;}
.ingredientswrap .fragrancewrap .h3ttl{margin-top: 30px;}
.ingredientswrap .fragrancewrap .txt{margin-top: 15px; font-size: 1.2rem; letter-spacing: 0.05em;}
.ingredientswrap .fragrancewrap .poab.imgwrap{top: -15px; right: -15px;}

#use.moisture .wrap{background: #EBE8E5; padding: 80px 0;}
#use.refresh .wrap{background: #E8E9EA; padding: 80px 0;}
#use.special .wrap{background: #F8F9FA; padding: 80px 0;}
#use .flowwrap .sp-show600{margin: 0 auto;}
#use .howtowrap{background-color: #fff; padding: 40px 0;}
#use .howtowrap .wrapInner{width: 80%; margin: 0 auto;}
#use .howtowrap .ttl{font-size: 1.7rem;}
#use .howtowrap li{width: 47.5%;}
#use .howtowrap li .f_left{width: 25%; margin-right: 20px;}
#use .howtowrap li .f_right{width: calc(100% - 25% - 20px);}
#use .wrap .small{font-size: 1.2rem;}

.lineup .otherwrap .otheritem{width: 50%; height: 0; padding-top: 21.75%;}
.lineup .otherwrap .otheritem .poab{bottom: 30px; left: 30px; color: #fff;}
.lineup .otherwrap .otheritem .poab p{font-size: 1.2rem;}
.lineup .otherwrap .otheritem .poab .ttl{font-size: 2.1rem; font-weight: 300;}
.lineup .otherwrap .otheritem:first-child{margin-right: 10px;}
.lineup .otherwrap .otheritem.refresh{background: url("../images/lineup/lineup_refresh.jpg")center center no-repeat; background-size: cover;}
.lineup .otherwrap .otheritem.special{background: url("../images/lineup/lineup_special.jpg")center center no-repeat; background-size: cover;}
.lineup .otherwrap .otheritem.moisture{background: url("../images/lineup/lineup_moisture.jpg")center center no-repeat; background-size: cover;}
.lineup .otherwrap .otheritem.hairoil{background: url("../images/lineup/lineup_hairoil.jpg")center center no-repeat; background-size: cover;}

.kasou-lineupwrap a{ display: block; padding: 150px 5%; background: url("../images/lineup/2023/img_05_pscut4400.jpg") center 35% no-repeat; background-size: cover;}
@media screen and (max-width: 860px){
.kasou-lineupwrap .wrapInner {overflow: hidden;}
.kasou-lineupwrap a{ margin: 0 -5%; background-position: center 48% ; }
}
@media screen and (max-width: 600px){
.kasou-lineupwrap a{ padding: 100px 5%; margin: 0 -15%; background-position: center 48% ; }
}
/* lineup refresh*/
.body-kasou .lineup_refresh #mv .wrap{background-image: url("../images/lineup/refresh_mv.jpg");
	background-image: url("../images/lineup/2023/img_03b.jpg");}
.body-kasou .lineup_deepcleanse #mv .wrap{background-image: url("../images/lineup/2023/img_01b.jpg");}
.body-kasou .lineup_nightrepair #mv .wrap{background-image: url("../images/lineup/2023/img_02b.jpg");}


/* lineup special*/
.body-kasou .lineup_special #mv .wrap{background-image: url("../images/lineup/special_mv.jpg");}
.body-kasou .lineup_special #mv .wrap{background-image: url("../images/index/2026/mv2602_linupspecial.jpg"); position: relative; background-position: center 58%;}
.body-kasou .lineup_special #mv .wrap:before{ width: 100%; height: 100%;
	position: absolute; content: ""; left: 0%; top: 0%; background-color: rgba(0,0,0,0.25); }

/* lineup hairoil*/
.body-kasou .lineup_hairoil #mv .wrap{background-image: url("../images/lineup/hairoil_mv.jpg");}

/* タブ切り替え css */
input[type="radio"]{display:none;}
.tab_area{margin: 0 auto; font-size: 0; text-align: center; display: flex; justify-content: center; }
.tab_area label{ width:50%; height: 50px; line-height: 50px; text-align:center; font-size: 1.4rem; cursor:pointer; transition:ease 0.2s; opacity: 0.7; margin-top: 50px;}
.tab_panel{width:100%; display:none;}
.tab1_label{background: #EBE8E5;}
.tab2_label{background: #E8E9EA;}
#tab1:checked ~ .tab_area .tab1_label{ background: #EBE8E5; opacity: 1; }
#tab1:checked ~ .panel_area #panel1{display:block; background-color: #EBE8E5; padding-bottom: 80px;}
#tab2:checked ~ .tab_area .tab2_label{ background: #E8E9EA; opacity: 1; }
#tab2:checked ~ .panel_area #panel2{display:block; background-color: #E8E9EA; padding-bottom: 80px;}
.panel_area .tab_panel .Jp_ttl{padding-top: 50px;}

/* technology */

.tec-performance-tabwrap .tab_area {width: 100%;}
.tec-performance-tabwrap .tab_area label{ width:calc(100% / 3) ; height: 60px; line-height: 60px; font-size: 1.7rem;  opacity: 1; margin-top: 60px; opacity: 1; background: #fff; }
.tec-performance-tabwrap .tab_area label span{opacity: 0.4;}
.tec-performance-tabwrap .tab1_label{background: #fff; }
.tec-performance-tabwrap .tab2_label{background: #fff; }
.tec-performance-tabwrap #tab1:checked ~ .tab_area .tab1_label{ background: #cacacc;}
.tec-performance-tabwrap #tab1:checked ~ .tab_area .tab1_label span{ opacity: 1;}
.tec-performance-tabwrap #tab2:checked ~ .tab_area .tab2_label{ background: #cacacc;}
.tec-performance-tabwrap #tab2:checked ~ .tab_area .tab2_label span{ opacity: 1;}
.tec-performance-tabwrap #tab3:checked ~ .tab_area .tab3_label{ background: #cacacc;}
.tec-performance-tabwrap #tab3:checked ~ .tab_area .tab3_label span{ opacity: 1;}
.tec-performance-tabwrap .tab_panel{ background: none !important; padding-top: 80px;}
.tec-performance-tabwrap #tab3:checked ~ .panel_area #panel3{display:block;}

@media screen and (max-width: 860px){
.tec-performance-tabwrap .tab_area label{ height: 50px; line-height: 50px; font-size: min(3vw,1.3rem); margin-top: 40px;  }
.tec-performance-tabwrap .tab_panel{  padding-top: 30px;}
}

@media screen and (max-width: 600px){
	.tec-performance-tabwrap .tab_area{ width: 112%; margin-inline: -6%;}
	.tec-performance-tabwrap .tab_area label{ letter-spacing: normal; }
}
	


@media screen and (max-width: 860px){
.productwrap .ttl{font-size: 2.1rem; line-height: 1.4 !important;}
.productwrap .txt {font-size: 1.5rem; line-height: 1.6; margin-top: 20px;}
.productwrap ul.flex{margin-top: 25px;}
.buy_btn{margin-top: 35px;}
.ingredientswrap { width: calc(100% - 20px);}
.ingredientswrap .botanical_itemwrap{flex-flow: wrap;}
.ingredientswrap .botanical_itemwrap li{width: 48%; margin-bottom: 20px;}
.ingredientswrap .botanical_itemwrap li:last-child{margin-bottom: 0;}
.ingredientswrap .fragrancewrap .wrapInner{flex-flow: column;}
.ingredientswrap .fragrancewrap .wrapInner .f_left{width: 45%;}
.ingredientswrap .fragrancewrap .wrapInner .f_right{width: 100%; margin-top: 30px;}
.ingredientswrap .fragrancewrap .h3ttl {margin-top: 15px;}
.ingredientswrap .fragrancewrap .poab.imgwrap{top: 55%;}
#use{margin-top: 10px !important;}
}
@media screen and (max-width: 680px){
.ingredientswrap .fragrancewrap .poab.imgwrap{top: 49%; width: 100px;}
.tab_area label{font-size: 1rem;}
}
@media screen and (max-width: 600px){
.productwrap > li{flex-flow: column; align-items: center;}
.productwrap .f_left{width: 30%;}
.productwrap .f_right{width: 100%;}
.productwrap .ttl{font-size: 1.8rem;}
.productwrap .txt{font-size: 1.3rem;}
.productwrap .txt br{display: none;}
.productwrap .type{font-size: 1.2rem;}
.ingredientswrap .botanical_itemwrap li{width: 100%;}
.ingredientswrap .botanical_itemwrap.type__2col li{width: 100%; }
.ingredientswrap .fragrancewrap .wrapInner .f_left{width: 100%;}
.ingredientswrap .fragrancewrap .wrapInner .f_right{margin-top: 45px;}
.ingredientswrap .fragrancewrap .poab.imgwrap{right: -48px;}
.body-kasou #use .Jp_ttl{font-size: 1.5rem;}
#use .howtowrap .ttl{font-size: 1.5rem;}
#use .howtowrap .wrapInner ul{flex-flow: column;}
#use .howtowrap li{width: 100%; margin-bottom: 20px;}
#use .howtowrap li:last-child{margin-bottom: 0;}
.otherwrap .wrapInner{flex-flow: column;}
.lineup .otherwrap .otheritem{width: 100%; padding-top: 50%; margin-top: 10px;}
.lineup .otherwrap .otheritem:first-child{margin-top: 0;}
.lineup .otherwrap .otheritem .poab .ttl{font-size: 1.6rem;}
.lineup .otherwrap .otheritem .poab p{font-size: 1rem;}
.lineup .otherwrap .otheritem .poab {bottom: 25px; left: 20px;}
.ingredientswrap .botanical_itemwrap li .ttl{margin-top: 0 !important;}
.panel_area.w1200, .tab_area{width: calc(100% - 25px);}
}
@media screen and (max-width: 340px){
.ingredientswrap .fragrancewrap .poab.imgwrap {top: 44%;}
}




/* lity HACK and product how to ...2404
==========================================================*/
.howto_btn{border-bottom: 1px solid #a5a4a4; padding-bottom: 2px;}

  .lity {
	background: rgba(255, 255, 255, 0.95);
	z-index: 99995;
  }
  .lity-container {
	overflow-y: scroll;
  }
  body:not(.lity-technology) .lity-content{ padding: 50px ; background: #eee; max-width: 1000px; width: 90vw;}
  .lity-content::after {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  }

  .lity-close,
  .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited{text-shadow:none;color: #999;right: 10px; top: 10px;}

  @media screen and (max-width: 600px){
	.lity-content{ padding: 8% ;}
  }


/* lity HACK and inde ...2503 */
.body-index .lity {
  background: #cacacc ;
}
.body-index .lity-container { scrollbar-width: 0; width: 100%; height: 100%;overflow-y:auto; }
.body-index .lity-content{ padding: 0px !important ; background: none !important; max-width: none !important; width: 100% !important; height: 100%;}
.body-index .lity-content::after {
  box-shadow: none;
}

.body-index .lity-close,
.body-index .lity-close:hover, .body-index .lity-close:focus, .body-index .lity-close:active, .body-index .lity-close:visited{color: #fff;}



/* Kasou - privacypolicy
==========================================================*/
#privacypolicy .privacywrapInner dl{border-top: 1px solid #CACACC; border-bottom: 1px solid #CACACC; padding: 60px 0 30px;}
#privacypolicy .privacywrapInner dd{margin-bottom: 30px;}
#privacypolicy .privacywrapInner dl p{margin-bottom: 50px;}
@media screen and (max-width: 600px){
#privacypolicy .privacywrapInner dd{margin-bottom: 20px;}
#privacypolicy .privacywrapInner dl{padding: 50px 0 30px;}
}




/* contact
==========================================================*/

/* フォームスタイル */
.kasou-contact > .wrap > .wrapInner{max-width: 860px; width: 88%; margin: 0 auto;}
.kasou-contact .h1ttl .h1::after {display: none;}
.red{color: #c81e1e;}
.contactform .form_wrap{margin-top: 70px; }
.contactform .form_wrap dl:not(:last-child){margin-bottom: 30px;}
.contactform .form_wrap dl dt{width: 100%; font-size: 1.7rem;}
.contactform .form_wrap dl dd{width: 100%; border-bottom: 1px solid #ccc; flex-wrap: wrap;}
.contactform .form_wrap dl dd input, .contactform .form_wrap dl dd textarea { width: 100%; padding: 19px 0; font-size: 1.4rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.15em; line-height: 1.5; border: none; background-color: transparent;}
.contactform .form_wrap dl dd textarea {height: 180px;}
input[type="submit"] {font-size: 1.7rem; color: #fff; width: 100%; height: 100%;} 
.submitwrap{width: 250px; height: 70px; background-color: #ccc; margin: 0 auto; margin-top: 60px;} 
#submit[disabled] {
cursor: not-allowed;
opacity: 0.5;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#submit:hover{opacity: 0.5;}
@media screen and (max-width: 600px){
.contactform .form_wrap dl dd input, .contactform .form_wrap dl dd textarea{font-size: 1.2rem;}
.contactform .form_wrap {margin-top: 50px;}
.submitwrap{margin-top: 45px;}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none;}
input[type="submit"]::focus,
input[type="button"]::focus { outline-offset: -2px; }
textarea{-webkit-box-shadow: none; box-shadow: none;}
/*フォーム スタイル　リセット*/ 
input[type="text"], input[type="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; border-radius: 0; outline: none; background: none; }
.contactform button,input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;  }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; }

/* セレクトボックス */
select::-ms-expand { display: none; }
select{ width: 100%; padding: 20px 0 20px 30px; font-size: 1.4rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #808080; border-radius: 5px; letter-spacing: 0.05em; }
.selectwrap div.flex dd{ margin-right: 30px; width: 90px; position: relative; }
.selectwrap div.flex dd::after{ content: ""; width: 8px; height: 24px; background: url(../images/common/select_arrow.svg) center center no-repeat; background-size: cover; position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.selectwrap div.flex dd:nth-child(1){ width: 125px; }

/* チェックボックス */
input[type="checkbox"]{ display: none; }
.privacycheck label{ padding-left: 30px !important; position: relative;}
.privacycheck label::before{ content: ""; width: 18px; height: 18px; border-radius: 50%; background-color: #ccc; position: absolute; top: -1px; left: 0; -webkit-transition:all .4s; transition:all .4s;}
.privacycheck label::after{ content: ""; width: 8px; height: 8px; background-position: center center; background-color: #fff; position: absolute; top: 4px; left: 5px; border-radius: 50%; -webkit-transition:all .4s; transition:all .4s; opacity: 0;}
input[type="checkbox"]:checked + .check::after { opacity: 1; }

/*ラジオボタン スタイル*/ 
.occupationwrap dd{border-bottom: none!important; margin-top: 25px;}
.occupationwrap dd input{ width: auto!important; }
.occupationwrap dd label{ padding-left: 39px!important; margin-bottom: 20px; position: relative; width: calc(33.333% - 39px);}
input[type="radio"] { display: none; }
.occupationwrap dd label::before{ content: ""; width: 25px; height: 25px; border-radius: 50%; background-color: #ccc; position: absolute; top: -1px; left: 0; -webkit-transition:all .4s; transition:all .4s;}
.occupationwrap dd label::after{ content: ""; width: 9px; height: 9px; background-position: center center; background-color: #fff; position: absolute; top: 7px; left: 8px; border-radius: 50%; -webkit-transition:all .4s; transition:all .4s; opacity: 0; }
input[type="radio"]:checked + .radio::after {opacity: 1;}
@media screen and (max-width: 768px){
.occupationwrap dd label{width: calc(33.333% - 39px);}
}
@media screen and (max-width: 600px){
.occupationwrap dd label{width: calc(50% - 39px);}
.contactform .form_wrap dl dt{font-size: 1.5rem;}
}

/* 個人情報保護 ページ内で表示 */
.privcywrap {width: 100%; margin-top: 60px;}
.privcywrap .privcywrapInner {width: 100%; padding: 35px 40px; box-sizing: border-box; height: 250px; overflow-y: scroll; background-color: #fff;}
.contactform .privcywrap dl{font-size: 1.3rem;}
.contactform .privcywrap dl dd{border: none;}
.contactform .privcywrap dl:last-child{padding-bottom: 35px;}
.privcywrap .ttl{font-size: 1.8rem; margin-bottom: 20px;}

/* エラーボックス */
.error_box { display: none; width: 100%; text-align: center; box-sizing: border-box; border: 1px solid #e92b2b; color: #c81e1e; padding: 25px 20px; margin: 40px auto 20px; font-size: 1.4rem; line-height: 2; background-color: #fff;}

/* company */
#company.mt100{margin-top: 70px;}
#company{background-color: #F8F9FA; padding: 100px 0; width: calc(100% - 20px); margin: 0 auto;}
#company ul li{border-top: 1px solid #ccc; padding: 27px 0 25px;}
#company ul li:last-child{border-bottom: 1px solid #ccc;}
#company ul li .f_left {width: 18.5%;}
#company ul li .f_right{width: 81.5%;}
#company .map_icon{top: 2px; left: 8px;}
@media screen and (max-width: 600px){
#company{padding: 70px 0;}
#company ul li{flex-wrap: wrap; padding: 22px 0 20px;}
#company ul li .f_left {width: 100%; margin-bottom: 8px;}
#company ul li .f_right{width: 100%;}
}


/* aosハック スマホ時にdelay早める
==========================================================*/
@media screen and (max-width: 600px){
/* .fv_logo img{transition-delay: 1.9s !important;} */
.sp_aos_delay300{transition-delay: .3s !important;}
.sp_aos_delay400{transition-delay: .4s !important;}
.sp_aos_delay500{transition-delay: .5s !important;}
#hsw .sp_aos_delay500{transition-delay: .3s !important;}
}

[data-aos=fade-left]{transform: translate3d(20px,0,0);}
[data-aos=fade-right]{transform: translate3d(-20px,0,0);}


/* メニュー反転
==========================================================*/
.invert{filter: invert(50%);}
.menu-trigger.active.invert{filter: invert(0%);}


/* メニュー反転
==========================================================*/
.thankswrap .ttl{font-size: 2.5rem; letter-spacing: 0.2em; margin-bottom: 30px;}
.thankswrap .small{font-size: 1.1rem; margin-top: 40px;}

@media screen and (max-width: 600px){
.thankswrap .small{text-align: left;}
.thankswrap .small br{display: none;}
}


/* Chromeのみに適用
==========================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.fn_Mont, #insta .account, .btn p, #store .wrapInner .h2ttl{font-weight: 300;}
}





/* SHOPページ 追加css　2020.10.22
==========================================================*/
#shop .f_left.map-hide{ position: relative; }
#shop .f_left.map-hide:before{ position: absolute; content: "Googleマップ表示は現在準備中です"; display: flex; justify-content: center; align-items: center;width: 100%; height: 100%;
     top: 0; left: 0; z-index: 9; background: #f8f8f8;}

#shop .wrapInner > .flex-jus{margin-top: 100px; flex-wrap: wrap; min-height: 600px; height: 90vh; max-height: 800px;}
#shop .wrapInner > .flex-jus .f_left{height: 100%;}
#shop .wrapInner > .flex-jus .f_right{height: 100%;}
#shop select{padding: 12px 20px; border: none; border-radius: 0; background-color: #fff; color: #8c8c8c; position: relative;}
#shop .serchwrap::before{content: ""; width: 12px; height: 6px; background: url("../images/common/shop_triangle.png")center center no-repeat; background-size: contain; position: absolute; top: 38px; right: 40px; z-index: 5;}
#shop .result_wrap{padding: 0 20px; height: calc(100% - 84px); background-color: #f4f5f7; /*background-color: #eef0f3; */overflow-y: scroll;}
#shop .result_wrap .Nos{padding: 15px 0 10px; font-size: 1.6rem;}
#shop .result_wrap .Nos span{font-size: 1.3rem; letter-spacing: 0.05em;}
#shop .serchwrap{background-color: #cacacc; background-color: #4C4948; padding: 20px; border-bottom: 1px solid #fff;}
#shop .result_item{background-color: #fff; padding: 20px; color: #706d6d; font-feature-settings: "palt" 1; cursor: pointer; transition: all .4s;}
#shop .result_item .ttl{font-size: 1.5rem; line-height: 1.5;}
#shop .result_item .detail{margin-top: 9px; margin-bottom: 1em; font-size: 1.1rem;}
#shop .result_item a{color: #706d6d; font-size: 1.1rem;}
#shop .result_item:not(:first-child){margin-top: 10px;}
#shop .result_item:last-child{margin-bottom: 20px;}
#shop .result_item:hover{background: #f2f2f2; transition: all .4s;}

button.filter_none{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none; font-size: 1.3rem; border: 1px solid #cacacc; padding: 14px 18px; color: #4c4948; margin-top: 18px; transition: all .4s;}
button.filter_none span:first-child{position: relative; right: 6px;}
button.filter_none span:last-child{position: relative; left: 6px;}
button.filter_none:hover{border: 1px solid #4c4948; transition: all .4s;}

.gm-style .gm-style-iw-c{background: #4c4948; color: #fff; width: 450px; padding: 20px !important; border-radius: 0;}
.gm-style .gm-style-iw-c .detail{margin-top: 15px; font-size: 1.2rem; line-height: 1.6;}
.gm-style .gm-style-iw-c a{color: #fff; margin-top: 15px; display: block; font-size: 1.1rem;}
.gm-style .gm-style-iw-t::after{background: linear-gradient(45deg,rgb(76, 73, 72) 50%,rgba(76, 73, 72) 51%,rgba(76, 73, 72) 100%);}

.gm-style-iw.gm-style-iw-c button::after {content: ""; width: 15px; height: 15px; background: url("../images/common/map_closed.svg")center center no-repeat; background-size: contain; position: absolute; top: 20px; right: 20px; border-radius: 50%;}
.gm-style-iw.gm-style-iw-c img {opacity: 0;}
.gm-style .gm-style-iw-d{overflow: auto !important;}

/* ピンの色変更に伴う変更css */
.gm-style .gm-style-iw-t::after {background: linear-gradient(45deg,rgb(130, 120, 113) 50%,rgb(130, 120, 113) 51%,rgb(130, 120, 113) 100%);}
.gm-style .gm-style-iw-c {background: #827871;}

@media screen and (min-width: 1401px){
#shop .wrapInner > .flex-jus .f_left{width: calc(100% - 483px);}
#shop .wrapInner > .flex-jus .f_right{width: 473px;}
}
@media screen and (max-width: 1400px){
#shop .wrapInner > .flex-jus .f_left{width: 65%;}
#shop .wrapInner > .flex-jus .f_right{width: calc(35% - 10px);}
}
@media screen and (max-width: 860px){
#shop .wrapInner > .flex-jus .f_left{width: 100%; min-height: 100%; height: 50vh; max-height: 600px;}
#shop .wrapInner > .flex-jus .f_right{width: 100%;}
#shop .wrapInner > .flex-jus {min-height: 100%; height: 100%; max-height: 100%;}
#shop .result_wrap{max-height: 600px; min-height: 500px; height: 60vh;}

/* プルダウン位置変更
#shop .serchwrap{position: absolute; width: calc(100% - 0px); box-sizing: border-box; top: calc(-50vh - 84px); z-index: 50; border-bottom: none;}
#shop .wrapInner > .flex-jus .f_right{position: relative;}
#shop .wrapInner > .flex-jus .f_left{margin-top: 84px;} */

}
@media screen and (max-width: 600px){
#shop .wrapInner > .flex-jus .f_left{height: 50vh;}
#shop .wrapInner > .flex-jus {margin-top: 60px;}
.gm-style .gm-style-iw-c{max-width: 300px !important; max-height: 250px !important;}
}


/*24.03.12 Add*/
.shopname_list{ padding: 80px 0;}
.shopname_list ul{flex-wrap: wrap; margin-left: -3.3%;}
.shopname_list ul li{ width: 30%; font-size:1.05em ; border-bottom: 1px solid #ddd; margin-left: 3.3%; margin-bottom: 3.3%; padding-bottom: 0.5em;}


@media screen and (max-width: 860px){
	.shopname_list ul li{ width: calc(50% - 3.3%); }
}
@media screen and (max-width: 600px){
	.shopname_list{ padding: 60px 0;}
	.shopname_list ul{flex-wrap: wrap; margin-left: 0%;}
	.shopname_list ul li{ width: 100%; }
}



/* 2021.07.12　更新用css */

/* .sp_mv_wrap{display: none;} */
.fv_slide{width: 100vw; height: calc(100vh - 60px); height: 100vh; }
.fv_slide--item{width: 100vw; height: calc(100vh - 60px); height: 100vh; }
.fn_size12{font-size: 0.9em;}
.shop_desc{margin-top: 85px;}

.fv_slide--item span{ display: block; width: 100%;height: 100%;}
.fvimg_01{background: url('../images/index/mv.jpg') center center no-repeat; background-size: cover;}
.fvimg_2212{background: url('../images/index/mv_pc2212.jpg?a') center center no-repeat; background-size: cover;}
.fvimg_2309{ position: relative;background: url('../images/index/mv_pc2309_A62A0112.jpg') center center no-repeat; background-size: cover;}
/*
.fvimg_2309::before{ position: absolute; content: "";left: 0;top: 0;width: 100%;height: 100%;
	background: url('../images/index/mv_pc2309_A62A0112.jpg') center center no-repeat; background-size: cover;}
*/
.fvimg_2304::before{ position: relative;}
.fvimg_2312{ position: relative;background: url('../images/index/mv_pc2312_IMG_2752_kai_PC.jpg?a2') 0 center no-repeat; background-size: cover;}
.fvimg_2504_a{ position: relative;background: url('../images/index/mv2505_01.jpg') 48% center no-repeat; background-size: cover;}
.fvimg_2504_b{ position: relative;background: url('../images/index/mv2505_02.jpg') center center no-repeat; background-size: cover;}
.fvimg_2507{ position: relative;background: url('../images/index/mv2507.jpg') center center no-repeat; background-size: cover;}
.fvimg_2602{ position: relative;background: url('../images/index/2026/mv2602.jpg?a') center 68% no-repeat; background-size: cover;}
.fvimg_2602::before,
.fvimg_2507::before,
.fvimg_2504_b::before,
.fvimg_2504_a::before{ content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%; 
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);}



@media screen and (max-width: 860px){
  /* #MV .wrap canvas{display: none;}
  .sp_mv_wrap{display: block; position: absolute; top: 0; z-index: -5;} 
  .fv_slide.tab{display: block;}
  .fv_slide.sp{display: none;} */
  .shop_desc{margin-top: 75px;}
.fvimg_01{background: url('../images/index/mv_tab.jpg')center center no-repeat; background-size: cover; }
.fvimg_2212{background: url('../images/index/mv_tab2212.jpg?a') center center no-repeat; background-size: cover;}
.fvimg_2309{background-position: 36% center;}
.fvimg_2312{ background-position: 55% center;}
}
@media screen and (min-width: 601px){
  .banner_wrap_sp{display: none;}
  .fvimg_2304{ background: url('../images/lineup/2023/img_05_pscut4200to3500.jpg') 52% 40% no-repeat; background-size: cover;}
}
@media screen and (max-width: 600px){
  .fv_slide,
  .fv_slide--item{height: 100vh;}
  /* .fv_slide.tab{display: none;}
  .fv_slide.sp{display: block;} */
  .banner_wrap_sp{display: flex; background-color: #a8a6a4; border-bottom: 1px solid #eee;}
  .banner_wrap_sp a{width: 50%; letter-spacing: 0; color:#fff; }
  .banner_wrap_sp a:first-child{border-right: 1px solid #ccc;}
  .attentionwrap .wrapInner a .imgwrap {margin-right: 6px; width: 15px;}
  .attentionwrap .wrapInner a p{margin-bottom: 1px;}
  .shop_desc{margin-top: 60px;}
  .fvimg_01{background: url('../images/index/mv_sp.jpg') center center no-repeat; background-size: cover;}
  .fvimg_2212{background: url('../images/index/mv_sp2212.jpg?a') center center no-repeat; background-size: cover;}
  .fvimg_2309{overflow: hidden;}
  .fvimg_2309{background: url('../images/index/mv_sp2309_assets.jpg') center center no-repeat; background-size: cover;}
  .fvimg_2312{overflow: hidden;}
  .fvimg_2312{background: url('../images/index/mv_sp2312.jpg?a4') center center no-repeat; background-size: cover;}

  .fvimg_2504_a{ background: url('../images/index/mv2505_01_sp.jpg') 33% center no-repeat; background-size: cover;}
  .fvimg_2504_b{ background: url('../images/index/mv2505_02_sp.jpg') 35% center no-repeat; background-size: cover;}
  .fvimg_2507{ background: url('../images/index/mv2507_sp.jpg') 35% center no-repeat; background-size: cover;}
  .fvimg_2602{ background: url('../images/index/2026/mv2602_sp.jpg?a') 50% center no-repeat; background-size: cover;}

  .fvimg_2602::before,
  .fvimg_2507::before,
  .fvimg_2504_b::before,
  .fvimg_2504_a::before{ height: 25%; }

  
	  
  /*
  .fvimg_2309::before{background-position: 24% center; height: 118%; top: auto; bottom: 0px;}
  */
  .fvimg_2304::before{ position: absolute; content: ""; width: 100%; height: 100%; display: block;}
  .fvimg_2304::before{ /*background: url('../images/lineup/2023/img_05_henkei_sp.jpg?a') 50% bottom no-repeat; background-size: cover;*/ 
	width: 180%; transform: translateX(-80vw); background: url('../images/lineup/2023/img_05_pscut4400.jpg') 50% bottom no-repeat; background-size: cover;}
	.fvimg_2304.slick-active::before { transform: translateX(0);
	animation-name: fvimg_2304Anim ; animation-duration:6s; animation-delay:0s; ;animation-fill-mode:forwards; }
	.fvimg_2304.slick-active.slick-first::before{ animation-delay:1.5s;}

}

@keyframes fvimg_2304Anim {
	0% {transform: translateX(0);}
	3% {transform: translateX(0);}
	97% {transform: translateX(-80vw);}
	100% {transform: translateX(-80vw);}
}



/* 2021.09.13　追加css */
.anan_logo{max-width: 140px; min-width: 100px; width: 27%; top: 30px; left: 30px;}

@media screen and (max-width: 600px){
  .anan_logo{width: 100px; top: 10px; left: 10px !important;}
}


/* 2021.10.12　追加css */
@media screen and (min-width: 701px){
	.hide700_show600{display: block;}
}
@media screen and (max-width: 700px){
	.hide700_show600{display: none;}
}
@media screen and (max-width: 600px){
	.hide700_show600{display: block;}
}

.lineup_hairoil .KV{width: 100vw; height: 60vh; background:center center no-repeat; background-size: cover;background-image: url("../images/lineup/hairoil_kv.jpg");}
.body-kasou .lineup_hairoil .Jp_ttl sup{font-size: 1.4rem;}
.hairoil_feature_flex{justify-content: space-between}
.hairoil_feature_flex div{width: calc((100% - 60px) / 3);position: relative;}
.hairoil_feature_flex div .Jp_ttl{margin-bottom: 40px;}
.hairoil_feature_flex div:last-child .Jp_ttl{margin-top: -4px;}
.hairoil_feature_flex div .Jp_ttl::after{content: '';position: absolute;width: 25px;height: 1px;background-color: #000;top: 50px; left: 50%;transform: translateX(-50%);}
.hairoil_feature_flex div .Jp_ttl br{display: none;}
.productwrap .hairoil_fragrancewrap{padding: 50px 0 60px;}
.productwrap .hairoil_fragrancewrap .txt{margin-top: 15px;font-size: 1.2rem;letter-spacing: 0.05em;}
.productwrap .hairoil_fragrancewrap .ttl{font-size: 1.6rem;}
.productwrap .hairoil_fragrancewrap .en{font-size: 1.8rem;}
.productwrap .hairoil_fragrancewrap .h3ttl .jp{font-size: 1.2rem;}
.productwrap .hairoil_fragrancewrap .flex.flex-sb{margin: 10px 0; align-items: center}
.productwrap .hairoil_fragrancewrap .flex.flex-sb .imgwrap{width: 100px;}
.lineup_hairoil .productwrap .type{margin-top: 40px}
.lineup_hairoil .productwrap ul.flex{flex-wrap: wrap;}
.lineup_hairoil .productwrap ul.flex li{margin-right: 10px;margin-bottom: 5px}
.lineup_hairoil .productwrap ul.flex li:last-child{margin-right: 0;margin-bottom: 0}
.lineup_hairoil .botanical_itemwrap{display: flex;flex-wrap: wrap;justify-content: center;}
.lineup_hairoil .botanical_itemwrap li{margin-right: 3%;margin-bottom: 40px;}
.lineup_hairoil .botanical_itemwrap li div:last-child{margin-top: 10px;}
.lineup_hairoil .botanical_itemwrap li .imgwrap{margin: 0 auto}
.lineup_hairoil .botanical_itemwrap li .ttl{line-height: 1.6}
.ingredientswrap_txt{font-size: 1.15rem}
#use.hairoil .wrap{background: #F8F9FA;padding: 80px 0;}
.howto_hairoil .flex{justify-content: space-between;}
.howto_hairoil_flow{width: 31%;}
.howto_hairoil_flow p:last-child{margin-top: 20px;}
.howto_hairoil_number{margin-top: -25px;line-height: 1; font-size: 4.78rem}
.lineup .otherwrap .otheritem:nth-child(-n+2){margin-bottom: 10px}
.lineup .otherwrap .otheritem:nth-child(odd){margin-right: 10px}
.lineup .otherwrap .otheritem{width: calc((100% - 10px) / 2);}
.body-kasou .w100-20px{flex-wrap: wrap;}
.fn_size115{font-size: 1.15rem}

/*buy nowボタン無効*/
/* .lineup_hairoil .buy_btn{pointer-events:none;opacity: 0.4;} */


@media screen and (max-width: 1200px){
	.hairoil_feature_flex div .Jp_ttl{margin-bottom: 52px;margin-top: 17px;}
	.hairoil_feature_flex div:nth-child(2) .Jp_ttl{margin-bottom: 40px;margin-top: 0;line-height: 1.6em}
	.hairoil_feature_flex div:last-child .Jp_ttl{margin-top: 17px;}
	.hairoil_feature_flex div .Jp_ttl::after{top: 85px;}
	.hairoil_feature_flex div .Jp_ttl br{display: block;}
}
@media screen and (max-width: 1000px){
	.body-kasou .lineup_hairoil #mv .wrap{background-position: 68%;}
}
@media screen and (max-width: 860px){
	.lineup_hairoil .KV{height: 40vh;background-position-x: 40%;}
	.body-kasou .lineup_hairoil .Jp_ttl{font-size: 1.8rem;}
	.body-kasou .lineup_hairoil .Jp_ttl sup{font-size: 1.2rem;}
	.hairoil_feature_flex{flex-wrap: wrap;}
	.hairoil_feature_flex div{width: 100%;}
	.hairoil_feature_flex div .Jp_ttl{margin-bottom: 20px;margin-top: 40px;}
	.hairoil_feature_flex div:first-child .Jp_ttl{margin-top: 0;}
	.hairoil_feature_flex div:nth-child(2) .Jp_ttl{margin-bottom: 20px;margin-top: 40px;}
	.hairoil_feature_flex div:last-child .Jp_ttl{margin-top: 40px;}
	.hairoil_feature_flex div .Jp_ttl::after{top: 80px;}
	.hairoil_feature_flex div:first-child .Jp_ttl::after{top: 40px;}
	.hairoil_feature_flex div .Jp_ttl br{display: none;}
	.lineup_hairoil .botanical_itemwrap li{width: 30%; margin-right:2%;}
	.lineup_hairoil .ingredientswrap_txt{margin-top: 10px;}
}
@media screen and (max-width: 600px){
	.body-kasou .lineup_hairoil #mv .wrap{background-position: 74%;}
	.body-kasou .lineup_hairoil .Jp_ttl{font-size: 1.6rem;}
	.body-kasou .lineup_hairoil .Jp_ttl sup{font-size: 1rem;}
	.hairoil_feature_flex div .Jp_ttl::after{top: 73px;}
	.hairoil_feature_flex div:first-child .Jp_ttl::after{top: 35px;}
	.hairoil_feature_flex div:last-child .Jp_ttl::after{top: 75px;}
	.lineup_hairoil .botanical_itemwrap{justify-content: flex-start;}
	.lineup_hairoil .botanical_itemwrap li{width: 100%; margin-bottom: 20px;display: flex;align-items: center;text-align: left;justify-content: center}
	.lineup_hairoil .botanical_itemwrap li .imgwrap{width: 20%;margin-right: 25px;margin-left: 0;}
	.lineup_hairoil .botanical_itemwrap li div:last-child{width: 40%;min-width: 180px;margin-top: 0;}
	.lineup_hairoil .botanical_itemwrap li div p{font-size: 1.4rem;}
	.body-kasou .lineup_hairoil .h1ttl{line-height: 1.2em;}
	.howto_hairoil .flex{flex-wrap: wrap;}
	.howto_hairoil_flow{width: 100%;}
	.lineup .otherwrap .otheritem{width: 100%;}
	.lineup .otherwrap .otheritem:nth-child(-n+2){margin-bottom: 0}
	.lineup_hairoil .ingredientswrap_txt{margin-top: 40px;}
}



.body-kasou .lineup_hairtonic #mv .wrap{background-image: url("../images/lineup/2024/ps_cut_A62A0161.jpg"); background-position: center 12%; position: relative;}
.body-kasou .lineup_hairtonic #mv .wrap:before{ width: 100%; height: 100%;
	position: absolute; content: ""; left: 0%; top: 0%; background-color: rgba(0,0,0,0.1); }

.lineup_hairtonic .KV{width: 100vw; height: 60vh; background:center center no-repeat; background-size: cover;background-image: url("../images/lineup/2024/ps_cut_omote_01.jpg");}
.body-kasou .lineup_hairtonic .Jp_ttl sup{font-size: 1.4rem;}



/* 2023.04　改修
==========================================================*/

/* 2023.04　追加css ------ */
.lineup.type2304 .productwrap .f_left{ box-sizing: border-box; }
.productwrap .f_left.type-silkynight_hairmask{ padding-inline: 20px;}
@media screen and (min-width: 601px) {
	.lineup.type2304 .fragrancewrap .f_right .txt{ margin-right: -.5em;}
	.lineup.type2304 .productwrap .f_left img{ width: 32.5%; margin-left: -12.5%;}
}
@media screen and (max-width: 600px) {
	.body-kasou .lineup_deepcleanse .h1ttl{line-height: 1.2em;}
	.productwrap .f_left.type-silkynight_hairmask { width:60%;}

	.body-kasou.page_advanced .productwrap .f_left{ width: 60%; }
}



/* INDEX */
.body-index #Container.type23{}
.scrollSnap__wrapper{ }
.scrollSnap__wrapper.is-active .scrollSnap__list{ }
@media screen and (min-width: 891px) {
	.scrollSnap__wrapper{ height: 400vh;}
	/*LINEUPが増えれば追加*/
}


.scrollSnap__otheritem,
.scrollSnap__list{ width:100%; height: 100vh;  box-sizing: border-box; padding: 100px 50px 100px 8%; }
.scrollSnap__list__Inner,
.scrollSnap__flex{ width:100%; height: 100%; }
.scrollSnap__list .flex-l{ box-sizing: border-box; width: 40%; height: 100%; color: #fff;}
.scrollSnap__list .flex-l .flex-l-in{width: 100%;}
.scrollSnap__list .flex-l .h2ttl{ margin-bottom: 100px;}
.scrollSnap__list .scrollSnap__Count{ display: inline-block; margin-bottom:30px; line-height: 1;}
.scrollSnap__list .scrollSnap__Count:before{ position: absolute; content:""; left: 125px;bottom: 0; width: 1px; height: 90%; opacity: 0.5; transform: rotate(45deg); background-color: #fff;}
.scrollSnap__list .scrollSnap__active{ font-size: 5.0rem; width: 125px;display: inline-block;  }
.scrollSnap__list .scrollSnap__all{ font-size: 2.0rem; padding-left: 2rem;}
.scrollSnap__list .flex-l dl dt{font-size: 3.4rem;line-height: 1.6; margin-bottom: 10px; margin-right: -3em; position: relative; z-index: 2;}
.scrollSnap__list .flex-l dl dd.elm01{font-size: 2.4rem; line-height: 1.4; margin-right: -3em; position: relative; z-index: 2;}
.scrollSnap__list .flex-l dl dd.elm02{font-size: 1rem; margin-bottom: 40px;}
.scrollSnap__list .flex-l dl dd.elm03{ padding-right: 12%;}

.scrollSnap__list .flex-r{ box-sizing: border-box; width: 60%; height: 100%;  }
.scrollSnap__list .flex-r a{ width: 100%; height: 100%; box-sizing: border-box; justify-content: flex-end; padding: 50px 40px; color: #fff;}

.lineup_store__btn{border: 1px solid #fff;height: 55px;line-height: 55px; width: 85%; max-width: 360px;  margin-top: 40px;}
.lineup_store__btn img{ margin-right: 10px; margin-bottom: -2px;}
.lineup_store__btn span{ display: inline-block;}
.lineup_store__btn:hover{ background: rgba(255,255,255,0.1);}

@media screen and (max-height: 1000px) and (min-width: 801px) {
	.scrollSnap__list .flex-l{ display: flex; flex-wrap: wrap; align-items: center; position: relative;}
	.scrollSnap__list .flex-l .h2ttl{ margin-bottom: 0px; position: absolute; top: 0;}
	.scrollSnap__list .flex-l .flex-l-in{ padding-top: 40px;}
}
@media screen and (max-height: 850px) and (min-width:801px) {
	.scrollSnap__list{ padding: 50px 50px 50px 8%; }

}
@media screen and (max-height: 720px) and (min-width:801px) {
.scrollSnap__list .flex-l dl dt{font-size: 3rem;line-height: 1.5; }
.scrollSnap__list .flex-l dl dd.elm02{ margin-bottom: 20px;}
.scrollSnap__list .flex-l dl dd.elm03 { width: 64%;}
.lineup_store__btn{height: 50px;line-height: 50px;  margin-top: 20px;}
}
@media screen and (max-height: 620px) and (min-width:801px) {
	.scrollSnap__list{ padding: 25px 50px 25px 8%; }
	.scrollSnap__list .flex-l dl dt{font-size: 2.6rem; }
	.scrollSnap__list .flex-l dl dd.elm03 { width: 56%;}
}



@media screen and (max-width: 1250px) {
.scrollSnap__list .flex-l dl dt{margin-right: calc(-3em * 3); }
}

@media screen and (max-width: 890px) {
.scrollSnap__otheritem{ padding: 100px 4% 10% 4%; }
.scrollSnap__list{ padding: 100px 0% 10% 6%; }
.scrollSnap__list .flex-l{ width: 45%; }
.scrollSnap__list .flex-r{ width: 55%; }
}
@media screen and (max-width: 750px) {
.scrollSnap__wrapper{overflow: hidden;}
.scrollSnap__otheritem,
.scrollSnap__list{ height:auto; padding: 80px 7% 10% 7%; }
.scrollSnap__list .flex-l{ width: 100%; height: 480px; height:auto; padding-bottom: 10%;}
.scrollSnap__list .flex-l .h2ttl{ margin-bottom: 20px;}

.scrollSnap__list .scrollSnap__Count{ margin-bottom:10px; }
.scrollSnap__list .scrollSnap__Count:before{ left: 95px;}
.scrollSnap__list .scrollSnap__active{ font-size: 3.5rem; width: 95px;}
.scrollSnap__list .scrollSnap__all{ font-size: 1.5rem; }

.scrollSnap__list .flex-l dl dt{font-size: min(3.4rem,5.5vw);font-size: min(2.3rem,5.5vw); margin-bottom: 5px; margin-right: -1em; }
.scrollSnap__list .flex-l dl dd.elm01{font-size: 1.8rem;}
.scrollSnap__list .flex-l dl dd.elm02{ font-size: 0.85rem; margin-bottom: 30px;}
.scrollSnap__list .flex-l dl dd.elm03{ padding-right: 15%;}

.scrollSnap__list .flex-r{ width: 100%; height: calc(100% - 480px); height:66vw;  }
.scrollSnap__list .flex-r a{ padding: 5%;}
.lineup_store__btn{height: 50px;line-height: 50px; width: 100%; margin-top: 20px;}

}

/* @media screen and (max-width: 420px) {
	.scrollSnap__list .flex-l{ height:340px;}
	.scrollSnap__list .flex-r{  height: calc(100% - 340px);  }
} */

.scrollSnap__list.is-active{ position: fixed;top: 0;left: 0;}
.scroll__moisture{ background-color: #ccc8ba;z-index: 9;}
.scroll__refresh{ background-color: #b8caca;z-index: 8; }
.scroll__deepcleanse{ background-color: #b2bfab;z-index: 7;}
.scroll__nightrepair{ background-color: #bcbcd1;z-index: 6;}
.scroll__moisture .flex-r a{ background: url("../images/lineup/2023/img_04b.jpg") no-repeat 66% center;background-size: cover; }
.scroll__refresh .flex-r a{ background: url("../images/lineup/2023/img_03b.jpg") no-repeat 66% center; background-size: cover;}
.scroll__deepcleanse .flex-r a{ background: url("../images/lineup/2023/img_01b.jpg") no-repeat 66% center; background-size: cover;}
.scroll__nightrepair .flex-r a{ background: url("../images/lineup/2023/img_02b.jpg") no-repeat 66% center; background-size: cover;}



.scrollSnap__otheritem { height: auto; background-color: #f2f6f6; }
.scrollSnap__otheritem li{ padding: 20px 10px ; box-sizing: border-box;}
.scrollSnap__otheritem dt{font-size: 1.4em;  font-weight: 400; margin-bottom: 0.2em;}
.scrollSnap__otheritem dd{ font-size: 0.8em;}

.store__btn{ border: 1px solid #a5a4a4; width: 90%; max-width: 320px;height: 50px; line-height: 50px; margin: 0 auto;}



@media screen and (max-width: 1000px) {
.scrollSnap__otheritem li{ width: 45%; }
}
@media screen and (max-width: 750px) {
.scrollSnap__otheritem li{ width: 100%; }
.scrollSnap__other_img{ padding: 0 10%;}
}



/* ITEM CHECK
==========================================================*/
#itemchek{ width:calc(100% - 20px); height: calc(100vh - 20px); box-sizing: border-box; padding: 100px 0px 100px 8%; margin: 0 auto; background-color: #ccc8ba;}
#itemchek{
    background: linear-gradient(246deg, #ccc8ba, #b8caca, #b2bfab, #bcbcd1, #ccc8ba);
    background-size: 1000% 1000%;
    -webkit-animation: itemchekBgGrade 32s ease infinite;
    animation: itemchekBgGrade 32s ease infinite;
}
@-webkit-keyframes itemchekBgGrade {
    0%{background-position:0% 45%}
    50%{background-position:100% 56%}
    100%{background-position:0% 45%}
}
@keyframes itemchekBgGrade {
    0%{background-position:0% 45%}
    50%{background-position:100% 56%}
    100%{background-position:0% 45%}
}

.start-itemchek__wrap{ width: 100%; }
.start-itemchek__flex_l{ width: 45%; }
	.start-itemchek__ttl{ font-size: 2.7rem; margin-bottom: 50px; margin-right: -100%;}
	.start-itemchek__flex_l dl{ margin-bottom: 70px;}
	.start-itemchek__flex_l dt{ margin-bottom: 45px; width: 80%; max-width: 320px;}
	.start-itemchek__flex_l dd{font-size: 2rem; margin-right: -30%;}
	.start-itemchek__btn a{background-color: rgba(169,169,169,0.4); color: #fff;  border:1px solid #fff; font-size: 1.7rem; display: block; width: 80%; max-width: 320px;
	height: 60px; line-height: 60px; transition: all .4s;}
	.start-itemchek__btn a:hover{background-color: rgba(255,255,255,0.1);}

.start-itemchek__flex_r{ width: 55%; position: relative; box-sizing: border-box; padding: 0 6% 0 2%; }
/* .start-itemchek__flex_r img{width: auto;max-width: 100%; height: auto; max-height: 90vh; } */
.start-itemchek__flex_r img{ width: auto; max-width: 100%; height: auto; max-height: 42vh; }
.start-itemchek_slide{display: flex; justify-content: space-between; flex-wrap: wrap; }
.start-itemchek_slide li{ width: 50%; margin: -4% 0;}
.start-itemchek_slide li:nth-child(even) { transform: translate(0% ,-14%);}
.start-itemchek_slide li:nth-child(odd) { text-align: right; transform: translate(-2% ,-2%);}

.start-itemchek__flex_r::before{ position: absolute; content: ""; left: -10%; top: 10%; width: 110%; height: 80%; background-color: rgba(255,255,255,0.15);}

.start-itemchek__copy{ bottom: 40px; right: 40px; z-index: 1000;}




@media screen and (max-height: 720px) and (min-width: 801px) {

	.start-itemchek__flex_r img{  max-width: 450px; }
	.start-itemchek__copy{ bottom: 15px; right: 15px;}

}

@media screen and (max-width: 1100px) {
	.start-itemchek__ttl{ font-size: clamp(calc(20px * 1),calc((40 / 1400) * 100vw),2.7rem);}
	.start-itemchek__flex_l dd{font-size: clamp(calc(16px * 1),calc((30 / 1400) * 100vw),2rem);}
}

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

	#itemchek{height: auto;min-height: calc(100vh - 20px); padding: 80px 7% 10% 7%; }

	.start-itemchek__wrap{ width: 100%; overflow: hidden;}
	.start-itemchek__flex_l{width: 100%; order: 2; padding-bottom: 14%; }
		.start-itemchek__ttl{ font-size:1.82rem;font-size: max(1.6rem,6vw);  margin-bottom: 6vw; margin-right: 0%;}
		.start-itemchek__flex_l dl{ margin-bottom: 25px;}
		.start-itemchek__flex_l dt{ margin-bottom: 15px;}
		.start-itemchek__flex_l dt img{ width: 80%; max-width: 400px;}
		.start-itemchek__flex_l dd{ font-size:1.62rem;font-size: min(1.62rem,5.1vw); margin-right: 0%;}
		.start-itemchek__btn a{height: 50px; line-height: 50px; margin: 0 auto; }
	
	.start-itemchek__flex_r { width: 100%; padding: 0%; margin: 0 auto 25px; }
	.start-itemchek_slide{ width: 94%;margin: 0 auto 0px;}
	.start-itemchek_slide li{ width: 25%; margin: 0% -2%;}
	.start-itemchek_slide li:nth-child(even) { transform: translate(0% ,-16%);}
	.start-itemchek_slide li:nth-child(odd) { text-align: right; transform: translate(0% ,0%);}
	.start-itemchek__flex_r::before{left: 0%; top: 50%; height: 62%; width: 110%; }
	.start-itemchek__copy{ width: 50%; max-width:220px ; bottom: 10px; right: 10px; }
	
}


@media (min-aspect-ratio: 2/1.5) and (min-width: 1101px) {
	.start-itemchek_slide{width: 95%;}
	.start-itemchek__flex_r::before{ top: 0%; height: 100%;}
	.start-itemchek__flex_l{ width: 500px; }
	.start-itemchek__flex_r{ width: calc(100% - 500px); }
	.start-itemchek_slide li{ width: 20%; margin: 0 0 !important;  transform: scale(1.5) translate(0%,-18%) !important ; text-align: center !important;  text-align: center;}
	.start-itemchek_slide li:nth-child(even) {  transform: scale(1.5) translate(0%, 0%) !important ; }
}



.start-itemchek_slide .slick-active {
	animation: itemchek_slide_animate 2s linear forwards
  }

@keyframes itemchek_slide_animate {
	0% {
	  transform: scale(1, 0.92);
	  filter:blur(20px);
	}
	30% {
	  transform: scale(1, 1);
	  filter:blur(3px);
	}
	40% {
		transform: scale(1, 1);
		filter:blur(0px);
	  }
	
	100% {
	  transform: scale(1, 1);
	}
  }




/* 
==========================================================*/


/* 2025.08-09　改修
==========================================================*/

/* 2025.08　追加css ------ */
.sub { font-size: 11px; vertical-align: sub;}
.note { display: flex; width: fit-content; font-size: 11px;}
.note::before { content: "※"; }
.w1000.note { max-width: 87%;}
.white_frame {
	width: calc(100% - 20px);
	margin: 10px auto;
	padding: 84px 0;
}
.coming::after { /*content: "Coming Soon.."; */
	content: "";
	width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(76, 73, 72, 0.3); color: #fff; font-family: 'Montserrat', sans-serif; font-size: 20px; letter-spacing: 0.15em; position: absolute; top: 0; left: 0;}

@media screen and (max-width: 600px){
.sp-palt { font-feature-settings: "palt"; } 
.white_frame {padding: 51px 0;}

}


/* INDEX - LINE UP
==========================================================*/
#lineup .wrap .lineup_bnrs .item{ width: 100%;}
#lineup .wrap .lineup_bnrs .item a{
	background: url(../images/index/2025/lineup_2_series.jpg) center center / contain no-repeat;}
.fvimg_2508{ position: relative; line-height: 0; }
/* .fvimg_2508 .grid{width: 100%;display: grid; grid-template-columns: 1fr 1fr;}  */
.fvimg_2508 .left{ display: inline-block; width: 50%; height: 100%; background: url('../images/index/2025/mv_2508_left.jpg') center center no-repeat; background-size: cover;}
.fvimg_2508 .right{ display: inline-block; width: 50%; height: 100%; background: url('../images/index/2025/mv_2508_right.jpg') center center no-repeat; background-size: cover;}
.lineup_bnrs {gap: 30px; margin: 60px 50px 0;}
#lineup.bg_white { padding: 10px 10px 0;}
#lineup .wrap {width: 100%; height: 100%;  padding: 84px 0;}
#lineup .white_frame{ margin: 0 auto;}
#lineup .wrap .item.new a{background: url(../images/index/2025/lineup_2_series.jpg)center center no-repeat; background-size: contain; aspect-ratio: 1380/ 700;}
#lineup .wrap .item.basic a{background: url(../images/index/2025/lineup_basic_series.jpg)center center no-repeat; background-size: contain; aspect-ratio: 1380/500;}
#lineup .wrap .item.advanced a{background: url(../images/index/2025/lineup_advanced_series.jpg)center center no-repeat; background-size: contain; aspect-ratio: 1380/470;}
.lineup_bnrs .ttl{ letter-spacing: 0.15em; font-size: max(3.5rem, calc(50/1500 *100vw)); margin-bottom: 0.3em;}

.lineup_bnrs .item .poab{left: 40px; bottom: 40px;}
.lineup_bnrs .ttlwrap {display: flex; align-items: center ; gap: 1.4em;}
.lineup_bnrs a .arrowimg img{transition: all .4s;}
.lineup_bnrs a .poab{ z-index: 2;}
@media (hover: hover) {
.lineup_bnrs a:hover .arrowimg img{width: 120px; transition: all .4s;}
}


@media screen and (max-width: 750px){
.lineup_bnrs .ttl{font-size: 3.5rem;width: min-content;}
.lineup_bnrs .item .poab{left: 24px; bottom: 24px;}
.fvimg_2508 .left{width: 100%; height: 50%; }
.fvimg_2508 .right{ width: 100%; height: 50%; }
}


@media screen and (max-width: 600px){
 #lineup .wrap{padding: 51px 0;}
 .lineup_bnrs {margin: 40px 20px 0;}
 .lineup_bnrs .subttl{font-size: 1rem;}
 #lineup .wrap .item.new a{background-image: url(../images/index/2025/lineup_2_series_sp.jpg);  aspect-ratio: 320/300;}
#lineup .wrap .item.basic a{background-image: url(../images/index/2025/lineup_basic_series_sp.jpg); aspect-ratio: 320/250;}
#lineup .wrap .item.advanced a{background-image: url(../images/index/2025/lineup_advanced_series_sp.jpg); aspect-ratio: 320/250;}
.lineup_bnrs .item .poab{left: 14px; bottom: 14px;}
.lineup_bnrs .arrowimg{margin-top: 20px;}
}



/* INDEX - OTHER ITEMS
==========================================================*/
.otheritems { gap: 50px 24px;}
.otheritems li { width:180px;}
.otheritems.w1200 {width: 100%;}
.otheritems li p { font-size: 13px; line-height: 1.4; letter-spacing: 0.1em;}
@media screen and (max-width: 600px){
.otheritems { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 10px;}
.otheritems li { width:100%;}
.otheritems.w1200 {width: 87%;}
}


/* SPECIAL
==========================================================*/
.productwrap > li{padding-top: 60px;}
.productwrap {margin: 40px auto 60px;}
@media screen and (max-width: 600px){
.productwrap {margin-top: 10px}
}

/* LINE UP 詳細
==========================================================*/
.Jp_ttl_note { margin: 16px auto 0 ;}
.jpningredients_item dd { font-size: 12px; line-height:1.4; letter-spacing: 0.15em;}
.jpningredients_item dd span { display: block; font-size: 10px; letter-spacing: 0; margin-top: 0.15em;}
.jpningredients_itemwrap { flex-wrap: wrap; justify-content: center; gap: 36px 20px;}
.jpningredients_bottom { font-size: 10px;}
.feature_img { top: -36px; right:40px; position: absolute;}


@media screen and (max-width: 1315px){
.jpningredients_itemwrap { max-width:705px;}
}

@media screen and (max-width: 1000px) {
.feature_img { right: 0;}
.feature_img img{ width: 120px;}
}

@media screen and (max-width: 990px){
.jpningredients_itemwrap { gap: 36px calc(14/705 *100%);}
.jpningredients_item { width: calc((100% - (14/705 *100%)*4)/5  )}
}
@media screen and (max-width: 800px){
.jpningredients_itemwrap { gap: 36px 10px;}
.jpningredients_item dd { letter-spacing: 0.02em;}
.jpningredients_item { width: calc((100% - 40px)/5)}
}
@media screen and (max-width: 750px) {
.feature_img { /*width: 90px;*/ position: inherit; top: auto; right: auto;  margin: 15px auto 0; text-align: center;}
}
@media screen and (max-width: 600px){
.Jp_ttl_note{font-size: .8em;}
.jpningredients_itemwrap { max-width: fit-content; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px 10px;}
.jpningredients_item dd { font-size: 11px; letter-spacing: 0.02em;}
.jpningredients_item { width: 100%}
.feature_img img{ width: 70px;width: 100px;}
}

/* lineup fluffy refresh*/
.body-kasou .lineup_fluffyrefresh #mv .wrap{background-image: url("../images/lineup/2025/fluffy_refresh_mv.jpg");}

#use.fluffyrefresh .wrap{background: #ecf5fb; padding: 80px 0;}


/* lineup glossy moisture*/
.body-kasou .lineup_glossymoisture #mv .wrap{background-image: url("../images/lineup/2025/glossy_moisture_mv.jpg");}
#use.glossymoisture .wrap{background: #fdf4f7; padding: 80px 0;}



/* LINE UP 一覧
==========================================================*/
.body-kasou .lineup_all #mv .wrap .flex {width: 100%; height: 100%;}
.body-kasou .lineup_all #mv .wrap .left{ width:50%; display: inline-block; background: url("../images/lineup/2025/lineup_mv_left.jpg") center center no-repeat; background-size: cover;}
.body-kasou .lineup_all #mv .wrap .right{width:50%; display: inline-block;background: url("../images/lineup/2025/lineup_mv_right.jpg") center center no-repeat; background-size: cover;}

.serieslist {display: grid; grid-template-columns: 1fr 1fr; gap: 8rem calc(180/900 *100%); width: calc(900/1400 *100vw);} 
.serieslist_img {width: 100%;}
.serieslist .ttl {font-size: 2.2rem; margin-top: calc(20em/22);}
.serieslist .txt {font-size: clamp(1.2rem , calc(12/1400 * 100vw),1.4rem); margin-top: calc(14em/12);letter-spacing: 0;}
.serieslist .buy_btn{ background-color: unset; border: 1px solid #fff; opacity: 1; margin-top: 20px;}
.serieslist .buy_btn:hover{ background-color: rgba(255, 255, 255, 0.3); }
.serieslist_chart {width: max(calc(316/360 * 100%),36rem); margin: 1rem auto 0; display: block;}
.lineuplist__btnwrap {margin-top: 3.6rem;}
.series .h2ttl {font-size: 3.6rem;}
#series02{
	 background: linear-gradient(264deg,  #8cd9f5, #a7e0f5,#fdd4c7, #fdcab9);
	background-size: 400% 400%;
	animation: gradientMove 10s ease infinite;
	-webkit-animation: gradientMove 10s ease infinite;
}
	@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#basicseries{
    background: linear-gradient(264deg, #ccc8ba, #b8caca, #b2bfab, #bcbcd1, #ccc8ba);
    background-size: 1000% 1000%;
    -webkit-animation: itemchekBgGrade 20s ease infinite;
    animation: itemchekBgGrade 20s ease infinite;
}
@media screen and (max-width: 1024px) {
.serieslist {gap: 8rem 9rem;} 
}
@media screen and (max-width: 990px) {
.serieslist {gap: 8rem calc(80/900 *100%); width: 87%;} 
}
@media screen and (max-width: 750px) {
.serieslist {grid-template-columns: 1fr; gap: 6rem;} 
.series .h2ttl {font-size: 2.6rem;}
}



/* 2025.09　追加css ------ */

/* LINE UP 一覧
==========================================================*/
#advancedseries{
    background: linear-gradient(264deg, #97c8cf, #9cbfc2,#b59887, #b59887);
	background-size: 400% 400%;
	animation: gradientMove 10s ease infinite;
	-webkit-animation: gradientMove 10s ease infinite;
}
/* ADVANCED SERIES
==========================================================*/
.productwrap .bottom {
/* border-top: 1px solid #CACACC; border-bottom: 1px solid #CACACC;  */
/* padding: 25px 0; */
 margin-top: 40px; font-size: 1.2rem;
}
.productwrap .bottom .txt {
	font-size: 1.4rem;
	 margin-top: 10px;
}
.productwrap .detaillist {
 margin-top: 0.5em;
}
.productwrap .detaillist li{
	 padding-left: 1em; text-indent: -1em;
}
.h2ttl .type {
font-size: 0.7em;
display: block;
margin-bottom: 2em;
}

.body-kasou .lineup_advanced #mv .wrap .flex {width: 100%; height: 100%;}
.body-kasou .lineup_advanced #mv .wrap .left{ width:50%; display: inline-block; background: url("../images/lineup/2025/advanced_mv_left.jpg") center center no-repeat; background-size: cover;}
.body-kasou .lineup_advanced #mv .wrap .right{width:50%; display: inline-block;background: url("../images/lineup/2025/advanced_mv_right.jpg") center center no-repeat; background-size: cover;}

/* 
==========================================================*/