/*header*/
#header_copy{
background:#DCDDDD;
padding:1em;
}
#header_copy ul{
display:flex;
justify-content:center;
margin:0;
padding:0;
}
#header_copy ul li{
list-style:none;
text-align:center;
background:#ffffff;
padding:0.5em 1em;
margin:0 0.5em;
border-radius:0.25em;
font-weight:bold;
}
#header_copy ul li:before{
margin-right:0.2em;
}
@media screen and (max-width: 768px) {
#header_copy ul{
display:block;
justify-content:center;
margin:0;
padding:0;
}
}



.fs-p-heading--lv2{
text-align:center;
border-bottom:none;
color:#000;
font-weight:bold;
}
.index_h2_copy{
text-align:center;
color:#000;
margin-top:2em;
}
.index_h2_copy + .fs-p-heading--lv2{
margin-top:0.5em;
}
.index_h2_desc{
text-align:center;
width:100%;
max-width:50em;
color:#595757;
margin:auto auto 1em auto;
}
.index_camp01{
margin:0 auto 2em;
border-bottom:1px dotted #ccc;
padding-bottom:2em;
}
.index_camp01 dl{
text-align:center;
width:100%;
max-width:40em;
margin:auto;
font-weight:bold;
border:4px solid #eee;
padding:1em;
}
.index_camp01 dl dt{
font-size:1.2em;
}
.index_camp01 dl dd{
font-size:1.5em;
}
.fs-c-productListCarousel{
border-bottom:1px dotted #ccc;
padding-bottom:2em;
}
.fs-c-productListCarousel .fs-c-productListItem__image__image{
border:1px solid #eee;
}
.index_list_careset,
.index_list_exitem{
border-bottom:none;
padding:bottom:0;
}
.index_bn_point {
    background: #7c8790;
}
.index_bn_point a{
color:#fff;}

.fs-p-bannerGroup{
margin-top:0;
border-bottom:1px dotted #ccc;
padding-bottom:2em;
}

.fs-p-bannerGroup a i:before{
font-size: 1.4em;
}

/*index_cat*/
#index_cat{
display: flex;
justify-content:space-between;
}
#index_cat ul{
flex-basis: auto;
width:32%;
}
#index_cat .index_catmenu_you:before{
content:"用途で選ぶ";
display:block;
background:#000;
color:#fff;
padding:0.5em;
text-align:center;
margin-bottom:1em;
}
#index_cat .index_catmenu_brand:before{
content:"ブランドで選ぶ";
display:block;
background:#000;
color:#fff;
padding:0.5em;
text-align:center;
margin-bottom:1em;
letter-spacing:0.2em;
}
#index_cat .index_catmenu_moku:before{
content:"悩み別で選ぶ";
display:block;
background:#000;
color:#fff;
padding:0.5em;
text-align:center;
margin-bottom:1em;
letter-spacing:0.2em;
}
#index_cat .index_catmenu_moku:before{
content:"目的で選ぶ";
display:block;
background:#000;
color:#fff;
padding:0.5em;
text-align:center;
margin-bottom:1em;
letter-spacing:0.2em;
}
#index_cat ul li{
border-bottom:1px dotted #ccc;
padding:0.5em 0.5em 0.5em 2em;
}
#index_cat ul li:before{
content:"▶";
color:#A60B1E;
font-size:0.1em;
display:block;
position:absolute;
left:3em;
top:25%;
}
@media screen and (max-width: 768px) {
#index_cat{
display: block;
}
#index_cat ul{
width:100%;
}
}

.index_series_body{
display:flex;
font-size:1.1em;
margin:2em auto;
width:95%;
border-top:1px solid #eee;
padding:2em 0 0;
line-height:2;
}
.index_series_body dt{
width:40%;
}
.index_series_body dd{
width:55%;
}
.index_series_body dd span{
display:block;
font-weight:bold;
}

.index_series_btn{
text-align:center;
border-bottom:1px solid #eee;
padding-bottom:2em;
margin-bottom:4em;
}
.index_series_btn a{
display:inline-block;
color:#333;
background:#eee;
border:2px solid #eee;
padding:0.2em 1em;
margin:0.2em;
}
@media screen and (max-width: 768px) {
.index_series_body{
flex-direction:column;
}
.index_series_body dt{
width:100%
}
.index_series_body dd{
margin-left:0;
width:100%
}
.index_series_body dd br{
display:none;
}
.index_series_btn a{
width:85%;

}
}
/**/
.index_summery_area{
text-align:center;
font-size:1.4em;
line-height:2;
margin-bottom:3em;
border-bottom:3px solid #eee;
padding:1em;
background:#eee;
}
.index_summery_area h1{
font-size:1.3em;
font-weight:bold;
}
.index_summery_area p{
font-size:1.2em;
}

.index_summery_area dl dt{
font-weight:bold;
}
.index_summery_area dl dd{
margin-left:0;
}
/**/
#home_brands{
margin-bottom:2em;
border-bottom:2px solid #eee;
}
#home_brands > ul{
display:flex;
flex-wrap:wrap;
/*justify-content:space-around;*/
padding:1em;
}
#home_brands > ul > li{
list-style:none;
width:22%;
margin:1.5%;
text-align:center;
}
@media screen and (max-width: 768px) {
#home_brands > ul > li{
width:46%;
}
}
/**/
#footer_nav01{
	/*background: #EFEFEF;*/
	display: flex;
	padding: 2em 0;
	max-width: 1216px;
	margin: 0 auto;
}
#footer_nav01 .footer_nav_blk01,
#footer_nav01 .footer_nav_blk02,
#footer_nav01 .footer_nav_blk03{
}

#footer_nav01 .footer_nav_blk01{
	justify-content: space-around;
	width: 60%;
	margin-right: 3%;
}
#footer_nav01 .footer_nav_blk01 dl{
	
}
#footer_nav01 .footer_nav_blk01 dl dt{
	font-weight: bold;
	margin-bottom: 1em;
}
#footer_nav01 .footer_nav_blk01 dl dd{
	margin: 0;
}
#footer_nav01 .footer_nav_blk01 dl dd{
	background: #fff;
}
#footer_nav01 .footer_nav_blk01 dl dd ul{
	margin: 0;
	padding: 0;
}
#footer_nav01 .footer_nav_blk01 dl dd ul li{
	border-bottom: 1px dotted #ccc;
	padding: 1em;
	list-style: none;
}
#footer_nav01 .footer_nav_blk01 dl dd ul li:after{
	content:" ";
	display: block;
	clear: both;
}
#footer_nav01 .footer_nav_blk01 dl dd ul li a img{
	width: 4em;
	vertical-align: middle;
	float: left;
	margin-right: 1em;
}
#footer_nav01 .footer_nav_blk01 dl dd ul li a span{
	display:block;
	font-weight: bold;
}



#footer_nav01 .footer_nav_blk02{
	justify-content: space-around;
	width: 37%;
}
#footer_nav01 .footer_nav_blk02 dl{
}
#footer_nav01 .footer_nav_blk02 dl dt{
	font-weight: bold;
	margin-bottom: 1em;
}
#footer_nav01 .footer_nav_blk02 dl dd{
	margin: 0;
	background: #fff;
	padding: 1em;
}

#footer_nav01 .footer_nav_blk02 dl.inq_tel{
	
	font-size: 1em;
	font-weight: bold;
}

#footer_nav01 .footer_nav_blk02 dl.inq_tel dd{
	text-align: center;
}
#footer_nav01 .footer_nav_blk02 dl.inq_tel em{
	color: #A60B1E;
	font-size: 1.4em;
	display: block;
	font-style: normal;
}
#footer_nav01 .footer_nav_blk02 dl.inq_tel span{
	color: #333;
	font-size: 0.8em;
	display: block;
	font-weight: normal;
}
#footer_nav01 .footer_nav_blk02 dl.inq_form{
	
}
#footer_nav01 .footer_nav_blk02 dl.inq_form a{
	background: #333;
	display: block;
	color: #fff;
	padding: 1em;
}
#footer_nav01 .footer_nav_blk02 dl.inq_form a img{
	width: 3em;
	vertical-align: middle;
	margin-right: 1em;
}

@media screen and (max-width: 768px) {
	#footer_nav01{
		display: block;
	}
	#footer_nav01 .footer_nav_blk01,
	#footer_nav01 .footer_nav_blk02{
		width: 100%;
	}
	#footer_nav01 .footer_nav_blk01 dt,
	#footer_nav01 .footer_nav_blk02 dt{
		text-align: center;
	}
}

/*サイドメニュー*/
.fs-p-sideMenu01:before{
content:"ブランドから選ぶ";
display:block;
border-bottom:1px solid #333;
padding-bottom:0.5em;
margin-bottom:0.5em;
}
.fs-p-sideMenu02:before{
content:"用途から選ぶ";
display:block;
border-bottom:1px solid #333;
padding-bottom:0.5em;
margin-bottom:0.5em;
}
.fs-p-sideMenu03:before{
content:"目的から選ぶ";
display:block;
border-bottom:1px solid #333;
padding-bottom:0.5em;
margin-bottom:0.5em;
}
.fs-l-sideArea .fs-p-sideMenu + .fs-p-sideMenu:before{
margin-top:2em;
}
.fs-l-sideArea .fs-pt_menu__item--kerastase > .fs-pt-menu__heading--lv1,
.fs-l-sideArea .fs-pt_menu__item--holisticcures > .fs-pt-menu__heading--lv1,
.fs-l-sideArea .fs-pt_menu__item--at > .fs-pt-menu__heading--lv1{
cursor:pointer;
border-right:5px solid #333;
}
.fs-l-sideArea .fs-pt_menu__item--kerastase > .fs-pt-menu--lv2,
.fs-l-sideArea .fs-pt_menu__item--holisticcures > .fs-pt-menu--lv2,
.fs-l-sideArea .fs-pt_menu__item--at > .fs-pt-menu--lv2{
opacity:0;
transition:0.5s;
height:1px;
}
.fs-l-sideArea .fs-pt_menu__item--kerastase > .fs-pt-menu--lv2.open,
.fs-l-sideArea .fs-pt_menu__item--holisticcures > .fs-pt-menu--lv2.open,
.fs-l-sideArea .fs-pt_menu__item--at > .fs-pt-menu--lv2.open{
transition:0.5s;
opacity:100;
height:100%;
}



.-is_sp{
display:none;
}
.-is_pc{
display:block;
}
@media screen and (max-width: 768px) {
.-is_sp{
display:block;
}
.-is_pc{
display:none;
}
}

/* 2020年10月21日追加 */
.retal_form {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: table;
	position: fixed;
	bottom: 0;
	right: 0;
	background: rgb(68 68 68);
	z-index: 9999;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	padding: 17px 0 11px 0;
}

.retal_form_furisode {
	padding-top: 10px;
}

.retal_form h3 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	border-top: none;
}

.retal_form a {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	line-height: 45px;
	color:#fff;
	border: 1px solid #fff;
	padding: 12px 20px;
	margin: 0 5px;
	/* background: #d6809a; */
}

/*.rental_pop .rental_pop_box .pop_btn, .rental_pop .rental_pop_box .pop_btn:hover, .rental_pop .rental_pop_box .pop_btn:visited*/ {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 10px;
	}


.retal_form h3.furisode_foot_text,
	.retal_form h3.hakama_foot_text {
		text-align: center;
		font-size: 18px;
	}

br.view_pc {
		display:none;
	}

	br.view_sp {
		display: inline;
	}

/* SUBLIMIC フリーページ */
.flex_box_wrap.series_box_wrap a {
 color: #3c3c3c;
}

#aboutArea p {
 text-align: center;
}

.series_box_wrap {
  justify-content: space-between;
}

.series_box {
 width: 30%;
 align-items: flex-start!important;
 justify-content: center;
}

.series_box img {
 height: 300px;
 width: 300px;
 object-fit: cover;
}

.series_box p {
  text-align: center;
  margin: 2% 0 10%;
}

.counseling_link a {
  background: #333;
  display: block;
  color: #fff;
  padding: 1em;
  text-align: center;
  width: 40%;
  margin: 2% auto;
}

.sublimic_text p {
 margin: 15px 0;
 }

/* 独自コメント共通 */
h2, p, span {
 line-height: 2;
}

.sp-50 {
 margin: 50px;
}

.sp-100 {
 margin: 100px;
}

.flex_box_wrap {
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.flex_box {
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
   align-items: center;
}

h1.paragraph_title,
h2.paragraph_title {
 text-align: center;
}

.item_title {
 font-weight: bold;
 font-size: 1.7rem;
}

.from-white-to-ssd-gray {
  --tw-gradient-stops: #fff 50%,#f6f5f7 50%;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 80%;
}

.bg-gradient {
  --tw-gradient-stops: #fff 50%,#f6f5f7 50%;
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.text_box {
 width: 40%;
 padding: 4rem;
}

.image_box {
 width: 60%;
 justify-content: center;
 align-items: flex-start;
}

.image_box img {
 width: 100%;
}

.wd60 {
 width: 60%;
}

.pd-t0 {
 padding-top: 0;
}

.pd-b0 {
 padding-bottom: 0;
}

.fw-bold {
 font-weight: bold;
}

.fs-30 {
 font-size: 3.0rem;
}

.fs-23 {
 font-size: 2.3rem;
}

.fs-18 {
 font-size: 1.8rem;
}

.view_pc {
  display: block; 
 }

 .view_sp, .view_sp_b {
  display: none;
 }

/* ADENOVITAL 独自コメント */
img.tech_image {
  --tw-border-opacity: 1;
  border: solid 1px rgba(229, 231, 235, var(--tw-border-opacity));
  position: relative;
  z-index: 10;
}

.bg-true-gray-100 {
 position: relative;
 margin-bottom: 4rem;
 width: 35%;
 margin-right: 5%;
}

.image_bg_gray {
  --tw-bg-opacity: 1;
  background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
  width: 100%;
  height: 100%;
  --tw-translate-x: 4rem;
  --tw-translate-y: 4rem;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  position: absolute;
  top: 0px;
  right: 0px;
}


@media screen and (max-width: 768px) {
 .view_pc {
  display: none; 
 }

 .view_sp, .view_sp_b {
  display: block;
 }

 .flex_box_wrap {
 }

 .flex_box {
  width: 100%;
 }

 .image_box {
  order: 1;
  margin-right: 0;
 }

 .text_box {
 order: 2;
 }

 .bg-gradient {
  background: #f6f5f7;
 }

 .fs-l-main {
  padding:0;
 }

 .flex_box.image_box.view_sp {
  padding-right: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative;
 }

.flex_box.image_box.view_sp img {
 height: 400px;
 width: 90%;
 object-fit: cover;
}

 .image_bg_gray_sp {
  --tw-bg-opacity: 1;
    background-color: rgba(245, 245, 245, var(--tw-bg-opacity));
    width: 45%;
    height: 100%;
    --tw-translate-x: 0;
    --tw-translate-y: 4rem;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
 }
  
 .from-white-to-ssd-gray {
  background: transparent;
 }

 .flex_box.text_box.wd60.pd-t0.pd-b0 {
    text-align: center;
 }

 .image_bg_gray {
  --tw-translate-x: 0;
  --tw-translate-y: -3rem;
  height: 150vh;
  z-index: -1;
 }

 img.tech_image {
 width: 90%;
 }

 /* SUBLIMIC フリーページ */
 #keyImg figure {
 margin: 0;
 }

 .catch_copy {
  line-height: 3.6rem;
 }

 .counseling_link a {
  width: 70%;
 }

}

/* 商品ページ　ヘッダーナビゲーション */
.fs-p-item-headerNavigation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  margin: 24px auto;
  max-width: 1216px;
  padding: 0 8px;
}

.fs-p-item-headerNavigation > *:nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.fs-p-item-headerNavigation > *:nth-child(2) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}

.fs-p-item-headerNavigation > *:nth-child(3) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
}

.fs-p-item-headerNavigation > *:nth-child(4) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 4;
  grid-row: 4;
}

.fs-p-item-headerNavigation > *:nth-child(5) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  grid-row: 5;
}

.fs-p-item-headerNavigation > *:nth-child(6) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 6;
  grid-row: 6;
}

.fs-p-item-headerNavigation > *:nth-child(7) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 7;
  grid-row: 7;
}

.fs-p-item-headerNavigation > *:nth-child(8) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 8;
  grid-row: 8;
}

@media screen and (min-width: 960px) {
.fs-p-item-headerNavigation {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.fs-p-item-headerNavigation > *:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
.fs-p-item-headerNavigation > *:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-p-footerNavigation > *:nth-child(3) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
.fs-p-item-headerNavigation > *:nth-child(4) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
.fs-p-item-headerNavigation > *:nth-child(5) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
.fs-p-item-headerNavigation > *:nth-child(6) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
.fs-p-item-headerNavigation > *:nth-child(7) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
  }
.fs-p-item-headerNavigation > *:nth-child(8) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

@media screen and (min-width: 768px) {
  .fs-p-item-headerNavigation {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .fs-p-item-headerNavigation > *:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-p-item-headerNavigation > *:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-p-item-headerNavigation > *:nth-child(3) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-p-item-headerNavigation > *:nth-child(4) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-p-item-headerNavigation > *:nth-child(5) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-p-item-headerNavigation > *:nth-child(6) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-p-item-headerNavigation > *:nth-child(7) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-p-item-headerNavigation > *:nth-child(8) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 4;
    grid-row: 4;
  }
}


@media screen and (min-width:600px) {
.fs-p-item-headerNavigation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  margin: 24px auto;
  max-width: 1216px;
}

.fs-p-item-headerNavigation {
 display: none;
}
}