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

.container{width: 940px; margin: 0 auto; background: #fff; padding:0;}
h1 img{display: block;}
img{vertical-align: bottom;}

/*-------------------------------------------レスポンシブ*/
html{font-size: 62.5%;}
body{
	width:100%;
    font-size:1.6rem;/* 16px*/
    line-height: 2;
}
a:link{color:#e9734a;}
a:hover{color:#e9734a; text-decoration: underline;}
a:visited{color:#e9734a;}
.clear{clear:both!important;}


#about{margin:100px 0; padding:0;}
#about h2{margin:50px 0 0 0;}
#about h3{margin:50px 0 30px 0; padding:0; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-size:40px; line-height: 200%; color:#330a09; font-weight: 700;}
#about .rafos_txt{width:62%; float:left; font-size:2.5rem; line-height: 300%;}
#about .rafos_img{width:31%; float:right;}
#about p{font-size:2.5rem; line-height: 300%;}



#treatment{margin:100px 0; padding:0;}
#treatment h2{margin:50px 0;}
#treatment p{font-size:2.5rem; line-height: 300%;}



#case{margin:100px 0; padding:0;}
#case h2{margin:50px 0;}
#case p{font-size:2.5rem; line-height: 300%;}



#way{margin:100px 0; padding:0;}
#way h2{margin:50px 0;}
#way .bg_pink{margin:150px 0 50px 0; padding: 0 50px 100px 50px; background-color:#fef6f3; position: relative;}
#way .subtitle{position:absolute; top:-100px; left:12%;}
#way .way_01{padding: 200px 0 0 0;}
#way .way_02{padding: 50px 0 0 0;}
#way table{width:100%; margin:50px 0 0 0; padding:0;}
#way table th{width: 30%; background-color:#fddace; border:solid 1px #eeeeee; padding:20px; font-weight: 700; vertical-align: top; font-size:2.0rem;}
#way table td{width: 70%; background-color:#ffffff; border:solid 1px #eeeeee; padding:20px; font-size:2.0rem; line-height: 300%;}
#way p{font-size:2.5rem; line-height: 300%;}




#price{margin:100px 0; padding:0;}
#price h2{margin:50px 0;}




#faq{margin:0 0 100px 0; padding:0;}
#faq h2{margin:0 0 50px 0;}
#faq .q{ width:94%; margin:30px auto 20px auto; font-size:20px; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; padding:0 0 0 8%; border-bottom:1px solid #eeeeee;  font-size:2.5rem; height:54px!important;}
#faq .a{ width:94%;  margin:0 auto 50px auto; font-size:2.5rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:2.5rem;}




#salon h2{margin:50px 0;}
#salon .salon_bx{width:80%; font-size:2.5rem; margin:30px auto;}
#salon .salon_bx_l{width:48%; float:left; margin:0 32px 0 0;}
#salon .salon_bx_r{width:48%; float:right;}
#salon .clear{clear:both!important; margin:0 0 50px 0;}
#salon table.salon{width:100%; margin:20px auto; height:300px;}
#salon table.salon th{width:25%; vertical-align:super;}
#salon table.salon td{width:75%; vertical-align:super;}




#attention{margin:100px 0 50px 0; padding: 100px 50px!important; background: #fef6f3; font-size:2rem;}
#attention ul{width:100%; margin:0; padding0;}
#attention li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside;}




#footer{text-align: center;}



@media screen and (max-width: 1024px) { 
.inner{margin:0 auto; width:94%;}
#about{margin:30px 0; padding:0;}
#about h2{margin:30px 0 0 0;}
#about h3{margin:50px 0 20px 0; padding:0; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-size:20px; line-height: 200%; color:#330a09; font-weight: 700;}
#about .rafos_txt{width:100%; font-size:1rem; line-height: 200%;}
#about .rafos_img{width:50%; text-align: center; margin:0 auto!important; clear:both!important; float: none;}
#about p{font-size:2rem; line-height: 200%;}
#treatment{margin:30px 0; padding:0;}
#treatment h2{margin:30px 0;}
#treatment p{font-size:2rem; line-height: 200%;}
#case{margin:30px 0; padding:0;}
#case h2{margin:30px 0;}
#case p{font-size:2rem; line-height: 200%;}
#way{margin:30px 0; padding:0;}
#way h2{margin:30px 0;}
#way .bg_pink{margin:80px 0 50px 0; padding: 0 20px 50px 20px; background-color:#fef6f3; position: relative;}
#way .subtitle{position:absolute; top:-40px; left: 0;}
#way .subtitle img{width:100%;}
#way .way_01{padding: 100px 0 0 0;}
#way .way_02{padding: 30px 0 0 0;}
#way table{width:100%; margin:30px 0 0 0; padding:0;}
#way table th{width: 100%; display: block; background-color:#fddace; border:solid 1px #eeeeee; padding:10px; font-weight: 700; vertical-align: top; font-size:2rem; text-align: center;}
#way table td{width: 100%; display: block; background-color:#ffffff; border:solid 1px #eeeeee; padding:10px; font-size:2rem; line-height: 200%;}
#way p{font-size:2rem; line-height: 200%;}
#price{margin:30px 0; padding:0;}
#price h2{margin:30px 0;}
#faq{margin:0 0 100px 0; padding:0;}
#faq .q{ width:94%; margin:30px auto 20px auto; font-size:20px; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; background-size: 8%; padding:0 0 0 10%; border-bottom:none;  font-size:2rem; font-weight: 700;}
#faq .a{ width:94%;  margin:0 auto 50px auto; font-size:2rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:2rem;}
#salon .salon_bx{width:94%; font-size:2rem; margin:0 auto;}
#salon .salon_bx_l{width:48%; float:left; margin:0 32px 0 0;}
#salon .salon_bx_r{width:48%; float:right;}
#salon .clear{clear:both!important; margin:0 0 50px 0;}
#salon table.salon{width:100%; margin:20px auto; height:300px;}
#salon table.salon th{width:25%; vertical-align:super;}
#salon table.salon td{width:75%; vertical-align:super;}
#attention{margin:50px 0 30px 0; padding: 50px 20px!important; background: #fef6f3; font-size:2rem;}
#attention ul{width:100%; margin:0; padding0;}
#attention li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; text-indent: -1.2em; padding-left: 1.2em;}
#footer{text-align: center; text-indent: -1.2em; padding: 0 0 0 1.2em;}
}
@media (max-width: 640px) {
.inner{margin:0 auto; width:94%;}
#about{margin:30px 0; padding:0;}
#about h2{margin:30px 0 0 0;}
#about h3{margin:50px 0 20px 0; padding:0; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-size:20px; line-height: 200%; color:#330a09; font-weight: 700;}
#about .rafos_txt{width:100%; font-size:1rem; line-height: 200%;}
#about .rafos_img{width:50%; text-align: center; margin:0 auto!important; clear:both!important; float: none;}
#about p{font-size:1rem; line-height: 200%;}
#treatment{margin:30px 0; padding:0;}
#treatment h2{margin:30px 0;}
#treatment p{font-size:1rem; line-height: 200%;}
#case{margin:30px 0; padding:0;}
#case h2{margin:30px 0;}
#case p{font-size:1rem; line-height: 200%;}
#way{margin:30px 0; padding:0;}
#way h2{margin:30px 0;}
#way .bg_pink{margin:80px 0 50px 0; padding: 0 20px 50px 20px; background-color:#fef6f3; position: relative;}
#way .subtitle{position:absolute; top:-40px; left: 0;}
#way .subtitle img{width:100%;}
#way .way_01{padding: 100px 0 0 0;}
#way .way_02{padding: 30px 0 0 0;}
#way table{width:100%; margin:30px 0 0 0; padding:0;}
#way table th{width: 100%; display: block; background-color:#fddace; border:solid 1px #eeeeee; padding:10px; font-weight: 700; vertical-align: top; font-size:1rem; text-align: center;}
#way table td{width: 100%; display: block; background-color:#ffffff; border:solid 1px #eeeeee; padding:10px; font-size:1rem; line-height: 200%;}
#way p{font-size:1rem; line-height: 200%;}
#price{margin:30px 0; padding:0;}
#price h2{margin:30px 0;}
#faq{margin:0 0 100px 0; padding:0;}
#faq .q{ width:94%; margin:30px auto 20px auto; font-size:20px; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; background-size: 8%; padding:0 0 0 10%; border-bottom:none;  font-size:1rem; font-weight: 700;}
#faq .a{ width:94%;  margin:0 auto 50px auto; font-size:1rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:1rem;}
#salon .salon_bx{width:94%; font-size:1rem; margin:0 auto;}
#salon .salon_bx_l{width:48%; float:left; margin:0 32px 0 0;}
#salon .salon_bx_r{width:48%; float:right;}
#salon .clear{clear:both!important; margin:0 0 50px 0;}
#salon table.salon{width:100%; margin:20px auto; height:300px;}
#salon table.salon th{width:25%; vertical-align:super;}
#salon table.salon td{width:75%; vertical-align:super;}
#attention{margin:50px 0 30px 0; padding: 50px 20px!important; background: #fef6f3; font-size:1rem;}
#attention ul{width:100%; margin:0; padding0;}
#attention li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; text-indent: -1.2em;}
#footer{text-align: center; text-indent: -1.2em; padding: 0 0 0 1.2em;}
}
@media screen and (max-width: 896px) and (orientation: landscape){
.container{width:100%!important; max-width: auto!important;}
.inner{margin:0 auto; width:94%;}
#about{margin:30px 0; padding:0;}
#about h2{margin:30px 0 0 0;}
#about h3{margin:50px 0 20px 0; padding:0; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-size:20px; line-height: 200%; color:#330a09; font-weight: 700;}
#about .rafos_txt{font-size:1.5rem; line-height: 200%;}
#about p{font-size:1.5rem; line-height: 200%;}
#treatment{margin:30px 0; padding:0;}
#treatment h2{margin:30px 0;}
#about .rafos_txt{width:100%; font-size:1.5rem; line-height: 200%;}
#about .rafos_img{width:50%; text-align: center; margin:20px auto 0 auto!important; clear:both!important; float: none;}
#treatment p{font-size:1.5rem; line-height: 200%;}
#case{margin:30px 0; padding:0;}
#case h2{margin:30px 0;}
#case p{font-size:1.5rem; line-height: 200%;}
#way{margin:30px 0; padding:0;}
#way h2{margin:30px 0;}
#way .bg_pink{margin:80px 0 50px 0; padding: 0 20px 50px 20px; background-color:#fef6f3; position: relative;}
#way .subtitle{position:absolute; top:-40px; left: 0;}
#way .subtitle img{width:100%;}
#way .way_01{padding: 130px 0 0 0;}
#way .way_02{padding: 30px 0 0 0;}
#way table{width:100%; margin:30px 0 0 0; padding:0;}
#way table th{width: 100%; display: block; background-color:#fddace; border:solid 1px #eeeeee; padding:10px; font-weight: 700; vertical-align: top; font-size:1.5rem; text-align: center;}
#way table td{width: 100%; display: block; background-color:#ffffff; border:solid 1px #eeeeee; padding:10px; font-size:1.5rem; line-height: 200%;}
#way p{font-size:1.5rem; line-height: 200%;}
#price{margin:30px 0; padding:0;}
#price h2{margin:30px 0;}
#faq{margin:0 0 100px 0; padding:0;}
#faq .q{ width:100%; margin:30px auto 20px auto; font-size:1.5rem; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; background-size: 8%; padding:0 0 0 10%; border-bottom:none;  font-size:1.5rem; font-weight: 700;}
#faq .a{ width:100%;  margin:0 auto 50px auto; font-size:1.5rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:1.5rem;}
#salon .salon_bx{width:100%; font-size:1.5rem; margin:0 auto;}
#salon .salon_bx_l{width:48%; float:left; margin:0 32px 0 0;}
#salon .salon_bx_r{width:48%; float:right;}
#salon .clear{clear:both!important; margin:0 0 50px 0;}
#salon table.salon{width:100%; margin:20px auto; height:300px; font-size:1.5rem;}
#salon table.salon th{width:25%; vertical-align:super;}
#salon table.salon td{width:75%; vertical-align:super;}
#attention{margin:50px 0 30px 0; padding: 50px 20px!important; background: #fef6f3; font-size:1.5rem;}
#attention ul{width:100%; margin:0; padding0;}
#attention li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside;}
#footer{text-align: center; text-indent: -1.2em; padding: 0 0 0 1.2em;}
}
/*@media (max-device-width: 1280px) and (orientation: landscape) {
#faq{margin:0 0 100px 0; padding:0;}
#faq .q{ width:100%; margin:30px auto 20px auto; font-size:1.5rem; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; padding:0 0 0 10%; border-bottom:none;  font-size:2rem; font-weight: 700; border-bottom:1px solid #eeeeee;}
#faq .a{ width:100%;  margin:0 auto 50px auto; font-size:1.5rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:1.5rem;}
#salon .salon_bx{width:100%; font-size:1.5rem; margin:0 auto;}
}
@media (max-device-width: 800px) and (orientation: portrait) {
#way .subtitle{position:absolute; top:-40px; left: 0;}
#way .subtitle img{width:100%;}
#faq{margin:0 0 100px 0; padding:0;}
#faq .q{ width:100%; margin:30px auto 20px auto; font-size:2.5rem; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; background-size: 8%; padding:0 0 0 10%; border-bottom:none;  font-size:2.5rem; font-weight: 700; height: 80px;}
#faq .a{ width:100%;  margin:0 auto 50px auto; font-size:2.5rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:2.5rem;}
#salon .salon_bx{width:100%; font-size:2.5rem; margin:0 auto;}
}*/
@media screen and (max-width: 480px){
.container{width:100%!important;}
.inner{margin:0 auto; width:94%;}
#about{margin:30px 0; padding:0;}
#about h2{margin:30px 0 0 0;}
#about h3{margin:50px 0 20px 0; padding:0; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-size:20px; line-height: 200%; color:#330a09; font-weight: 700;}
#about .rafos_txt{width:100%; font-size:1.5rem; line-height: 200%;}
#about .rafos_img{width:50%; text-align: center; margin:0 auto!important; clear:both!important; float: none;}
#about p{font-size:1.5rem; line-height: 200%;}
#treatment{margin:30px 0; padding:0;}
#treatment h2{margin:30px 0;}
#treatment p{font-size:1.5rem; line-height: 200%;}
#case{margin:30px 0; padding:0;}
#case h2{margin:30px 0;}
#case p{font-size:1.5rem; line-height: 200%;}
#way{margin:30px 0; padding:0;}
#way h2{margin:30px 0;}
#way .bg_pink{margin:80px 0 50px 0; padding: 0 20px 50px 20px; background-color:#fef6f3; position: relative;}
#way .subtitle{position:absolute; top:-40px; left: 0;}
#way .subtitle img{width:100%;}
#way .way_01{padding: 100px 0 0 0;}
#way .way_02{padding: 30px 0 0 0;}
#way table{width:100%; margin:30px 0 0 0; padding:0;}
#way table th{width: 100%; display: block; background-color:#fddace; border:solid 1px #eeeeee; padding:10px; font-weight: 700; vertical-align: top; font-size:1.5rem; text-align: center;}
#way table td{width: 100%; display: block; background-color:#ffffff; border:solid 1px #eeeeee; padding:10px; font-size:1.5rem; line-height: 200%;}
#way p{font-size:1.5rem; line-height: 200%;}
#price{margin:30px 0; padding:0;}
#price h2{margin:30px 0;}
#faq{margin:0 0 100px 0; padding:0;}
#faq .q{ width:94%; margin:30px auto 20px auto; font-size:20px; background-image:url(../images/q.jpg); background-repeat:no-repeat; background-position:left top; background-size: 8%; padding:0 0 0 10%; border-bottom:none;  font-size:1.5rem; font-weight: 700; height: auto;}
#faq .a{ width:94%;  margin:0 auto 50px auto; font-size:1.5rem;}
#faq .a ul{width:100%; margin:0; padding0;}
#faq .a ul li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside; font-size:1.5rem;}
#salon .salon_bx{width:94%; font-size:1.5rem; margin:0 auto;}
#salon .salon_bx_l{width:48%; float:left; margin:0 32px 0 0;}
#salon .salon_bx_r{width:48%; float:right;}
#salon .clear{clear:both!important; margin:0 0 50px 0;}
#salon table.salon{width:100%; margin:20px auto; height:300px;}
#salon table.salon th{width:25%; vertical-align:super;}
#salon table.salon td{width:75%; vertical-align:super;}
#attention{margin:50px 0 30px 0; padding: 50px 20px!important; background: #fef6f3; font-size:1.5rem;}
#attention ul{width:100%; margin:0; padding0;}
#attention li{width:100%; margin:0; padding0; list-style-type: disc; list-style-position: inside;}
#footer{text-align: center; text-indent: -1.2em; padding: 0 0 0 1.2em;}
}
/*@media (min-width: 1200px) {
h2 {font-size: 2.4rem;}
p {font-size: 2.0rem;}
div.attention p {font-size: 1.6rem;}
.copyright {font-size: 1.2rem;}
.sp{display:none;}
}
@media screen and (max-width: 1024px){
#salon .salon_bx{width:100%!important; font-size:1.5rem; margin:0 auto;}
}
@media (min-width: 768px){
.container{width:100%!important;}
}
@media (min-width: 576px){
.container{width:100%!important; max-width: auto!important;}
}
@media (min-width: 641px) {
.container{width:100%!important;}
}
*/



/*----------------------------▽form*/
p.normal{font-size:1.5rem!important; padding:10px!important; margin:0 auto!important;}
@media screen and (max-width: 640px) {
#pagebody{width:100%; margin:0 auto;padding:0 10px;}
p.normal{width:94%; font-size:1.5rem!important; padding:0!important; margin:0 auto!important; line-height: 180%!important;}
}
@media screen and (max-width: 1024px) { 
p.normal{width:94%; font-size:1.2rem!important; padding:0!important; margin:0 auto!important; line-height: 180%!important;}

}
@media screen and (max-width: 896px) and (orientation: landscape) { 
p.normal{width:94%; font-size:1.2rem!important; padding:0!important; margin:0 auto!important; line-height: 180%!important;}
}
@media screen and (max-width: 480px) { 
p.normal{width:94%; font-size:1.5rem!important; padding:0!important; margin:0 auto!important; line-height: 180%!important;}
}
td.item_02 p{font-size:16px!important; padding:0!important; margin:20px 0!important;}
table.siryou{width:100%!important;}
table.siryou td.item_02{padding:2%!important;}
input[type="button"]{font-size:14px; padding:0 0 0 20px;}
input[type="reset"]{font-size:14px;}
select{font-size:16px;}
textarea{width:94%!important; margin:0 auto;

}

/*----------------------------▽margin*/

.m0{ margin: 0px!important; }
.m0t{ margin-top: 0px!important; }
.m0r{ margin-right: 0px!important; }
.m0b{ margin-bottom: 0px!important; }
.m0l{ margin-left: 0px!important; }

.m10{ margin: 10px!important; }
.m10t{ margin-top: 10px!important; }
.m10r{ margin-right: 10px!important; }
.m10b{ margin-bottom: 10px!important; }
.m10l{ margin-left: 10px!important; }

.m20{ margin: 20px!important; }
.m20t{ margin-top: 20px!important; }
.m20r{ margin-right: 20px!important; }
.m20b{ margin-bottom: 20px!important; }
.m20l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30t{ margin-top: 30px!important; }
.m30r{ margin-right: 30px!important; }
.m30b{ margin-bottom: 30px!important; }
.m30l{ margin-left: 30px!important; }

.m50{ margin: 50px!important; }
.m50t{ margin-top: 50px!important; }
.m50r{ margin-right: 50px!important; }
.m50b{ margin-bottom: 50px!important; }
.m50l{ margin-left: 50px!important; }

.m100{ margin: 100px!important; }
.m100t{ margin-top: 100px; }
.m100r{ margin-right: 100px!important; }
.m100b{ margin-bottom: 100px; }
.m100l{ margin-left: 100px!important; }
@media (max-width: 640px) {
.m100{ margin: 50px!important; }
.m100t{ margin-top: 50px!important; }
.m100r{ margin-right: 50px!important; }
.m100b{ margin-bottom: 50px!important; }
.m100l{ margin-left: 50px!important; }
}
@media screen and (max-width: 896px) and (orientation: landscape){
.m100{ margin: 50px!important; }
.m100t{ margin-top: 50px!important; }
.m100r{ margin-right: 50px!important; }
.m100b{ margin-bottom: 50px!important; }
.m100l{ margin-left: 50px!important; }
}
/*----------------------------▽padding*/

.p0{ padding: 0px!important; }
.p0t{ padding-top: 0px!important; }
.p0r{ padding-right: 0px!important; }
.p0b{ padding-bottom: 0px!important; }
.p0l{ padding-left: 0px!important; }

.p10{ padding: 10px!important; }
.p10t{ padding-top: 10px!important; }
.p10r{ padding-right: 10px!important; }
.p10b{ padding-bottom: 10px!important; }
.p10l{ padding-left: 10px!important; }

.p20{ padding: 20px!important; }
.p20t{ padding-top: 20px!important; }
.p20r{ padding-right: 20px!important; }
.p20b{ padding-bottom: 20px!important; }
.p20l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30t{ padding-top: 30px!important; }
.p30r{ padding-right: 30px!important; }
.p30b{ padding-bottom: 30px!important; }
.p30l{ padding-left: 30px!important; }

.p50t{ padding-top: 30px!important; }

/*----------------------------▽文字の位置*/
.ta-c{ text-align: center!important; }
.ta-r{ text-align: right!important; }
.ta-l{ text-align: left!important; }

/*----------------------------▽フォントカラー*/
.sky{ color: #00b9ef!important; }
.b{ font-weight: bold!important; }