/* CSS Document */

/* スライドイメージ */
#headimgbox02 {
	width:947px;
	margin:0 auto 0;
	padding:0;
}
#k-headimgbox02 {
	width:100%;
	margin:0 auto 0;
	padding:0;
	font-size:28px;
	color:#8a532b;
	text-align:right;
}
#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li {
	margin:0 !important;
	padding:0 !important;
}

#slider li img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox02 {
	width:94%;
	margin:0 auto 0;
	padding:0;
}
#k-headimgbox02 {
	width:100%;
	margin:0 auto 0;
	padding:0;
	font-size:16px;
	color:#8a532b;
	text-align:right;
}
#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li {
	margin:0 !important;
	padding:0 !important;
}

#slider li img {
	width: 100%;
	height: auto;
}
}
/* //スライドイメージ */


/* メインバナー */
#mainbannerbox01 { width: 637px; margin: 15px auto; }
#mainbannerbox01:after { content: ""; clear: both; display: block; }

.meinbanner { width: 201px; float: left; padding: 0 15px 15px 0; }
.meinbanner:nth-child(3n) { padding: 0 0 8px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#mainbannerbox01 { width: 100%; margin: 10px auto; }
#mainbannerbox01:after { content: ""; clear: both; display: block; }

.meinbanner { width: 32%; float: left; padding: 0 2% 10px 0; }
.meinbanner:nth-child(3n) { padding: 0 0 10px; }
}
/* //メインバナー */


/* トップニュースボックス */
#newsbox01 { width:90%; margin:0 auto; background:#FFFFFF; height:auto; min-height:200px; max-height:420px; padding-bottom:10px; line-height:140%; overflow:auto; -webkit-overflow-scrolling: touch; }
#newsbox02 { width:100%; margin:0 auto; padding:0; line-height:140%; }
#newsbox02 iframe { width:100%; height:400px; }

#newsbox01 ul { width:100%; display:table; margin:0; padding:0; }
#newsbox01 ul li { width:468px; display:table-cell; text-align:left; vertical-align:top; }
#newsbox01 ul li:first-child { width:110px; display:table-cell; text-align:left; vertical-align:top; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#newsbox01 { width:98%; margin:0 auto; background:#FFFFFF; height:auto; min-height:200px; max-height:300px; overflow:auto; -webkit-overflow-scrolling: touch; font-size:10px !important; }
#newsbox02 { width:100%; margin:0 auto; padding:0; line-height:140%; }
#newsbox02 iframe { width:100%; height:300px; }

#newsbox01 ul { width:100%; display:block; margin:0; padding:0; }
#newsbox01 ul li { width:100%; display:block; text-align:left; vertical-align:top; }
#newsbox01 ul li:first-child { width:100%; display:block; text-align:left; vertical-align:top; }
}
/* //トップニュースボックス */


/* 診療時間 */
.timebox01 { width:658px; margin:0 auto; padding-bottom:10px; line-height:140%; }
.timebox01 img { width:100%; height: auto; padding: 0 0 15px; }
.timebox01 p { display:block; width: 98%; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.timebox01 { width:96%; margin:0 auto; padding:10px 0; line-height:140%; }
.timebox01 img { width:100%; height: auto; }
.timebox01 p { display:block; width: 98%; margin: 0 auto; }
}
/* //診療時間 */


/* アクセス */
.accessbox01 { width:658px; margin:0 auto; padding-bottom:10px; }
.accessbox01 ul { width: 100%; display: block; margin: 0 auto; padding: 0; }
.accessbox01 ul li { display: block; }
.accessbox01 ul li p { display: inline-block; padding: 0 24px 0 0; }
.accessbox01 ul li p:last-child { padding: 0; }
.indent01 { text-indent:-1em; padding:0 0 0 1em; }
.indent09 { text-indent:-9em; padding:0 0 0 9em; }

.name { font-size: 18px; font-weight: bold; color: #006eb0; }
.accessmapbox01 { width: 640px; margin: 0 auto; padding:20px 0 0; }
.accessmapbox01 iframe { width: 98%; margin: 0 auto; height: 500px; border: 1px solid #b6b4b4; }

#accessbuttonbox { width:90%; margin:0 auto; }
#accessbuttonbox img { width:200px; height:auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.accessbox01 { width:98%; margin:0 auto; padding-bottom:10px; }
.accessbox01 ul { width: 100%; display: block; margin: 0 auto; padding: 0; }
.accessbox01 ul li { display: block; }
.accessbox01 ul li p { display: block; padding: 0; }
.accessbox01 ul li p:last-child { padding: 0; }
.indent01 { text-indent:-1em; padding:0 0 0 1em; }
.indent09 { text-indent:-9em; padding:0 0 0 9em; }

.name { font-size: 14px; font-weight: bold; color: #006eb0; }
.accessmapbox01 { width: 98%; margin: 0 auto; padding:10px 0 0; }
.accessmapbox01 iframe { width: 98%; height: 300px; border: 1px solid #b6b4b4; }

#accessbuttonbox { width:100%; margin:0 auto; }
#accessbuttonbox img { width:40%; height:auto; }
}
/* //アクセス */


/* トップバナー */
#topbannerwrap01 { display: block; padding-bottom: 35px; }
#topbannerwrap01:after { content:""; clear:both; display:block; }
.topbanner01 { width: 450px; }
.topbanner01:nth-child(1n) { float: left; }
.topbanner01:nth-child(2n) { float: right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#topbannerwrap01 { display: block; padding-bottom: 0; }
#topbannerwrap01:after { content:""; clear:both; display:block; }
.topbanner01 { width: 100%; }
.topbanner01:nth-child(1n) { float: none; padding: 0 0 10px; }
.topbanner01:nth-child(2n) { float: none; }
}
/* トップバナー */


/* 診療案内 */
ul.guidelist01 { display: block; }
ul.guidelist01 li { display: inline-block; padding: 0; }
ul.guidelist01 li:after { content: "\3001" }
ul.guidelist01 li:last-child:after { content: "" }
ul.guidelist02 { display: block; }
ul.guidelist02 li { display: inline-block; padding: 0 10px 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
ul.guidelist01 { display: block; }
ul.guidelist01 li { display: block; padding: 0; }
ul.guidelist01 li:after { content: "" }
ul.guidelist01 li:last-child:after { content: "" }
ul.guidelist02 { display: block; }
ul.guidelist02 li { display: block; padding: 0; }
}
/* 診療案内 */


/* 院長紹介 */
.doctorname { font-size: 18px; font-weight: bold; padding: 0 0 20px; }
p.greeting { line-height:160%; letter-spacing:-0.02em; }
.doctorleft01 { width:214px; float:left; text-align:center; }
.doctorleft01 img { width:97px; margin:0 auto; display:block; padding-bottom:17px; text-align:center; }
.doctorleft01 img:nth-child(2) { width:214px; margin:0 auto; display:block; padding-bottom:0; text-align:center; }
.doctorright01 { width:350px; float:right; padding:0; }

.subcontentswrap01 { padding-bottom:30px; }
.subcontentswrap01:last-child { padding:0; }
.subtitlebox01 { margin-bottom:15px; padding:0 10px 5px 10px; font-size:16px; font-weight:bold; border-bottom:#006eb0 5px solid; color:#006eb0; }
.subcontentsbox01 { background:#d4effb; padding:10px; margin:0; line-height:200%; }
.subcontentsbox02 { padding:0 10px; margin:0; line-height:200%; }
.subcontentsbox03 { width:100%; margin:0; line-height:200%; }
/* 2列の場合
ul.doclist01 { width:100%; display:table; margin:0; padding:0; }
ul.doclist01 li { width:50%; display:table-cell; text-indent:-1em; padding-left:1em; }
*/
ul.doclist01 { width:100%; display:block; margin:0; padding:0; }
ul.doclist01 li { width:100%; display:block; text-indent:-1em; padding-left:1em; }
ul.doclist02 { width:100%; display:table; margin:0; padding:0; }
ul.doclist02 li { width:50%; display:table-cell; text-indent:-1em; padding-left:1em; }
ul.doclist03 { width:100%; display:table; margin:0; padding:0; }
ul.doclist03 li { width:50%; display:table-cell; text-align:center; }
ul.doclist03 li img { display:block; width:90%; margin:0 auto; text-align:center; }

ul.history01 { width:100%; display:block; margin:0; padding:0 0 18px; }
ul.history01:last-child { padding:0; }
ul.history01 li { width:auto; display:block; margin:0; padding:0 10px 0 0; text-align:left; }

.staff { width: 506px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.doctorname { font-size: 14px; font-weight: bold; padding: 0 0 10px; }
p.greeting { line-height:160%; letter-spacing:0; }
.doctorleft01 { width:100%; float:none; text-align:left; }
.doctorleft01 img { width:30%; display:inline-block; padding:0 25% 15px 0; vertical-align:middle !important; text-align:center; }
.doctorleft01 img:nth-child(2) { width:45%; margin:0 auto; display:inline-block; padding:0 0 15px 0; text-align:right !important; vertical-align:top; }
.doctorright01 { width:100%; float:none; padding:0; }

.subcontentswrap01 { padding-bottom:15px; }
.subcontentswrap01:last-child { padding:0; }
.subtitlebox01 { margin-bottom:15px; padding:0 10px 5px 10px; font-size:14px; font-weight:bold; border-bottom:#006eb0 5px solid; color:#006eb0; }
.subcontentsbox01 { background:#d4effb; padding:10px; margin:0; line-height:160%; }
.subcontentsbox02 { padding:0 10px; margin:0; line-height:160%; }
.subcontentsbox03 { width:100%; margin:0; line-height:160%; }
ul.doclist01 { width:100%; display:block; margin:0; padding:0; }
ul.doclist01 li { width:100%; display:block; text-indent:-1em; padding-left:1em; }
ul.doclist02 { width:100%; display:table; margin:0; padding:0; }
ul.doclist02 li { width:50%; display:table-cell; text-indent:-1em; padding-left:1em; }
ul.doclist03 { width:100%; display:block; margin:0; padding:0; }
ul.doclist03 li { width:100%; display:block; text-align:center; padding:0 0 10px; }
ul.doclist03 li:last-child { padding:0; }
ul.doclist03 li img { display:block; width:100%; margin:0 auto; text-align:center; }

ul.history01 { width:100%; display:block; margin:0; padding:0; }
ul.history01 li { width:auto; display:block; margin:0; padding:0; text-align:left; }

.staff { width: 98%; margin: 0 auto; }
}
/* //院長紹介 */


/* 施設案内ページ */
.subtitlebox02 { background:#addcfb; padding:5px; font-weight:bold; margin:0 0 10px; }
.subtitlebox03 { background:#addcfb; padding:5px; font-weight:bold; margin:0 0 10px; font-size:20px; }
.facilitybox01 { width:96%; margin:0 auto; padding:0; line-height:160%; }

ul.item01 { width:100%; display:table; padding:0; }
ul.item01 li { width:50%; display:table-cell; text-align:left; padding:0 10px; }
ul.item01 li:first-child { width:50%; background:none; text-align:left; color:#333333; padding:0 10px; }
ul.item01 li::before { content:"\25cf"; color:#87372e; }

.facilitydetailbox01 { width:100%; margin:0 auto; padding-bottom:10px; line-height:160%; position:relative; }
.facilitydetailbox01 ul { margin:0; padding:0; }
.facilitydetailbox01 li { width:285px; float:left; padding:0 0 20px 0; }
.facilitydetailbox01 li:nth-child(2n) { width:285px; float:right; padding:0 0 20px 0; }

.facilitydetailbox02 { width:285px; }

.facilityimgbox01 { border:solid 1px #c1c1c1; padding:6px; position:relative; background:#FFFFFF; }
.facilityimgbox01 img { width:271px; }
.facilityimgiconbox01 { position:absolute; z-index:60; bottom:11px; right:13px; }
.facilityimgiconbox01 img { width:15px; height:auto; }

.facilityitemdetail01 { width:100%; margin:10px auto 0; padding:5px 0 0 0; text-align:center; background:#d4effb; }
.facilityitemdetail01 p { min-height:25px; display:block; }

#facilitycontentsleft01 { width:380px; float:left; }
#facilitycontentsleft01 img { display:block; width:160px; float:right; margin:13px 0 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.subtitlebox02 { background:#addcfb; padding:5px; font-weight:bold; margin:0 0 10px; }
.subtitlebox03 { background:#addcfb; padding:5px; font-weight:bold; margin:0 0 10px; font-size:14px; }
.facilitybox01 { width:96%; margin:0 auto; padding:0; line-height:160%; position:relative; }

ul.item01 { width:100%; display:block; padding:0; }
ul.item01:first-child { padding:10px 0 0; }
ul.item01:last-child { padding:0 0 10px 0; }
ul.item01 li { width:100%; display:block; text-align:left; padding:0; }
ul.item01 li:first-child { width:100%; background:none; text-align:left; color:#333333; padding:0; }
ul.item01 li::before { content:"\25cf"; color:#87372e; }

.facilitydetailbox01 { width:96%; margin:0 auto; padding-bottom:10px; line-height:160%; }
.facilitydetailbox01 ul { margin:0; padding:0; }
.facilitydetailbox01 li { width:48%; float:left; padding:0 0 10px 0; }
.facilitydetailbox01 li:nth-child(2n) { width:48%; float:right; padding:0 0 10px 0; }

.facilityitemdetail01 { width:100%; margin:5px auto 0; padding:5px 0 0 0; text-align:center; }
.facilityitemdetail01 p { min-height:20px; display:block; font-size:80%; }

.facilitydetailbox02 { width:100%; }
.facilityimgbox01 { border:solid 1px #c1c1c1; padding:6px; position:relative; background:#FFFFFF; }
.facilityimgbox01 img { width:100%; }
.facilityimgiconbox01 { position:absolute; z-index:60; bottom:11px; right:13px; }

#facilitycontentsleft01 { width:65%; float:left; }
#facilitycontentsleft01 img { display:block; width:60%; float:none; margin:10px 0; }
}
/* //施設案内ページ */


/* 交通案内ページ */
.companybox01 { width:575px; margin:0 auto; padding:10px 0; line-height:160%; }
.companybox01 ul { display:table; width:100%; margin:0; padding:0 0 3px 0; }
.companybox01 ul:last-child { display:table; width:100%; margin:0; padding:0; }
.companybox01 ul li { width:auto; display:table-cell; vertical-align:middle; padding:0 0 0 12px; }
.companybox01 ul li:first-child { width:137px; display:table-cell; background:#e5e1da; color:#454545; vertical-align:middle; text-align:center; padding:10px; }
.companybox01 ul li p { padding:10px; background:#FFFFFF; }

.companybox01 ul.item01 { width:100%; display:block; padding:0; }
.companybox01 ul.item01 li { width:100%; display:block; text-align:left; padding:0 10px; }
.companybox01 ul.item01 li:first-child { width:auto; background:none; text-align:left; color:#333333; padding:0 10px; }
.companybox01 ul.item01 li::before { content:"\25cf"; color:#2a2a2a; }

.companybox01 ul li ul.leftclinicaccess { width:auto; display:block; padding:0 10px; }
.companybox01 ul li ul.leftclinicaccess li { width:90%; display:block; padding:0 10px; text-align:left; color:#333333; line-height:180%; text-indent:-1em; padding-left:1em; font-size:99%; }
.companybox01 ul li ul.leftclinicaccess li:first-child { width:100%; background:none; text-align:left; }
.companybox01 ul li ul.leftclinicaccess li:nth-child(3) { padding: 0 0 20px 1em; }
.companybox01 ul li ul.leftclinicaccess li::before { content:""; color:#2a2a2a; }
.companybox01 ul li ul.leftclinicaccess li p { content:"・"; }

.accessbuttonbox01 { width:65%; margin:0 auto; padding:30px 0 0 0; }
.accessbuttonbox01 ul { display:table; width:100%; margin:0; padding:0; }
.accessbuttonbox01 ul li { display:table-cell; width:50%; }
.accessbuttonbox01 ul li:nth-child(1) { text-align:left; }
.accessbuttonbox01 ul li:nth-child(2) { text-align:right; }
.accessbuttonbox01 ul li img { width:165px; height:auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.companybox01 { width:96%; margin:0 auto; padding:10px 0; line-height:160%; }
.companybox01 ul { display:block; width:100%; margin:0; padding:0 0 10px 0; }
.companybox01 ul:last-child { display:block; width:100%; margin:0; padding:0; }
.companybox01 ul li { width:98%; margin:0 auto; display:block; vertical-align:middle; padding:0; }
.companybox01 ul li:first-child { width:96%; display:block; background:#e5e1da; color:#454545; vertical-align:middle; text-align:center; padding:5px 2%; }
.companybox01 ul li p { padding:10px 1%; background:none; }

.companybox01 ul.item01 { width:100%; display:block; padding:0; }
.companybox01 ul.item01:first-child { padding:10px 0 0; }
.companybox01 ul.item01:last-child { padding:0 0 10px 0; }
.companybox01 ul.item01 li { width:100%; display:block; text-align:left; padding:0; }
.companybox01 ul.item01 li:first-child { width:100%; background:none; text-align:left; color:#333333; padding:0; }
.companybox01 ul.item01 li::before { content:"\25cf"; color:#2a2a2a; }

.companybox01 ul li ul.leftclinicaccess { display:block; padding:10px 0; }
.companybox01 ul li ul.leftclinicaccess li { width:100%; display:block; padding:0; text-align:left; color:#333333; line-height:160%; text-indent:-1em; padding-left:1em; font-size:99%; }
.companybox01 ul li ul.leftclinicaccess li:first-child { width:100%; background:none; text-align:left; }
.companybox01 ul li ul.leftclinicaccess li:nth-child(3) { padding: 0 0 10px 1em; }
.companybox01 ul li ul.leftclinicaccess li::before { content:""; color:#2a2a2a; }
.companybox01 ul li ul.leftclinicaccess li p { content:"・"; }

.accessbuttonbox01 { width:98%; margin:0 auto; padding:20px 0 0 0; }
.accessbuttonbox01 ul { display:table; width:100%; margin:0; padding:0; }
.accessbuttonbox01 ul li { display:table-cell; width:50%; }
.accessbuttonbox01 ul li:nth-child(1) { text-align:left; }
.accessbuttonbox01 ul li:nth-child(2) { text-align:right; }
.accessbuttonbox01 ul li img { width:96%; height:auto; }
}
/* //交通案内ページ */


/* 予約についてページ */
#reservationbox01 { width: 583px; margin: 0 auto; }
#reservationbutton01 { width: 320px; margin: 50px auto 0; }
#reservationbox02 { display: block; }
#reservationbox02 dt{
	display:block;
	width:100%;
	cursor:pointer;
	}
#reservationbox02 dd{
	width:100%;
	margin:0;
	display:none;
	}
.reservationinner { width: 567px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#reservationbox01 { width: 98%; margin: 0 auto; }
#reservationbutton01 { width: 40%; margin: 20px auto 0; }
#reservationbox02 { display: block; }
#reservationbox02 dt{
	display:block;
	width:100%;
	cursor:pointer;
	}
#reservationbox02 dd{
	width:100%;
	margin:0;
	display:none;
	}
.reservationinner { width: 98%; margin: 0 auto; }
}
/* //予約についてページ */