/* CSS Document */

/* トップページ */
/* ヘッドカラーライン */
.headerline01 { width:100%; height:4px; margin:0; padding:0; font-size:0px; color:#FFFFFF; background:#73bb5b; }
.spheaderline01 { display:none; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
.headerline01 { display:none; }
.spheaderline01 { display:block; width:100%; max-height:4px; background:#73bb5b; font-size:0px; margin:0 auto 10px; padding:0 0 4px 0; position:relative; z-index: 3000; }
}
/* //ヘッドカラーライン */


/* メインボックス */
#wrap { width:100%; margin:0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap { width:100%; margin:0 auto; }
}
/* //メインボックス */


/* ヘッドインフォメーション */
#headinfobox { width:259px; margin:0 auto; padding:8px 0 12px 0; }
#headinfobox img { display:block; margin:0 auto; }
#headinfobox img:last-child { display:block; padding-bottom:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headinfobox { display:none; }
}
/* //ヘッドインフォメーション */


/* ヘッドイメージ */
#headimgbox01 { width:100%; height:404px; background-image:url(../common_img/headimgbg01.png); background-repeat:repeat-x; padding:4px 0 25px 0 ; }
#headimgbox02 { width:1200px; margin:0 auto; position:relative; }
#headimgbox03 { width:100%; height:396px; margin:0 auto; position:absolute; z-index:10; overflow:hidden; }
#headimgbox04 {
	width:1200px;
	margin:0 auto;
	height:400px;
	position:relative;
	z-index:20;
}
/* スライドイメージ */
#headimgbox { width:1155px !important; margin:0 auto; padding-bottom:0; }
#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;
	margin:0 0 0 -40px;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox01 { width:100% !important; height:100% !important; background:none; padding:46px 0 0 0 ; }
#headimgbox02 { width:100% !important; margin:0 auto; position:relative; }
#headimgbox03 { width:100% !important; height:auto !important; margin:0 auto; position:relative; z-index:10; overflow:hidden; }
#headimgbox04 { display:none; }
/* #headimgbox04 { width:100% !important; margin:0 auto; height:auto !important; position:relative; z-index:20; } */

#headimgbox { width:100% !important; margin:0 auto; padding-bottom:5px; }

#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;
	margin:-4px 0 0 0;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:910px; margin:0 auto; padding:0 0 30px 0; }
#maincontentsbox01:after { content: ""; display: block; clear: both; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:100%; padding:0 0 10px 0; }
#maincontentsbox01:after { content: ""; display: block; clear: both; }
}
/* //メインコンテンツ */


#leftcontentsbox01 { width:653px; float:left; }
#rightcontentsbox01 { width:224px; float:right; color:#FFFFFF; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#leftcontentsbox01 { width:100%; float:none; padding-bottom:10px; }
#rightcontentsbox01 { width:98%; float:none; margin:0 auto; color:#FFFFFF; }
}


/* ライトインフォ */
.rightinfobox01 { color:#333333; border:1px solid #dacb9f; background-color:#f7f3e8; }
.sprightinfobox01 { display:none; }
.rightinfobox02 { width:200px; margin:0 auto; padding:10px 0; }
.rightinfobox03 { padding:0 0 30px 0; text-align:center; }
.rightinfobox04 { padding:0 0 10px 0; text-align:center; }
.rightinfotitlebox01 { padding-bottom:15px; text-align:center; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfobox01 { display:none; }
.sprightinfobox01 { display:block; color:#333333; border:1px solid #dacb9f; background-color:#f7f3e8; }
.rightinfobox02 { width:94%; margin:0 auto; padding:10px 0; }
.rightinfobox03 { padding:0 0 10px 0; text-align:center; }
.rightinfobox04 { padding:0 0 10px 0; text-align:center; }
.rightinfotitlebox01 { padding-bottom:10px; text-align:center; }
}
/* //ライトインフォ */


/* コンテンツボックス */
.contentsbox01 { padding-bottom:40px; }
.contentsbox01:last-child { padding-bottom:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { padding-bottom:10px; }
}
/* //コンテンツボックス */


/* タイトルボックス */
.titlebox01 { font-size:18px; height:43px; background:url(../common_img/titlebg01.png) no-repeat; background-position: bottom; border-bottom:4px solid #8cbb5b; margin-bottom:20px; }
.titlebox01 p { color:#332502; padding:12px 0 0 50px; line-height: 160%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.titlebox01 { width:98%; height:auto; margin:0 auto 10px; font-size:14px; background:url(../common_img/sptitlebg01.png) no-repeat; background-position: bottom; border-bottom:3px solid #8cbb5b; background-size:cover; }
.titlebox01 p { color:#332502; padding:5px 0 0 8%; line-height: 160%; }
}
/*
@media screen and (min-width: 0px) and (max-width: 768px)  {
.titlebox01 { display:none; }
.sptitlebox01 { display:block; width:98%; margin:0 auto 10px; font-size:14px; background:url(../common_img/sptitlebg01.png) no-repeat; border-bottom:3px solid #8cbb5b; background-size:100%; }
.sptitlebox01 p { color:#332502; padding:5px 0 0 34px; }
}*/
/* //タイトルボックス */


/* ニュースボックス */
.newsbox01 { width:600px; margin:0 auto; background:#FFFFFF; color:#857548; height:auto; min-height:200px; max-height:420px; padding-bottom:10px; line-height:140%; overflow:auto; -webkit-overflow-scrolling: touch; }
.newsbox02 { width:570px; margin:0 auto; padding:10px; line-height:140%; }
.newsbox02 iframe { width:100%; height:400px; }

.newsbox01 table { width:100%; }
td.newsdate { width:80px; text-align:left; vertical-align:top; }
td.newsdetail { width:490px; text-align:left; vertical-align:top; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.newsbox01 { width:96%; 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:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }
.newsbox02 iframe { width:100%; height:300px; }

td.newsdate { width:100%; display:block; text-align:left; vertical-align:top; }
td.newsdetail { width:100%; display:block; text-align:left; vertical-align:top; }
}
/* //ニュースボックス */


/* 診療時間 */
.timebox01 { width:600px; margin:0 auto; background:#FFFFFF; padding:10px 0; }
.timebox02 { width:570px; margin:0 auto; padding-bottom:10px; line-height:140%; }
.timebox02 ul { margin:0; padding:0; }
.timebox02 ul li { display:inline-block; padding:0 10px 0 0; }
.timebox02 ul li:last-child { display:inline-block; padding:0; }

table#time { width:100%; border-collapse: collapse; border:1px #8cbb5b solid; margin:0 auto; }
table#time td { border:1px #8cbb5b solid; }
td.time01 { width:23%; text-align:center; font-weight:bold; color:#363636; padding:10px 0 10px 0; background-image:url(../common_img/tablebg.png); background-repeat:repeat; }
td.time02 { width:23%; text-align:center; color:#363636; background:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; }
td.day01 { width:11%; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../common_img/tablebg.png); background-repeat:repeat; }
td.day02 { width:11%; text-align:center; background:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; color:#8cbb5b; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.timebox01 { width:96%; margin:0 auto; background:#FFFFFF; padding:10px 0; line-height:140%; }
.timebox02 { width:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }
.timebox02 ul { margin:0; padding:0; }
.timebox02 ul li { display:inline-block; padding:0 5px 0 0; }
.timebox02 ul li:last-child { display:inline-block; padding:0; }

table#time { width:100%; border-collapse: collapse; border:1px #404040 solid; margin:0 auto; }
table#time td { border:1px #404040 solid; }
td.time01 { width:30%; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../common_img/tablebg.png); background-repeat:repeat; }
td.time02 { width:30%; text-align:center; background:#FFFFFF; font-weight:bold; font-size:10px; padding:10px 0 10px 0; background-color:#FFFFFF; }
td.day01 { width:10%; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../common_img/tablebg.png); background-repeat:repeat; }
td.day02 { width:10%; text-align:center; background:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; background-color:#FFFFFF; }
}
/* //診療時間 */


/* アクセス */
.accessbox01 { width:570px; margin:0 auto; }
.accessbox01:after { content: ""; display: block; clear: both; }
.accesstitlebox01 { padding:5px 15px 5px 0; font-size:14px; color:#332502; }
.accessleftbox01 { width:290px; float:left; }
.accessrightbox01 { width:250px; float:right; color:#857548; }
.accessleftbox01 iframe { width:100%; min-height:220px; }
.accessbannerbox01 { width:201px; padding:65px 0 0 0; text-align:left; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.accessbox01 { width:98%; margin:0 auto; }
.accessbox01:after { content: ""; display: block; clear: both; }
.accesstitlebox01 { padding:3px 5px 3px 0; font-size:14px; }
.accessleftbox01 { width:96%; margin:0 auto; float:none; padding:0 0 10px 0; }
.accessrightbox01 { width:96%; margin:0 auto; float:none; padding:0; }

/* スマホでは表示しない */
.accessbannerbox01 { display:none; }
}