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

.container{
	text-align: center!important;
	width: 940px!important;
	margin: 0 auto;
	background: #fff;
	padding:0;
}
h1 img{
	display: block;
}
img{
	vertical-align: bottom;
}
span.tax{font-size:80%;}

/*-------------------------------------------レスポンシブ*/
html{font-size: 62.5%;}
body{
	width:100%;
    font-size:1.6rem;/* 16px*/
    line-height: 2;
}
h3{color:#f94199; font-size:120%; text-align:left;}
.tblStyle01 {width: 100%; margin: 30px auto; border-style: solid; border-width: 2px; border-color: #ae9e64!Important; padding: 30px 50px;}
body.home #salon .tblStyle01 table {border: 0; width:100%;}
.tblStyle01 table tr th, #salon .tblStyle01 table tr td {vertical-align: middle; padding: 10px 0; background-color: transparent; border-left: none; border-right: none;}
.tblStyle01 table tr th {text-align: left !important; border-bottom:solid 1px #eeeeee;}
.tblStyle01 table tr td {vertical-align: middle; padding: 10px 0; background-color: transparent; border-left: none; border-right: none; border-bottom:solid 1px #eeeeee;}
.tblStyle01 table tr td.tel {color: #00b9ef; font-size: 14px; font-weight: 400; line-height: 25px; text-align: left; background: url(../images/icon01.png) 0 8px no-repeat; padding-left: 35px;  border-left: none; border-bottom:solid 1px #eeeeee;}
.tblStyle01 table tr td.address {font-size: 14px; font-weight: 400; line-height: 25px; text-align: left; border-left: none; border-bottom:solid 1px #eeeeee;}
.salon_bx{width:100%; font-size:14px;}
.salon_bx_l{width:48%; float:left; margin:0 32px 0 0;}
.salon_bx_r{width:48%; float:right;}
.clear{clear:both!important; margin:0 0 50px 0;}
table.salon{width:100%; margin:20px auto; height:300px;}
table.salon th{width:25%; vertical-align:super;}
table.salon td{width:75%; vertical-align:super;}
.toiawase{width:98%; margin:30px auto; border:5px solid #30aec7; background-color:#f5f6fa;}
.toiawase p{font-size:/*17px*/1.6rem;}
.toiawase p.toiawase_title{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000000; font-size:55px; text-align:center; padding:20px 0;}
.toiawase .toiawase_img{width:48%; float:left; padding:0 0 0 30px;}
.toiawase .toiawase_contents{width:48%; float:right; padding:0 30px 0 0; margin:0 0 20px 0;}
.toiawase ul{ width:70%; margin: 20px auto; text-align:left;}
.toiawase ul li{ font-size:14px;}
.yellow{color:#f4d94c;}
#flow{margin:0; padding:0;}
#flow .option{ margin:30px 0 20px 0; font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:36px; text-align:center; line-height:140%; }
#flow .option_contents{ font-size:20px; text-align:center; }
#faq{margin:30px 0; padding:0;}
#faq .q{ width:94%; margin:30px auto 20px auto; font-size:20px; background-image:url(../images/faq_item.jpg); background-repeat:no-repeat; background-position:left top; padding:0 0 0 8%; border-bottom:1px solid #eeeeee; text-align:left; font-size:24px; height:54px;}
#faq .a{ width:94%;  margin:0 auto 50px auto; text-align:left;}
.dione_link{font-size:30px; text-align:center; margin:50px 0; text-decoration:underline;}
.dione_link a:link{color:#000000;}
.dione_link a:hover{color:#30aec7;}
.dione_link a:visited{color:#30aec7;}


@media (min-width: 1200px) {/* 1200px以上*/
    h2 {font-size: 2.4rem;}/* 24px*/
    p {font-size: 2.0rem;}/* 16px*/
    div.attention p {font-size: 1.6rem;}/* 16px*/
    .copyright {font-size: 1.2rem;}/* 16px*/
	.sp{display:none;}
	.container{
	max-width: 940px;
}
}
@media screen and (max-width: 1024px)
{
	p{width:100%;}
	.box{
	width: 100%!important;
	margin: 0;
	padding: 0;
}
.container{
	text-align: center!important;
	width: 100%!important;
	margin: 0 auto;
	background: #fff;
	padding:0!important;
}
table.salon{width:94%; margin:20px auto;  height:auto!important;}
table.salon th{width:20%; vertical-align:super;}
table.salon td{width:74%;}
.salon_bx{width:94%; margin:20px auto;}
.salon_bx_l{width:100%; margin:0 auto;}
.salon_bx_r{width:100%; margin:0 auto;}
table.salon{width:100%; margin:20px auto; font-size:1.8rem;}
table.salon th{width:20%; vertical-align:super;}
table.salon td{width:80%;}
.toiawase{width:98%; margin:30px auto; border:5px solid #30aec7; background-color:#f5f6fa;}
.toiawase p{font-size:130%!important; text-align:center;}
.toiawase p.normal_price img{width:60%!important; padding:50px 0 0 0;}
.toiawase p.toiawase_title{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000000; font-size:200%!important; text-align:center; padding:20px 0; font-weight:bold;}
.toiawase .toiawase_img{width:100%; text-align:center;}
.toiawase .toiawase_img img{width:90%!important;}
.toiawase .toiawase_contents{width:100%;  margin:0 0 20px 0; padding:0;}
.toiawase ul{ width:90%; margin: 20px auto; text-align:left;}
.toiawase ul li{ font-size:100%!important; text-indent:-1em; padding-left:1em;}
.yellow{color:#f4d94c;}
#flow{margin:0; padding:0;}
#flow .option{ margin:30px 0 20px 0; font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:40px; text-align:center; line-height:140%; }
#flow .option_contents{ font-size:120%!important; text-align:center; }
#faq{margin:30px 0; padding:0;}
#faq .q{ width:94%; margin:30px auto 20px auto; font-size:20px; background-image:url(../images/faq_item.jpg); background-repeat:no-repeat; background-position:left top; padding:0 0 0 10%; border-bottom:1px solid #eeeeee; text-align:left; font-size:120%; height:54px; font-weight:bold;}
#faq .a{ width:94%; margin:30px auto 20px auto margin:0 0 80px 0; font-size:120%; }
.dione_link{font-size:140%; text-align:center; margin:50px 0; text-decoration:underline;}
.dione_link a:link{color:#000000;}
.dione_link a:hover{color:#30aec7;}
.dione_link a:visited{color:#30aec7;}
.ta-c{ text-align:center;}
}
@media (min-width: 768px){
	.container{width:100%!important;}
}
@media (min-width: 576px){
	.container{width:100%!important;}
	}
@media (min-width: 641px) {
	.sp{display:none;}
	}
@media screen and (max-width: 640px) {/* 640px以下*/
    html{font-size: 100%!Important;}
    h2 {font-size: 1.4rem;}/* 24px*/
    p {width:94%; margin:0 auto; font-size:0.8rem!important;}
    div.attention p {font-size: 1.8rem!important;}/* 16px*/
    .copyright {font-size: 10px!important;}/* 16px*/
	.container{
	width: 100%;!important;
	margin: 0!important;
	padding:0!important;
	background: #fff;
}
table.beforeafter{width:96%; margin:0 auto;}
table.beforeafter td{padding:2%;}
table.beforeafter td img{width:100%!important;}
.pc{display:none;}
.tblStyle01 {width: 94%; margin: 30px auto; border-style: solid; border-width: 2px; border-color: #00b9ef!Important; padding: 2% 2% 0 2%; font-size:2rem!important;}
.tblStyle01 table {border: 0; font-size:0.8rem!important;}
.tblStyle01 table tr th, .tblStyle01 table tr td { vertical-align: middle; padding: 5px 0; background-color: transparent; border-left: none; border-right: none; width: 100%; display: block; font-size:0.8rem!important; border:0;}
.tblStyle01 table tr td.tel { color: #00b9ef; font-weight: 400; line-height: 25px;  text-align: left; background: url(../images/icon01.png) 0 8px no-repeat; padding-left: 35px; border-left: none; border:0;  font-size:0.8rem!important;}
.tblStyle01 table tr td.address {font-weight: 400; line-height: 25px; text-align: left; border-left: none; border-bottom:1px solid #eeeeee; padding: 10px 0;  font-size:0.8rem!important;}
table.salon{width:94%; margin:20px auto;  height:auto!important;}
table.salon th{width:20%; vertical-align:super;}
table.salon td{width:74%;}
.salon_bx{width:94%; margin:20px auto;}
.salon_bx_l{width:100%; margin:0 auto;}
.salon_bx_r{width:100%; margin:0 auto;}
table.salon{width:100%; margin:20px auto; font-size:0.8rem;}
table.salon th{width:20%; vertical-align:super;}
table.salon td{width:80%;}
.pc{display:none;}
.toiawase{width:98%; margin:20px auto; border:5px solid #30aec7; background-color:#f5f6fa;}
.toiawase p{font-size:3.5vw!important; text-align:center;}
.toiawase p.normal_price img{width:60%!important; padding:20px 0 0 0;}
.toiawase p.toiawase_title{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#000000; font-size:1.2rem!important; text-align:center; padding:10px 0; font-weight:bold;}
.toiawase .toiawase_img{width:100%; text-align:center; padding:0!important;}
.toiawase .toiawase_img img{width:90%!important;}
.toiawase .toiawase_contents{width:100%;  margin:0 0 20px 0; padding:0!important;}
.toiawase ul{ width:90%; margin: 20px auto; text-align:left;}
.toiawase ul li{ font-size:13px!important; text-indent:-1em; padding-left:1em;}
.yellow{color:#f4d94c;}
#flow{margin:0; padding:0;}
#flow .option{ margin:30px 0 20px 0; font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:20px!important; text-align:center; line-height:140%; }
#flow .option_contents{ font-size:14px!important; text-align:center; }
#faq{margin:30px 0; padding:0;}
#faq .q{ width:94%; margin:30px auto 10px auto; font-size:14px; background-image:url(../images/faq_item.jpg); background-size: 8%; background-repeat:no-repeat; background-position:left top; padding:0 0 0 10%; border-bottom:1px solid #eeeeee; text-align:left; font-weight:bold;}
#faq .a{ width:94%; margin:30px auto 20px auto margin:0 0 80px 0; font-size:14px; }
.dione_link{font-size:16px; text-align:center; margin:50px 0; text-decoration:underline;}
.dione_link a:link{color:#000000;}
.dione_link a:hover{color:#30aec7;}
.dione_link a:visited{color:#30aec7;}
.attention {
    text-align: left;
    padding: 20px!important;
    background: #f0fbfe;
    margin-bottom: 30px;
	font-size:0.8rem;
}
div.attention p {font-size: 0.8rem!important;}
.ta-c{ text-align:center;}
p.normal{width:100%; font-size:0.8rem!important; padding:0!important; margin:0 auto!important; line-height: 180%!important;}
}


/*フォーム*/
p.normal{width:100%; font-size:1.5rem!important; padding:0!important; margin:0 auto!important;}
@media screen and (max-width: 640px) {
p.normal{width:94%; font-size:1rem!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;

}
/*----------------------------▽box*/
.box{
	width: 940px;
	margin: 0;
	padding: 0;
}
.attention{
	text-align: left;
	padding: 20px 50px;
	background: #f0fbfe;
	margin-bottom: 30px;
}


/*----------------------------▽footer*/
#footer{
	margin: 20;
}
/*----------------------------▽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; }
/*----------------------------▽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; }