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


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	共通
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/* フォント */
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700|Source+Sans+Pro:300,400&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500&display=swap');
@import url('https://use.typekit.net/jgt8nus.css');

/* パンクズ */
.breadcrumbs {
	max-width: 1240px;
	margin: 0 auto 40px;
	padding: 0 100px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.breadcrumbs li {
	align-items: center;
}
.breadcrumbs li, .breadcrumbs li a {
	font-size: 11px;
	font-family: "Jost", sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.07em;
	color: #838891;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.breadcrumbs li i {
	display: inline-flex;
	width: 16px;
	height: 16px;
	position: relative;
	padding: 0 2px;
}
.breadcrumbs li i:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 2.5px;
	height: 2.5px;
	border-radius: 50%;
	background-color: #838891;
}

#home #salon {height:755px; margin:0px; background:#f7f9fb url('../images/bg_salon.png') repeat-x 0px 0px; /*overflow:hidden;*/}
#home #salon .wrapperIn { padding-top: 42px; }

/* width */
.w770											{ width:770px; }
.w320											{ width:320px; }
.w420											{ width:420px; }
.w620											{ width:620px; }

/* margin */
.mt70 { margin-top:70px !important; }

/* common */
#story 										{ font-size:155%; line-height:2.1; letter-spacing:0.1em; font-family: 'Noto Sans JP'; font-weight:lighter; }
#story .wAuto 						{ width:100%; }
#story .w300 							{ width:300px; margin:0 auto; }

/* mv */
#story .mvArea 						{ margin:2.5% 0 2.6%; }

/* margin */
#story .mt0 							{ margin-top:0 !important; }
#story .mt40 							{ margin-top:40px; }
#story .mt50 							{ margin-top:50px !important; }
#story .mt100 						{ margin-top:100px; }
#story .mt120 						{ margin-top:120px; }

/* ナンバリング */
#story .numSec 						{ margin:4% 0 2%; line-height:1.8; }
#story .numSec .monthArea { letter-spacing:0.2em; font-family: 'Source Sans Pro'; font-weight:lighter; }
#story .numSec .numArea 	{ background:url("../images/num_line.png") no-repeat center top; padding-top:2.4%; font-size:160%; font-family: 'Source Sans Pro'; }
#story .numSec .numArea2 	{ background:url("../images/num_line.png") no-repeat center bottom; padding-bottom:2.4%; font-size:160%; font-family: 'Source Sans Pro'; }
#story .numSec .numArea.noneLine { background:none; padding-top:0; }
#story .numSec h2 				{ font-size:135%; letter-spacing:0.1em; border-bottom: 1px solid #333333 !important; display:inline-block; }

#story .numSec2						{ margin:3.5% 0 2%; line-height:1.8; background:url("../images/num_line.png") no-repeat center center; }
#story .numSec2 .numArea 	{ padding-bottom:2.4%; font-size:160%; font-family: 'Source Sans Pro'; }
#story .numSec2 h2 				{ font-size:135%; letter-spacing:0.1em; border-bottom: 1px solid #333333 !important; display:inline-block; }

/* 見出し */
#story h1 img							{ width:577px; }
#story h3 								{ font-size:120%; letter-spacing:0.1em; margin-top:3.2%; }
#story div + h3 					{ margin:0 0 0.5%; }
#story .wrapper 					{ text-align:left; margin-top:1.5%; }
#story h3.matomeTxt 			{ margin-top:70px; }

#story h4 								{ font-size:120%; font-weight:normal; margin-top:5%; }
#story h4.color1 					{ color:#8984bd; }
#story h4.color2 					{ color:#accd56; }
#story h4.color3 					{ color:#88a3d4; line-height:1.2; margin-top:80px; }
#story h4.color3 span 		{ font-size:65%; color:#000000; }
#story h4 + h5 						{ margin-top:50px; }

#story h5 								{ font-size:100%; border-bottom:1px solid #000000; display:inline-block; font-weight:normal; }
#story h5 span						{ color:#88a3d4; }
#story h5 + p 						{ margin-top:25px; }
#story h5 + h6 						{ margin-top:15px; }

#story h6									{ font-size:100%; color:#88a3d4; font-weight:bold; }

/* nextArea */
#story .nextArea 					{ margin:7% 0 0; }
#story .nextArea span 		{ margin:7% 0 0; color:#6290b7; font-family: 'Source Sans Pro'; font-weight:lighter; font-size:110%; letter-spacing:0.25em; }
#story .nextArea .numSec	{ margin:2% 0 2%; }
#story .nextArea .numSec h2 { border-bottom:none; }

#story .nextArea .numSec2	{ margin:1.5% 0 2%; }
#story .nextArea .numSec2 h2 { border-bottom:none; }

/* indexArea */
#story .indexArea { margin:7% auto 0; width:960px; }
#story .indexArea span { margin:7% 0 0; color:#6290b7; font-family: 'Source Sans Pro'; font-weight:lighter; font-size:110%; letter-spacing:0.25em; }
#story .indexArea span {
	display: block;
}
#story .indexArea span.mt40{
	margin-top: 40px;
}
#story .indexArea span.mt97{
	margin-top: 97px;
}
#story .indexArea ul { margin:40px auto 0; display:flex; flex-wrap:wrap; }
#story .indexArea li { margin:10px; }
#story.underStory .indexArea.indexMenu li:nth-child(n + 7) { display:none; }
#story .indexArea2 li:nth-child(n + 7) { display: none;}

#story .indexArea p.indexBtn { text-align:center; margin-top:30px; }

#story .indexArea.indexMenu{	margin: 3.5% auto 0;}
#story.storyIndex .indexArea.indexMenu li:nth-child(n + 10) { display:none; }

#story.storyIndex #salon.midPos .wrapperIn{margin-top: 100px;}

/* color */
#story .txtBlue 					{ color:#6290b7; }
#story .txtBlue h3 				{ border-bottom:1px solid #6290b7; display:inline-block; margin-bottom:15px; }

/* salonMap */
#salon 										{ position:relative; z-index:4500; }
#salon .wrapperIn					{ margin-top:7%; }
#salon .wrapperIn	ul li 	{ font-size:12px; }

#salon.midPos .wrapperIn { margin-top:8%; }

/* pageLink */
#prevBtn { position:fixed; top:50%; left:20px; z-index:6000; }
#nextBtn { position:fixed; top:50%; right:20px; z-index:6001; }

/* img */
#story .imgM01 		{ margin-top:4.5%;}
#story .imgM02 		{ margin-top:7%; }
#story .imgM03 		{ margin:20px auto 0;}

.container { overflow:visible; }

.container.storyIndex{
	padding-bottom: 120px;
}


/* align */
.txtCenter { text-align:center !important; }

/* clear */
.cf::after { content:""; display:block; clear:both; }

/* instagram */
.instaArea { margin-top:40px; }
.instaArea { margin-top:120px; }
/* .instaArea { margin-top:110px; } */


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	フェード
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.efFade { opacity: 0; transition: 3.5s; }
.fadeOn { opacity: 1.0; }


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	index
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.storyIndex #slideBox{margin: 2.5% 0 2.6%; line-height: 1;letter-spacing: 0;}

.storyIndex #slideBox {width:100%; height:545px; background:#ffffff; overflow:hidden;line-height: 1;letter-spacing: 0;}
.storyIndex #slideBox ul {width:100%; height:545px;}
.storyIndex #slideBox ul li {position:relative; width:1200px; height:545px; margin:0px 3px; float:left;}
.storyIndex #slideBox ul li img {position:absolute; top:0px; left:0px; width:1200px; height:545px; z-index:50;}
.storyIndex #slideBox ul li img.sp {z-index:100;}
.storyIndex #slideBox div.slidePage {position:relative; margin:-29px 0px 0px; text-align:center; overflow:hidden; z-index:500;}
.storyIndex #slideBox div.slidePage a {display:inline-block; width:12px; height:12px; margin:0px 8px; background:transparent url('../../images/home/btn_slide.png') no-repeat 0px 0px; overflow:hidden; text-indent:5000px;}
.ua-ie-6 .storyIndex #slideBox div.slidePage a,
.ua-ie-7 .storyIndex #slideBox div.slidePage a {display:inline; zoom:1;}
.storyIndex #slideBox div.slidePage a.selected {background-position:0px -12px;}







/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol04
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story04 .img2col	{ display:flex; width:900px; margin:40px auto 0;}
#story.story04 .img2col div	{ width:450px; margin:0 20px; }
#story.story04 .img2col div .atComment { font-size:80%; padding-left:1em; text-indent:-1em; line-height:1.6; width:270px; margin:10px 0 0 70px; text-align:left; }
#story.story04 .subH { margin:40px 0 20px;}
#story.story04 .stepTxt { width:540px; text-align:left; margin: 30px auto 20px; }
#story.story04 .pointArea { text-align:left; position:relative; width:620px; margin:0 auto; font-size:95%; line-height:1.7em; } 
#story.story04 .pointArea span { color:#88a3d4; font-weight:bold; }
#story.story04 .pointBox01 { position:absolute; top:60px; left:270px; }
#story.story04 .pointBox02 { position:absolute; width:400px; top:150px; left:300px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol05
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story05 .img2col	{ display:flex; width:900px; margin:40px auto 0; position:relative; }
#story.story05 .img2col div	{ width:300px; margin:0 80px 350px 70px; position:relative; }
#story.story05 .img2col div h5 { color:#88a3d4; text-align:center; width:100%; font-size:100%; border-bottom:1px solid #000000; display:inline-block; font-weight:normal; }
#story.story05 .img2col div p { text-align:left; }
#story.story05 .img2col div p.imgPos { position:absolute; top:230px; left:-70px; }
#story.story05 .img2col p.orArea { font-size:120%; position:absolute; top:-5px; left:430px; }
#story.story05 .susugiArea { width:600px; margin:0 auto; }
#story.story05 .susugiArea h5 { color:#88a3d4; text-align:center; width:300px; font-size:100%; border:none; display:inline-block; font-weight:normal; }
#story.story05 .susugiArea p { margin-top:0; }
#story.story05 .subH { margin:40px 0 20px;}
#story.story05 .stepTxt { width:540px; text-align:left; margin: 30px auto 20px; }
#story.story05 .pointArea { text-align:left; position:relative; width:680px; margin:0 auto; font-size:95%; line-height:1.7em; } 
#story.story05 .pointArea span { color:#88a3d4; font-weight:bold; }
#story.story05 .pointBox01 { position:absolute; width:400px; top:250px; left:350px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol06
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story06 .stepRead { margin:30px auto 40px; }
#story.story06 .color3 { margin-top:70px; }
#story.story06 .step3Area { position:relative; width:550px; margin:0 auto; }
#story.story06 .step3Area .txtBox { position:absolute; width:200px; text-align:left; top:240px; left:50px; }
#story.story06 .step3Area .txtBox + p { text-align:right; margin-top:20px; }
#story.story06 .stepTxt { text-align:center; margin:30px auto 0; }
#story.story06 .pointArea { text-align:left; margin:50px auto 0; font-size:95%; line-height:1.7em; display:inline-block; } 
#story.story06 .pointArea span { color:#88a3d4; font-weight:bold; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol07
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story07 .stepRead { margin:30px auto 40px; }
#story.story07 .color3 { margin-top:70px; }
#story.story07 .stepTxt { text-align:center; margin:30px auto 0; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol08
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story08 .stepArea { width:800px; margin:40px auto 0; }
#story.story08 .stepArea h5 { width:200px; color:#88a3d4; }
#story.story08 .stepArea .fLeft { float:left; width:350px; }
#story.story08 .stepArea .fRight { float:right; width:350px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol09
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story09 h4.color3 { margin-top:70px; }
#story.story09 h4.color3 + p { margin-top: 50px; }
#story.story09 h4.color3 + p + p { margin-top: 40px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol10
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story10 h4.color3 { margin-top:70px; }
#story.story10 h4.color3 + p { margin-top: 50px; }
#story.story10 h4.color3 + p + p { margin-top: 40px; }

#story.story10 .sdpArea { margin:70px 0; }

#story.story10 .stepRead { margin:30px auto 40px !important; }
#story.story10 .stepTxt { width:540px; text-align:center; margin: 30px auto 20px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol11
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story11 h4.color3 { margin-top:70px; }
#story.story11 h4.color3 + p { margin-top: 50px; }
#story.story11 h4.color3 + p + p { margin-top: 40px; }

#story.story11 .sdpArea { margin:70px 0; }

#story.story11 .stepRead { margin:30px auto 40px !important; }
#story.story11 .stepTxt { width:540px; text-align:center; margin: 30px auto 20px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol12
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story12 .stepRead { margin:30px auto 40px; }
#story.story12 .color3 { margin-top:70px; }

#story.story12 h5 { margin-top:30px;} 
#story.story12 .step1 { margin-top:50px; }

#story.story12 .stepTxt { text-align:center; margin: 30px auto 20px; }
#story.story12 .salonInfo { text-align:center; margin:70px auto 0; width:800px; }
#story.story12 #salon .wrapperIn { margin-top:calc(3.2% + 55px); }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol13
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story13 h4.color3 { margin-top:70px; }
#story.story13 h4.color3 + p { margin-top:30px;}

#story.story13 .stepRead { margin:30px auto 40px !important; }
#story.story13 .stepTxt { text-align:center; margin: 30px auto 0; }

#story.story13 .lifestyle1 { margin-top:0; }

#story.story13 .lifestyle2,
#story.story13 .lifestyle3,
#story.story13 .lifestyle4 { margin-top:90px; }

#story.story13 .lifestyle2 h6 { margin:50px auto 30px; }
#story.story13 .lifestyle2 h6 + p + h6 { margin-top:60px; }

#story.story13 .lifestyle4 ul { overflow:hidden; }
#story.story13 .lifestyle4 ul li { display:flex; text-align:left; width:600px; margin:30px auto 0; position:relative; }
#story.story13 .lifestyle4 ul li img { margin-right:15px; }
#story.story13 .lifestyle4 ul li:nth-child(2) { margin-top:20px; }
#story.story13 .lifestyle4 ul li:nth-child(2) img { margin-top:15px; }
#story.story13 .lifestyle4 ul li .txtColor { margin:70px 0 5px; display:block; color:#88a3d4; font-weight:bold; line-height:1.8; }
#story.story13 .lifestyle4 ul li p.bath { position:absolute; top:-50px; right:-300px; }
#story.story13 .lifestyle4 ul li:nth-child(3) { height:405px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol14
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story14 h4.color3 { margin-top:70px; }
#story.story14 h4.color3 + p { margin-top: 50px; }
#story.story14 h4.color3 + p + p { margin-top: 40px; }

#story.story14 h5.resultH { margin-top:30px; } 
#story.story14 .resultTxt { margin-top:0; }

#story.story14 .stepRead { margin:30px auto 40px !important; }
#story.story14 .stepTxt { width:540px; text-align:center; margin: 30px auto 0; }
#story.story14 .stepTxt2 { width:540px; text-align:center; margin: 10px auto 0; }

#story.story14 .ABen { border:1px solid #999999; border-radius:100%; line-height:30px; width:30px; height:30px; display: inline-block; text-align:center; font-size:90%; margin-right:3px; letter-spacing:-0.05em;  }
#story.story14 .ABtxt .ABen { line-height:45px; width:45px; height:45px; }
#story.story14 .ABtxt { display:inline-block; text-align:left; }
#story.story14 .ABtxt li { margin-top:10px; list-style:none; display:flex; align-items:center; }
#story.story14 .ABtxt li p { margin-left:5px; }
#story.story14 .stepImg { margin-top:25px; }
#story.story14 .stepImg2 { margin-top:25px; }

#story.story14 .stepImg.wm { margin-top:30px; }

#story.story14 .txtAnswer{ color:#88a3d4; font-weight:bold; }


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol15
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story15 h4.color3 { margin-top:70px; }
#story.story15 h4.color3 + p { margin-top:50px; }
#story.story15 h4.color3 span { color:#88a3d4; }
#story.story15 h5 { margin:40px auto 0; color:#88a3d4; border:none; display:block; width:600px; padding:0; letter-spacing:0.3em; font-size:120%; } 
#story.story15 h5.treatment { margin-top:90px; }
#story.story15 h5 span { border-bottom:3px solid #d0dde9; }
#story.story15 h5 + h6 { margin-top:30px; }
#story.story15 h6 { font-size:100%; border-bottom:1px solid #000000; display:inline-block; font-weight:normal; color:#000000; }
#story.story15 h6 span { color:#88a3d4; }

#story.story15 .stepRead { margin:30px auto 40px !important; }
#story.story15 .stepTxt { width:540px; text-align:center; margin: 30px auto 0; }
#story.story15 .stepMidlleTxt { margin-top:20px; }
#story.story15 .stepImg { margin-top:25px; }


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol16
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story16 h4.color3 { margin-top:70px; }
#story.story16 h4.color3 + p { margin-top:50px; }
#story.story16 h4.color3 span { color:#88a3d4; }
#story.story16 h5 { margin:40px auto 0; color:#88a3d4; border:none; display:block; width:600px; padding:0; letter-spacing:0.3em; font-size:120%; } 
#story.story16 h5.treatment { margin-top:90px; }
#story.story16 h5 span { border-bottom:3px solid #d0dde9; }
#story.story16 h5 + h6 { margin-top:30px; }
#story.story16 h6 { font-size:100%; border-bottom:1px solid #000000; display:inline-block; font-weight:normal; color:#000000; }
#story.story16 h6 span { color:#88a3d4; }
#story.story16 h7 { display: block; margin: 0; font-size: 100%; font-weight: normal; color: #88a3d4;}
#story.story16 h7 span { line-height: 2; border-bottom: 1px dashed #88a3d4; padding-bottom: 5px;}
#story.story16 h7:first-of-type { margin: 30px 0 0;}
#story.story16 p.stepTxt.step_arrow01::before {content: "";width: 18px;height: 18px;background: url("../images/story16_arrow01.jpg") no-repeat center; background-size: contain ;display: inline-block;margin: 0 5px -3px 0;}
#story.story16 p.stepTxt.step_arrow02 {margin: 0 auto;}
#story.story16 p.stepTxt.step_arrow02::before {content: "";width: 18px;height: 18px;background: url("../images/story16_arrow02.jpg") no-repeat center; background-size: contain ;display: inline-block;margin: 0 5px -3px 0;}
#story.story16 .stepRead { margin:30px auto 40px !important; }
#story.story16 .stepTxt { width:540px; text-align:center; margin: 30px auto 0; }
#story.story16 .stepMidlleTxt { margin-top:20px; }
#story.story16 .stepImg { margin-top:25px; }


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol17
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story17 h4.color3 { margin-top:70px; }
#story.story17 h4.color3 + p { margin-top:50px; }
#story.story17 h4.color3 span { color:#88a3d4; }
#story.story17 h5 { margin:40px auto 0; color:#88a3d4; border:none; display:block; width:600px; padding:0; letter-spacing:0.3em; font-size:120%; } 
#story.story17 h5.treatment { margin-top:90px; }
#story.story17 h5 span { border-bottom:3px solid #d0dde9; }
#story.story17 h5 + h6 { margin-top:30px; }
#story.story17 .h6 { font-size:100%; border-bottom:1px solid #000000; display:inline-block; font-weight:normal; color:#000000; }
#story.story17 .h6 span { color:#88a3d4; }
#story.story17 .h7 { display: block; margin: 0; font-size: 100%; font-weight: normal; color: #88a3d4;}
#story.story17 .h7.guideline {margin: 50px auto 30px; font-weight: bold;}
#story.story17 .h7 span { line-height: 2; /*border-bottom: 1px dashed #88a3d4;*/ padding-bottom: 5px;}
#story.story17 .h7:first-of-type { margin: 30px 0 0;}
#story.story17 p.stepTxt.step_arrow01::before {content: "";width: 18px;height: 18px;background: url("../images/story16_arrow01.jpg") no-repeat center; background-size: contain ;display: inline-block;margin: 0 5px -3px 0;}
#story.story17 p.stepTxt.step_arrow02 {margin: 0 auto;}
#story.story17 p.stepTxt.step_arrow02::before {content: "normal;";width: 18px;height: 18px;background: url("../images/story16_arrow02.jpg") no-repeat center; background-size: contain ;display: inline-block;margin: 0 5px -3px 0;}
#story.story17 .stepRead { margin:30px auto 40px !important; }
#story.story17 .stepTxt { width:540px; text-align:center; margin: 30px auto 0; }
#story.story17 .stepMidlleTxt { margin-top:20px; }
#story.story17 .stepImg { margin-top:25px; }
#story.story17 p.mt-nagative{ margin-top:-35px;}
#story.story17 .ptr{position: relative; z-index: 999;}
#story.story17 .bgGray{ font-size: 16px; width: 960px; margin: 25px auto 10px; text-align: center; background: #F7F9FB; padding: 25px 0; border-radius: 8px;}
#story.story17 .bgGray .dib.tal{display: inline-block; text-align: left;}

#story.story17 .mt08{margin-top: 8px;}
#story.story17 .mb80{margin-bottom: 70px;}




/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol18
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story18 h4.color3 { margin-top:70px; }
#story.story18 h4.color3 + p { margin-top:50px; }
#story.story18 h4.color3 span { color:#88a3d4; }
#story.story18 h5 { margin:40px auto 0; color:#88a3d4; border:none; display:block; width:600px; padding:0; letter-spacing:0.3em; font-size:120%; } 
#story.story18 h5.treatment { margin-top:90px; }
#story.story18 h5 span { border-bottom:3px solid #d0dde9; }
#story.story18 h5 + h6 { margin-top:30px; }
#story.story18 .h6 { font-size:100%; border-bottom:1px solid #000000; display:inline-block; font-weight:normal; color:#000000; }
#story.story18 .h6 span { color:#88a3d4; }
#story.story18 .h7 { display: block; margin: 0; font-size: 100%; font-weight: normal; color: #88a3d4;}
#story.story18 .h7.guideline {margin: 50px auto 30px; font-weight: bold;}
#story.story18 .h7 span { line-height: 2; /*border-bottom: 1px dashed #88a3d4;*/ padding-bottom: 5px;}
#story.story18 .h7:first-of-type { margin: 30px 0 0;}
#story.story18 p.stepTxt.step_arrow01::before {content: "";width: 18px;height: 18px;background: url("../images/story16_arrow01.jpg") no-repeat center; background-size: contain ;display: inline-block;margin: 0 5px -3px 0;}
#story.story18 p.stepTxt.step_arrow02 {margin: 0 auto;}
#story.story18 p.stepTxt.step_arrow02::before {content: "normal;";width: 18px;height: 18px;background: url("../images/story16_arrow02.jpg") no-repeat center; background-size: contain ;display: inline-block;margin: 0 5px -3px 0;}
#story.story18 .stepRead { margin:30px auto 40px !important; }
#story.story18 .stepTxt { width:600px; text-align:center; margin: 30px auto 0; }
#story.story18 .stepMidlleTxt { margin-top:20px; }
#story.story18 .stepImg { margin-top:25px; }
#story.story18 p.mt-nagative{ margin-top:-35px;}
#story.story18 .ptr{position: relative; z-index: 999;}
#story.story18 .bgGray{ font-size: 16px; width: 960px; margin: 25px auto 10px; text-align: center; background: #F7F9FB; padding: 25px 0; border-radius: 8px;}
#story.story18 .bgGray .dib.tal{display: inline-block; text-align: left;}

#story.story18 p.img img {margin:18px auto; }


#story.story18 .point{}
#story.story18 .pointHead{
	color: #88a3d4;
	font-weight: bold;
}
#story.story18 .point .dib.tal{
	margin: 50px 0 0px;
	display: inline-block;
	text-align: left;
	/*line-height: 1.7em;*/
}

#story.story18 .mt08{margin-top: 8px;}
#story.story18 .mb80{margin-bottom: 70px;}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol19
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story19 ul.reasonList { overflow:hidden; }
#story.story19 ul.reasonList li { display:flex; text-align:left; width:576px; margin:30px auto 0; position:relative; }
#story.story19 ul.reasonList li img { margin-right:15px; }
#story.story19 ul.reasonList li:nth-child(2) { margin-top:20px; }
#story.story19 ul.reasonList li:nth-child(3) { margin-top:20px; }
#story.story19 ul.reasonList li:nth-child(2) img { margin-top:15px; }
#story.story19 ul.reasonList li:nth-child(3) img { margin-top:15px; }
#story.story19 ul.reasonList li:nth-child(2) p:nth-child(2),
#story.story19 ul.reasonList li:nth-child(3) p:nth-child(2){ margin-top:20px; }

#story.story19 .stepArea { width:990px; margin:40px auto 0; }
#story.story19 .stepArea.firstStep { margin-top: 25px; }
#story.story19 .stepArea h5 { width:200px; color:#88a3d4; }
#story.story19 .stepArea h6 { color:#333333; margin-bottom: 0.8em; }
#story.story19 .stepArea .fLeft { float:left; width:457px; margin-top: 25px;}
/*#story.story19 .stepArea .fLeft.w500 { width:500px;}*/
#story.story19 .stepArea .fRight { float:right; width:457px; margin-top: 25px;}
#story.story19 .stepArea .fCenter { float:none; width:457px; margin: 25px auto 0;}
#story.story19 .stepArea div p:last-child{margin-top: 25px;}

#story.story19 .stepRead { margin:30px auto 40px !important; }
#story.story19 .stepTxt { width:540px; text-align:center; margin: 30px auto 0; }
#story.story19 .stepImg { margin-top:25px; }
#story.story19 .step2 h4.color3{margin-top: 90px;}
#story.story19 .numSec2.lines2						{ background:url("../images/num_line.png") no-repeat center 34%; }
#story.story19 .numSec2.lines2 h2 				{ display:inline; padding-bottom: 3px;}


/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	vol20
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#story.story20 .stepRead { margin:30px auto 40px !important; }
#story.story20 .stepImg { margin-top:25px; }
#story.story20 .step2 h4.color3{margin-top: 70px;}

#story.story20 .numSec2.lines2						{ background:url("../images/num_line.png") no-repeat center 34%; }
#story.story20 .numSec2.lines2 h2 				{ display:inline; padding-bottom: 3px;}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	Salon Search
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.salon-search {
	padding: 0 100px;
	margin-top: 130px;
}
.salon-search .salon-search-inner {
	max-width: 1210px;
	margin: 0 auto;
	position: relative;
}
.salon-search .salon-search-image {
	width: 100%;
	height: 100%;
	background-image: url("../images/salon_search_pc.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 56.2746%;
	border-radius: 20px;
}
.salon-search .salon-search-txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	border-radius: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.salon-search .salon-search-txt .salon-search-txt-inner {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.salon-search .salon-search-txt .salon-search-txt-inner .title {
	font-family: "classico-urw","Noto Serif JP",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-size: 60px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 30px;
	
}
.salon-search .salon-search-txt .salon-search-txt-inner .txt {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: .07em;
	line-height: 200%;
	margin-bottom: 40px;
}
.salon-search .salon-search-txt .salon-search-txt-inner .button-white a {
	height: 60px;
	width: 220px;
	background: hsla(0,0%,100%,.8);
	border-radius: 30px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .07em;
	line-height: 60px;
}
.salon-search .salon-search-txt .salon-search-txt-inner .button-white a img {
	margin-right: 10px;
	vertical-align: middle;
}
.salon-search .salon-search-txt .salon-search-txt-inner .button-white a:hover {
	color: #333;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	Salon Search / underlayer
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
 .salon-search.underlayer {
	margin-top: 7%;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
	button
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.button {
	min-width: 140px;
	height: 60px;
	padding: 0 40px;
	background: #799BD8;
	font-size: 14px;	
	font-weight: 400;
	letter-spacing: .07em;
	text-align: center;
	border-radius: 30px;
	margin: 100px auto 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.button a {
	display: block;
	color: #fff;
}

