@charset "UTF-8";
/*--------------------------------------------------------------
 * this is original style
 *
 * @package isenorgoc
--------------------------------------------------------------*/

/*----------------------------------------------------------------------
	下層ページ
----------------------------------------------------------------------*/
.conts_block {
	margin: 0 0 30px;
}

.inner {
	padding: 0 15px;
	position: relative;
}

.lower h3 {
	font-size: 25px;
	font-size: 2.5rem;
	color: #6c9d47;
	margin: 0 0 20px;
}

.lower h4 {
	font-size: 20px;
	font-size: 2.0rem;
	border-left: 5px solid #0083d7;
	padding-left: 10px;
	line-height: 1.5;
	margin: 0 0 15px;
}

.lower p {
	margin: 0 0 30px;
}

.list_area .left {
	float: left;
}

.list_area .right {
	float: right;
}

.list_area .left,
.list_area .right {
	width: 49%;
}

ul.list {
	margin: 0 0 35px;
	padding: 0;
}

ul.list li {
	position: relative;
	padding-left: 20px;
	list-style: none;
	line-height: 2;
}

ul.list li::before {
	position: absolute;
	left: 0;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:'\f0da';
	color: #0083d7;
}



@media screen and (max-width : 767px) {
	.lower h3 {
		font-size: 22px;
		font-size: 2.2rem;
	}

	.list_area .left,
	.list_area .right {
		float: none;
		width: 100%;
	}

}



/*--------------------------------------------------------------
　院長紹介
--------------------------------------------------------------*/
.incho_area {
	padding: 85px 0 60px;
}

.incho_box .left {
	float: left;
	width: 65%;
}

.incho_box .right {
	float: right;
	width: 33%;
	text-align: right;
}

.incho_box .right img.incho_photo {
	margin: 0 0 30px;
	border-radius: 15px;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

.biography_area {
	padding: 45px 0 105px;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {
	.incho_area {
		padding: 85px 0 20px;
	}

	.biography_area {
		padding: 30px 0 50px;
	}

}



@media screen and (max-width : 767px) {
	.incho_area {
		padding: 50px 0 40px;
	}

	.incho_box .left,
	.incho_box .right {
		float: none;
		width: 100%;
	}

	.incho_box .right {
		text-align: center;
	}

	.incho_box .right img,
	.incho_box .right img.incho_photo {
		display: block;
		margin: 0 auto 30px;
	}

	.biography_area {
		padding: 30px 0 10px;
	}

}



/*--------------------------------------------------------------
　診療案内
--------------------------------------------------------------*/
.schedule_area {
	padding: 85px 0 60px;
}

.schedule_box table {
	width: 100%;
	border-collapse: separate;
	margin: 0;
}

.schedule_box table th.left_ttl {
	width: 10%;
}

.schedule_box table tr th {
	font-size: 16px;
	font-size: 1.6rem;
}

.schedule_box table th.left_ttl,
.schedule_box table tr:first-child th {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	background-color: #0093f2;
}

.schedule_box table th {
	padding: 21px 0;
	border-bottom: 2px solid #d8d8d8;
}

.schedule_box table th:not(:nth-child(3)) {
	border-right: 2px solid #d8d8d8;
}

.schedule_box table tr:first-child th {
	padding: 10px 0;
	border-top: 1px solid #0093f2;
}

.schedule_box table th:first-child {
	border-left: 1px solid #0093f2;
}

.schedule_box table th:last-child {
	border-right: 1px solid #0093f2;
}

.schedule_box table tr:last-child th {
	border-bottom: 1px solid #0093f2;
}

.schedule_box table tr:first-child th:first-child {
	border-radius: 10px 0 0 0;
}

.schedule_box table tr:first-child th:last-child {
	border-radius: 0 10px 0 0;
}

.schedule_box table tr:last-child th:first-child {
	border-radius: 0 0 0 10px;
}

.schedule_box table tr:last-child th:last-child {
	border-radius: 0 0 10px 0;
}

.alcohol_area {
	padding: 50px 0 30px;
}

.control_area {
	padding: 35px 0 30px;
}

.multiple_area {
	padding: 45px 0 30px;
}

.treatment_area {
	padding: 25px 0 30px;
}

.outpatient_area {
	padding: 25px 0 130px;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {
	.schedule_area {
		padding: 85px 0 20px;
	}

	.alcohol_area {
		padding: 30px 0 20px;
	}

	.control_area {
		padding: 30px 0 30px;
	}

	.multiple_area {
		padding: 20px 0 30px;
	}

	.treatment_area {
		padding: 20px 0 30px;
	}

	.outpatient_area {
		padding: 20px 0 50px;
	}

}



@media screen and (max-width : 767px) {
	.schedule_area {
		padding: 50px 0 30px;
	}

	.schedule_box table {
		width: 900px;
	}

	.schedule_box {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.alcohol_area {
		padding: 30px 0 10px;
	}

	.control_area {
		padding: 10px 0 10px;
	}

	.multiple_area {
		padding: 10px 0 10px;
	}

	.treatment_area {
		padding: 10px 0 10px;
	}

	.outpatient_area {
		padding: 10px 0 10px;
	}

}


/*--------------------------------------------------------------
	ご家族の方へ
--------------------------------------------------------------*/
.family_area {
	padding: 85px 0 60px;
}

.first_area {
	padding: 20px 0 20px;
}

.parent_area {
	padding: 30px 0 30px;
}

.familygroup_area {
	padding: 45px 0 30px;
}

.interview_area {
	padding: 45px 0 30px;
}

.cost_area {
	padding: 30px 0 120px;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {
	.family_area {
		padding: 85px 0 30px;
	}

	.first_area {
		padding: 20px 0 20px;
	}

	.parent_area {
		padding: 30px 0 30px;
	}

	.familygroup_area {
		padding: 25px 0 30px;
	}

	.interview_area {
		padding: 25px 0 30px;
	}

	.cost_area {
		padding: 20px 0 50px;
	}

}


@media screen and (max-width : 767px) {
	.family_area {
		padding: 50px 0 10px;
	}

	.first_area {
		padding: 20px 0 10px;
	}

	.parent_area {
		padding: 20px 0 10px;
	}

	.familygroup_area {
		padding: 20px 0 10px;
	}

	.interview_area {
		padding: 20px 0 10px;
	}

	.cost_area {
		padding: 20px 0 10px;
	}

}



/*--------------------------------------------------------------
	アクセス
--------------------------------------------------------------*/
.access_area {
	padding: 85px 0 90px;
}


@media screen and (min-width: 768px) and ( max-width: 1024px) {
	.access_area {
		padding: 85px 0 50px;
	}

}



@media screen and (max-width : 767px) {
	.access_area {
		padding: 50px 0 10px;
	}

}



/*--------------------------------------------------------------
　お知らせ
--------------------------------------------------------------*/
.post_main {
	width: 75%;
	float: right;
	margin: 0 0 100px;
}

.post_sidebar {
	width: 22%;
	float: left;
}

.archive_post {
	margin: 0 0 50px;
}

.post_main h1 {
	font-size: 2.0rem;
	margin: 10px 0 20px;
	border-top: 1px dashed #111;
	border-bottom: 1px dashed #111;
	text-align: left;
}

.post_main h1 a {
	color: #333;
	display: block;
	padding: 10px 0 10px 15px;
}

.post_main h1 a:hover {
	background: #fefbf0;
}

.blog .entry_content h1,
.single .entry_content h1,
.archive .entry_content h1 {
	text-align: left;
	border-left: 8px solid #0083d7;
	background-color: #f6f0e6;
	line-height: 2;
	padding: 5px 0 5px 10px;
	margin: 30px 0;
	border-top: none;
	border-bottom: none;
	font-size: 2.2rem;
}

.blog .entry_content h2,
.single .entry_content h2,
.archive .entry_content h2 {
	text-align: left;
	position: relative;
	font-size: 2.1rem;
	border-bottom: 4px solid #dcd3c6;
	margin: 30px 0;
}

.blog .entry_content h2::after,
.single .entry_content h2::after,
.archive .entry_content h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #0083d7;
}

.post_main h2.post_title_archive {
	border-bottom: none;
	margin: 10px 0 20px;
}

.post_main h2.post_title_archive::after {
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 0;
	height: 0;
	background-color: #fff;
}

.blog #main .post_wrap .entry_content h3,
.single #main .post_wrap .entry_content h3,
.archive #main .post_wrap .entry_content h3 {
	text-align: left;
	font-size: 1.9rem;
	position: relative;
	padding: 0 5px 0 25px;
	margin: 30px 0 10px;
}

.blog #main .post_wrap .entry_content h3::after,
.single #main .post_wrap .entry_content h3::after ,
.archive #main .post_wrap .entry_content h3::after {
	position: absolute;
	top: .4em;
	left: 0;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 4px solid #0083d7;
	border-radius: 100%;
}

.blog .entry_content h4,
.single .entry_content h4,
.archive .entry_content h4 {
	text-align: left;
	font-size: 1.7rem;
	border-left: 5px solid #0083d7;
	padding-left: 10px;
	line-height: 1.5;
	margin: 30px 0 10px;
}

.blog .entry_content h5,
.single .entry_content h5,
.archive .entry_content h5 {
	text-align: left;
	font-size: 1.6rem;
	font-family: "TBUDRGothic B";
	color: #0083d7;
	margin: 30px 0 10px;
}

.blog .entry_content h6,
.single .entry_content h6,
.archive .entry_content h6 {
	text-align: left;
	font-size: 1.55rem;
	font-family: "TBUDRGothic B";
	margin: 30px 0 10px;
}

.post_main .date {
	padding: 0 0 0 20px;
}

.post_main .entry_content p {
	line-height: 1.7;
	overflow: hidden;
}

.post_main .entry_content a {
	color: #333;
}

.post_main .entry_content a:hover {
	text-decoration: underline;
}

.post_main .entry_content table {
	border: 1px solid #ccc;
	margin: 0 auto 30px;
}

.post_main .entry_content table tr {
	border-bottom: 1px solid #ccc;
}

.post_main .entry_content table th,
.post_main .entry_content table td {
	border-left: 1px solid #ccc;
	padding: 15px 10px;
}

.post_main .entry_content table th {
	text-align: center;
	background-color: #ffffe6;
}

.post_main .entry_footer {
	overflow: hidden;
}

.single_news_list {
	text-align: right;
	float: right;
	font-size: 1.3rem;
	display: inline-block;
	margin-right: 30px;
}

.single_news_list a {
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
	background: #fffade;
}

.single_news_list a:hover {
	background: #f9eeb3;
}



/*--------------------------------------------------------------
	page link 投稿のページでのページ送り
--------------------------------------------------------------*/

.nav-links {
	overflow: hidden;
	/* display: block; */
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 50px;
	line-height: 1;
}

.pagination .nav-links {
	justify-content: center;
}

.nav_next {
	/*次の記事へのリンク*/
	text-align: right;
	display: block;
	float: right;
}

.nav_previous {
	/*次の記事へのリンク*/
	display: block;
	text-align: left;
	float: left;
}

.nav-links,
.nav_previous,
.nav_next {
	/*ページ送りの共通スタイル*/
	padding: 0;
}

.single .nav-links a {
	/*ページ送りのリンク*/
	display: block;
	padding: 8px 15px 8px;
	border-radius: 5px;
	/* background-color: #d0eec1; */
	color: #333;
	line-height: 1.5;
}

.single .nav-links a:hover {
	/*ページ送りのリンクホバー時*/
	color: #fff;
	background-color: #0083d7;
}

.blog .nav-links .page-numbers,
.category .nav-links .page-numbers,
.archive .nav-links .page-numbers {
	/*ページ送りのナンバー設定*/
	padding: 12px;
	margin: 0 2px;
	border: 1px solid #ff9b19;
	color: #333;
	border-radius: 3px;
}

.nav-links .current {
	/*ページ送りの現在のページ箇所の設定*/
	/* line-height: 30px; */
	/* height: 30px; */
	padding: 10px;
	text-align: center;
}

.link_page_nav {
	/*ページを分割したときのリンクの設定*/
	margin-bottom: 50px;
	text-align: right;
}

.link_page_nav span {
	/*ページを分割したときのリンクの設定*/
	display: inline-block;
	padding: 0;
}

.link_page_nav span {
	/*ページを分割したときのリンクの設定*/
	font-size: 13px;
	line-height: 30px;
	display: inline-block;
	overflow: hidden;
	/* width: 30px; */
	/* height: 30px; */
	margin: 0 5px 0 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	color: #999;
	border-radius: 3px;
	background: #ccc;
}

.link_page_nav a span {
	/*ページを分割したときのリンクの設定*/
	color: #fff;
	background: #ccc;
}

.link_page_nav a:hover span {
	/*ページを分割したときのリンクの設定*/
	color: #000;
	background: #ccc;
}

.blog .nav-links,
.category .nav-links,
.archive .nav-links {
	text-align: center;
	padding: 10px 0;
}

.blog .pagination h2,
.category .pagination h2,
.archive .pagination h2 {
	display: none;
}

.blog .page-numbers:hover,
.category .page-numbers:hover,
.archive .page-numbers:hover {
	background-color: #ff9b19;
	color: #fff;
}

.blog .page-numbers.current,
.category .page-numbers.current,
.archive .page-numbers.current {
	padding: 12px;
	margin: 0 2px;
	background-color: #ff9b19;
	border: 1px solid #ff9b19;
	color: #fff;
	border-radius: 3px;
}



@media screen and (max-width : 767px) {
	/*ページ送りの768px以下の設定*/
	.nav-links {
		overflow: hidden;
		margin: 0 auto 30px;
	}

	.nav_next {
		width: 48%;
	}

	.nav_previous {
		width: 48%;
	}

}



/*--------------------------------------------------------------
	category
--------------------------------------------------------------*/

.category_area {
	padding: 0 15px;
}

.category_area a {
	/*お知らせのカテゴリーのリンクの設定*/
	font-size: 13px;
	font-size: 1.3rem;
	padding: 4px 10px 2px 10px;
	white-space: nowrap;
	text-decoration: none;
	border-radius: 5px;
	background: #fff0f0;
	color: #333;
	display: inline-block;
}

.category_area a:hover {
	/*お知らせのカテゴリーのホバー時の設定*/
	color: #fff;
	background: #c31230;
}



/*--------------------------------------------------------------
	tag（タグを使わない場合は不要）
--------------------------------------------------------------*/
.tagcloud a {
	/*お知らせのタグクラウドのリンクの設定*/
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px 10px;
	white-space: nowrap;
	text-decoration: none;
	border: 1px solid #ccc;
}

.tagcloud a:hover {
	/*お知らせのタグクラウドのホバー時の設定*/
	color: #fff;
	border: 1px solid #ccc;
	background-color: #999;
}

.tagcloud a:hover span {
	/*お知らせのタグクラウドのリンク背景の設定*/
	color: #999;
	background-color: #fff;
}

.tag-area a {
	/*お知らせのタグのリンクの設定*/
	font-size: 13px;
	font-size: 1.3rem;
	padding: 4px 10px 2px 10px;
	white-space: nowrap;
	text-decoration: none;
	border-radius: 5px;
	background: #999;
}
/*お知らせのタグのホバー時の設定*/
.tag-area a:hover {
	color: #fff;
	background: #ccc;
}



@media screen and (max-width : 767px) {

	.post_main {
		margin: 0 0 50px;
	}

	.post_main h1 {
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.post_main h1 a {
		padding: 5px;
	}

	.post_main .date {
		padding: 0 0 0 10px;
	}

	.blog .entry_content h1,
	.single .entry_content h1,
	.archive .entry_content h1 {
		padding: 2px 0 2px 10px;
	}

	.post_main h2 {
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.blog #main .post_wrap .entry_content h3,
	.single #main .post_wrap .entry_content h3,
	.archive #main .post_wrap .entry_content h3 {
		font-size: 1.7rem;
		line-height: 1.5;
	}

	.blog #main .post_wrap .entry_content h3::after,
	.single #main .post_wrap .entry_content h3::after,
	.archive #main .post_wrap .entry_content h3::after {
		top: .2em;
	}

	.blog .entry_content h4,
	.single .entry_content h4,
	.archive .entry_content h4 {
		font-size: 1.6rem;
	}

	.blog .entry_content h5,
	.single .entry_content h5,
	.archive .entry_content h5 {
		font-size: 1.55rem;
	}

	.blog .entry_content h6,
	.single .entry_content h6,
	.archive .entry_content h6 {
		font-size: 1.5rem;
	}

}



/*--------------------------------------------------------------
	404ページ
--------------------------------------------------------------*/
.post_title_404 {
	text-align: center;
	padding: 3px 0;
	margin: 10px 0 30px;
	background: #eee;
	color: #333;
	border-radius: 5px;
}

.txt_404 {
	text-align: center;
	margin-bottom: 50px;
}



@media screen and (max-width : 767px) {

}