/*
Theme Name:saka-child
Author: Yochi
Version: 1.1.4
Template:saka
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/


.inner {
	max-width: 1140px;
	margin: 0 auto;
	text-align: left;
	line-height: 0;
}
.inner02 {
	max-width: 1140px;
	margin: 0 auto;
	text-align: left;
	line-height: 0;
	padding: 0 5%;
}
.inner03{
	padding:7% 3%;
}


h2, ul {
	margin: 0!important;
}

.inner h2,.inner02 h2{
	text-align: center;
}

.inner h2 img,.inner02 h2 img{
	margin-bottom: 3%;
}

.inner p,.inner02 p{
	color: #444;
	font-size: 1em;
	line-height: 1.5em;
}

h3 img{
	width: 100%;
}

/*----------------------
汎用
----------------------*/
.mr30 {
	margin: 0 30px 0 0!important;
}
.mr6 {
	margin: 0 6% 0 0!important;
}
.mr4 {
	margin: 0 4% 0 0!important;
}
.mr0 {
	margin: 0!important;
}
.clear {
	clear: both;
}

.mb2{
	margin: 0 0 2%!important;
}

.mb5{
	margin: 0 0 5%!important;
}

.mb7{
	margin: 0 0 7%!important;
}

.mb10{
	margin: 0 0 10%!important;
}

.ptb5{
	padding-top:5%;
	padding-bottom:5%;
}

.ptb7{
	padding-top:7%;
	padding-bottom:7%;
}

.mtb7{
	margin-top:7%;
	margin-bottom:7%;
}

.widMax{
	width:100%;
	line-height: 0;
}

.pc{
	display: block;
}

.sp{
	display:none;
}

.tb{
	display: none;
}

.pctb{
	display: block;
}

.pinkLine{
	border-bottom: solid 4px #5898c4;
	width: 100%;
}

.column2L,.column2R{
	float: left;
}

.center{
	text-aling:center!important;
}

@media screen and (max-width: 770px) {
.pc{
	display: none;
}

.sp{
	display: none;
}

.tb{
	display: block;
}
}

@media screen and (max-width: 480px) {
.pc{
	display: none;
}

.sp{
	display: block;
}
	
.tb{
	display: none;
}

.pctb{
	display: none;
}

.mainVisial img{
	width: 100%;
	}

.column2L,.column2R{
	float: none;
}
}

/*----------------------
ヘッダー
----------------------*/
header{
	margin: 0;
	background-color: #fff;
	width: 100%;
	
}

.headerLeft{
	float: left;
	width: 50%;
	padding: 3% 5%;
}

.headerLeft img{
	width: 90%;
	max-width: 384px;
}

.headerRight{
	float:right;
	width:40%;
}

.headerRight img{
	width:50%;
	max-width:230px;
	float: right;
}

@media screen and (max-width: 480px) {
	.headerLeft,.headerRight{
		float: none;
		margin:0 auto;
		width:100%;
	}
	.headerLeft img{
		width:100%;
		padding: 5% 0;
	}
}
/*----------------------
コンバージョン
----------------------*/
.convTittle {
	background-color: #cafafb;
}

.convL img,.convR img{
	width:100%;
}

.convTittle h2{
	padding:0 21%;
}

.convTittle h2 img{
	width:100%;
}

.convL{
	width:17.5%;
}

.convR{
	width:82.5%;
}

.convRtop{
	width:70%;
	margin:5% 15% 5%;
}

.convTel{
	width:86%;
}

.convImg{
	width:14%;
}

.convBtn{
	width:62%;
	margin: 0 12% 0 7%;
}

.convBtn img{
	margin:0 0 0 10%;
}

@media screen and (max-width: 480px) {
.convTittle h2 {
	padding:0;
}

.convRtop{
	width:100%;
}

.convL {
	width: 100%;
}

.convL img{
	width: 40%;
	margin: 0 30%;
}

.convTel{
	width:100%;
}

.convTel img{
	width:90%;
	margin: 0 auto;
}

.convBtn {
	width: 100%;
	margin:0;
}

.convBtn p{
	width: 100%;
}

.convBtn img{
	width: 100%;
}
}
/*----------------------
グローバルナビ
----------------------*/
nav {
	background-color: #3f8f8d;
	padding: 2% 0;
}

/*----------------------
メインビジュアル
----------------------*/
#mainVisial img{
	width: 100%;
}

#mainVisial{
	margin-bottom:0!important;
}

/*----------------------
ミラドライとは？
----------------------*/

.aboutBanner{
	width: 100%;
}

#about h2 img{
	width: 37%;
	text-align: left;
	}

@media screen and (max-width: 480px) {
#about h2 img{
	width: 74%;
	}
}
/*----------------------
当院の特徴
----------------------*/
.featureL{
	padding:15% 4%;
	width: 42%;
}

.featureL h2 img{
	width: 56%;
	margin-bottom: 20%;
}

.featureL img{
	width: 90%;
}

.featureR{
	width:50%;
}

.featureR img{
	width: 100%;
}

@media screen and (max-width: 770px) {
.featureL h2 img {
	width: 70%;
}
}

@media screen and (max-width: 480px) {
.featureL h2 img{
	width: 60%;
}

.featureR,.featureL{
	width: 100%;
}
}
/*----------------------
ワキガ・多汗症のしくみ
----------------------*/
.plotBg{
	background-image: url(../img/img_plot_bg.jpg) ;
	background-repeat: no-repeat;
}

#plot{
	padding: 5%;
	width: 90%;
}

#plot img{
	width: 73%;
	margin: 0 auto;
}

#plot h2{
	text-aling:center;
}

#plot h2 img{
	width:52%;
	margin:0 24% 3%;
}

@media screen and (max-width: 770px) {
#plot img{
	width: 100%;
}
	
#plot h2 img{
	width:70%;
	margin:0 15% 5%;
}
}

@media screen and (max-width: 480px) {
#plot h2 img{
	width:100%;
	margin:0 0 5%;
}

#plot img{
	margin-bottom: 5%;
	font-weight: bold;
}
	
#plot .sp{
	background-color: #fff;
	padding: 2%;
}

#plot .sp p{
	margin: 0 0 7%;
}
}

/*----------------------
汗とニオイの関係
----------------------*/
#plot02 h2 img{
	width: 50%;
	margin:0 25% 3%;
	max-width: 574px;
}

.plot02text{
	margin: 0 0 5%;
}

.plot02Img01{
	max-width:1010px;
	width:100%;
}

.plot02L{
	width:34%;
}

.plot02L img{
	width:100%;
}

.plot02R{
	width:65%;
	padding: 5%;
}
@media screen and (max-width: 770px) {
#plot02 h2 img{
	width:70%;
	margin:0 15% 5%;
}
}

@media screen and (max-width: 480px) {
.plot02L,.plot02R{
	width:100%;
}

#plot02 h2 img{
	width: 85%;
	margin:0 0 5%;
}

.plot02L img{
	width:80%;
	margin:5% 10% 0;
}
}

/*----------------------
治療の流れ
----------------------*/
#flow h2 img{
	width: 37.7%;
	margin:0 31.15% 3%;
	max-width: 432px;
}

.flowlist ul li{
	float:left;
	width:29.8%;
	margin-bottom: 1.75%;
}

.flowlist ul li img{
	width:100%;
}

.flowlist ul li.li{
	margin-right:1.75%;
}

@media screen and (max-width: 770px) {
.flowlist ul li{
	width:32.1%;
}
	
#flow h2 img{
	width: 60%;
	margin: 0 20% 3%;
	max-width: 432px;
}
}

@media screen and (max-width: 480px) {
.flowlist ul li{
	float: none;
	width:100%;
	margin-bottom:2%;
}

.flowlist ul li .li{
	margin-left:0;
}

#flow h2 img{
	width: 75%;
	margin:0 0 5%;
}
}

/*----------------------
Q&A
----------------------*/
#qa{
	background-color: #deeaf3;
}

#qa h2 img{
	width: 52.6%;
	margin:0 23.7% 3%;
	max-width: 600px;
}

#panel dt {
	border-bottom: solid 1px white;
	color: black;
	cursor: pointer;
	padding: 2% 4%;
	font-size: 2em;
	position:relative;
	line-height:2em;
	text-indent:2em;
	text-align: left;
	margin-left: 1em;
}

#panel dt:before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background: url(../img/img_qa_01.jpg) no-repeat;
	background-size:contain;
}

#panel dd {
	margin: 0 0 0 5%;
	padding: 4% !important;
	font-size: 1.3em;
	line-height: 1.5em;
	text-align: left;
	baclground:#fff; 
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

@media screen and (max-width: 770px) {
#panel dt {
	font-size: 1.8em;
}
}

@media screen and (max-width: 480px) {
#qa h2 img{
	width: 85%;
	margin:0 0 5%;
}

#panel dt {
	font-size: 1.2em;
	line-height: 1.5em;
}

#panel dt:before {
	width:1.2em;
	height:1.2em;
}
#panel dd {
	font-size: 1em;
}
}

/*----------------------
ミラドライの料金
----------------------*/
.priceText{
	margin: 0 0 5%;
	text-align: center;
}

#price h2 img{
	width:61.9%;
	margin:0 19.05% 3%;
}

img.priceBanner{
	width:100%;
}

#price .price24 img{
	width:62.7%;
	margin: 0 18.65%;
}

#price .priceBox p{
	width:50%;
}

#price .priceBox img{
	width:100%;
}

@media screen and (max-width: 480px) {
#price h2 img{
	width: 80%;
	margin: 0 10% 5%;
}

#price .price24 img{
	width:80%;
	margin: 0 10%;
}

#price .priceBox p{
	width:100%;
}
#price .priceBox p.column2L{
	margin-bottom:5%;
}
}
/*----------------------
当院のご紹介
----------------------*/

#clinic img{
	width:100%;
}

#clinic h2 img{
	width:53.3%;
	margin:0 23.35% 3%;
}

.clinicPhoto{
	margin-bottom:5%; 
}

.clinicPhoto .clinicPhotoT{
	width:36.8%;
}

#clinic01 .clinicPhoto .clinicPhotoT,#clinic03 .clinicPhoto .clinicPhotoT{
	padding: 0 3.5% 0 10.5%;
}

#clinic02 .clinicPhoto .clinicPhotoT,#clinic04 .clinicPhoto .clinicPhotoT{
	padding: 0 2.5% 0 2.5%;
}

.clinicPhoto .clinicPhotoP{
	width:63.2%;
}

.clinicMaru01,.clinicMaru02{
	margin:0 0 10%;
}

.clinicMaru01 img,.clinicMaru02 img{
	width:100%;
}

.clinicMaru01 .column2L,.clinicMaru02 .column2L{
	width: 32%;
	margin-right: 7%;
	margin-left: 14%;
}

.clinicMaru01 .column2R{
	width:32%;
}

.clinicMaru02 .column2R{
	width:13.15%;
}

#clinic02 .clinicMaru02 .column2L,#clinic03 .clinicMaru02 .column2L,#clinic04 .clinicMaru02 .column2L{
	margin-left: 25%;
}

div.flowlist{
	width:92%;
	margin-left:4%;
	margin-right:4%;
}

@media screen and (max-width: 770px) {
#clinic02 .clinicPhoto .clinicPhotoT,#clinic04 .clinicPhoto .clinicPhotoT{
	padding: 0;
}
#clinic01 .clinicPhoto .clinicPhotoT,#clinic03 .clinicPhoto .clinicPhotoT{
padding: 0 2.5% 0 6.5%;
}

.clinicMaru01 .column2L,.clinicMaru02 .column2L{
    width: 38%;
    margin-left: 10%;
}

.clinicMaru02 .column2L{
	margin-left: 20%;
}

	
.clinicMaru01 .column2R{
    width: 38%;
}

.clinicMaru02 .column2R{
    width: 15.61%;
}

#clinic02 .clinicMaru02 .column2L,#clinic03 .clinicMaru02 .column2L,#clinic04 .clinicMaru02 .column2L{
	margin-left: 20%;
}
}


@media screen and (max-width: 480px) {
#clinic h2 img {
    width: 60%;
	margin:0 20% 5%;
}

#clinic #clinic02 .clinicPhotoT,#clinic #clinic04 .clinicPhotoT {
    width: 80%;
    margin: 0 10% 10%;
	padding:0;
}

#clinic #clinic01 .clinicPhotoT,#clinic #clinic03 .clinicPhotoT {
    width: 60%;
    margin: 0 20% 10%;
	padding:0;
}

#clinic01 .clinicPhoto .clinicPhotoP,#clinic03 .clinicPhoto .clinicPhotoP {
    width: 90%;
    margin-left: 2%;
}

#clinic02 .clinicPhoto .clinicPhotoP,#clinic04 .clinicPhoto .clinicPhotoP  {
    width: 90%;
    margin-left: 7%;
}

.clinicMaru01 .column2L,.clinicMaru01 .column2R,.clinicMaru02 .column2L{
	width:80%;
	margin:0 10% 5%;
}

.clinicMaru02 .column2R{
	width:32.86%;
	margin:0 33.57% 5%;
}
#clinic02 .clinicMaru02 .column2L,#clinic03 .clinicMaru02 .column2L,#clinic04 .clinicMaru02 .column2L{
	margin-left: 10%;
}
}

/*----------------------
院内の風景
----------------------*/

#clinic05 h2 img{
	width: 47%;
	margin:0 26.5% 3%;
	max-width: 546px;
}

@media screen and (max-width: 480px) {
#clinic05 h2 img{
	width:66%;
	margin:0 17% 5%;
}

#clinic05 .flowlist li{
	margin-bottom:10%;
}
}

/*----------------------
ご利用ガイド
----------------------*/
#clinic06 .widMax{
	background-color: #deeaf3;
	margin: 0 0 5%;
}
#clinic06 h2{
	text-align: center;
}

#clinic06 h2 img{
	width: 47%;
	max-width: 546px;
	padding:3% 0;
	
}
#clinic06 .clinic06Top{
	margin: 0 0 5%;
}

#clinic06 .clinic06Top .column2L,#clinic06 .clinic06Ander .column2L{
	width:44.75%;
	margin:0 3.5% 0 0;
}

#clinic06 .clinic06Top .column2R,#clinic06 .clinic06Ander .column2R{
	width:44.75%;
}

#clinic06 .clinic06Top img{
	width:100%;
}

#clinic06 .clinic06Ander .column2L p img{
	width:100%;
}
@media screen and (max-width: 770px) {
#clinic06 .clinic06Top .column2L,#clinic06 .clinic06Ander .column2L{
	width:46%;
}
}

@media screen and (max-width: 480px) {
#clinic06 h2 img{
	width:80%;
	margin:0 10% 0%;
	padding: 5% 0;
}
	
#clinic06 .clinic06Top .column2L, #clinic06 .clinic06Top .column2R, #clinic06 .clinic06Ander .column2L, #clinic06 .clinic06Ander .column2R{
	width:100%;
}

#clinic06 .clinic06Top .inner03 .column2L img,#clinic06 .clinic06Top .inner03 .column2R img{
	max-width:200px;
	width:80%;
	margin: 0 10% 10% 15%;
}

#clinic06 .clinic06Top .inner03{
	padding: 0 3% 7%;
}
}

/*----------------------
ドクター紹介
----------------------*/
#doctor .column2L{
	width:50%;
	margin-right: 1.5%;
}

#doctor .column2R{
	width:41.5%;
}

#doctor .column2L h3 img{
	max-width:524px;
	margin-bottom:8%;
}

#doctor .column2L h4 img{
	max-width:294px;
	width: 100%;
	margin-bottom: 5%;
}

#doctor .column2L p{
	margin-bottom: 2%;
	font-size: 1.2em;
	line-height: 1.5em;
}
.doctorP{
	width: 100%;
	max-width:474px;
}
#doctor .column2R img{
	width:100%;
}

@media screen and (max-width: 770px) {
#doctor .column2L{
	margin-right:5.5%
}
}

@media screen and (max-width: 480px) {
#doctor h2 img{
	width:80%;
	margin:0 10% 0%;
	padding: 5% 0;
}
#doctor h2 img{
	width:80%;
	margin:0 10% 5% 10%;
}

#doctor .column2L,#doctor .column2L{
	width:100%;
}
	
.doctorP{
	margin: 0 0 7% 0;
}
}
/*----------------------
フッター
----------------------*/
#footer .gmap {
height: 0;
overflow: hidden;
padding-bottom: 50%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border: none;
}

.footerLogo{
	width:100%;
	background-color: #5898c4;
	border-bottom: solid 2px #fff;
	padding:3% 5%;
}

.footerLogo img{
	width: 100%;
	max-width: 532px;
}
.footerInner {
	max-width: 1140px;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
}

.footerCotents{
	width: 100%;
	background-color: #5898c4;
	border-bottom: solid 2px #fff;
	padding:0 5%;
	display:flex;
}

.footerLeft{
	width: 45%;
	float:left;
	padding: 0 5% 0 0;
}

.footerLeft img{
	width:100%;
}

.footerRight{
	width: 50%;
	float:left;
	font-size:1em;
	color:#fff;
	text-align: left;
}

.footerRight table tr{
	margin:0 0 2% 0;
}

.footerRight table th,.footerRight table td{
	line-height: 1.3em;
}

.footerRight table th{
	padding: 0 2% 0 0;
}

.footerRight table td{
	padding: 0 0 4%;
	vertical-align: top;
}

.footerRight img{
	max-width: 64px;
}

.footerR_clinic{
	font-size: 1.5em;
	line-height: 2em;
	font-weight:bold;
    padding-bottom:4%;
}


address{
	padding:3% 5%;
	width: 100%;
	background-color: #5898c4;
	color: #fff;
	font-size: 0.8em;
	line-height: 1em;
	clear:left;
	text-align: center;
}
@media screen and (max-width: 770px) {
.footerCotents{
	padding: 5% 5% 3%;
}
}

@media screen and (max-width: 480px) {
.footerRight,.footerLeft{
	float: none;
	width:100%;
}
.footerLeft{
	margin-bottom: 10%;
	padding-right:0;
}
.footerRight img{
	padding: 0 1% 0 0;
}
.footerLeft{
	padding:7% 0 0;
}
.footerR_clinic{
	font-size:1.1em;
}
}

/*----------------------
サンクスページ
----------------------*/
.thanksWrap{
	width: 100%;
}

.thanksMainVisial{
	margin-bottom:100px;
}

.thanksTittle {
	padding: 10%;
}

.thanksTittle h2{
	font-size: 2em;
	font-weight: bold;
	line-height:1.5em;
}

.thanksContents{
	padding: 0 0 10%;

}

.thanksContents p{
	line-height:1.5em;
}