/* --------------------------------------------------- navBtn */
.navBtn {
	width:99.99%;
	overflow: hidden;
	text-indent:100%;
}
.navBtn li {
	float:left;
	width:33.333333%;
	height:17%;
	vertical-align:bottom;
}
.navBtn li a {
	display:block;
	width:100%;
	height:0;
	padding-top:50%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
.navBtn li.btn01 {
	background:url(../img/index/menu_btn01.jpg) no-repeat;
	background-size:cover;
}
.navBtn li.btn02 {
	background:url(../img/index/menu_btn02.jpg) no-repeat;
	background-size:cover;
}
.navBtn li.btn03 {
	background:url(../img/index/menu_btn03.jpg) no-repeat;
	background-size:cover;
}
.navBtn li.btn04 {
	background:url(../img/index/menu_btn04.jpg) no-repeat;
	background-size:cover;
}
.navBtn li.btn05 {
	background:url(../img/index/menu_btn06.jpg) no-repeat;
	background-size:cover;
}
.navBtn li.btn06 {
	background:url(../img/index/menu_btn05.jpg) no-repeat;
	background-size:cover;
}
@media screen and (max-width:767px) {
	.navBtn {
		width:100%;
	}
	.navBtn li {
		float:left;
		width:50%;
		height:25%;
		vertical-align:bottom;
	}
}

/*--------------------------------------------------------- news */
article.news {
	max-width:960px;
	width:90%;
	margin:70px auto 4%;
}
article.news.news_bd {
	padding-bottom:3%;
	border-bottom: dotted 1px #E5DABD;
}
article.news ul li {
	padding:2% 0;
	border-bottom: dotted 1px #E5DABD;
	overflow: hidden;
}
article.news ul li.entry0 {
	border: none;
}
article.news ul li:first-child {
	padding:0 0 2%;
}
article.news span.day {
	display:inline-block;
	margin-right:2%;
	font-size:85.7%;
}
article.news span.icon {
	display:inline-block;
	padding-left:30px;
	color:#848484;
	font-size:85.7%;
}
article.news span.icon.info {
	background:url(../img/icon_info.png) no-repeat 1px 0;
	background-size:contain;
}
article.news span.icon.blog {
	background:url(../img/icon_blog.png) no-repeat 1px 0;
	background-size:contain;
}
article.news p.title {
	margin:1% auto 0;
	font-size:128.6%;
	font-weight:bold;
}
article.news p.title a {
	color:#736860;
	text-decoration:none;
}
article.news p.title a:hover {
	text-decoration:underline;
}
article.news div.page {
	margin-top:7%;
	text-align:center;
	font-weight:bold;
	color: #8da201;
}
/*------------------------------------*/
div.news_detail {
	max-width:640px;
	width:100%;
	margin:0 auto;
}
div.news_detail div {
	padding-bottom:30px;
}
div.news_detail p.title {
	margin:1% auto 3%;
	font-size:128.6%;
	font-weight:bold;
}
div.news_detail img {
	margin:0 0 3%;
}
div.news_detail p {
	margin-bottom:1.5em;
}
div.news.pagination {
	text-align:center;
}
div.news.pagination span.prev {
	display:inline-block;
	position:relative;
	width:67px;
	height:72px;
}
div.news.pagination span.prev a {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:url(../news/img/btn_prev.png) no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
div.news.pagination span.back {
	display:inline-block;
	position:relative;
	width:72px;
	height:72px;
	margin:0 4%;
}
div.news.pagination span.back a {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:url(../news/img/btn_back.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
div.news.pagination span.next {
	display:inline-block;
	position:relative;
	width:67px;
	height:72px;
}
div.news.pagination span.next a {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:url(../news/img/btn_next.png) no-repeat;
	background-size:100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}
@media screen and (max-width:767px) {
	article.news {
		margin-top:0;
	}
}
/*--------------------------------------------------------- about */
.staff {
	display: flex;
}
.staff_item {
	width: calc((100% - 30px) / 2);
	text-align: center;
}
.staff_item:nth-child(n+2) {
	margin-left: 30px;
}
.staff_img {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
.staff_img > img {
	width: 100%;
	height: auto;
}
.staff_post {
	margin-top:13px;
	font-size:92.9%;
	font-weight:bold;
}
.staff_name {
	margin-top:0px;
	font-size:128.6%;
}
.staff_read {
	font-size:78.6%;
}
.staff_job {
	margin-top:10px;
	font-size:92.9%;
}

section p.members.support {
	margin:0.7% auto 2%;
	padding:1.5% 0 1.5%;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#736860;
	background-color:#f4f0e9;
}
section ul.members .left {
	display:block;
	float:left;
	width:170px;
	overflow: hidden !important;
}
section ul.members .right {
	display:block;
	overflow: hidden !important;
}
section ul.history .left {
	display:block;
	float:left;
	width:170px;
	overflow: hidden !important;
}
section ul.history .right {
	display:block;
	overflow: hidden !important;
}
section ul.history .right p {
	font-size:100%;
}

@media screen and (max-width:767px) {
	section ul.members .left {
		display:block;
		width:30%;
		margin-right:3%;
		overflow:auto;
	}
	section ul.history .left {
		display:block;
		width:30%;
		margin-right:3%;
		overflow:auto;
	}
	.staff_item {
		width: calc((100% - 10px) / 2);
	}
	.staff_item:nth-child(n+2) {
		margin-left: 10px;
	}
	.staff_post {
		margin-top:7px;
	}
	.staff_name {
		font-size:114.3%;
	}
	.staff_read {
		font-size:78.6%;
	}
	.staff_job {
		margin-top:10px;
		font-size:85.7%;
	}
}

/*--------------------------------------------------------- about > recruit */
section.recruit:first-child {
	margin-top:0;
}
section.recruit table.type2 th {
	width:17.6%;
}
section.recruit table.type2 td {
	width:82.4%;
}
section.recruit .contact {
	padding:2%;
	border:solid 1px #e3e3e3;
}
section.recruit .contact h2 {
	margin-bottom:0.5% !important;
}
section.recruit p.center {
	text-align: center;
}
@media screen and (max-width:767px) {
section.recruit:first-child {
	margin-top:0 !important;
}
}
/*--------------------------------------------------------- guide */
nav.sub li.sanka a {
	width:63px;
	background:url(../guide/img/nav_sub_sanka.png) no-repeat right top;
}
nav.sub li.fujin a {
	width:74px;
	background:url(../guide/img/nav_sub_fujin.png) no-repeat right top;
}
nav.sub li.cancer a {
	width:130px;
	background:url(../guide/img/nav_sub_cancer.png) no-repeat right top;
}
nav.sub li.medical a {
	width:194px;
	background:url(../guide/img/nav_sub_medical.png) no-repeat right top;
}
nav.sub li.jihi a {
	width:165px;
	background:url(../guide/img/nav_sub_jihi.png) no-repeat right top;
}
nav.sub li.delicate a {
	width:237px;
	background:url(../guide/img/nav_sub_delicate.png) no-repeat right top;
}

section.guide table.society th,
section.guide table.society td {
	vertical-align:middle;
}
section.guide table.society th {
	width:18% !important;
}
a.clinfo_btn p {
	padding:5% 0 5%;
	text-align:center;
	border:solid 1px #64532e;
	color:#736546;
	font-size:85.7%;
	white-space:nowrap;
}
a.clinfo_btn {
	display:inline-block;
	width:155px;
	margin-left:4%;
	vertical-align:middle;
}
a.clinfo_btn:hover {
	text-decoration:none;
}
a.clinfo_btn p span {
	margin-right:10%;
	padding-left:20px;
	background:url(../img/arrow_br.png) no-repeat;
	background-size:15%;
	background-position:0 50%;
}

section.guide div.drtable {
	margin-bottom:1.5%;
}
section.guide div.drtable table.doctor .menu {
	width:18% !important;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
section.guide div.drtable table.doctor .time {
	width:15% !important;
	font-weight:bold;
	font-size:85.7%;
}
section.guide div.drtable table.doctor th {
	background-color:#eae4d6;
	text-align:center;
}
section.guide div.drtable table.doctor td {
	text-align:center;
}
section.guide div.drtable table.doctor td span.cf {
	margin-left:5px;
	vertical-align:top;
	font-weight:bold;
	color:#cd1d1d;
}

section.guide p.cf {
	font-size:85.7%;
	font-weight:bold;
	color:#cd1d1d;
}
section.guide p.cf span {
	margin-right:7px;
}

section.club > ul > li {
	margin-left:20px;
	font-size:85.7%;
	list-style:disc;
}

p.morebtn2 {
	position:relative;
	margin:8% auto 0;
	height:42px;
}
p.morebtn2 a {
	position:absolute;
	top:0;
	right:0;
	width:302px;
	height:100%;
	background:url(../img/btn_more2.png) no-repeat;
	background-size:5.1rem;
	background-position:50% 50%;
	border:solid 1px #64532e;
	overflow: hidden;
	text-indent:110%;
	white-space:nowrap;
}
p.backbtn {
	max-width:302px;
	width:90%;
	margin:16% auto 0;
}
p.backbtn a {
	display:block;
	width:100%;
	height:42px;
	background:url(../img/btn_back.png) no-repeat;
	background-size:5.1rem;
	background-position:50% 50%;
	border:solid 1px #64532e;
	overflow: hidden;
	text-indent:110%;
	white-space:nowrap;
}
.imgCol2 {
	display: flex;
	justify-content: space-between;
}
.imgCol2_item {
	width: 48%;
}
.imgBorder {
	border: solid 1px #f4f0e9;
}

@media screen and (max-width:767px) {
	a.clinfo_btn {
		display:block;
		margin:2% 0 2% 0;
	}
	section div.drtable {
		overflow-x: scroll;
		white-space:nowrap;
	}
	section div.drtable::-webkit-scrollbar{
		width: 5px;
		background: #eae4d6;
	}
	section div.drtable::-webkit-scrollbar:horizontal{
		height: 5px;
		background: #eae4d6;
	}
	section div.drtable::-webkit-scrollbar-thumb{
		background: #8c8065;
		border-radius: 2px;
	}
	section div.drtable::-webkit-scrollbar-thumb:horizontal{
		background: #8c8065;
		border-radius: 2px;
	}
	p.morebtn2 {
		margin:5% auto 0;
	}
	p.morebtn2 a {
		width:100%;
	}
}
/*--------------------------------------------------------- guide > sanka */
.guideBlock .txt1 {
	float:left;
	width:31%;
	margin-right:2%;
}
.guideBlock .img1 {
	overflow:hidden;
}
.guideBlock .txt2 {
	float:left;
	width:67%;
	margin-right:2%;
}
.guideBlock .txt3 {
	float:left;
	width:57.5%;
	margin-right:2%;
}
.guideBlock .txt2 table td.merit p {
	margin-left:1em;
	text-indent:-1em;
}
.guideBlock .img2,
.guideBlock .img3 {
	text-align:center;
	overflow:hidden;
}
.guideBlock .txt1 img,
.guideBlock .txt2 img,
.guideBlock .txt3 img,
.guideBlock .img1 img,
.guideBlock .img2 img,
.guideBlock .img3 img {
	width: 100%;
	height: auto;
}
.guideBlock table {
	margin:1.5% auto 0;
}
.guideBlock table h2 {
	margin-bottom:1%;
}
.guideBlock table.sofuroroji th,
.guideBlock table.sofuroroji td,
.guideBlock table.aroma th,
.guideBlock table.aroma td {
	padding:1.3rem;
}
.guideBlock table.sofuroroji{
	margin-bottom:2%;
}
.guideBlock table.echo th,
.guideBlock table.club th {
	width:5%;
	white-space:nowrap;
}
.guideBlock p img {
	margin-top:2%;
}
@media screen and (max-width:767px) {
.guideBlock .txt1 {
	float:none;
	width:100%;
	margin-right:0;
}
.guideBlock .img1 {
	margin-top:3%;
	overflow:auto;
}
.guideBlock p.more2 a{
	max-width:100% !important;
}
.guideBlock .txt2,
.guideBlock .txt3 {
	float:none;
	width:100%;
	margin-right:0;
}
.guideBlock .img2,
.guideBlock .img3 {
	margin-top:3%;
}
.guideBlock table.sofuroroji th,
.guideBlock table.sofuroroji td,
.guideBlock table.aroma th,
.guideBlock table.aroma td{
	padding:2%;
}
.guideBlock p{
	word-wrap: break-word;
}
}
/*--------------------------------------------------------- guide > faq */
section.faq dl.accordion {}
section.faq dl.accordion dt { display:block;}
section.faq dl.accordion dd { display:none;}
section.faq dl.accordion > dt {
	margin-bottom:2px;
	padding:1.5% 10% 1.5% 3%;
	background:url(../img/plus.png) no-repeat;
	background-size:16px;
	background-position:96.8% center;
	background-color:#f4f0e9;
}
section.faq dl.accordion dt.open {
	background:url(../img/minus.png) no-repeat;
	background-size:16px;
	background-position:96.8% center;
	background-color:#f4f0e9;
}
section.faq dl.accordion dd {
	padding:1.5% 3% 1.5% 3%;
	font-size:85.7%;
}
/*--------------------------------------------------------- gallery */
section.gallery {
	margin-top:8.7%;
}
section.gallery div > ul > li {
	float:left;
	width:33%;
	height:auto;
	font-size:0;
	text-align:center;
}
section.gallery div > ul > li img {
	width:100%;
}
section.gallery div > ul > li img.big {
	width:99.7%;
}
		/* IMAGE LIGHTBOX SELECTOR */
		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 1em rgba( 0, 0, 0, .50 ); /* 50 */
			box-shadow: 0 0 1em rgba( 0, 0, 0, .50 ); /* 50 */
		}
		/* ACTIVITY INDICATION */
		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #8e7a6d;
			/*background-color: rgba( 0, 0, 0, .5 );*/
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 1em rgba( 0, 0, 0, .50 ); /* 40 */
			box-shadow: 0 0 1em rgba( 0, 0, 0, .50 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				position: fixed;
				top: 50%;
				left: 50%;
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}
		/* OVERLAY */
		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
		/* "CLOSE" BUTTON */
		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #8e7a6d;
			border:none;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */
			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: rgba( 142, 122, 109, .75 );
			}
			#imagelightbox-close:active
			{
			background-color: #8e7a6d;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}
		/* CAPTION */
		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #8e7a6d;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}
		/* NAVIGATION */
		#imagelightbox-nav
		{
			background-color: #8e7a6d;
			/*background-color: rgba( 0, 0, 0, .5 );*/
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */
			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}
		/* ARROWS */
		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #8e7a6d;
			/*background-color: rgba( 0, 0, 0, .5 );*/
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			border:none;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #8e7a6d;
			background-color: rgba( 142, 122, 109, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #8e7a6d;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}
		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media screen and (max-width:940px) {
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}
		@media screen and (max-width:767px) {
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
		}

@media screen and (max-width:767px) {
section.gallery {
	margin-top:0 !important;
}
section.gallery > div ul {
	width:100% !important;
}
section.gallery > div ul li {
	max-width:50% !important;
	width:50% !important;
}
section.gallery div > ul > li img.big {
	width:100%;
}
}