@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { color: #333;}

a{text-decoration:none; color:#003399;}
a:hover{text-decoration:underline;}
img{border:none;}
.clr{clear:both;}

/*上部の空白*/
.T30{margin-top:30px;}
.T60{margin-top:120px;}

/*上にもどる*/
#bck {position:fixed; right:4%; bottom:100px; display:none; z-index:100;}
#bck a { display:block; background:url(../backtotop.png) no-repeat; width:65px; height:30px; }
#bck a:hover{ background-position:bottom left;}
@media screen and (max-width:840px){
#bck{width:100%; margin-left:0; right:0; bottom:0;}
#bck a{position:absolute;  right:4px; bottom:8px;}
}

/*フッター*/
footer{background-color:#DDE8F7; padding:12px 0; line-height:1.8;}

#Title{border-top:4px solid #8296BA; background:url(title_background.jpg); background-color:#CFE9F6;}

#Title{ margin: 0; padding:0; line-height:0;}
#Title .bn{margin:0 auto; padding:0 0 4px; width:960px; line-height:0;}


#Title{text-align:center; padding:117px 0 0 0; line-height:0;}

#logodial{background-color:#8296BA; padding:12px 0; margin:0;}
#logodial div{ margin:0 auto; padding:0; width:860px;}
#logodial .sc{float:left; margin:0; padding:0 0 0 0.6em; width:40%;}
#logodial .dial{float:right; margin:0; padding:0 0.6em 0 0; width:52%;}

#Background{ background:url(../wakiga_only/background.jpg);}

h2{ text-align:center; color:#000066; padding:60px 0 30px 0; font-size:2em;}
h3{font-size:1.2em;}
.contents{width:100%; margin:0 auto; padding:0; line-height:2.4em;}


/*アンケート公開リンク*/
p.link_thoughts{margin:30px auto; width:80%; text-align:center;}
p.link_thoughts a{color:#FF6600; background-color:#FFFAE6; border:1px solid #FF9966; padding:3px 6px 2px; display:inline-block; border-radius:4px;	-webkit-border-radius:4px; -moz-border-radius:4px; width:100%;}
p.link_thoughts a:after{ content:" >>"; padding-left:2px; position:relative; vertical-align:top;}
p.link_thoughts a:hover{background-color:#FFFFCC; text-decoration:none;}


/*コンテンツ*/
#Con_wakiga{background:url(back_wakiga.jpg) no-repeat center left / cover #EEEEEE;}
#Con_feature{background-color:#FFFFCC;}
#Con_feature h2{color:#FF3300;}
#Con_children{background:url(back_children.jpg) no-repeat center center / cover;}
#Con_children h2{text-shadow: 2px 3px 3px #FFFFFF; color:#339900;}
#Con_children div.frame{background-color:#FFFFFF; background-color:rgba(255,255,255,0.7); border-radius:20px; -webkit-radius:20px; -moz-border-radius:20px; padding:8px;}
#Con_children p{}

#Con_schedules{background-color:#FFF0F7;}
#Con_schedules h2{color:#CC0033;}
#Con_schedules p{float:left; width:50%;}
#Con_step h2{color:#FF6600;}
#Con_comparison{background-color:#F0F8FF;}
#Con_price{background:url(back_price.jpg) no-repeat center right / cover #F5E6DA;}
#Con_price h2{color:#CC0000; text-shadow: 2px 3px 3px #FFFFFF;}
#Con_price div.Con_ditails{text-align:center;}
#Con_price div.Con_ditails p{margin:20px 0;}
#Con_price div.Con_ditails ul{list-style:none; font-weight:bold; font-size:1.4em; color:#660000; text-shadow: 2px 3px 3px #FFFFFF;}
#Con_price div.Con_ditails li{border-bottom:2px dotted #993333; padding:20px 0;}
#Con_qa{background-color:#F5FFEA;}
#Con_qa h2{color:#669900;}
#Con_director{background:url(back_director.jpg) no-repeat center center / cover #EEEEEE;}
#Con_director{text-shadow: 2px 2px 6px #FFFFFF;}
#Con_director .tel{text-shadow:none;}
#Con_hospital{background-color:#F5F5FE;}
#Con_hospital h3{text-align:center;}
#Con_voice{background-color:#FFF5F4;}
#Con_voice h2{color:#990000;}
#Con_voice div.voiceD{margin-bottom:80px;}
#Con_voice div.voiceD h3{background-color:#CC0033; color:#FFFFFF; padding:6px; border-top-left-radius:16px; border-top-right-radius:16px; font-size:110%;}
#Con_voice div.voiceD img{float:left; width:20%;}
#Con_voice div.voiceD p.age{text-align:right; color:#CC0033; border-bottom:1px dotted #CC0033; padding:0 4px; font-weight:bold;}
#Con_docter{background-color:#FFFCE1;}
#Con_docter h2{color:#CC3300;}


div.Contens_al{background-color:rgba(255,255,255,0.7); width:100%;}

div.Con_ditails{width:940px; margin:0 auto; padding:0 0 60px 0; line-height:2.4em;}

/*メニュー*/
/*
#Con_Menu{background-color:#97BBF2;}
#Menu{width:980px; padding:18px 0; margin:0 auto;}
#Menu .menulist{padding:0; margin:0; list-style:none; font-size:1em; font-weight:bold;}
#Menu .menulist li{margin:0 auto; padding:0; display:inline-block; float:none;}
#Menu .menulist li a{color: black; text-align:center; color:#000066; background-image:none; background-color:#FFFFFF; list-style-type: none; padding:7px 0; margin:8px; display:block;}
#Menu .menulist li a:hover{text-decoration:none; background-color:#FFFDEA; color:#CC0000; background-image:none;}
*/

@media screen and (max-width:1000px){
div.Con_ditails{width:94%;}
div.Contens_al{background-color:rgba(255,255,255,0.7); width:100%;}

#Con_wakiga{background-position:left;}
#Con_schedules p img{width:100%;}
}

@media screen and (max-width:920px){
/*ヘッダー*/
div#contact div.dial{font-size:80%; padding-top:0.5em;}
}

@media screen and (max-width:798px){
#Con_schedules p{float:none; width:auto;}
#Con_schedules p img{width:auto;}
#Con_schedules p.photo{text-align:center;}
#Con_price div.Con_ditails ul span{display:block;}
#Con_price div.Con_ditails ul span.slash{display:none;}
#Con_voice div.voiceD img{width:30%;}
}

@media screen and (max-width:590px){
h2 span{display:block;}

#Con_schedules p img{width:100%;}

#Con_wakiga, #Con_price{background-size:contain; background-position:top center;}
#Con_price div.Con_ditails ul{font-size:1em;}
#Con_voice div.voiceD img{width:50%; float:none; text-align:center; display:block; margin:0 auto;}
}

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



/*特徴*/
.whats{ margin:0 0 40px 0;}
.whats .txt{float:left; width:78%;}
.whats .ph{float:right;}

/*治療の流れ*/
#Main ul.flow{margin:6px 0 20px 0; list-style:none; line-height:1.6em; text-align:center;}
#Main ul.flow strong{color:#FF6600; font-size:1.2em;}
#Main ul.flow li{background-color:#FFF7AA;
border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
	 padding:16px; clear:both; overflow:hidden; zoom:1;}
#Main ul.flow li.arrow{height:18px; background:url(../arrow_down.png) no-repeat bottom center; background-color:#FFFFFF; padding:0; margin:6px 0;}


/*比較*/
div.comparescroll{width:860px; margin:0 auto; padding:0; line-height:2em;}
div.comparescroll table{width:100%; border-collapse:collapse; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font-size:0.9em; line-height:1.3em;}
div.comparescroll table th, div.comparescroll table td{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding:4px 2px;}
div.comparescroll table th{background-color:#3D76B6; color:#FFFFFF; white-space:nowrap; font-weight:normal;}
div.comparescroll table td{vertical-align:top; background-color:#FFFFFF;}
div.comparescroll table td.center{text-align:center;}
div.comparescroll table th.sentence{width:16%;}
div.comparescroll table th.child{font-size:0.8em;}


/*費用について*/
table.prices{border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-collapse:collapse; width:96%;}
table.prices th, table.prices td{border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:8px;}
table.prices th{background-color:#ECF0FD; color:#003399;}
table.prices td{background-color:#F8F9FE; text-align:center; }
table.prices td.yen{text-align:right; background-color:#FFFFFF;}

p.tax{text-align:right; width:96%;}

p.notes{margin:12px 0 30px; color:#CC0000;}

/***QA***********/
dl.qa{margin:0; line-height:2em;}
dl.qa dt{background:url(../wakiga_only/qa_q.gif) left top no-repeat; color:#FF6600; font-weight:bold; margin:20px 0 10px 0; padding:0 0 4px 30px;}
dl.qa dd{background:url(../wakiga_only/qa_a.gif) left top no-repeat; margin:0 0 40px 0; padding:0 0 0 30px;}


/**子供のわきが**/
#Main ul.marg{margin:20px; line-height:1.6em;}


@media screen and (max-width:980px){
#Title img{width:100%;}
#Title .bn{width:auto;}
#logodial div{width:99%;}

#Frame{width:98%;}

h2{width:auto; font-size:1.6em;}
div.comparescroll{width:94%;}

.whats .txt{width:76%;}
}

@media screen and (max-width:866px){
#Title .bn{width:auto;}
#logodial img{width:100%;}

.whats .txt{width:72%;}

}

@media screen and (max-width:760px){
.whats .txt{width:64%;}
}

@media screen and (max-width:640px){
.whats .txt{float:none; width:auto; padding-bottom:20px;}
.whats .ph{float:none; text-align:center;}

div.comparescroll table th span{display:block;}

}


@media screen and (max-width:560px){
p.link_thoughts{width:100%; text-align:center;}
p.link_thoughts a{width:auto; display:block;}

#logodial{text-align:center; line-height:0;}
#logodial .sc{float:none; margin:0 auto; padding:0; width:60%;}
#logodial .dial{float:none; margin:0 auto; padding:0; width:60%;}
div.comparescroll table{width:790px;}
div.comparescroll { width:94%;  overflow-x:auto;}
div.comparescroll::-webkit-scrollbar{
	width: 5px;
	background:#333333;
}
div.comparescroll::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #CCCCCC;
}
div.comparescroll::-webkit-scrollbar-thumb{
	background: #333333;
	border-radius: 2px;
}
div.comparescroll::-webkit-scrollbar-thumb:horizontal{
	background: #333333;
	border-radius: 2px;
}
}

@media screen and (max-width:480px){
#logodial .sc{ width:50%;}
#logodial .dial{ width:60%;}

#Main ul.flow li{padding:8px;}
#Main ul.flow li.arrow{margin:12px 0;}
}

@media screen and (max-width:400px){
#Main dl.price{width:auto;}
#Main dl.price dt{width:auto; float:none;}
#Main dl.price dd{width:auto; float:none; margin:0;}
#Main dl.price span{margin:0;}
}




@media screen and (max-width:720px){
table.prices{width:100%;}
p.tax{width:100%;}
}

@media screen and (max-width:520px){
table.prices th span{display:block;}
}

@media screen and (max-width:440px){
table.prices{font-size:0.9em;}
table.prices th, table.prices td{padding:8px 1px;}
}

/******/
/***病院案内***/
/******/
p.tel{ line-height:1.8em; background-color:#003399; color:#FFFFFF; padding:12px; font-weight:bold; text-align:center; border-radius:12px; -webkit-radius:12px; -moz-border-radius:212px;}
p.tel a{color:#FFFF99; font-size:1.4em;}

div.cln h3{border-top:3px solid #669900; padding:12px; margin:12px 0 0 0;}

div.cln{clear:both; line-height:1.6em; margin:12px 0 40px; overflow:hidden; zoom:1;}
div.cln .add{float:left; padding:6px; width:60%;}
div.cln .ph{float:right; padding:6px; width:36%;}

div.cln dl{line-height:1.6em; margin:0;}
div.cln dt{font-weight:700; color:#006600; margin-top:20px; border-left:12px solid #006600; padding-left:6px;}
div.cln dd{ margin:0 0 8px 16px; padding:0;}

/*病院案内googleMap*/
.map{width:100%; height:260px; margin-top:20px;}

/* googlemapのストリートビューに出るエラー回避用 */
.map img {max-width:none!important;}
div.each_map img, div.googlemaps img {max-width:none!important;}
/* 上記2つのセットでimgのmax-widthを打ち消します */

p.maps{margin:12px auto; display:block; text-align:right;}
p.maps a{background-color:#336699; color:#FFFFFF; font-size:0.8em; padding:0 8px; border-radius:20px; -webkit-radius:20px; -moz-border-radius:20px;}

@media screen and (max-width:830px){
div.cln .add{ float:none;}
div.cln .ph{width:auto; float:none;}

p.maps{text-align:center; width:80%;}
p.maps a{padding:8px; width:100%; display:block;}
}

/**院長*/
#director{ margin-bottom:60px;}
#director .ph{float:left;}
#director .txt{float:right; width:66%;}
#director ul{list-style:none; margin:12px 0; font-size:0.9em; line-height:1.3em;}
#director .cc li{color:#336699;}
#director p.name{font-size:1.2em; font-weight:bold; font-size:1em; margin-top:0; line-height:1.3em;}
#director p.name strong{font-weight:bold; font-size:1.2em;}

/*Dr*/
h3.drstitle{border:1px solid #003366; border-left:6px solid #003366;  color:#003366; background-color:#EEEEEE; padding:2px 6px; margin:12px 0 0 -7px;}

#detailes{margin:0 auto;}
#detailes h3{ font-weight:700; font-size:1.6em; border-bottom:1px dotted #336699; line-height:130%; padding-bottom:6px; margin:0 0 12px 0;}
#detailes h3.data{font-size:90%; font-weight:normal; color:#FF6600; margin:0; padding:0; border:none;}

.drs{margin:40px 0 50px 0; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:12px 6px 0; overflow:hidden; zoom:1;}
.drs .txt ul{list-style:none; margin:12px 0;}
.drs .txt .cc li{color:#336699;}

/**************/
/*メールカウンセリング受付*/
.counselingLink{width:80%; margin:0 auto; padding:0; text-align:center;}
.counselingLink p{padding:0; margin:20px 0 20px 0; font-size:1.4em;}
.counselingLink a{border:4px double #FFFFFF; text-decoration:none; display:block; font-weight:bold;
border-top-left-radius: 60px;
	border-top-right-radius: 60px;	
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;	
-webkit-border-top-left-radius:60px;
-webkit-border-top-right-radius:60px;	  
-webkit-border-bottom-left-radius:60px;
-webkit-border-bottom-right-radius:60px; 	 
-moz-border-radius-topleft:60px;
-moz-border-radius-topright:60px;	  
-moz-border-radius-bottomleft:60px;
-moz-border-radius-bottomright:60px;
background-color:#FF9900; color:#FFFFFF; padding:10px 20px;}
.counselingLink a:hover{background-color:#CC6600; color:#FFFF99;}
.counselingLink span{margin-right:8px;}


@media screen and (max-width:920px){
#director .txt{width:63%;}
}

@media screen and (max-width:840px){
#director .ph{padding-right:30px;}
#director .txt{float:none; width:auto;}
.counselingLink span{display:block; margin-right:0;}
}

@media screen and (max-width:640px){
#detailes{width:100%;}
h3 span{display:inline;}
}


@media screen and (max-width:580px) {
h3 span{display:block;}

#director .ph{ float:none; text-align:center;}
#director .txt{float:none; width:auto;}

div.cln .add{float:none; width:auto;}
div.cln .ph{float:none; padding:0 0 0 12px;}
div.cln .ph img{display:inline;}
	
div.cln dt{width:auto; float:none;}
div.cln dd{float:none; padding:0 0 12px 4px; margin-left:0;}

.counselingLink{width:auto;}
}

@media screen and (max-width:480px){
p.tel{font-size:0.9em;}

#director .ph{width:80%; margin:0 auto;}
#director .ph img{width:90%;}

#detailes{width:100%;}
.drs .txt{float:none; width:100%;}

.counseling p{font-size:1em;}
}

@media screen and (max-width:425px){
.counselingLink{font-size:0.9em;}
}