@charset "utf-8";
table, div{border-collapse:collapse; box-sizing: border-box;}
h4{border-bottom:1px dotted #003399; border-left:5px solid #003399; padding:8px 4px; margin:8px 0; clear:both;}

/*h4 span{background-color:#CC0000; color:#FFFFFF; padding:2px; margin-right:2px;}*/

#Main p{line-height:1.6em;}
#Main .read img{width:100%;}

#Main p.read{text-align:center; margin-top:20px;}

#Main .tel{background-color:#FCDCEC; padding:6px; text-align:center; margin-bottom:12px;}
#Main .tel a{color:#003399; font-size:1.6em;}

.freedial{text-align:center; margin-bottom:20px;}
.freedial a{color:#003399; font-size:1.6em;}

#Main .banar{margin:12px 0;}
#Main .banar img{width:100%;}

.red{color:#CC0000;}

/*各院タブ*/
#tab { list-style:none;	margin-left: 0;	padding-left: 0;	margin-bottom:0; overflow: hidden; font-size:12px;}
#tab li {float: left;	width: 70px;}
#tab li a {display: block; width: 71px; background-color:#EEEEEE; border:1px solid #9EBEE4;	border-bottom:none;	color:#666666; text-align: center; padding:8px 0;}
#tab li a:hover{color:#000066;}
#tab li.present a {background-color:#9EBEE4;	color:#003366; font-weight:bold; border:1px solid #9EBEE4;	border-bottom:none;}
#tab li a.hakata{width:72px;}

#Tshinjuku, #Toomiya, #Tniigata, #Tnagoya, #Tkyoto, #Toosaka, #Thakata {padding:12px; border:1px solid #9EBEE4; margin-bottom:40px;}

.select{margin:-12px; margin-bottom:0; padding:4px 0 4px 12px; background-color:#9EBEE4; color:#FFFFFF;}

#Main .Safe .text{ padding-left:24px;}
#Main .Safe ul.ll{margin:8px 0 0 48px; padding:0 0 0 48px; line-height:1.6em;}
#Main .Safe ul.ll li{margin-left:60px;}
#Main .Safe .photo{float:left; width:160px;}

#Main .minor{border:2px solid #999999; padding:8px; background-color:#EEEEEE;}
#Main .minor h4{border:none; font-size:120%; color:#000066; margin:0; padding:0;}

p.links{margin-top:12px;}
p.links a{display:inline-block; padding:4px 20px; border:1px solid #CC0000; background-color:#FFFFFF; color:#CC0000; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
p.links a:hover{background-color:#FFF0F4; text-decoration:none;}


#Main dl.prc{background-color:#D6E4FC; border:1px solid #CCCCCC; border-top:none; margin-bottom:40px;}
#Main dl.prc dt, #Main dl.prc dd{border-top:1px solid #CCCCCC; padding:8px;}
#Main dl.prc dt{float:left; clear:left; width:270px;}
#Main dl.prc dd{ margin-left:270px; background-color:#FFFFFF; text-align:right;  border-left:1px solid #CCCCCC;}
#Main dl.prc dd .red{font-size:1.2em;}
#Main dl.prc dd span{padding:0 4px;}
#Main dl.prc dd span.redB{background-color:#336699; color:#FFFFFF; padding:2px; margin:0 4px; font-size:0.8em;}
#Main dl.prc dd span.weekday{font-size:0.9em; color:#000066; display:block;}

#Main .faqList{ margin-bottom:40px; line-height:1.6em;}
#Main .faqList dt{background-color:#CCCCCC; padding:4px;}
#Main .faqList dd{margin-bottom:10px; padding:4px;}

#Main .faq{ line-height:1.6em;}
#Main .faq dt{ margin:8px 0; color:#003399; font-weight:700;}
#Main .faq dd{ border-bottom:1px dotted #CCCCCC; margin:12px 0 6px 0; padding-bottom:12px;}

#Main ul.ph{list-style:none; margin-bottom:60px;}
#Main ul.ph li{ display:inline; padding-right:24px; margin:6px 0;}

#Main .laserPrc{border:1px solid #4A81A8; border-top:none; border-left:none; line-height:1.6em; width:100%;}
#Main .laserPrc th{background-color:#A4B1EA; color:#003366; border-top:1px solid #4A81A8; border-left:1px solid #4A81A8; padding:4px 8px;}
#Main .laserPrc th.cam{color:#CC0000; background-color:#F8DFC0;}
#Main .laserPrc th.cat{background-color:#D6E4FC;}
#Main .laserPrc td{border-top:1px solid #4A81A8; border-left:1px solid #4A81A8; padding:4px 8px; text-align:right; width:30%;}

td.cam_yen{color:#CC0000; font-weight:bold;}

/*料金一覧*/
table.pricelist{ width:100%;}
table.pricelist th, table.pricelist td{padding:12px; border:1px solid #9FB3D9;}
table.pricelist th{background-color:#D6E4FC; color:#003366;}
table.pricelist thead th{background-color:#006699; color:#FFFFFF;}
table.pricelist tr:nth-child(odd){ background-color:#EDF4F8;}
table.pricelist td{text-align:right; white-space:nowrap;}
ul.price_other{margin-left:24px; margin-top:8px;}

/*剃毛料金*/
div.pricelist_frame{display:flex; margin-top:8px;}
div.pricelist_frame div{width:100%;}
table.pricelist_shave{border-collapse:collapse; border: none; width:93%;}
table.pricelist_shave th, table.pricelist_shave td{padding:8px; border:1px solid #999999;}
table.pricelist_shave th{background-color:#CCCCCC; color:#333333;}
table.pricelist_shave td{text-align:right; white-space:nowrap;}
table.pricelist_shave tfoot td{text-align:right; border:none;}
table.pricelist_shave span{display:block; font-weight:normal; font-size:0.8em;}

#Main .laser{ display:flex; gap: 5px;}
#Main .laser div.dt{border:1px solid #CCCCCC; padding:8px; margin-bottom:12px; width:33%; text-align:center;}

#Main .faq{ line-height:1.6em;}
#Main .faq dt{background:url(../images/affirm/q.jpg) no-repeat top left; padding:5px 0 12px 44px; color:#003399; font-weight:700;}
#Main .faq dd{background:url(../images/affirm/a.jpg) no-repeat top left; padding:5px 0 8px 44px; margin-bottom:20px;}

#Menu2{line-height:1.2em; margin-bottom:60px;}
#Menu2 dt{border-left:4px solid #CCCCCC; padding-left:8px; margin:22px 0 10px 0; font-weight:bold;}
#Menu2 dd{border-bottom:1px dotted #CCCCCC; margin-left:12px; line-height:1.8em;}
#Menu2 dd.clinic{border:none;}

@media screen and (max-width:780px){
#Main .laser div.dt span{display:block;}
}

@media screen and (max-width:700px){
#tab li {float: left;	width:auto;}
#tab li a {display: block; width:auto; padding:8px 8px;}
#tab li a.hakata{width:auto;}

#Main p.read img{width:100%;}

#Main dl.prc dt{float:none; clear:both; width:auto;}
#Main dl.prc dd{margin-left:0; border-left:none;}

#Main .wh img{width:100%;}
}

@media screen and (max-width:670px){
#Main .laserPrc td{width:auto;}
#Main .laserPrc span{display:block;}

div.pricelist_frame{display:block;}
div.pricelist_frame div{display:block;}
table.pricelist_shave{width:100%;}
table.pricelist_shave th{width:40%;}
table.pricelist_shave span{display:inline-block;}
table.bordernone td:first-of-type,
table.bordernone th:first-of-type{border-top:none;}
}

@media screen and (max-width:560px){
#Main .laser{display:block;}
#Main .laser div.dt{width:100%;}
#Main .laser div.dt span{display:inline;}
table.pricelist th span{display:block;}

}


@media screen and (max-width:520px){
video{width:94%;}

#Main .Safe .text{margin:0; padding:0; width:auto; text-align:center;}
#Main .Safe .photo{float:none; width:auto; text-align:center;}
#Main .Safe ul.ll{margin:0 auto; padding:0; text-align:left; display:inline-block;}
#Main .Safe ul.ll li{margin:0 0 0 24px; padding:0;}
}

@media screen and (max-width:480px){
#tab li a {display: block; width:auto; padding:8px 2px;}

#Main .tel span{display:block;}

#Main ul.ph li{ display:inline; padding-right:0;}
#Main ul.ph img{width:94%;}

#Main dl.prc dd .red{display:block;}

#Main .laserPrc{font-size:0.9em;}
#Main .laserPrc th, #Main .laserPrc td{padding:4px 2px;}
}

@media screen and (max-width:440px){
img{max-width:100%;}
table.pricelist{font-size:0.9em;}
table.pricelist th, table.pricelist td{padding:8px 2px;}

table.pricelist_shave span{display:block;}
}