@charset "utf-8";


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}
* html .clearfix { height: 1%; }
.clearfix { display: block;}

ul.triple-parts hr{
 display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 1px dotted #2d2d2d;
  margin:15px auto;
}
.double-parts-wrap {
  margin: 0 auto;
  max-width: 980px;
　display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
 }
.double-parts-wrap .double {
  padding: 15px;
  width: 50%;
}
ul.list-disc{
	margin-bottom:40px;
}
ul.list-disc li{
	list-style-type: disc;
	margin-left:1.2rem;
}
.bgProfile dt.colorDBlue{
	font-size:115%;
}
.prof{
	display:none;
}

#salon-menu,
.school-lineup{
	max-width: 980px;
	margin:0 auto;
}
#salon-menu ul,
.school-lineup ul.course{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.school-lineup ul.course{
	margin-top:20px;
}
#salon-menu ul li,
.school-lineup ul.course li{
	padding:10px 0;
	width:31%;
	margin-bottom:3%;
	background-repeat: no-repeat;
	background-size:100%;
	background-position: left top;
	border-radius: 15px 5px 25px 5px;
}
.school-lineup ul.course li{
	padding:0 0 10px 0;
	width:49%;
}
#salon-menu ul li#menu01{
	background-image:url("../img/salon/salon_photo1.png");
}
#salon-menu ul li#menu02{
	background-image:url("../img/salon/salon_photo2.png");
}
#salon-menu ul li#menu03{
	background-image:url("../img/salon/salon_photo3.png");
}
#salon-menu ul li#menu04{
	background-image:url("../img/salon/salon_photo4.png");
}
#salon-menu ul li#menu05{
	background-image:url("../img/salon/salon_photo6.png");
}
#salon-menu ul li#menu06{
	background-image:url("../img/salon/salon_photo5.png");
}
#salon-menu ul li#menu07{
	background-image:url("../img/salon/salon_photo7.png");
}
#salon-menu ul li#menu08{
	background-image:url("../img/salon/salon_photo9.png");
}
#salon-menu ul li#menu09{
	background-image:url("../img/salon/salon_photo8.png");
}

#salon-menu ul li#menu01,
#salon-menu ul li#menu02,
#salon-menu ul li#menu03,
ul.course li.c9ecadf{
	border:2px solid #9ecadf;
	border-left: 10px solid #9ecadf;
}
#salon-menu ul li#menu04,
#salon-menu ul li#menu05,
#salon-menu ul li#menu06,
#salon-menu ul li#menu07,
ul.course li.cc9d79b{
	border:2px solid #c9d79b;
	border-left: 10px solid #c9d79b;
}
ul.course li.ce1c6a9{
	border:2px solid #e1c6a9;
	border-left: 10px solid #e1c6a9;
}
ul.course li.c6e76b6{
	border:2px solid #6e76b6;
	border-left: 10px solid #6e76b6;
}

#salon-menu ul li#menu08,
#salon-menu ul li#menu09{
	border:2px solid #e8caac;
	border-left: 10px solid #e8caac;
}
#salon-menu ul li h2{
	min-height: 58px;
	font-size: 20px;
	padding: 0 20px;
	line-height: 1.32;
	color: #3f3a39;
	position: relative;
	margin-top:50%;
}
.school-lineup ul.course li h2{
	font-size: 20px;
	padding: 10px 20px 11px 9px;
	line-height: 1.2;
	color: #fff;
	position: relative;
	margin-top:0;
}
ul.course li.c9ecadf h2{
	background-color:#9ecadf;
}
ul.course li.cc9d79b h2{
	background-color:#c9d79b;
}
ul.course li.ce1c6a9 h2{
	background-color:#e1c6a9;
}
ul.course li.c6e76b6 h2{
	background-color:#6e76b6;
}
#salon-menu ul li h2:before{
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

#salon-menu ul li#menu01 h2:before,
#salon-menu ul li#menu02 h2:before,
#salon-menu ul li#menu03 h2:before{
	border-left: 17px solid #9ecadf;
}
#salon-menu ul li#menu04 h2:before,
#salon-menu ul li#menu05 h2:before,
#salon-menu ul li#menu06 h2:before,
#salon-menu ul li#menu07 h2:before{
	border-left: 17px solid #c9d79b;
}
#salon-menu ul li#menu08 h2:before,
#salon-menu ul li#menu09 h2:before{
	border-left: 17px solid #e8caac;
}
#salon-menu ul li#menu09 h2{
	line-height:2.8;
}
#salon-menu ul li h3,
.school-lineup ul.course li h3{
	margin: 10px 15px;
	border-top: 2px dashed #ce5c17;
	padding-top: 10px;
	font-weight: normal;
	font-size: 16px;
}
.school-lineup ul.course li h3{
	padding-top: 0px;
	border-top: 0 none;
}
#salon-menu ul li h3 strong,
.school-lineup ul.course li h3 strong{
	font-weight: bold;
	display: block;
	font-size: 17px;
	color: #ce5c17;
}
#salon-menu ul li p.note{
	margin: 10px 15px;
	border-top: 2px dashed #ce5c17;
	padding-top: 10px;
}
.school-lineup p.front-text,
.school-lineup div.front-text{
	margin-bottom:30px;
	line-height:2;
}

.school-lineup p.front-text img{
	width: 500px;
	float: right;
	margin-left: 30px;
}
.school-lineup ul.course li p.note{
	margin: 10px 0px;
	padding:0 15px 10px;
	padding-bottom: 15px;
	line-height: 1.5;
}
.school-lineup ul.course li p.note img{
	float: right;
	margin-left:20px;
	width:auto;
}
.school-lineup ul.course li.c9ecadf p.note{
	border-bottom: 2px dashed #9ecadf;
}
.school-lineup ul.course li.cc9d79b  p.note{
	border-bottom: 2px dashed #c9d79b;
}
.school-lineup ul.course li.ce1c6a9  p.note{
	border-bottom: 2px dashed #e1c6a9;
}
.school-lineup ul.course li.c6e76b6  p.note{
	border-bottom: 2px dashed #6e76b6;
}

.price{
	margin: 20px auto;
	width: 90%;
}
.price h4{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
    margin-bottom:10px;
}
.price h4:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.price h4 p {
    margin: 0; 
    padding: 0;
    letter-spacing: 2px;
}
.price dl{
	width:100%;
}
.price dl dt{
	font-size: 16px;
	font-weight: bold;
}
.price dl dd{
	font-size: 14px;
	border-bottom: 1px dotted gray;
	padding-bottom: 5px;
	text-align: right;
}
.price dl dd strong{
	font-size:16px;
	color:#ce5c17;
}

ul.course li .price dl,
ul.course li .content dl{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}
ul.course li .price dl dt,
ul.course li .content dl dt{
	width: 75%;
	padding: 10px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
}
ul.course li .price dl dd,
ul.course li .content dl dd{
	padding: 10px;
	margin: 0;
	border-top: 1px solid #ccc; 
	width: 25%;
	box-sizing: border-box;
	background-color: #f4f4f4;
}
ul.course li .price dl dd strong{
	font-size:16px;
	color:#ce5c17;
}
ul.course li .content {
	margin:10px 15px;
}
ul.course li .content dl dt{
	width: 40%;
}
ul.course li .content dl dd{
	width: 60%;
}
h2.school p{
	max-width: 980px;
	margin:20px auto 0;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
}
.school-lineup p.r{
	text-align: right;
}
.school-lineup h3{
	font-size: 30px;
	font-weight: normal;
	line-height: 1.1;
	color: inherit;
	margin: 1em 0 0.67rem;
	border-bottom: 1px solid #000;
	padding-bottom: 13px;
}
.school-lineup h4{
	font-size: 18px;
	font-weight: normal;
	margin-top: 20px;
	border-bottom: 1px solid black;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.bottom-bnr-wrap div.container{
	max-width:1200px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
padding: 40px 0;
}

.bottom-bnr-wrap div.container>ul{
	width:50%;
}
.bottom-bnr-wrap div.container ul.bottom-fb li div.fb-container{
	width:500px;
	margin:0 auto;
}
.bottom-bnr li {
    padding: 0px 10px 10px;
    width: 50%;
}
img.therapy{
	width: auto;
	margin: 0 auto 10px;
	display: block;
}

ol.priv{
	list-style: decimal;
	margin-left: 1.3rem;
}
ol.priv li{
	list-style: decimal;
}
ol.priv li h5{
	font-size:16px;
	margin-bottom:5px;
	margin-top:30px;
}
ol.priv li p{
}
ol.priv li ul{
	list-style: disc;
	margin-left: 1rem;
}
ol.priv li ul li{
	list-style: disc;
}
dl.notation{

}
dl.notation dt{
margin-top: 21px;
font-weight: bold;
font-size: 16px;
border-bottom: 1px dotted gray;
    border-bottom-color: gray;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
padding-bottom: 5px;
margin-bottom: 5px;
}
dl.notation dd{

}
footer a,
footer a:visited,
footer a:hover{
	color:#fff;
}
@media screen and ( min-width:300px ) and ( max-width:979px ){
	.spbr{
		display: block;
	}
	.block90-wrap {
		padding: 60px 0 60px;
		width: 92%;
	}
	.bgProfile{
		background:#f3f4f9 url('');
	}
	.prof{
		display:block;
		width:100%;
		margin:10px 0 20px 0;
	}
	.double-parts-wrap .double {
	  width: 100%;
	}
	#salon-menu,
	.school-lineup{
		width:94%;
	}
	#salon-menu ul li,
	.school-lineup ul.course li{
		width:100%;
	}
	#salon-menu ul li#menu09 h2{
		line-height:1.5;
	}
	.bottom-bnr-wrap div.container>ul{
		width:100%;
	}
	.bottom-bnr-wrap div.container ul.bottom-fb li div.fb-container{
		width:96%;
		max-width: 500px;
		margin:0 auto;
	}
	.school-lineup p.front-text img{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.school-lineup ul.course li p.note img{
		float: right;
		margin-left:20px;
		width:45%;
	}
}