@charset "utf-8";

/*
reset
*/
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%; font-style: normal; font-weight: normal; vertical-align: baseline; background: transparent; }
body { line-height: 1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
img { vertical-align: top; font-size: 0; line-height: 0; }

/*
base
*/
body { background: #FFF8E3; color: #44210E; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Helvetica, Arial, sans-serif; font-size: 12px; -webkit-text-size-adjust: 100%; letter-spacing: 0; line-height: 1.5; }
html>

/**/
body { font-size: 12px\9; }
a { color: #44210E; text-decoration: none; }
a:link { color: #44210E; text-decoration: none; }
a:visited { color: #44210E; text-decoration: none; }
a:hover { color: #44210E; text-decoration: underline; }
a:active { color: #44210E; text-decoration: underline; }
a:hover img { filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.font9 { font-size: 75% }
.font10 { font-size: 83% }
.font11 { font-size: 91% }
.font12 { font-size: 100% }
.font13 { font-size: 108% }
.font14 { font-size: 116% }
.font15 { font-size: 125% }
.font16 { font-size: 133% }
.font17 { font-size: 141% }
.font18 { font-size: 150% }
.font19 { font-size: 158% }
.font20 { font-size: 166% }
.font21 { font-size: 175% }
.font22 { font-size: 183% }
.font23 { font-size: 191% }
.font24 { font-size: 200% }
.font25 { font-size: 208% }
.pb5 { padding-bottom: 5px !important }
.pb10 { padding-bottom: 10px !important }
.pb15 { padding-bottom: 15px !important }
.pb20 { padding-bottom: 20px !important }
.pb25 { padding-bottom: 25px !important }
.clear { clear: both }

/* 
layout
*/
#wrap { width: auto !important; width: 100%; min-width: 1000px; margin: 0; }
#container { width: 100%; margin: 0 auto; }
.sp_header { display: none; }

/*----- header -----*/
#header { width: 100%; background: #FFF5C5 url(../images/bg_header.png) repeat-x center bottom; padding: 0 0 75px; margin: 0 auto; }
.header { width: 1000px; height: 390px; position: relative; margin: 0 auto; }
.header h1 { width: 208px; height: 220px; position: absolute; top: 35px; left: 27px; }
.header .h_information { width: 245px; position: absolute; top: 45px; right: 0; z-index: 9999; }
.header .h_address { min-height: 16px; background: url(../images/access_address.png) no-repeat left top; background-size: 19px 18px; font-size: 108%; padding: 2px 0 10px 25px; }
.header .h_blog { width: 147px; height: 58px; position: absolute; top: 252px; right: 5px; z-index: 9999; }
.header .h_img { width: 627px; height: 326px; padding: 0 0 22px 268px; margin: 0; }

/*----- index header -----*/
#index_header { width: 100%; height: 535px; background: #FFF5C5; margin: 0 auto; }
.index_header { width: 1000px; position: relative; margin: 0 auto; }
.index_header h1 { width: 258px; height: 272px; position: absolute; top: 25px; left: 0; right: 0; margin: 0 auto; z-index: 9999; }
.index_header h2 { width: 38px; height: 268px; position: absolute; top: 45px; left: 205px; z-index: 9999; }
.index_header .h_information { width: 245px; position: absolute; top: 350px; right: 40px; z-index: 9999; }
.index_header .h_address { min-height: 16px; background: url(../images/access_address.png) no-repeat left top; background-size: 19px 18px; font-size: 108%; padding: 2px 0 10px 25px; }

/*----- slideshow -----*/
#slideshow { width: 100%; height: 425px; overflow: hidden; position: relative; padding: 0 0 35px; }
.slideshow { width: 3040px; position: relative; left: 50%; margin-left: -1520px; }
#slideshow ul li { width: 1000px }
.bx-wrapper { margin: 0 auto; position: relative; }
.bx-wrapper .bx-pager { margin: 0 auto; width: 1000px; background: none; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; position: absolute; bottom: 55px; left: 0; right: 0; margin: 0 auto; z-index: 9999; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #FFF; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #ED7900 }

/*----- gnavi -----*/
#gnavi { width: 1000px; margin: 0 auto; }
#gnavi ul { width: 990px; overflow: hidden; padding: 0 0 0 10px; margin: 0; }
#gnavi ul li { float: left; padding: 0; margin: 0; }
#gnavi ul li.gnavi1, #gnavi ul li.gnavi6 { width: 140px }
#gnavi ul li.gnavi2 { width: 170px }
#gnavi ul li.gnavi3 { width: 160px }
#gnavi ul li.gnavi4 { width: 150px }
#gnavi ul li.gnavi5, #gnavi ul li.gnavi7 { width: 110px }
#gnavi ul li a img { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }

/*----- contents -----*/
#contents { width: 100%; background: url(../images/bg_footer.png) no-repeat center bottom; background-size: 160px 114px; padding: 25px 0 250px; margin: 0 auto; }
#contents #title { width: 960px; position: relative; text-align: center; margin: 0 auto; }
#title .breadcrumb { position: absolute; top: 0; left: 0; }
#title .breadcrumb a { text-decoration: underline }
#title .breadcrumb a:hover { text-decoration: none }

/*----- index -----*/
#index { width: 100%; padding: 25px 0 0; margin: 0 auto; }
#index1 { width: 978px; padding: 0 0 50px; margin: 0 auto; }
#index1 h3 { text-align: center; padding: 0 0 25px; }
#index1 .index1 { width: 978px; display: table; margin: 0; }
#index1 .index1 .index1a, #index1 .index1 .index1c { width: 326px; display: table-cell; background: #FFD6B0; padding: 25px 0 40px 0; margin: 0; }
#index1 .index1 .index1b { width: 326px; display: table-cell; background: #FCF8CC; padding: 25px 0 40px 0; margin: 0; }
#index1 .index1 .index1a h4, #index1 .index1 .index1b h4, #index1 .index1 .index1c h4 { text-align: center; padding: 0 0 25px; }
#index1 .index1 .index1a p, #index1 .index1 .index1b p, #index1 .index1 .index1c p { width: 256px; padding: 0 35px; }
#index2 { width: 100%; background: #FFF5C5 url(../images/bg_index1.png) no-repeat center bottom; background-size: 100%; padding: 60px 0 30px; margin: 0 auto; }
#index2 .monthly { width: 585px; height: 60px; display: table; background: url(../images/index_monthly.png) no-repeat; background-size: 860px 135px; padding: 19px 0 19px 275px; margin: 0 auto 75px; }
#index2 .monthly p { display: table-cell; color: #000; font-size: 108%; vertical-align: middle; }
#index2 .monthly p span { padding-right: 35px }
#index2 #update { width: 860px; height: 380px; position: relative; padding: 0; margin: 0 auto; }
#update .illust { width: 213px; height: 354px; position: absolute; top: -26px; left: 332px; }
#update .cover { width: 232px; height: 232px; position: absolute; top: 0; left: 0; }
#update h5.news { width: 24px; height: 116px; position: absolute; top: 40px; left: 0; }
#update #index_news { width: 232px; height: 380px; background: url(../images/bg_update.png) no-repeat center top; background-size: 232px 232px; position: absolute; top: 0; left: 53px; }
#update h5.blog { width: 28px; height: 94px; position: absolute; top: 40px; left: 577px; }
#update #index_blog { width: 232px; height: 380px; background: url(../images/bg_update.png) no-repeat center top; background-size: 232px 232px; position: absolute; top: 0; left: 628px; }
#index_news .thumbnail, #index_blog .thumbnail { width: 200px; height: 200px; padding: 16px 16px 34px; }
#index_news .thumbnail a img, #index_blog .thumbnail a img { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
#index_news .date, #index_blog .date { color: #ED7900; text-align: center; padding: 0 0 5px 0; }
#index_news .title, #index_blog .title { font-size: 108%; font-weight: bold; text-align: center; padding: 0 0 5px 0; }
#index_news .title a, #index_blog .title a { text-decoration: underline }
#index_news .title a:hover, #index_blog .title a:hover { text-decoration: none }
#index_news .content, #index_blog .content { font-size: 108%; padding: 0 0 20px 0; }
#index_news .more, #index_blog .more { text-align: center }
#index3 { width: 920px; overflow: hidden; padding: 100px 0 0; margin: 0 auto; }
#index3 #index3L { float: left; width: 458px; margin: 0; }
#index3 #index3L .index3L { width: 458px; height: 365px; background: url(../images/bg_index2.png) no-repeat center top; background-size: 458px 423px; padding: 58px 0 0; margin: 0 0 20px; }
#index3L .index3L h6 { text-align: center; padding: 0 0 23px; }
#index3L .index3L .symptom { text-align: center; padding: 0 0 40px; }
#index3L .index3L .message { font-size: 116%; line-height: 2.1; padding: 0 45px; margin: 0; }
#index3L #qr1 { padding: 0 0 0 20px; }
#index3 #index3R { float: right; width: 435px; padding: 14px 0 0; margin: 0; }
#index3R h6 { text-align: center; padding: 0 0 25px; }
#index3R .greeting { width: 265px; height: 154px; background: url(../images/index_img1.png) no-repeat left top; background-size: 154px 154px; padding: 0 0 0 170px; margin: 0 0 15px; }
#index3R .access { width: 275px; height: 140px; background: url(../images/index_img2.png) no-repeat right top; background-size: 120px 159px; padding: 19px 120px 0 20px; margin: 0 0 85px; }
#index3R .access .open { padding: 0 0 20px; }
#index3R .access .address { min-height: 16px; background: url(../images/access_address.png) no-repeat left top; background-size: 19px 18px; font-size: 108%; padding: 2px 0 0 25px; margin: 0 0 5px 15px; }
#index3R .access .google { text-align: right; padding: 0 30px 0 0; }
#index3R .map { padding: 0 0 0 51px; }

/*----- clinic -----*/
#clinic { clear: both; width: 100%; padding: 35px 0 0; margin: 0 auto; }
#clinic1 { width: 940px; margin: 0 auto 60px; }
.clinic1 { width: 890px; overflow: hidden; margin: 0 auto; }
.clinic1 #clinic1L { float: left; width: 294px; margin: 0 0 45px; }
#clinic1L .photo { padding: 0 0 10px 0 }
#clinic1L p { font-size: 91%; padding: 0 0 0 55px; }
.clinic1 #clinic1R { float: right; width: 545px; padding: 35px 0 0; margin: 0 0 45px; }
#clinic1R h3 { color: #ED7900; font-size: 200%; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; padding: 0 0 30px; }
#clinic1R p { font-size: 116%; padding: 0 0 15px; }
#clinic1R #qr2 { margin: 45px 0 0; }
#clinic1 h5 { font-size: 116%; padding: 0 0 10px 15px; }
#clinic1 .history { clear: both; width: 855px; min-height: 165px; overflow: hidden; position: relative; background: #FFF; padding: 35px 0 40px 85px; margin: 0 auto; }
#clinic1 .history h4 { width: 24px; position: absolute; top: 45px; left: 31px; }
#clinic1 .history ul.historyL { float: left; width: 445px; font-size: 91%; line-height: 2.2; margin: 0; }
#clinic1 .history ul.historyR { float: left; width: 400px; font-size: 91%; line-height: 2.2; margin: 0; }
#clinic2 { clear: both; width: 100%; background: #FCF6AF; text-align: center; padding: 40px 0 90px; margin: 0 auto; }
#clinic2 h5 { padding: 0 0 50px }
#clinic2 h6 { color: #ED7900; font-size: 200%; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; padding: 0 0 5px; }
#clinic2 .message { font-size: 158%; padding: 0 0 75px; }
#clinic3 { width: 100%; padding: 55px 0 0; margin: 0 auto; }
#clinic3 h5 { text-align: center; padding: 0 0 70px; }
#clinic3 ul { width: 890px; overflow: hidden; margin: 0 auto; }
#clinic3 ul li.img1 { float: left; width: 432px; margin: 0 0 20px; }
#clinic3 ul li.img2 { float: right; width: 443px; margin: 0 0 20px; }
#clinic3 ul li.img3 { float: left; width: 268px; padding: 0 0 0 2px; margin: 0 0 50px; }
#clinic3 ul li.img4 { float: right; width: 603px; padding: 0 2px 0 0; margin: 0 0 50px; }
#clinic3 ul li.img5 { float: left; width: 244px; padding: 35px 0 0 25px; margin: 0; }
#clinic3 ul li.img6 { float: right; width: 572px; padding: 0 10px 0; margin: 0; }

/*----- fee -----*/
#fee { clear: both; width: 100%; padding: 50px 0 0; margin: 0 auto; }
#fee .introduction { font-size: 125%; line-height: 1.7; text-align: center; padding: 0 0 65px; }
#fee ul.navi { width: 850px; padding: 0 0 65px 18px; margin: 0 auto 40px; }
#fee ul.navi li { float: left; width: 272px; padding: 0 8px 0 0; margin: 0; }
#fee h5 { text-align: center; padding: 0 0 60px; }
#fee ul.fee { width: 920px; margin: 0 auto; }
#fee ul.fee li { width: 620px; height: 156px; padding: 30px 15px 0 285px; margin: 0 0 45px; }
#fee ul.fee li:last-child { margin: 0 }
#fee ul.fee li.fee1a { background: url(../images/fee1_img1.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee1b { background: url(../images/fee1_img2.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee1c { background: url(../images/fee1_img3.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee1d { background: url(../images/fee1_img4.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee1e { background: url(../images/fee1_img5.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee2a { background: url(../images/fee2_img1.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee2b { background: url(../images/fee2_img2.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee2c { background: url(../images/fee2_img3.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee2d { background: url(../images/fee2_img4.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee2e { background: url(../images/fee2_img5.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li.fee3a { background: url(../images/fee3_img1.png) no-repeat 20px 0; background-size: 205px 186px; }
#fee ul.fee li h6 { height: 26px; background: url(../images/anchor2.png) no-repeat left top; background-size: 26px 26px; font-size: 158%; padding: 0 0 0 40px; margin: 0 0 15px; }
#fee ul.fee li h6 span { padding-right: 40px }
#fee ul.fee li p { font-size: 116%; line-height: 1.7; }
#fee1 { clear: both; width: 980px; border-top: #44210E dashed 1px; padding: 49px 0 100px; margin: 0 auto; }
#fee1 h4 { text-align: center; padding: 0 0 25px; }
#fee1 .point { width: 680px; height: 90px; background: url(../images/bg_fee.png) no-repeat center top; background-size: 824px 132px; font-size: 116%; padding: 42px 20px 0 124px; margin: 0 auto 60px; }
#fee2 { clear: both; width: 980px; border-top: #44210E solid 1px; padding: 49px 0 100px; margin: 0 auto; }
#fee2 h4 { text-align: center; padding: 0 0 25px; }
#fee2 .point { width: 690px; height: 70px; background: url(../images/bg_fee.png) no-repeat center top; background-size: 824px 132px; font-size: 133%; text-align: center; padding: 62px 20px 0 114px; margin: 0 auto 60px; }
#fee3 { clear: both; width: 980px; border-top: #44210E solid 1px; padding: 49px 0 0; margin: 0 auto; }
#fee3 h4 { text-align: center; padding: 0 0 50px; }
#fee3 .message { text-align: center; padding: 0 0 35px; }
#fee3 .care { text-align: center; padding: 0 0 60px; }
#fee3 .link { text-align: center; padding: 0 0 120px; }
#fee1 .title, #fee2 .title, #fee3 .title { width: 890px; display: table; padding: 0 45px; margin: 0 0 50px; }
#fee1 .title h3, #fee2 .title h3, #fee3 .title h3 { width: 205px; display: table-cell; margin: 0; }
#fee1 .title p, #fee2 .title p, #fee3 .title p { width: 685px; display: table-cell; font-size: 116%; line-height: 1.7; vertical-align: middle; padding: 18px 0 0; margin: 0; }

/*----- care -----*/
#care { clear: both; width: 100%; padding: 35px 0 0; margin: 0 auto; }
#care1 { width: 716px; height: 237px; background: url(../images/bg_care1.png) no-repeat center top; background-size: 896px 282px; text-align: center; padding: 45px 90px 0; margin: 0 auto 100px; }
#care1 h3 { color: #ED7900; font-size: 200%; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; padding: 0 0 30px; }
#care1 p { font-size: 116%; line-height: 1.7; }
#care2 { width: 881px; overflow: hidden; padding: 0 0 0 9px; margin: 0 auto 110px; }
#care2 #care2L { float: left; width: 306px; padding: 5px 0 0; margin: 0; }
#care2 #care2R { float: right; width: 530px; margin: 0; }
#care2R h4 { color: #ED7900; font-size: 200%; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; padding: 0 0 20px; }
#care2R .message { font-size: 116%; padding: 0 0 30px 0; }
#care2R h5 { font-size: 116%; padding: 0 0 10px 15px; }
#care2R ul li { font-size: 116%; line-height: 1.7; padding: 0 0 0 15px; }
#care3 { clear: both; width: 530px; height: 450px; position: relative; background: url(../images/bg_care2.png) no-repeat center top; background-size: 890px 480px; padding: 30px 0 0 360px; margin: 0 auto; }
#care3 h6 { width: 24px; height: 226px; position: absolute; top: 54px; left: 51px; }
#care3 .photo { width: 213px; height: 275px; position: absolute; top: 75px; left: 102px; }
#care3 .title { min-height: 21px; background: url(../images/anchor1.png) no-repeat left top; background-size: 21px 21px; font-size: 125%; font-weight: bold; padding: 0 0 0 30px; margin: 0 0 15px; }
#care3 ul { font-size: 108%; line-height: 1.9; margin: 0 0 40px 0; }
#care3 .message { font-size: 108%; line-height: 1.9; }

/*----- school -----*/
#school { clear: both; width: 930px; padding: 50px 0 0; margin: 0 auto; }
#school .school { width: 930px; padding: 0; margin: 0 auto 65px; }
#school .school .school1 { width: 930px; background: #FFF5C5; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 50px 0; margin: 0; }
#school .school .school1 .post { width: 820px; padding: 0; margin: 0 auto; }
#school .school .school2 { width: 930px; background: #F9EE85; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 0 0 25px; margin: 0; }
#school .school .school2 .post { width: 542px; min-height: 258px; background: url(../images/school_img.png) no-repeat right bottom; background-size: 258px 258px; border-top: #44210E dotted 2px; padding: 50px 278px 0 0; margin: 0 auto; }
#school .school .school1 h3 { background: url(../images/school_green.png) no-repeat 0 5px; background-size: 25px 25px; font-size: 208%; padding: 0 0 0 30px; }
#school .school .school2 h3 { background: url(../images/school_orange.png) no-repeat 0 5px; background-size: 25px 25px; font-size: 208%; padding: 0 0 0 30px; }
#school .school .school1 .cacth, #school .school .school2 .cacth { font-size: 141%; font-weight: bold; padding: 10px 0 0 0; }
#school .school .school1 .information, #school .school .school2 .information { font-size: 116%; line-height: 1.7; padding: 20px 0 0 0; }
#school1 { width: 910px; background: #FFF url(../images/school_green.png) no-repeat 850px 90px; background-size: 25px 25px; border-radius: 10px; padding: 0 0 55px; margin: 0 auto 70px; }
#school2 { width: 910px; background: #FFF url(../images/school_orange.png) no-repeat 850px 90px; background-size: 25px 25px; border-radius: 10px; padding: 0 0 55px; margin: 0 auto 70px; }
#school1 h4, #school2 h4 { padding: 0 0 90px }
#school1 .post, #school2 .post { width: 780px; overflow: hidden; font-size: 141%; font-weight: bold; margin: 0 auto 60px; }
#school1 .post .postL, #school2 .post .postL { float: left; width: 365px; margin: 0; }
#school1 .post .postL table, #school2 .post .postL table { width: 365px; margin: 0; }
#school1 .post .postL table th, #school2 .post .postL table th { width: 125px; text-align: left; padding: 0 0 40px 0; margin: 0; }
#school1 .post .postL table th h5, #school2 .post .postL table th h5 { font-weight: bold }
#school1 .post .postL table td, #school2 .post .postL table td { width: 240px; font-weight: bold; text-align: left; padding: 0 0 40px 0; margin: 0; }
#school1 .post .postR, #school2 .post .postR { float: right; width: 365px; margin: 0; }
#school1 .post .postR h5, #school2 .post .postR h5 { font-weight: bold; padding: 0 0 15px; }
#school1 .post .postR .content p, #school2 .post .postR .content p { padding: 0 0 20px }
#school1 .contact, #school2 .contact { clear: both; text-align: center; padding: 0 0 20px; }
#school1 address, #school2 address { text-align: center }

/*----- access -----*/
#access { clear: both; width: 980px; padding: 50px 0 0; margin: 0 auto; }
.access { width: 825px; overflow: hidden; padding: 50px 75px 0 80px; margin: 0 0 50px; }
.access #accessL { float: left; width: 380px; margin: 0; }
#accessL .information { width: 370px; border-top: #44210E solid 1px; border-bottom: #44210E solid 1px; padding: 19px 0 24px 10px; margin: 0 0 20px; }
#accessL .information h3 { padding: 0 0 15px 2px }
#accessL .information .address { min-height: 16px; background: url(../images/access_address.png) no-repeat 2px 0; background-size: 19px 18px; font-size: 108%; padding: 2px 0 5px 28px; }
#accessL .information address { padding: 0 0 10px 3px }
#accessL .information .parking { min-height: 21px; background: url(../images/access_parking.png) no-repeat 0 0; background-size: 23px 23px; padding: 2px 0 15px 28px; }
.access #accessR { float: right; width: 435px; margin: 0; }
#map,#access .map{ clear: both; width: 980px; height: 520px; margin: 0; }

/*----- blog -----*/
#blog { clear: both; width: 970px; overflow: hidden; padding: 50px 0 0; margin: 0 auto; }
#blog #blogL { float: left; width: 565px; background: #FFF; padding: 35px 65px 0; margin: 0; padding-bottom: 32767px; margin-bottom: -32767px; }
#blogL .title { width: 523px; display: table; border: #44210E solid 1px; padding: 14px 20px; margin: 0 0 30px; }
#blogL .title h3 { width: 430px; display: table-cell; font-size: 133%; font-weight: bold; }
#blogL .title .date { width: 93px; display: table-cell; text-align: right; }
#blogL .content { width: 525px; font-size: 108%; margin: 0 auto 60px; }
#blogL .content img { padding: 0 0 25px }
#blogL .content p { padding: 0 0 20px }
#blogL #pagenation { clear: both; width: 525px; font-size: 108%; text-align: center; margin: 0 auto 90px; }
#blogL .pagenation { width: 525px; position: relative; font-size: 108%; margin: 0 auto 90px; }
#blogL .pagenation .prev { width: 190px; position: absolute; top: 6px; left: 0; }
#blogL .pagenation .back { text-align: center }
#blogL .pagenation .next { width: 190px; position: absolute; text-align: right; top: 6px; right: 0; }
#blog #blogR { float: right; width: 155px; background: #FFF; padding: 40px 35px 0; margin: 0; padding-bottom: 32767px; margin-bottom: -32767px; }
#blogR h4 { text-align: center; margin: 0 0 30px; }
#blogR h4 span { background: url(../images/list1.png) no-repeat 0 1px; background-size: 16px 16px; font-size: 150%; font-weight: bold; letter-spacing: 0.1em; text-indent: 0.1em; padding: 0 0 0 26px; }
#blogR ul { margin: 0 0 50px }
#blogR ul li { font-size: 116%; text-align: center; padding: 0 0 20px; }
#blogR ul li a { text-decoration: underline }
#blogR ul li a:hover { text-decoration: none }
#media-list { width: 565px; overflow: hidden; border-bottom: #44210E dotted 1px; padding: 0 0 45px; margin: 0 0 30px; }
#media-listL { float: left; width: 150px; height: 150px; }
#media-listR { float: right; width: 380px; padding: 10px 0 0; }
#media-listR .title { width: 380px; border: none; padding: 0; margin: 0 0 20px; }
#media-listR .title h3 { font-size: 116%; }
#media-listR .title h3 span { font-size: 91%; padding-right: 20px; }
#media-listR .content { width: 380px; font-size: 108%; margin: 0; }
#media-single { width: 565px; position: relative; color: #FFF; padding: 57px 0 0; margin: 0; }
#media-single .media-kakizaru { width: 72px; height: 68px; position: absolute; top: 0; left: 0; }
#media-single .title { width: 525px; display: table; background: #44210E; padding: 14px 20px; margin: 0 0 30px; }
#media-single .title h3 { width: 430px; display: table-cell; font-size: 133%; font-weight: bold; }
#media-single .title .date { width: 95px; display: table-cell; text-align: right; }

/*----- contact -----*/
#contact { clear: both; width: 810px; padding: 35px 0 0; margin: 0 auto; }
#contact .introduction { font-size: 108%; line-height: 1.7; text-align: center; padding: 0 0 30px; }
#contact address { text-align: center; padding: 0 0 70px; }
#contact #form { width: 810px; border-top: #44210E solid 1px; padding: 29px 0 0; }
#contact #form h3 { text-align: center; padding: 0 0 40px; }
#contact #form .form { width: 730px; padding: 0 70px 0 10px; margin: 0; }
#form .form table { width: 730px; margin: 0 0 30px; }
#form .form table th { width: 160px; font-size: 125%; text-align: left; vertical-align: middle; padding: 0 0 30px; }
#form .form table th.textarea { vertical-align: top }
#form .form table td { width: 570px; font-size: 125%; text-align: left; vertical-align: middle; padding: 0 0 30px; }
#form .form table td input { width: 550px; min-height: 30px; background: #FFF; border: none; border-radius: 5px; padding: 5px 10px; }
#form .form table td textarea { width: 550px; min-height: 220px; background: #FFF; border: none; border-radius: 5px; padding: 5px 10px; }
#form .submit, #form .buttons-area-confirm { width: 810px; text-align: center; margin: 20px auto; }
#form .submit input.wpcf7-form-control { margin: 20px 0 0 10px }
#form .submit, #form .buttons-area-confirm img { margin: 20px 0 0 10px; border-radius: 10px; }
#form .submit, #form .button-rewrite { margin: 20px 0 0 0; border-radius: 10px; }
#form .submit input.wpcf7-form-control{ border-radius: 10px; }

/*----- link -----*/
#link { clear: both; width: 710px; text-align: center; padding: 65px 0 0; margin: 0 auto; }
#link ul li { font-size: 116%; display: inline-block; padding: 0 15px 20px; }

/*----- footer -----*/
#footer { clear: both; width: 100%; background: #44210E; margin: 0 auto; }
.footer { width: 1000px; position: relative; padding: 35px 0; margin: 0 auto; }
.footer .copy { color: #FFF; font-size: 91%; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; }
.footer #pagetop { width: 84px; height: 113px; position: absolute; top: -110px; right: 10px; }
.footer #pagetop a img { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.footer ul.fnavi { width: 960px; padding: 0 0 0 40px; margin: 0 0 20px 0; }
.footer ul.fnavi li { color: #FFF; font-size: 125%; display: inline-block; }
.footer ul.fnavi li.fnavi1 { background: url(../images/f_home.png) no-repeat left top; background-size: 19px 18px; padding: 0 45px 0 25px; }
.footer ul.fnavi li.fnavi2 { padding: 0 45px 0 0 }
.footer ul.fnavi li.fnavi3 { padding: 0 }
.footer ul.fnavi li a { color: #FFF; text-decoration: underline; }
.footer ul.fnavi li a:hover { text-decoration: none }
.footer ul.link { width: 985px; text-align: center; padding: 0 0 0 15px; margin: 0 0 40px 0; }
.footer ul.link li { color: #FFF; display: inline-block; padding: 0 15px 10px 0; }
.footer ul.link li a { color: #FFF }

/*----- fnavi -----*/
#fnavi { width: 1000px; margin: 0 0 50px; }
#fnavi ul { width: 990px; overflow: hidden; padding: 0 0 0 10px; margin: 0; }
#fnavi ul li { float: left; padding: 0; margin: 0; }
#fnavi ul li.gnavi1, #fnavi ul li.gnavi4 { width: 160px }
#fnavi ul li.gnavi2, #fnavi ul li.gnavi3 { width: 185px }
#fnavi ul li.gnavi5 { width: 140px }
#fnavi ul li.gnavi6 { width: 150px }
#fnavi ul li a img { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }

/* add hananoya*/
.pc { display: block !important }
.sp { display: none !important }
@media screen and (max-width:768px) {

	/*----- common -----*/
	.pc { display: none !important }
	.sp { display: block !important }
	img { max-width: 100%; height: auto; }
	body { }
	.header { display: none }
	#header { padding: 40px 0 0; }
	#contents { padding: 5px 0 250px }
	#contents #title { width: 100% }
	#title .breadcrumb { position: initial; text-align: left; padding: 0 0 15px 5%; }
	#wrap { width: 100%; min-width: 100%; padding-top: 13vw; }
	#gnavi { display: none }
	.footer { width: 100%; position: relative; }
	.footer ul.fnavi { width: 88%; margin: 0 auto 20px; }
	.footer ul.fnavi li.fnavi1 { padding: 0 6% 0 9%; background-size: contain; }
	.footer ul.fnavi li.fnavi2 { padding: 0 6% 0 0 }
	#fnavi { width: 100%; }
	#fnavi ul { width: 100%; padding: 0; }
	.footer #pagetop { top: -110px; right: 3%; }
	.footer .copy { padding: 0 5% }

	/*drawr*/
	.sp_header { display: block; height: 13vw; width: 100%; background: #45200e; z-index: 100000; position: fixed; top: 0; }
	.btn { background: url(../images/sp_open.jpg) no-repeat center top; background-size: contain; display: block; width: 35px; height: 35px; position: absolute; top: 7px; right: 10px; cursor: pointer; z-index: 10001; }
	.peke { background: url(../images/sp_close.jpg) no-repeat center top; background-size: contain; }
	.drawr { display: none; background-color: rgba(68, 33, 14, 0.8); position: absolute; top: 0px; right: 0; width: 260px; padding: 60px 0 20px 20px; z-index: 10000; }
	#menu li { width: 260px; }
	#menu li a { color: #fff; display: block; padding: 12px 15px; font-size: 16px; }

	/*----- index -----*/
	#index_header { height: auto; }
	.index_header { width: 100%; padding: 2.5vh 0 5vh; }
	.index_header h1 { width: 40%; top: 0; height: auto; position: inherit; padding: 0 0 2.5vh; }
	.index_header h2 { top: 2.5vh; left: 0; right: calc(230px + 12.5vw); height: auto; width: 8%; margin: 0 auto; }
	.index_header .h_information { width: 230px; top: auto; left: 0; right: 0; margin: 0 auto; position: inherit; }
	.index_header  address.tel-link { margin: 0 auto; text-align: center; }
	.index_header .h_address { padding: 2px 0 10px 20px; min-height: 100%; margin: 0 auto; }
	.bx-wrapper .bx-pager { top: inherit; bottom: 1vh; width: 100%; }
	#index1 { width: 100%; padding: 0; }
	#index1 .index1 { width: 100%; display: inline; }
	#index1 .index1 .index1a, #index1 .index1 .index1c { display: block; width: 100%; }
	#index1 .index1 .index1b { display: block; width: 100%; }
	#index1 .index1 .index1a p, #index1 .index1 .index1b p, #index1 .index1 .index1c p { width: 70%; margin: 0 auto; padding: 0 15%; }
	#index2 { padding: 30px 0; background: #FFF5C5 url(../images/bg_sp_update.png) no-repeat center bottom; background-size: contain; }
	#index2 .monthly { width: 100%; height: auto; background: none; padding: 0; }
	#index2 .monthly p { display: block }
	#index2 .monthly .monthly_illust { text-align: center; width: 55%; margin: 0 auto 18px; }
	#index2 .monthly .monthly_txt { display: block; background: url(../images/index_sp_monthly_bg.png) no-repeat center top; background-size: cover; padding: 26px 5% 10px; font-size: 95%; margin: 0 2%; }
	#index2 #update { width: 100%; height: auto; }
	#update .illust { display: none }
	#update #index_news { width: 90%; height: auto; background: none; position: inherit; margin: 0 auto; left: 0; }
	#update h5.blog { width: 80%; background: none; position: inherit; left: 5%; }
	#update #index_blog { width: 90%; height: auto; margin: 0 auto; background: none; position: inherit; left: 0; top: -80px; }
	#index3 { width: 100%; }
	#index3 #index3L { float: none; width: 80%; margin: 0px auto 30px; height: auto; padding: 0 4%; }
	#index3 #index3L .index3L { width: auto; margin: 0px auto 30px; height: auto; padding: 55px 4% 35px; background-repeat: repeat; }
	#index3L .index3L .symptom { padding: 0 0 20px; }
	#index3L .index3L .message { padding: 0 6%; line-height: 1.8; }
	#index3L .index3L h6 { padding: 0 6% 20px; }
	#index3L #qr1 { padding: 0; }
	#index3 #index3R { float: none; width: 80%; margin: 0 auto; }
	#index_news .thumbnail, #index_blog .thumbnail { margin: 0 auto }
	#update .cover { display: none }
	#index_news .thumbnail a img { border: 10px #fff solid; border-radius: 120px; }
	#update h5.news { left: 5% }
	#index_news .thumbnail a img, #index_blog .thumbnail a img { border: 10px #fff solid; border-radius: 200px; }
	#index_news .more, #index_blog .more { padding: 0 20% }
	#index3R .greeting { width: 100%; padding: 0 0; background-position: top center; padding: 180px 0 60px 0; font-size: 14px; }
	#index3R .access { width: 100%; height: auto; padding: 0; background: none; }
	#index3R .access .open { text-align: center }
	#index3R .access .address { text-align: center; padding: 25px 0 0; background-position: top center; margin: 0 auto; }
	#index3R .access .google { text-align: center; margin: 10px auto 0; padding: 0 10%; }
	#index3R .map { padding: 40px 0 0; text-align: center; }

	/*----- clinic -----*/
	#clinic { width: 90% }
	#clinic1 { width: 100% }
	.clinic1 { width: 100% }
	.clinic1 #clinic1L { width: 100%; float: initial; text-align: center; }
	#clinic1L p { padding: 0 }
	.clinic1 #clinic1R { width: 100%; float: initial; }
	#clinic1 .history { width: 100%; min-height: auto; padding: 0; overflow: inherit; }
	#clinic1 .history ul.historyL { float: none; width: 70%; padding: 20px 0 0 22%; }
	#clinic1 .history ul.historyR { float: none; width: 70%; padding: 0 0 20px 22%; }
	#clinic2 h5 { width: 100%; overflow: hidden; text-align: center; }
	#clinic2 h5 img { width: 300%; max-width: inherit; margin: 0 0 0 -100%; }
	#clinic2 .message { padding: 0 0 20px }
	#clinic2 { padding: 20px 5% 20px; width: 90%; }
	#clinic1 .history h4 { left: 6% }
	#clinic3 h5 { width: 100%; overflow: hidden; text-align: center; padding: 0 0 30px; }
	#clinic3 h5 img { width: 300%; max-width: inherit; margin: 0 0 0 -100%; }
	#clinic3 ul { width: 100% }
	#clinic3 ul li { float: inherit !important; width: 100% !important; margin: 0 auto 20px !important; text-align: center; }

	/*----- fee -----*/
	#fee { width: 90%; margin: 0 auto; }
	#fee .introduction { font-size: 120% }
	#fee ul.navi { width: 100%; padding: 0; }
	#fee ul.navi li { float: none; width: 100%; text-align: center; margin: 0 auto 20px; }
	#fee1 { width: 100% }
	#fee1 .title, #fee2 .title, #fee3 .title { width: 100%; display: block; padding: 0; }
	#fee1 .title h3, #fee2 .title h3, #fee3 .title h3 { width: 100%; display: block; text-align: center; }
	#fee1 .title p, #fee2 .title p, #fee3 .title p { width: 100%; display: block; }
	#fee1 .point { background: #fde784; width: 90%; padding: 5%; height: auto; }
	#fee h5 { width: 100%; overflow: hidden; text-align: center; }
	#fee  h5 img { width: 300%; max-width: inherit; margin: 0 0 0 -100%; }
	#fee ul.fee { width: 100% }
	#fee ul.fee li { width: 100%; padding: 200px 0 0 0; height: auto; background-position: center top !important; }
	#fee ul.fee li h6 { height: auto }
	#fee2 { width: 100% }
	#fee2 .point { background: #fde784; width: 90%; padding: 5%; height: auto; }
	#fee3 { width: 100% }

	/*----- care -----*/
	#care { width: 90% }
	#care1 { width: 94%; height: auto; background-size: contain; padding: 21px 3% 0; margin: 0 0 30px; }
	#care1 h3 { font-size: 170% }
	#care2 { width: 100%; overflow: inherit; padding: 0; }
	#care2 #care2L { float: initial; width: 100%; }
	#care2 #care2R { width: 100%; float: none; margin-top: 20px; }
	#care3 { border: 8px solid #f4d727; border-radius: 20px; background: #fff; width: 100%; box-sizing: border-box; height: auto; padding: 310px 5% 20px; }
	#care3 h6 { left: 6%; top: 30px; }
	#care3 .photo { left: 17%; top: 30px; height: auto; text-align: center; }
	#care3 .photo img { max-width: 90% }

	/*----- school -----*/
	#school { width: 100%; padding: 30px 0 0; }
	#school .school { width: 100% }
	#school .school .school1 { width: 90%; padding: 30px 5%; }
	#school .school .school1 .post { width: 100% }
	#school .school .school2 { width: 90%; padding: 0 5% 20px; }
	#school .school .school2 .post { width: 100%; padding: 30px 0 280px; background-position: bottom center; }
	#school2 { width: 100%; overflow: hidden; padding: 0 0 40px; }
	#school1 h4, #school2 h4 { width: 100%; overflow: hidden; text-align: center; padding: 0 0 40px; }
	#school1 h4, #school2 h4 img { width: 300%; max-width: inherit; margin: 0 0 0 -100%; }
	#school1 .post .postL, #school2 .post .postL { float: none; width: 100%; }
	#school1 .post, #school2 .post { width: 90%; overflow: inherit; }
	#school1 .post .postL table, #school2 .post .postL table { width: 100% }
	#school1 .post .postL table th, #school2 .post .postL table th { display: block; width: 100%; padding: 0 0; }
	#school1 .post .postL table td, #school2 .post .postL table td { width: 100%; display: block; }
	#school1 .post .postR, #school2 .post .postR { float: none; width: 100%; }
	#school1 { width: 100%; padding: 0 0 40px; overflow: hidden; }
	#school1 .contact, #school2 .contact { width: 85%; margin: 0 auto; background: #f4d727; padding: 10px 5%; font-size: 16px; margin-bottom: 10px; }
	#school1 address, #school2 address { width: 95%; margin: 0 auto; font-size: 18px; }

	/*----- access -----*/
	#access { width: 100%; padding: 0; }
	.access { width: 90%; margin: 30px auto; overflow: inherit; padding: 0; }
	.access #accessL { float: none; width: 100%; }
	.access #accessR { float: none; width: 100%; }
	#accessL .information { width: 100%; padding: 19px 0 24px 0px; }
	#accessL .information h3 { text-align: center }
	#accessL .information .address { width: 62%; margin: 0 auto; }
	#accessL .information address { text-align: center }
	#accessL .information .parking { width: 50%; margin: 0 auto; }
	#accessL .information p:last-child { text-align: center }
	.access #accessR { margin-top: 30px }

	/*----- map -----*/
	#map,#access .map { width: 100%; height: 280px; }

	/*----- contact -----*/
	#contact { width: 90% }
	#contact #form { width: 100% }
	#form .form table { width: 100% }
	#form .form table th { width: 100%; display: block; padding: 0 0 10px; }
	#form .form table td { width: 100%; overflow: hidden; display: block; }
	#form .form table td input { width: 90%; padding: 5px 5%; }
	#contact #form .form { width: 100%; padding: 0; }
	#form .form table td textarea { width: 90%; padding: 5px 5%; }
	#form .submit, #form .buttons-area-confirm { width: 100% }
	form.wpcf7-form ul.error-messages { width: 100% !important }

	/*----- blog -----*/
	#blog { width: 100% }
	#blog #blogL { padding: 31px 5%; width: 90%; float: none; margin: 0; }
	#blog #blogR { float: none; width: 70%; margin: 30px auto 0; padding: 20px 5%; }
	#blogL .title { width: 90%; padding: 14px 5%; margin-bottom: 20px; }
	#blogL .content { width: 100%; line-height: 1.7; }
	#blogL .content a { text-decoration: underline }
	#blogL #pagenation { width: 100%; margin: 0 auto 10px; }
	#blogL .pagenation { width: 100%; margin: 0 auto 30px; padding: 0 0 50px; }
	#blogL .pagenation .back { position: absolute; left: 0; right: 0; top: 40px; }

	/*----- link -----*/
	#link { width: 90% }
    
    #form .submit input.wpcf7-form-control { margin: 10px 0 10px -1px; }
    #form .submit, #form .button-rewrite { margin: 10px 0; }
}