/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}
img {
    vertical-align: top;
}
embed {
    vertical-align: top;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}
mark, rp, rt, ruby, summary, time {
    display: inline;
}
input, textarea {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}
iframe {
    border: 0;
    margin: 0;
    padding: 0;
}
input, textarea, select {
    margin: 0;
    padding: 0px;
}
/* -------------------------------------------- */
/* ------------------Font---------------------- */
/*Add your font at here*/
/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {
    width: 100%;
    padding: 0;
    margin: 0;
}
body {
    background-color: #F8F7F4;
    color: #371D00;
    background-image: url(../images/bg.jpg);
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
    *font-size: small;
    *font: x-small;
    font-size: 14px;
    line-height: 1.7;
}
.menu-open-btn {
    display: none;
}
.sb-tel-btn {
    display: none;
}
.sb-reserve-wrap {
    display: none;
}
a {
    color: #371D00;
    text-decoration: underline;
}
a:hover {
    color: #371D00;
    text-decoration: none;
}
a.hover {
    color: #371D00;
    text-decoration: none;
}
.text11 {
    font-size: 77%;
}
.text12 {
    font-size: 85%;
}
.text13 {
    font-size: 93%;
}
.text14 {
    font-size: 100%;
}
.text15 {
    font-size: 108%;
}
.text16 {
    font-size: 116%;
}
.text17 {
    font-size: 123.1%;
}
.text18 {
    font-size: 131%;
}
.text19 {
    font-size: 138.5%;
}
.text20 {
    font-size: 146.5%;
}
.text21 {
    font-size: 153.9%;
}
.text22 {
    font-size: 161.6%;
}
.text23 {
    font-size: 167%;
}
.text24 {
    font-size: 174%;
}
.text25 {
    font-size: 182%;
}
.text26 {
    font-size: 189%;
}
.text27 {
    font-size: 197%;
}
.clear {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.text-red {
    color: #FF0000;
}
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {
    border-top: 10px solid #371D00;
}
header .wrap-header {
    height: 173px;
}
header #logo {
    display: block;
    float: left;
    width: 32%;
    padding-top: 38px;
}
header #head-info {
    display: block;
    float: right;
    width: 68%;
    padding-top: 44px;
}
header #head-info .address {
    display: block;
    text-align: right;
}
header #head-info .address a.link-btn {
    background-color: #371D00;
    color: #ffffff;
    text-decoration: none;
    padding: 3px 15px 3px 11px;
    margin-left: 15px;
}
header #head-info .address a.link-btn:hover {
    background-color: #592F00;
}
header #head-info .address a.link-btn.hover {
    background-color: #592F00;
}
header #head-info .address a.link-btn span {
    background-image: url(../images/arrow01.png);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: left center;
    padding-left: 18px;
}
header #head-info .tel {
    display: block;
    text-align: right;
    line-height: 33px;
    margin-top: 15px;
}
header #head-info .tel .telnum-title {
    background-color: #E9E9E0;
    padding: 5px 15px 4px 15px;
    margin-right: 15px;
}
header #head-info .tel .telnum {
    font-family: 'Cabin', sans-serif;
    font-size: 33px;
    font-weight: 500;
}
header #head-info .tel .telnum a {
    text-decoration: none;
}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav.main {
    background: #fafaf7;
    background: -moz-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: -webkit-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: linear-gradient(to bottom, #fafaf7 0%, #efece4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf7', endColorstr='#efece4', GradientType=0);
    border-top: 1px solid #F3F1EB;
    margin-bottom: 4px;
}
nav.main .wrap-nav {
    height: 102px;
    background-image: url(../images/bg.jpg);
}
.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px 2px 0px 2px;
}
.menu ul li {
    position: relative;
    float: left;
    padding: 0px;
    width: 16.66%;
}
.menu ul li:hover {}
.menu ul li.hover {}
.menu ul li a {
    background: #fafaf7;
    background: -moz-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: -webkit-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: linear-gradient(to bottom, #fafaf7 0%, #efece4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf7', endColorstr='#efece4', GradientType=0);
    display: block;
    text-align: center;
    text-decoration: none;
    height: 102px;
    margin: 0px 1px 0px 1px;
}
.menu ul li a:hover {
    background: #f7f7f0;
    background: -moz-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: linear-gradient(to bottom, #f7f7f0 0%, #e8e3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#e8e3d9', GradientType=0);
}
.menu ul li a.hover {
    background: #f7f7f0;
    background: -moz-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: linear-gradient(to bottom, #f7f7f0 0%, #e8e3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#e8e3d9', GradientType=0);
}
.menu ul li a.current {
    background: #f7f7f0;
    background: -moz-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: linear-gradient(to bottom, #f7f7f0 0%, #e8e3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#e8e3d9', GradientType=0);
}
.menu ul li a img {
    width: 28%;
    height: auto;
    padding-top: 18px;
}
/* -------------------------------------------- */
/* ------------------featured---------------- */
.featured {
    margin: 0px auto;
}
.featured .wrap-featured {
    position: relative;
    margin-bottom: 40px;
}
.featured .wrap-featured .slider {}
.featured .wrap-featured .center-block {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto auto auto;
    width: 360px;
    height: 360px;
    background-color: rgba(221, 63, 25, 0.6);
    z-index: 100;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
}
.featured .wrap-featured .center-block p {
    margin-top: 10px;
}
/* -------------------------------------------- */
/* ------------------right link------------------- */
a.right-link {
    display: block;
    float: right;
    background-color: #E9E9E0;
    font-size: 85%;
    text-decoration: none;
    clear: both;
    padding: 7px 20px 6px 20px;
}
a.right-link:hover {
    background-color: #E2E2D8;
}
a.right-link.hover {
    background-color: #E2E2D8;
}
a.right-link span {
    background-image: url(../images/arrow02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 3px 5px;
    padding-right: 15px;
}
/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {
    padding: 30px 0px;
}
#content.subpage-use {}
#content .wrap-content {}
/* -------------------------------------------- */
/* ------------------wide-Content------------------- */
#wide-content {
    padding-bottom: 35px;
}
#wide-content .heading {
    line-height: 28px;
    background-image: url(../images/border.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 12px 0px;
}
#wide-content .heading h2 {
    display: inline;
    font-size: 189%;
    font-weight: normal;
    color: #DD3F19;
}
#wide-content .heading span.en {
    display: inline;
    font-size: 77%;
    color: #999999;
    padding-left: 15px;
}
#wide-content .left-box {
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
}
#wide-content .left-box .doctor-box-left {
    display: inline-block;
    float: none;
    text-align: center;
}
#wide-content .left-box .doctor-box-right {
    display: inline-block;
    float: left;
    margin-left: 44px;
    text-align: center;
}
#wide-content .left-box .doctor-box-left p, #wide-content .left-box .doctor-box-right p {
    margin-top: 5px;
}
#wide-content .right-box {
    display: inline-block;
    float: left;
    width: 75%;
    padding-top: 10px;
}
#wide-content .right-box p {
    margin-bottom: 20px;
}
#wide-content .right-box p:last-child {
    margin-bottom: 0px;
}
/* -------------------------------------------- */
/* ------------------main-Content------------------- */
#main-content {
    float: right !important;
}
#main-content .mainbox {
    clear: both;
    margin: 0px 0px 50px 0px;
    position: relative;
}
#main-content .mainbox .heading {
    line-height: 28px;
    background-image: url(../images/border.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 12px 0px;
}
#main-content .mainbox .heading h2 {
    display: inline;
    font-size: 189%;
    font-weight: normal;
    color: #DD3F19;
}
#main-content .mainbox .heading span.en {
    display: inline;
    font-size: 77%;
    color: #999999;
    padding-left: 15px;
}
#main-content .mainbox .heading span.en.ind {
    display: block;
    padding-left: 0px;
}
#main-content .mainbox .default-content {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    position: relative;
}
#main-content .mainbox .default-content p {
    margin: 0px 0px 20px 0px;
}
#main-content .mainbox .default-content p.mid-margin {
    margin: 0px 0px 8px 0px;
}
#main-content .mainbox .default-content p.no-margin {
    margin: 0px 0px 0px 0px;
}
#main-content .mainbox .default-content p:last-child {
    margin: 0px 0px 0px 0px;
}
#main-content .mainbox .default-content ul li {
    text-indent: -1.0em;
    padding-left: 1.0em;
}
#main-content .mainbox .default-content ul.use-margin {
    margin: 0px 0px 20px 0px;
}
#main-content .mainbox .default-content .h3-wrap {
    display: block;
    margin: 0px 0px 20px 0px;
}
#main-content .mainbox .default-content .h3-wrap h3 {
    display: inline;
    position: relative;
    font-size: 115%;
    font-weight: normal;
    color: #371D00;
    padding: 0px 0px 0px 15px;
}
#main-content .mainbox .default-content .h3-wrap h3::after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 20px;
    background-color: #371D00;
    left: 0px;
    top: -3px;
}
#main-content .mainbox .default-content .h4-wrap {
    display: block;
    margin: 0px 0px 10px 0px;
}
#main-content .mainbox .default-content .h4-wrap h4 {
    display: inline-block;
    position: relative;
    font-size: 107%;
    font-weight: bold;
    color: #371D00;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px dotted #371D00;
}
#main-content .mainbox .default-content .h5-wrap {
    display: block;
    margin: 0px 0px 5px 0px;
}
#main-content .mainbox .default-content .h5-wrap h5 {
    display: -block;
    position: relative;
    font-size: 100%;
    font-weight: bold;
    color: #371D00;
}
#main-content .mainbox .default-content .division-block {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}
#main-content .mainbox .default-content .division-block:not(:last-child) {
    padding: 0px 0px 40px 0px;
}
/* ------------------news & topics------------------- */
#news-list-wrap {
    display: block;
    max-height: 300px;
    overflow-y: auto;
    padding: 0px 10px 0px 0px;
    margin: 0px 0px 20px 0px;
}
.news-list {
    display: block;
}
.news-list a {
    display: block;
    border-bottom: 1px dotted #CECECE;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
}
.news-list a:hover {
    background-color: #EEEEEE;
}
.news-list a.hover {
    background-color: #EEEEEE;
}
.news-list .date {
    font-style: italic;
    font-size: 77%;
    background-color: #E2E2D8;
    display: inline-block;
    padding: 2px 10px 1px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px 0px 10px 0px;
}
.news-list .new {
    display: inline-block;
    padding: 5px 0px 0px 10px;
}
/* ------------------banner------------------- */
.banner-wrap {
    padding: 0px 0px 10px 0px;
}
/* ------------------troubled------------------- */
.troubled-list-wrap {
    display: block;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.troubled-list-wrap .troubled-list {
    display: block;
    background: #fafaf7;
    background: -moz-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: -webkit-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: linear-gradient(to bottom, #fafaf7 0%, #efece4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf7', endColorstr='#efece4', GradientType=0);
    text-decoration: none;
    float: left;
    width: 48.8%;
    margin: 0px 0.6% 5px 0.6%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.troubled-list-wrap .troubled-list .img-wrap {
    display: block;
    float: left;
    width: 38%;
    margin: 0px 7% 0px 0px;
}
.troubled-list-wrap .troubled-list .img-wrap img {
    border: 4px solid #E9E9E0;
}
.troubled-list-wrap .troubled-list .text-wrap {
    display: block;
    float: left;
    width: 55%;
    padding: 15px 0px 0px 0px;
}
.troubled-list-wrap .troubled-list .troubled-title {
    font-size: 108%;
    background-image: url(../images/arrow01.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 13px 13px;
    padding-left: 18px;
    line-height: 1.3;
}
.troubled-list-wrap .troubled-list .troubled-title a {
    text-decoration: none;
}
.troubled-list-wrap .troubled-list .troubled-title a:hover {
    text-decoration: underline;
}
.troubled-list-wrap .troubled-list .troubled-title a.hover {
    text-decoration: underline;
}
.troubled-list-wrap .troubled-list .troubled-link-wrap {
    position: absolute;
    bottom: 16px;
    right: 18px;
}
.troubled-list-wrap .troubled-list .troubled-link-wrap a.troubled-link {
    display: block;
    float: right;
    background-color: #E9E9E0;
    font-size: 85%;
    text-decoration: none;
    clear: both;
    padding: 4px 20px 3px 20px;
}
.troubled-list-wrap .troubled-list .troubled-link-wrap a.troubled-link:hover {
    background-color: #E2E2D8;
}
.troubled-list-wrap .troubled-list .troubled-link-wrap a.troubled-link.hover {
    background-color: #E2E2D8;
}
.troubled-list-wrap .troubled-list .troubled-link-wrap a.troubled-link span {
    background-image: url(../images/arrow02.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 3px 5px;
    padding-right: 15px;
}
/* ------------------choose the doctor------------------- */
.choose-doctor-contents {
    display: block;
    padding-top: 10px;
}
.choose-doctor-block {
    display: block;
    padding: 30px 0px 0px 0px;
}
.choose-doctor-block .doctor-name-wrap {
    display: block;
    border-left: 8px solid #55402B;
    line-height: 1.0;
    padding: 0px 0px 0px 10px;
}
.choose-doctor-block .doctor-name-wrap .name-ja {
    font-size: 116%;
    padding: 3px 0px 3px 0px;
}
.choose-doctor-block .doctor-name-wrap .name-en {
    font-size: 85%;
    color: #F88C00;
    padding: 2px 0px 1px 0px;
}
.choose-doctor-block .doctor-img-wrap {
    display: block;
    float: left;
    width: 28%;
    text-align: center;
    padding: 15px 0px 0px 0px;
}
.choose-doctor-block .doctor-prof-wrap {
    display: block;
    float: left;
    width: 72%;
    padding: 15px 0px 0px 0px;
}
.choose-doctor-block .doctor-prof-wrap dl.left {
    width: 55%;
}
.choose-doctor-block .doctor-prof-wrap dl.right {
    width: 45%;
}
.choose-doctor-block .doctor-prof-wrap dl {
    float: left;
}
.choose-doctor-block .doctor-prof-wrap dt {
    background-image: url(../images/arrow01.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 13px 13px;
    padding: 0px 0px 0px 18px;
}
.choose-doctor-block .doctor-prof-wrap dd {
    margin: 3px 0px 12px 0px;
}
/* ------------------consultation hours------------------- */
.consultation-hours-table-wrap {
    padding: 10px 0px 20px 0px;
}
.consultation-hours-text-wrap {}
.consultation-hours-text-wrap p {
    margin: 0px 0px 15px 0px;
}
/* ------------------access------------------- */
.access-head-wrap {
    padding: 10px 0px 0px 0px;
}
.access-head-left {
    display: block;
    float: left;
    width: 40%;
}
.access-head-left img {
    border: 5px solid #E9E9E0;
}
.access-head-right {
    display: block;
    float: left;
    width: 56%;
    padding-left: 4%;
}
.access-head-right .cliniic-name {
    font-size: 108%;
    background-image: url(../images/icon-clinic-name.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 25px 19px;
    padding-left: 35px;
}
.access-head-right .cliniic-address {
    padding: 15px 0px 0px 0px;
}
.access-head-right .cliniic-appearance {
    padding: 30px 0px 0px 0px;
}
.access-head-right .cliniic-appearance img {
    border: 4px solid #E9E9E0;
}
.access-bottom-wrap {
    padding: 40px 0px 0px 0px;
}
/*.access-bottom-wrap img{
	border:4px solid #D9D9C8;
	}
/* ------------------map------------------- */
#map_canvas {
    width: 100%;
    margin-bottom: 10px;
    height: 390px;
    border: 4px solid #D9D9C8;
    box-sizing: border-box;
}
/* ------------------table style------------------- */
table.style01 {
    width: 100%;
    box-sizing: border-box;
    background-color: #F3F3EF;
    border-bottom: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
}
table.style01 th {
    text-align: center;
    background-color: #55402B;
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    color: #ffffff;
    font-weight: normal;
    padding: 5px 0px 5px 0px;
    vertical-align: middle;
}
table.style01 td {
    text-align: center;
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    padding: 13px 0px 13px 0px;
    font-size: 108%;
    vertical-align: middle;
}
table.style01 th.hour {
    width: 21%;
}
/* ------------------subpage------------------- */
#subpage-title-content {
    margin-bottom: 35px;
    text-align: center;
    height: 240px;
    background-color: #E9E9E0;
}
#subpage-title-content .feature {
    background-image: url(../images/pagetitle-bg-feature.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .pediatric-dentistry {
    background-image: url(../images/pagetitle-bg-pediatric-dentistry.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .denture {
    background-image: url("../images/pagetitle-bg-denture.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .dental-bite {
    background-image: url("../images/pagetitle-bg-dental-bite.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .tooth-decay {
    background-image: url("../images/pagetitle-bg-tooth-decay.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .preventive-dentistry {
    background-image: url("../images/pagetitle-bg-preventive-dentistry.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .oral-surgery {
    background-image: url("../images/pagetitle-bg-oral-surgery.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}
#subpage-title-content .maternity-treatment {
    background-image: url("../images/pagetitle-bg-maternity-treatment.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
}


#subpage-title-content .h2-wrap {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
    display: block;
    text-align: center;
}
#subpage-title-content .h2-wrap h2 {
    font-size: 189%;
    font-weight: normal;
    color: #371D00;
}
.right-float-obj {
    display: block;
    float: right;
    margin: 0px 0px 10px 30px;
}
.right-float-obj.half-size {
    max-width: 250px;
}
.right-float-obj.one-third {
    max-width: 200px;
}
.right-float-obj.one-four {
    max-width: 160px;
}
.right-float-obj.one-five {
    max-width: 80px;
}
.right-float-obj.pc-only-use {
    display: block;
}
.right-float-obj.sp-only-use {
    display: none;
}
.left-float-obj {
    display: block;
    float: left;
    margin: 0px 30px 10px 0px;
}
.side-by-side-obj {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0px 10px 0px;
}
.side-by-side-obj > div {
    position: relative;
    padding: 0px 10px 0px 10px;
}
.side-by-side-obj > div:first-child {
    padding: 0px 10px 0px 0px;
}
.side-by-side-obj > div:last-child {
    padding: 0px 0px 0px 10px;
}
.side-by-side-obj > div::after {
    content: "";
    display: block;
    position: absolute;
    right: -4px;
    top: 50%;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #371D00;
}
.side-by-side-obj > div:last-child::after {
    display: none;
}
/* -------------------------------------------- */
/* ------------------sidebar------------------- */
#sidebar {
    float: left !important;
}
#sidebar .box {
    margin-bottom: 50px;
    padding-right: 50px;
}
#sidebar .heading {
    line-height: 28px;
    background-image: url(../images/border.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 12px 0px;
}
#sidebar .heading h2 {
    display: inline;
    font-size: 189%;
    font-weight: normal;
    color: #DD3F19;
}
#sidebar .heading span.en {
    display: inline;
    font-size: 77%;
    color: #999999;
    padding-left: 15px;
}
#sidebar .content {}
#sidebar .content .sidemenu {}
#sidebar .content .sidemenu a {
    display: block;
    background: #fafaf7;
    background: -moz-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: -webkit-linear-gradient(top, #fafaf7 0%, #efece4 100%);
    background: linear-gradient(to bottom, #fafaf7 0%, #efece4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafaf7', endColorstr='#efece4', GradientType=0);
    text-decoration: none;
    padding: 18px 18px 15px 18px;
    font-size: 116%;
}
#sidebar .content .sidemenu a:hover {
    background: #f7f7f0;
    background: -moz-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: linear-gradient(to bottom, #f7f7f0 0%, #e8e3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#e8e3d9', GradientType=0);
}
#sidebar .content .sidemenu a.hover {
    background: #f7f7f0;
    background: -moz-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: linear-gradient(to bottom, #f7f7f0 0%, #e8e3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#e8e3d9', GradientType=0);
}
#sidebar .content .sidemenu a.current {
    background: #f7f7f0;
    background: -moz-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: -webkit-linear-gradient(top, #f7f7f0 0%, #e8e3d9 100%);
    background: linear-gradient(to bottom, #f7f7f0 0%, #e8e3d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f0', endColorstr='#e8e3d9', GradientType=0);
}
#sidebar .content .sidemenu a p {
    background-image: url(../images/arrow01.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 13px 13px;
    padding-left: 27px;
}
#sidebar .content .banner-wrap {
    text-align: center;
    padding-bottom: 30px;
}
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {
    background-color: #E9E9E0;
}
.totop-area {}
.totop-area a {
    display: block;
    background-color: #371D00;
    height: 50px;
    text-indent: -9999px;
    background-image: url(../images/arrow-totop.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 13px;
}
.totop-area a:hover {
    background-color: #592F00;
}
.totop-area a.hover {
    background-color: #592F00;
}
.footer-contents {
    padding: 40px 0px 45px 0px;
    color: #675E52;
    font-size: 93%;
}
.footer-contents a {
    color: #675E52;
    text-decoration: none;
}
.footer-contents a:hover {
    color: #675E52;
    text-decoration: underline;
}
.footer-contents a.hover {
    color: #675E52;
    text-decoration: underline;
}
.footer-contents .footer-left {
    display: inline-block;
    float: left;
    width: 40%;
}
.footer-contents .footer-left .logo {}
.footer-contents .footer-left .clinic-info {
    margin-top: 30px;
}
.footer-contents .footer-left .consultation-hours {
    margin-top: 10px;
}
.footer-contents .footer-left .copyright {
    margin-top: 30px;
    font-size: 93%;
}
.footer-contents .footer-right {
    display: inline-block;
    float: right;
    width: 52%;
    padding-top: 40px;
    padding-left: 8%;
    text-align: left;
}
.footer-contents .footer-right ul.footer-menu {
    display: inline-block;
    float: left;
    /*width:33.33%;*/
    border-left: 1px solid #928477;
    padding-left: 3%;
    padding-right: 14%;
    box-sizing: border-box;
}
.footer-contents .footer-right ul.footer-menu.last {
    padding-right: 2%;
}
.footer-contents .footer-right ul.footer-menu li {
    background-image: url(../images/arrow02.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    background-size: 3px 5px;
    padding-left: 16px;
    margin: 8px 0px 8px 0px;
}
/* ------------------reserve------------------- */
.reserve-banner-wrap {
    display: block;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.reserve-banner-wrap a.reserve-banner {
    display: block;
    background-color: #e9e9e0;
    text-decoration: none;
    float: left;
    width: 48.8%;
    margin: 0px 0.6% 0px 0.6%;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    background-image: url("../images/arrow03.png");
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.reserve-banner-wrap a.reserve-banner:hover {
    opacity: 0.6;
}
.reserve-banner-wrap a.reserve-banner .img-wrap {
    display: block;
    float: left;
    width: 160px;
    margin: 0px 20px 0px 0px;
    box-sizing: border-box;
}
.reserve-banner-wrap a.reserve-banner .img-wrap img {
    max-width: 100%;
    height: auto;
}
.reserve-banner-wrap a.reserve-banner .text-wrap {
    display: block;
    float: left;
    width: calc(100% - 180px);
    padding: 8px 0px 0px 0px;
    box-sizing: border-box;
}
.reserve-banner-wrap a.reserve-banner .text-wrap p.banner-head {
    display: inline-block;
    padding: 5px 15px 0px 15px;
    color: #ffffff;
    font-size: 78.6%;
    background-color: #dc7648;
    height: 24px;
    border-radius: 12px;
    box-sizing: border-box;
}
.reserve-banner-wrap a.reserve-banner .text-wrap p.banner-head.head01 {
    background-color: #dc7648;
}
.reserve-banner-wrap a.reserve-banner .text-wrap p.banner-head.head02 {
    background-color: #5396b9;
}
.reserve-banner-wrap a.reserve-banner .text-wrap p.banner-title {
    font-size: 121.5%;
    line-height: 1.4;
    padding: 7px 0px 0px 0px;
}
.reserve-banner-wrap a.reserve-banner .text-wrap p.banner-sub-title {
    font-size: 77%;
    color: #999999;
    padding: 0px 0px 0px 0px;
}
/* ------------------fixed reserve------------------- */
.fixed-reserve-wrap {
    display: block;
    position: fixed;
    right: 10px;
    top: calc(50% - 115px);
    width: 140px;
    z-index: 100000;
}
.fixed-reserve-wrap a.reserve-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #D3CEC1;
    border: 1px solid #F3F1EE;
    text-decoration: none;
    float: none;
    width: 140px;
    height: 140px;
    margin: 0px 0% 0px 0%;
    padding: 0px 0px 0px 0px;
    border-radius: 70px;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    text-align: center;
    background-image: url("../images/arrow03.png");
    background-size: 6px 10px;
    background-repeat: no-repeat;
    background-position: right 12px center;
}
.fixed-reserve-wrap a.reserve-banner:first-child {
    margin: 0px 0px 10px 0px;
}
.fixed-reserve-wrap a.reserve-banner:last-child {}
.fixed-reserve-wrap a.reserve-banner:hover {
    opacity: 0.6;
}
.sb-reserve-wrap a.reserve-banner .text-wrap {
    display: inline-block;
    text-align: center;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
}
.fixed-reserve-wrap a.reserve-banner .text-wrap p.banner-head {
    display: inline-block;
    padding: 4px 0px 0px 0px;
    color: #ffffff;
    font-size: 70%;
    background-color: #dc7648;
    width: 96px;
    height: 20px;
    border-radius: 10px;
    line-height: 1.4;
    box-sizing: border-box;
}
.fixed-reserve-wrap a.reserve-banner .text-wrap p.banner-head.head01 {
    background-color: #dc7648;
}
.fixed-reserve-wrap a.reserve-banner .text-wrap p.banner-head.head02 {
    background-color: #5396b9;
}
.fixed-reserve-wrap a.reserve-banner .text-wrap p.banner-title {
    font-size: 86%;
    line-height: 1.4;
    padding: 4px 0px 0px 0px;
}
/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */