@charset "utf-8";
@media screen and (max-width: 640px) {

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;

}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
table{max-width: 100%;}
.h-img{display:none;}

iframe {
	max-width: 100% !important;
}
	body{box-sizing : border-box;}


/* パークヒル病院　HOME PAGE　骨組み */

/*=========================================
　　ヘッダー　#header
=========================================*/

#header{margin:0 auto;padding:10px 0;text-align:center;}
	#header img{max-width: 100%;margin-right:1px;}
	#header img:nth-child(2){margin-right:0;}
	#logo{display: block;padding-top:5px;}
	#h-link{display: block;padding-top:10px;}
#header::after{content:""; display: block; clear: both; }
	
/*=========================================
　　グローバルナビ　#gnavi
=========================================*/

#gnavi{width:100%;clear:both;background-color:#ff773e;}
#gnavi ul{width:98%;margin:0 auto;list-style: none;text-align: center;}
#gnavi li{display:inline-block;vertical-align: middle;margin: 0; padding:5px 3px;line-height: 1.2;border-bottom:1px dotted #fff;}
#gnavi li a{color:#ffffff;text-decoration: none;}
#gnavi li a:hover{color:#ffe100;}

#gnavi-kangobu{width:100%;clear:both;background-color:#A34861}
#gnavi-kangobu ul{width:98%;margin:0 auto;list-style: none;text-align: center;}
#gnavi-kangobu li{display:inline-block;vertical-align: middle;padding:5px 20px;line-height: 1.2;border-bottom:1px dotted #fff;}
#gnavi-kangobu li a{color:#FFFFFF;text-decoration: none;}
#gnavi-kangobu li a:hover{color:#ffe100;}
	.deco-hide{display:none;}

/*=========================================
　　コンテンツ　#wrapper,#contents,#sidearea
=========================================*/

#wrapper{max-width: 100%;width:100%;}
#contents{max-width: 95%;width:95%;margin: 0 auto;box-sizing : border-box;}

/*=========================================
　　フッター　#footer,#to-top,#f-navi,#copyright
=========================================*/

#fnavi{width:100%;margin:70px auto 30px;}
	#fnavi p{display:block;}
	#fnavi img{width:100%;}
#footer{width:100%;background:#ff773e;color:#fff;padding:10px 0;font-size:12px;}

/*=========================================
　　緊急お知らせ　#attention
=========================================*/
	#attention{width:100%;margin:0 auto;padding:20px 0px;font-size:16px;text-align:center;}
	#attention strong{color:#cc0000;}	

/*=========================================
　　イメージ画像　#keyvisual, #imgvisual
=========================================*/
	#keyvisual{text-align:center;background-color:#e6eef2;margin-bottom: 30px;}
	#imgvisual{display: inline-block;vertical-align: middle;text-align:center;width:100%;height:250px;margin-bottom: 30px;}
	#imgvisual h2{width:80%;margin: 50px auto;font-size:24px;font-weight: 700;padding:50px 0;color:#fff;text-shadow:8px 8px 20px #000;}
		#imgvisual.guide{background-image:url("../im/pic_parkhill03.jpg");background-size: cover;background-position: bottom;}
		#imgvisual.kourakuen{background-image:url("../im/pic_tsusho01.jpg");background-size: cover;background-position: center;}
		#imgvisual.nagomi{background-image:url("../im/pic_nagomi01.jpg");background-size: cover;background-position: center;}
		#imgvisual.omakase{background-image:url("../im/pic_kyotaku-01.jpg");background-size: cover;background-position: center;}
		#imgvisual.houmon{background-image:url("../im/pic_houmon02.jpg");background-size: cover;background-position: center;}
		#imgvisual.parkhillim{background-image:url("../im/pic_parkhill01.jpg");background-size: cover;background-position: center;}
		#imgvisual.chiikirennkei{background-image:url("../im/pic_parkhill04.jpg");background-size: cover;background-position: bottom;}
		#imgvisual.kangobu{background-image:url("../im/pic_kangobu02.jpg");background-size: cover;background-position: center;}
	
	
/*=========================================
　　コンテンツ　.contents-Top0,#contents-Top1,#contents-Top2,#contents-Top3,#contents-Top4,#contents-Top5,
=========================================*/
div.contents-Top0{width:98%;margin:0 auto ;}
#contents-Top1, #contents-Top2, #contents-Top4, #contents-Top5{width:98%;margin:30px auto;padding:10px 0;}
	#contents-Top1::after, #contents-Top2::after, #contents-Top3::after,#contents-Top4::after,#contents-Top5::after{content:""; display: block; clear: both; }

#contents-Top3{background-color:#FFF5EE ;padding:60px 0;}
	#contents-Top3 span{width:98%;margin-right:25px;display:block;padding:20px 0;text-align:center;}
	#contents-Top3 span:nth-child(3n){margin-right:0;}
	#contents-Top3 h3{color:#fff;font-size: 24px;font-weight: normal;text-align:center;background-color:#ff773e;padding:20px 0 8px;margin-bottom:0px;border-radius:20px 20px 0 0;}
    #contents-Top3 h3 a{color:#fff;}
	#contents-Top3 img{width:100%;margin-bottom:15px;}
	#contents-Top3 a{text-decoration:none;}
    #contents-Top4 a{text-decoration:none;box-sizing : border-box;}
    #contents-Top5-wrap{width:100%;background-color:#fff5ee;}

/*=========================================
　　各コンテンツ内要素　#con01, #con02,#con03,#con04,#con05,#con07,.con-box
=========================================*/
	#con01{width:98%;margin: 0 auto;box-sizing : border-box;}
	#con01 div{width:100%;;text-align:center;background-color:#fce8d3;margin:0 6px 6px 0;padding:10px 0;}
	#con01 img{margin-bottom:15px;}
	#con01 .top-tel strong{font-size:20px;}
	#con02,#con04{width:98%; margin: 10px auto;box-sizing : border-box;}
		#con02 h3{border-radius:10px;background-color:#ff4500;background-image:linear-gradient(0deg, rgba(255, 69, 0, 1), rgba(255, 181, 0, 1));color:#fff;text-align:center;padding:10px; 0;margin-top:30px;}
		#con02 ul{margin:0px;}
		#con02 li{padding-bottom:15px;}
		#con02 strong{color:#cc0000;}
	#con03{width:98%;margin: 0 auto;box-sizing : border-box;}
	#con03 h3{font-size: 28px;font-weight: normal;color:#ff4500;text-align:center;  position: relative; padding-bottom:15px;border-bottom: 8px solid #ffa880;}
	#con03 h3::before{position: absolute;bottom: -8px;left: 0;z-index: 2;content: '';width: 45%;height: 8px;background-color: #ff4500;}
	#con03 h3::after{position: absolute;bottom: -8px;right: 0;z-index: 3;content: '';width: 20%;height: 8px;background-color: #ffc5ad;}
	#con04{text-align:right;box-sizing : border-box;}
	#con05{display:inline-block;vertical-align:middle;width:100%;text-align:center;box-sizing : border-box;}
		#con05 h3{font-size: 28px;font-weight: normal;color:#ff4500;text-align:center;  position: relative; padding-bottom:15px;border-bottom: 8px solid #ffa880;}
		#con05 h3::before{position: absolute;bottom: -8px;left: 0;z-index: 2;content: '';width: 45%;height: 8px;background-color: #ff4500;}
		#con05 h3::after{position: absolute;bottom: -8px;right: 0;z-index: 3;content: '';width: 20%;height: 8px;background-color: #ffc5ad;}
2px;background-color: #fff;}

	#con06{width:100%;text-align:right;box-sizing : border-box;}
	#con06 img{width:100%;}
	#gmap{margin-right:0;}
	#con07{text-align:center;}
	
	.con-box{width:98%;margin: 0 auto 50px;text-align:center;box-sizing : border-box;}
	.con-box2{width:98%;margin: 0 auto 50px;box-sizing : border-box;}
	.con-box3{width:100%;margin: 0 auto 50px;background: #f6f9fb;box-sizing : border-box;}
	.con-box-3col div{}
	.con-box-1col div{}
	

	
	
/*　　テキストリンク
===================================*/
a{color:#0066ff;}
a:hover{color:#ff9c00;}

.link-box a{display:block;background-color:#ff4500;text-align:center;padding:8px;margin:10px auto 10px;width:80%;color:#fff;}
.link-box a:hover{background:#ffb400;color:#fff;}

/*　　画像ロールオーバ処理
===================================
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";*//* ie6 *//*
background:#fff;
}*/

/*　　テキスト強調
===================================*/
strong{font-weight:800;}
b{font-weight:800;color:#F60;}
strong.txt-strong, b.txt-strong{font-size:14px;}

/*　　テキスト　小
===================================*/
small{font-size:12px;}
small.Colo-orange{color:#F60;}

/*　　テキスト選択時の処理
====================================*/
*::-moz-selection{background:#000; color:#fff;}
*::selection{background:#000; color:#fff;}

/*　　フロート関連
===================================*/
.floatleft{float:left;float: none;}
.floatright{float:right;float: none;}

/*　　クリアーフィックス
====================================*/
.cl{clear:both;}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 

/*　　タイトル関連
====================================*/
#contents h1{font-size:24px;color:#009fe8;border-bottom:3px solid #009fe8;margin-bottom:8px;}
#contents h2{font-size:18px;font-weight:normal;color:#fff;background:url(../im/common/bg-tit.jpg) no-repeat;height:32px;padding:6px 8px 10px;margin-bottom:10px;}
#contents h2 a{color:#fff;}
	h3{font-size: 23px;font-weight: normal;color:#ff4f02;margin-bottom:20px;}
	#contents h3{font-size: 18px;font-weight: normal;color:#ff4500;text-align:center;margin:10px 0 30px;  position: relative; padding-bottom: .2em;border-bottom: 3px solid #ffb96d;}
	#contents h3::before{position: absolute;bottom: -2px;left: 0;z-index: 2;content: '';width: 20%;height: 2px;background-color: #fff;}
	#contents h3::after{position: absolute;bottom: -2px;right: 0;z-index: 2;content: '';width: 20%;height: 2px;background-color: #fff;}
#contents h4{font-size:16px;font-weight:700;color:#ff4500;border-bottom:2px solid #ff4f02;padding:5px 18px;margin-bottom:10px;}

/*　　フォントサイズ関連
====================================*/
.font-size18{font-size:18px;}
.font-size16{font-size:16px;color:#F30;}
.font-size14{font-size:14px;}
.font-size10{font-size:10px;}
.font-sizes{font-size:14px;}

/*　　テキスト囲みBOX
====================================*/
#contents .txt-box{border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;background:#eee;padding:10px;width:85%;margin:10px auto;}
#contents .txt-boxOr{border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;background:#fff6ee;padding:10px;width:85%;margin:10px auto;}
#contents .txt-boxWh{border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;background:#fff;padding:10px;width:85%;margin:10px auto;}


/*　　テーブル関連
====================================*/
	table{width:98%;margin: 0 auto;}
	td,th{display: block;}
	.smo-block td{display:table-cell;}
	.smo-block th{display:table-cell;}


#contents .teble-center{margin:10px auto;}
#contents .teble-center TH, #contents .teble-center TD{padding:5px;}

#contents .teble-border{margin:10px auto;border-top:1px solid #999;border-left:1px solid #ccc;}
#contents .teble-border TH{padding:5px;border-right:1px solid #999;border-bottm:1px solid #ccc;}
#contents .teble-border TD{padding:5px;border-right:1px solid #999;border-bottm:1px solid #ccc;}

#contents .table-type1{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type1 TH, #contents .table-type1 TD{padding:5px 10px;border-bottom:1px solid #ccc;}
#contents .table-type1 TH{background:url(../im/common/bg-cell01.jpg) bottom #fdfded repeat-x;font-weight:normal;}

#contents .table-type2{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type2 TH{text-align: left;padding:5px 10px;border-bottom:1px solid #F96;color:#F60;font-weight:normal;}
#contents .table-type2 TD{padding:5px 10px;border-bottom:1px solid #999;}

#contents .table-type3{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type3 TH{width:30px;}
#contents .table-type3 TD{width:310px;border-bottom:1px dotted #999;padding:5px;}

#contents .table-type4 TABLE{width:100%;}
#contents .table-type img{max-width: 100%;height: auto;width /***/:100%;}
#contents .table-type4 TD{padding-bottom:10px;border-bottom:1px dotted #a3d1e6;display:block;}
#contents .table-type4 TH{width:20px;display:block;}
#contents .table-type4 h2{font-size:14px !important;font-weight:700 !important;background:#fff !important;color:#0066cc !important;padding:0 !important;margin:8px 0 !important;height:auto !important;}
#contents .table-type4 h2 a{color:#0068b7 !important;}
#contents .table-type4 h2 a:hover{color:#ff9c00 !important;}

/*鶴谷追加20210906*/
#contents .table-type5{margin:0px auto; border-collapse:separate; border-spacing:0px;}
#contents .table-type5 TD{padding:0px;border-bottom:0px;}

#contents .table-type6{margin:10px auto; border-collapse:separate; border-spacing:0 5px;}
#contents .table-type6 TH{text-align: left;padding:5px 10px;border-bottom:1px solid #F96;color:#F60;font-weight:normal;}
#contents .table-type6 TD{padding:5px 10px;border-bottom:1px solid #999;}


/*　　リスト関連
====================================*/
#contents ul{margin-bottom:10px;list-style: none;}
#contents ul.list-width{margin-left:auto;margin-right:auto;}
#contents li{}

/*下線のみ*/
#contents ul.list-type1 li{border-bottom:1px dotted #999;padding:7px 0 3px;}

/*下線マーク付 黄色*/
#contents ul.list-type2 li{border-bottom:1px dotted #999;background:url(../im/common/icon-arrow-yellow.gif) 2px 10px no-repeat;padding:7px 0 7px 15px; font-size:1.2em;}

/*下線マーク付 PDF*/
#contents ul.list-typePDF li{border-bottom:1px dotted #999;background:url(../im/common/icon-pdf.jpg) 2px 7px no-repeat;padding:7px 0 7px 25px;}

/*下線マーク付 矢印：黄色*/
#contents ul.list-type3Y li{border-bottom:1px dotted #999;background:url(../im/common/icon_square-arrowY.gif) 2px 10px no-repeat;padding:7px 0 7px 18px;}

/*下線マーク付 矢印：青*/
#contents ul.list-type3B li{border-bottom:1px dotted #999;background:url(../im/common/icon_square-arrowB.gif) 2px 10px no-repeat;padding:7px 0 7px 18px;}


/*　　画像処理
====================================*/
#contents img.img_style{border:2px solid #eee;box-shadow:0 0 6px rgba(0,0,0,0.4);-moz-box-shadow:0 0 6px rgba(0,0,0,0.4);-o-box-shadow:0 0 6px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);}

/*　　メールフォーム
====================================*/
#contents .contactfrom .text_in{border:1px solid #555;padding:5px;width:90%}
#contents .contactfrom .mail_submit{width:400px;padding:10px;margin:10px auto;cursor:pointer;}
#contents .contactfrom em{font-style:normal;font-size:10px;color:#ff0;padding-left:5px;}

}
/*鶴谷追加20210728*/
.dtable{
	display: table;
    table-layout: fixed;
    width:100%;
	text-align : center;
    height: 1px;
}
.line1{
	display: table-cell;
	background-color : #66ffff;
	text-align : center;
	vertical-align : middle;
	font-weight: bold;
	border-radius: 10px; /* ボックスの四つ角を丸くする */
}
.line2{
	display: table-cell;
	background-color : #87ff87;
	text-align : center;
	vertical-align : middle;
	font-weight: bold;
	border-radius: 10px; /* ボックスの四つ角を丸くする */
}
.line3{
	display: table-cell;
	background-color : #ffffff;
	text-align : center;
	vertical-align : middle;
}
.dtable1{
	display: table-cell;
	background-color : #ffffff;
	text-align : center;
	vertical-align : middle;
	border : solid 1px;
	width:100px;
}
.dtables{
	display: table;
	width:100%;
	text-align : center;
}
.dtable2{
	display: table-cell;
	background-color : #ffffff;
	text-align : left;
	vertical-align : middle;
	width:70px;
}

/*鶴谷追加20210922*/
.dtable_f1{
	display: table-cell;
	background-color : #ffffff;
	text-align : center;
	vertical-align : middle;
	width:300px;
    border: 1px solid #ffffff;
}
.dtable_f2{
	display: table-cell;
	background-color : #ffffff;
}
.dtable_f3{
	display: table-cell;
	background-color : #E6F4FF;
	text-align : center;
	vertical-align : middle;
    border: 1px solid #ffffff;
	width:10%;
	height : 100%;
}
.dtable_f4{
	display: table-cell;
	background-color : #E6F4FF;
	text-align : left;
	vertical-align : middle;
    border: 1px solid #ffffff;
	height : 100%;
}
.dtable_f5{
	display: table-cell;
	background-color : #eee;
	text-align : center;
	vertical-align : middle;
    border: 1px solid #ffffff;
	height : 100%;
}
.dtable_f6{
	display: table-cell;
	background-color : #E6F4FF;
	text-align : left;
	vertical-align : middle;
    border: 1px solid #ffffff;
	height : 100%;
}
.tr {
    display: table-row;
}
.table--nested {
    display: table;    
}
.table--nested .td {
    padding: 0;
    border: none;
}
.imgLeft{
	float: left;
	width: auto;
	padding: 0 2px 0 0!important;
}
.imgLeft img{
	border-radius: 4px;
	margin: 0 0 1px 0;
}
.uldate{
	display:inline-block;
	width:5em;
	font-weight:bold;
}
.uline{
}
.br-hide{display:none;}