@charset "UTF-8";

/* CSS Document */

@media only screen and (max-width: 1023px) {
	.d-xsm-none {
		display: none !important;
	}
}

@media only screen and (min-width: 1024px) {
	.d-md-none {
		display: none !important;
	}
}

.text-danger {
	color: #c00;
}

.detail {
	text-align: center;
}

.inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}

iframe {
	max-width: 100%;
}

/* assets/css/reset.css defines this same rule but is never enqueued in
   functions.php, so images never actually shrink below their native pixel
   size (settings.css's img rule only sets vertical-align). Re-declare it
   here so every <img> across the site (front-page.php, {page}.php, only.css
   sections) is responsive by default. */
img {
	max-width: 100%;
	height: auto;
}

.header {
	background: url(../img/base/bg_header.png) no-repeat center top #ffffff;
	/*position: fixed;*/
	width: 100%;
	top: 0;
	z-index: 100;
}

/* Mobile-only header elements (nav drawer toggle, station badge, drawer
   tel/hours) — hidden on desktop, switched on in responsive.css. */
.hamburger,
.h_mobile_access,
.gnav_meta {
	display: none;
}

.header_in {
	overflow: hidden;
	height: 128px;
}

.h_txt {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.h_left {
	float: left;
	margin-right: 20px;
}

.h_right {
	overflow: hidden;
}

.h_tel {
	float: left;
	margin-right: 18px;
	margin-top: 4px;
}

.list_header {
	float: left;
	overflow: hidden;
}

.list_header li {
	float: left;
	margin-right: 2px;
}

.info {
	clear: both;
	font-size: 12px;
	padding-top: 4px;
}

.info img {
	vertical-align: middle;
	padding-left: 18px;
	position: relative;
	top: -1px;
}

.gnav {
	background: rgba(149, 118, 84, 0.95);
	position: absolute;
	width: 100%;
	min-width: 1000px;
}

.gnav.fixed {
	position: fixed;
	top: 128px;
	z-index: 100;
}

.list_gnav:after {
	content: '';
	display: block;
	clear: both;
}

.list_gnav li {
	float: left;
}

.gnav01 {
	width: 54px;
}

.gnav02 {
	width: 195px;
}

.gnav03 {
	width: 166px;
}

.gnav04 {
	width: 166px;
}

.gnav05 {
	width: 158px;
}

.gnav06 {
	width: 139px;
}

.gnav07 {
	width: 122px;
}

.list_gnav a {
	display: block;
	text-indent: -9999px;
	height: 60px;
	background: url(../img/base/gnav.png) no-repeat;
}

.list_gnav .gnav01 a {
	background-position: 0 0;
}

.list_gnav .gnav02 a {
	background-position: -54px 0;
}

.list_gnav .gnav03 a {
	background-position: -249px 0;
	cursor: default;
}

.list_gnav .gnav04 a {
	background-position: -415px 0;
}

.list_gnav .gnav05 a {
	background-position: -581px 0;
}

.list_gnav .gnav06 a {
	background-position: -739px 0;
}

.list_gnav .gnav07 a {
	background-position: -878px 0;
}

.list_gnav .gnav01 a:hover,
.list_gnav .gnav01 a.active {
	background-position: 0 -60px;
}

.list_gnav .gnav02 a:hover,
.list_gnav .gnav02 a.active {
	background-position: -54px -60px;
}

.list_gnav .gnav03 a:hover,
.list_gnav .gnav03 a.active {
	background-position: -249px -60px;
}

.list_gnav .gnav04 a:hover,
.list_gnav .gnav04 a.active {
	background-position: -415px -60px;
}

.list_gnav .gnav05 a:hover,
.list_gnav .gnav05 a.active {
	background-position: -581px -60px;
}

.list_gnav .gnav06 a:hover,
.list_gnav .gnav06 a.active {
	background-position: -739px -60px;
}

.list_gnav .gnav07 a:hover,
.list_gnav .gnav07 a.active {
	background-position: -878px -60px;
}

.drop {
	position: absolute;
	/*margin-top: 60px;*/
	width: 480px;
	padding: 20px;
	box-sizing: border-box;
	left: 50%;
	margin-left: -250px;
	background: rgba(155, 123, 88, 0.9);
	display: none;
	z-index: 1;
}
.drop_in {
	overflow: hidden;
}
.drop_in ul {
	float: left;
	margin-right: 30px;
}

.drop_in ul li {
	margin-bottom: 5px;
	float: none;
}

.drop_in ul img {
	vertical-align: middle;
}

.drop_in ul.last {
	margin-right: 0;
}

.drop_in ul li a {
	text-indent: 0;
	background: none;
	display: inline;
	height: auto;
	cursor: pointer !important;
}

.contact {
	background: #fff8ce;
}

.contact_in {
	position: relative;
}

.btn_contact {
	position: absolute;
	right: 80px;
	top: 50px;
}

.copy {
	font-size: 10px;
}

.fnav li {
	background: url(../img/base/ic_footer.jpg) no-repeat left 4px;
	padding-left: 20px;
}

.footer_in {
	overflow: hidden;
	padding: 30px 0;
}

.f_left {
	float: left;
	width: 380px;
}

.f_right {
	overflow: hidden;
	margin-top: 10px;
}

.fnav {
	float: left;
	font-size: 12px;
	margin-right: 20px;
}

.fnav li {
	margin-bottom: 2px;
}

.fnav.last {
	margin-right: 0;
}

.copy {
	margin-top: 50px;
}

#pagetop {
	position: fixed;
	right: 50px;
	bottom: 50px;
}

.tit_info {color: #763927; background-image: url("../img/top/ti_info_bg.png"); background-size: contain; background-repeat: no-repeat; font-family: serif; padding-left: 50px; font-size: 1.8em; height: 54px;}
.tit_info span {color: #ffd022; font-size: 75%; font-family: sans-serif; margin-left: 1em;}

.ti_concept {
font-size: 2em;
line-height: 1.1;
}
.ti_concept strong {font-size: 160%;}
.ti_concept strong span {
color: #b59403;
font-size: 140%;
font-family: serif;
}

.ti_menu {
text-align: center;
color: #763927;
font-family: serif;
font-size: 2.4em;
letter-spacing: 0.1em;
line-height: 1.1;
}
.ti_menu span {
color: #ffd022;
font-family: sans-serif;
font-size: 50%;
letter-spacing: normal;
}

.tit2_brown {
color: #763927;
font-family: serif;
font-size: 2.4em;
}

a.btn-brown {
background: #763927;
color: #fff;
padding: 7px 15px;
display: inline-block;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}

.ti_kids {
color: #763927;
font-family: serif;
font-size: 2.4em;
background-image: url(../img/top/ti_kids_bg.png);
height: 50px;
background-size: contain;
background-repeat: no-repeat;
padding-left: 65px;
}

.ti_greeting {
font-family: serif;
font-size: 2.4em;
letter-spacing: 0.1em;
line-height: 1.1;
}
.ti_greeting span {
color: #ffd022;
font-family: sans-serif;
font-size: 50%;
letter-spacing: normal;
}

.ti_staff {
text-align: center;
color: #763927;
font-family: serif;
font-size: 2.4em;
letter-spacing: 0.1em;
line-height: 1.1;
position: relative;
margin-top: 50px;
}
.ti_staff::before {
content: '';
margin: auto;
background-image: url("../img/top/ti_staff_bg.png");
background-size: contain;
background-repeat: no-repeat;
width: 83px;
height: 39px;
position: absolute;
left: 0;
right: 0;
top: -50px;
}
.ti_staff span {
color: #ffd022;
font-family: sans-serif;
font-size: 50%;
letter-spacing: normal;
}

.ti_clinic {
text-align: center;
color: #763927;
font-family: serif;
font-size: 2.4em;
letter-spacing: 0.1em;
line-height: 1.1;
position: relative;
margin-top: 50px;
}
.ti_clinic::before {
content: '';
margin: auto;
background-image: url("../img/top/ti_clinic_bg.png");
background-size: contain;
background-repeat: no-repeat;
width: 52px;
height: 42px;
position: absolute;
left: 0;
right: 0;
top: -50px;
}
.ti_clinic span {
color: #ffd022;
font-family: sans-serif;
font-size: 50%;
letter-spacing: normal;
}

.tit_column {color: #763927; background-image: url("../img/top/ti_column_bg.png"); background-size: contain; background-repeat: no-repeat; font-family: serif; padding-left: 50px; font-size: 1.8em; height: 54px;}
.tit_column span {color: #ffd022; font-size: 75%; font-family: sans-serif; margin-left: 1em;}

.tit_faq {color: #763927; background-image: url("../img/top/ti_faq_bg.png"); background-size: contain; background-repeat: no-repeat; font-family: serif; padding-left: 50px; font-size: 1.8em; height: 54px;}
.tit_faq span {color: #ffd022; font-size: 75%; font-family: sans-serif; margin-left: 1em;}

.second_tit {
color: #763927;
font-size: 45px;
line-height: 1.2;
}
.second_tit span {
color: #ba9404;
font-size: 70%;
font-weight: normal;
}
.second_tit div {padding: 60px 0;}

.ti_h3.underline {
font-family: serif;
color: #763826;
font-size: 2em;
position: relative;
}
.ti_h3.underline::after {
content: '';
background-color: #e5c24e;
width: 100px;
height: 2px;
position: absolute;
margin: auto;
left: 0;
bottom: -10px;
}


/* テーブル全体のスタイル（見栄えを整えるための追加設定） */
.clinic-schedule {
width: 100%;
max-width: 600px;
border-collapse: collapse;
text-align: center;
font-family: sans-serif;
margin-bottom: 10px;
}

/* 枠線と余白の設定 */
.clinic-schedule th,
.clinic-schedule td {
border: 1px solid #e0e0e0;
padding: 8px;
font-weight: bold;
}

/* theadのスタイル（ご指定の条件） */
.clinic-schedule thead {
background-color: #763927;
color: #fff;
}

/* tbody内のtdのスタイル（ご指定の条件） */
.clinic-schedule tbody td {
background-color: #fff;
color: #763927;
}