﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */

body {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Arial, sans-serif;
	font-size: 1em;
}

img {
	max-width: 100%;
}

a {
	color: #000000;
	text-decoration: none;
}

/************************************
	clearfix 
************************************/
.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

header,
main,
footer,
nav {
	display: block;
	overflow: hidden;
}

.bold {
	font-weight: bold;
}

.link {
	color: #ff7c23;
}

.link:hover {
	text-decoration: underline;
}

.top_comment_box {
	width: 100%;
	background: #1A822B;
}

.top_comment {
	display: block;
	color: #fff;
	max-width: 1200px;
	margin: auto;
	padding: 5px 10px;
	font-size: 0.8em;
	line-height: 150%;
}

.h_main {
	max-width: 1200px;
	margin: 10px auto;
	transition-property: margin;
	transition-duration: 0.1s;
}

.h_left {
	float: left;
	width: 33%;
	padding: 5% 0;
}

.head_ttl {
	font-size: 1.65em;
	font-family: 'Noto Sans Japanese';
	font-weight: 500;
}

.head_ttl img {
	vertical-align: top;
	margin-right: 0.4em;
}

.h_center {
	float: left;
	width: 27%;
	padding: 0 0.6%;
}

.h_timetable {
	font-size: 0.75em;
	width: 100%;
	border: solid 3px #B3D88A;
}

.h_timetable td,
.h_timetable th {
	border: solid 1px #B3D88A;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.h_timetable th {
	padding: 7px 5px;
}

.h_timetable td {
	font-size: 1.15em;
}

.timetable_small {
	font-size: 0.85em;
	color: #ff7c00;
}

.h_t_2 th {
	padding: 0.5%;
}

.h_t_3 {
	font-size: 0.8em;
	line-height: 1.4;
}

.h_t_w_h {
	width: 32%;
	background: #EBF9E4;
	color: green;
}

.h_t_w {
	width: 8%;
	padding: 2%;
	background: #EBF9E4;
}

.sunday {
	width: 20%;
	color: #f00;
	background: #EBF9E4;
}

.thursday {
	color: #0066CC;
}

.h_t_note {
	display: flex;
	padding: 0 1%;
}

.h_right {
	float: left;
	width: 40%;
}

.yoyaku_box {
	width: 100%;
}

.yoyaku_txt {
	width: 60%;
	float: left;
	padding: 0.5%;
}

.yoyaku_btn {
	display: block;
	width: 20%;
	padding: 0.5%;
	float: left;
}

.yoyaku_btn:hover {
	opacity: 0.8;
}

.tel_box {
	margin: 0.5%;
	margin-top: 1.5%;
	text-align: center;
}

.h_syoshin {
	float: left;
	width: 13.5%;
	margin-left: 0.5%;
}

.h_syoshin:hover {
	opacity: 0.8;
}

.korona {
	margin-top: 5px;
	line-height: 140%;
	float: right;
	font-size: 0.75em;
	text-indent: -1em;
	margin-left: 1em;
	font-weight: bold;
	color: red;
}

.main_v_box {
	background: #EBF9E4;
	background-image: url(../img/line.png);
	background-repeat-y: no-repeat;
	background-size: 23px 7px;
}

.main_v {
	position: relative;
	max-width: 1200px;
	margin: auto;
}

.main_v img {
	display: block;
	margin: auto;
	padding-top: 7px;
}

#h_map_canvas img {
	position: absolute;
	right: 5%;
	bottom: 5%;
	width: 20%;
}

main {
	max-width: 1200px;
	margin: auto;
}

.m_left {
	width: 25%;
	float: left;
	background: #FAFAFA;
	padding: 0.5%;
	margin-top: 0.5%;
}

.m_left_cam,
.m_left_laser {
	display: block;
	margin-bottom: 0.5%;
}

.m_left_cam:hover,
.m_left_laser:hover {
	filter: contrast(1.2);
}

.main_menu {
	border: solid 2px #DEF5CF;
	background: #F8FEFA;
}

.main_menu li {
	border-bottom: solid 1px #ccc;
}

.main_menu a {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 4em;
	padding: 15px 0;
	color: #2f4616;
	/*		color:#5C872E;
*/
}

.main_menu a:hover {
	background: #c1e1bf;
}

.main_menu img {
	float: left;
	width: 8%;
	margin-left: 5%;
}

.main_menu span {
	float: left;
	line-height: 1.5;
	margin-left: 1em;
}

.banner_box {
	margin: 3% 0;
}

.banner_box a {
	display: block;
	margin-bottom: 10px;
}

.column_box {
	margin: 5% 0;
}

.h2_side {
	color: #696113;
	font-size: 0.95em;
}

.h2_side:before {
	display: block;
	content: "";
	width: 0.2em;
	background: #858151;
	height: 1em;
	float: left;
	margin: 0 0.5em;
}

.column {
	position: relative;
	/*height: 420px;*/
	min-height: 420px;
	margin: 5% 0;
	background: #f4fced;
	border-bottom: solid 2px #82b14a;
	transition-duration: 0.1s;
}

.column img {
	width: 100%;
}

.column_date {
	text-align: right;
	font-family: 'Josefin Sans', sans-serif;
	color: #dff9c0;
}

.column_ttl_box {
	height: 75px;
	background: #82b14a;
	padding: 2% 4%;
	color: #fff;
	line-height: 1.2;
	border-bottom: solid 3px #8bc24b;
}

.column_txt {
	padding: 3%;
	font-size: 0.8em;
	line-height: 1.4;
	color: #333;
	word-break: break-all;
}

.column_link {
	text-align: center;
}

.column_link img {
	vertical-align: baseline;
	margin-right: 0.5em;
}

.column:hover {
	transform: scale(1.005);
	/*		opacity:0.8;*/
	box-shadow: 1px 1px 1px 1px #ddd;
}

.m_right {
	width: 75%;
	float: left;
	padding: 0.5%;
}

.main_h2 {
	/*		background:url("../img/ttl_bg.jpg");
		background-size: cover;
		border: solid 2px #AEE8AE;
		color: #009966;
*/
	/*		background: #f4fced;
		color: #000;
		height: 76px;
		width: 100%;
		margin: auto;
		line-height: 72px;
		font-size: 1.3em;
		text-align: center;
*/
	background: #76b557;
	color: #fff;
	height: 50px;
	/* width: 55%; */
	margin: auto;
	line-height: 50px;
	font-size: 1.3em;
	/* text-align: center; */
	padding-left: 2em;
	border-radius: 5px;
	/*    background-image: url(../img/hutaba_w.png);
    background-size: 5%;
    background-repeat: no-repeat;
    background-position: 2% center;
*/
}

.main_h3 {
	color: #696113;
	font-size: 1.2em;
	background: url(../img/subttl_bg.jpg);
	height: 60px;
	/*		line-height: 55px;
		padding-left: 2em;
*/
	line-height: 65px;
	padding-left: 3em;
	background-repeat: no-repeat;
	background-size: auto;
	margin-bottom: 0.5em;
}

.default_p {
	color: #333;
	line-height: 1.5;
	font-size: 1em;

}

.news_box {
	background: #f8fefa;
}

.news_box h2 {
	float: left;
	display: block;
	height: 102px;
	line-height: 102px;
	padding: 0 4%;
	color: #324c2a;
	/*		color:#8DC473;*/
}

.news {
	float: left;
	width: 84%;
	height: 102px;
	padding: 1% 0;
	overflow-y: scroll;
	border-left: solid 1px #def5cf;
}

.news_con,
.news_con_old {
	font-size: 1em;
	padding: 1% 2%;
	overflow: hidden;
}

.news_con_old h3 {
	float: left;
	width: 87%;
	color: #fff;
	text-align: center;
	background: #9dca85;
	padding: 1%;
	margin: 0 1% 1% 1%;
	border-radius: 5px;
}

.news_con_old h3:hover {
	opacity: 0.8;
}

.news_con h3 {
	float: left;
	width: 85%;
	color: #333;
}

.news_date {
	color: #1A822B;
	float: left;
	width: 15%;
}

.news_con:hover a h3,
.news_con:hover a p {
	text-decoration: underline;
}

.main_con_txt {
	padding-top: 10px;
	margin-bottom: 5%;
}

.con.first_con {
	display: flex;
	align-items: center;
	gap: 6%;
	padding: 3% 6%;
	margin: 2% 1%;
	border-radius: 8px;
	font-size: 1.6em;
}

.con.first_con img {
	width: 15%;
}

.first_txt_box {
	width: 100%;
}

.con.first_con .default_p {
	color: #1a822b;
	line-height: 1.3em;
	margin-bottom: 1%;
}

.first_txt_image_box {
	display: flex;
	align-items: center;
	gap: 5%;
}

.hihukabuttonflex {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	gap: 30px;
}

.hihukabuttonbox a {
	display: block;
}

.hihukabuttonbox a:hover {
	opacity: 0.8;
}

.hoken_other {
	color: #333;
	line-height: 1.3;
	font-size: 1em;
}

.hoken_other ul {
	padding: 0 1%;
	margin-left: 2em;
}

.hoken_other ul a {
	color: #7C9B00;
	text-decoration: underline;
}

.hoken_other li {
	list-style: circle;
	margin-top: 1%;
	padding: 0 1%;
	margin-bottom: 2%;
}

.hoken_other li:last-of-type {
	margin-bottom: 0;
}

.onayami_box2 {
	margin: 1% 0;
	padding: 1%;
}

.con {
	padding: 0 1.95%;
}

.onayami_txt {
	overflow: hidden;
	padding: 1%;
}

.onayami_txt img {
	float: left;
	display: block;
	width: 25%;
}

.onayami_p1 {
	display: block;
	float: left;
	width: 75%;
	padding-left: 2%;
}

.onayami_p2 {
	clear: both;
	float: left;
	display: block;
	margin-top: 1%;
	padding: 0 1%;
}

.toku {
	margin: 0.5%;
	padding: 0% 1%;
	margin-bottom: 5%;
}

.toku_box {
	background: url(../img/hutaba.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 27%;
}

.toku_con {
	height: 110px;
	background: url(../img/bean.jpg);
	background-position: top 1.5em left;
	background-size: 10%;
	padding: 0 0.75% 1.5%;
	margin: 0 1%;
	background-repeat: no-repeat;
}

.toku_num {
	float: left;
	line-height: 86px;
	font-size: 2.5em;
	width: 73px;
	text-align: right;
	color: #fff;
	text-shadow:
		#abd481 2px 0px, #abd481 -2px 0px,
		#abd481 0px -2px, #abd481 0px 2px,
		#abd481 2px 2px, #abd481 -2px 2px,
		#abd481 2px -2px, #abd481 -2px -2px,
		#abd481 1px 2px, #abd481 -1px 2px,
		#abd481 1px -2px, #abd481 -1px -2px,
		#abd481 2px 1px, #abd481 -2px 1px,
		#abd481 2px -1px, #abd481 -2px -1px;
}

.toku_con h3,
.toku_con p {
	float: left;
}

.toku_con h3 {
	color: #858151;
	font-size: 1.3em;
	padding-left: 4em;
	padding-top: 1em;
}

.toku_con p {
	padding-left: 5.25rem;
	padding-top: 0.5rem;
	width: 830px;

}

.hazimete {
	margin-bottom: 5%;
	padding: 0 1.5%;
}

.visit {
	padding: 0 1.5%;
}

.f_comment {
	max-width: 1200px;
	margin: auto;
	padding: 0 1.5% 3%;
}

.f_c_con {
	padding: 0 2% 1%;
}

.f_c_con p {
	margin: 1em 0;
	font-size: 1em;
	line-height: 1.4;
	color: #333;
}

.foot_box {
	width: 100%;
	background: #F8FCF8;
	border-top: solid 6px #AEE8AE;
	margin-top: 5%;
}

footer {
	max-width: 1200px;
	margin: auto;
	padding: 2%;
	display: flex;
	flex-wrap: wrap;
}

.f_left {
	width: 52.1%;
	padding: 0 4%;
}

.f_right {
	width: 45%;
}

.foot_ttl {
	font-size: 1.3em;
	font-family: 'Noto Sans Japanese';
	font-weight: 500;
	margin-bottom: 1em;
}

.foot_ttl img {
	vertical-align: middle;
	margin-right: 0.5em;
}

.f_tel {
	font-size: 2.5em;
	font-family: 'century', arial, sans-serif;
	color: #339900;
	font-weight: bold;
}

.f_tel_main {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}

.f_tel,
address {
	margin-left: 1rem;
}

address {
	font-size: 1em;
	line-height: 1.2rem;
}

.f_timetable {
	width: 100%;
	border: solid 3px #B3D88A;
}

.f_timetable td,
.f_timetable th {
	border: solid 1px #B3D88A;
	padding: 1.5%;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}

.h_t_3 td {
	text-align: left;
}


/*	.h_t_w_h{
		width:32%;
	}
	.h_t_w{
		width:8%;
		padding: 2%;
	}
	.sunday{
		width:20%;
	}
*/
.foot_buttonflex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.foot_buttonbox {
	width: 12.2em;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
}

.foot_buttonbox a {
	display: flex;
	align-items: center;
	padding: 10px;
	border: 2px solid #B3D88A;
	background-color: #E7EFCB;
	box-shadow: 2px 2px 5px 0px rgba(200, 220, 137, 0.75) inset, -2px -2px 5px 0px rgba(34, 50, 16, 0.75) inset;
	margin: 10px 0;
}

.foot_buttonbox a:hover {
	border: 2px solid #4B6F24;
	background-color: #D8E7AB;
	box-shadow: none;
}

.footbuttonimg {
	margin-right: 15px;
}

.f_menu_box {
	clear: both;
	background: #E8F9E8;
}

.f_menu {
	max-width: 1200px;
	margin: auto;
	padding: 1% 6%;
	display: flex;
	flex-wrap: wrap;
}

.f_menu li {
	width: calc(100% / 6);
	height: 4em;
	line-height: 4em;
	text-align: center;
}

.f_menu li a {
	width: 100%;
	color: #374b28;
	/*color:#5B862D;*/
	line-height: 1.3;
}

.f_menu li a:hover {
	color: #00c302;
}

.f_menu li:nth-of-type(1),
.f_menu li:nth-of-type(7),
.f_menu li:nth-of-type(2),
.f_menu li:nth-of-type(8) {
	width: 20%;
}

.f_menu li:nth-of-type(5),
.f_menu li:nth-of-type(11),
.f_menu li:nth-of-type(4),
.f_menu li:nth-of-type(10) {
	width: 13.33%;
}

.map {
	width: 100%;
}

.copy {
	text-align: center;
	color: #666;
	font-size: 0.8em;
	line-height: 1.5rem;
}

/*search*/
.gsc-input {
	background: none !important;
}

.gsc-input:focus {
	background: none !important;
}

/* Chrome, Safari 5+, Opera 15+, iOS, Android */
.gsc-input::-webkit-input-placeholder {
	color: #fff;
	opacity: 0;
}

/* Firefox 18- */
.gsc-input:-moz-placeholder {
	color: #fff;
	opacity: 0;
}

/* Firefox 19+ */
.gsc-input::-moz-placeholder {
	color: #fff;
	opacity: 0;
}

/* IE 10+ */
.gsc-input:-ms-input-placeholder {
	color: #fff;
	opacity: 0;
}

/* IE Edge */
.gsc-input::-ms-input-placeholder {
	color: #fff;
	opacity: 0;
}

div.gsc-control-cse {
	background-color: #E5F8D9;
	border-radius: 5px;
}

#___gcse_0 {
	position: relative;
	border: solid 2px #ADD480;
	border-radius: 5px;
}

.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 27px 20px 3px 20px !important;
}

#___gcse_0::after {
	content: "お探しの治療名や病名で検索できます。";
	color: #333;
	position: absolute;
	top: 5px;
	font-size: 0.8em;
	line-height: 1.2rem;
	left: 2em;
}

.sp_menu {
	display: none;
}

.fixed_menu {
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: #fff;
	padding-left: calc(50% - 600px);
	padding-right: calc(50% - 600px);
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	left: 0;
	top: 0;
	max-width: none;
	margin: 0;
	box-shadow: 0px 1px 2px 0px #999;
}

.fixed_menu_hide {
	display: none;
}

.fixed_menu_right {
	width: 88%;
}

.fixed_menu_right .yoyaku_box {
	width: 47%;
	float: right;
}

.fixed_menu_right .tel_box {
	width: 52%;
	float: right;
	margin-top: 0.5%;
}

.fixed_menu_left {
	width: 12%;
	padding: 2% 0;
}

.fixed_menu_left .main_title_text {
	display: none;
}

.fixed_menu_cb {
	margin-bottom: 5vw;
}

/*IE*/
@media all and (-ms-high-contrast:none) {
	.onayami_link::before {
		display: none;
	}

	#___gcse_0::after {
		top: 14px;
	}
}

@media all and (-ms-high-contrast:none) {

	*::-ms-backdrop,
	.onayami_link::before {
		display: none;
	}

	#___gcse_0::after {
		top: 14px;
	}

}