/*
Theme Name: dr-watanabe
Text Domain: dr-watanabe
Theme URI: https://lightning.nagoya
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 11.4.4
Requires at least: 5.0
Tested up to: 5.4.2
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


Lightning WordPress theme, Copyright (C) 2015-2019 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.
*/

/* ==========================================================================
   大見出し
   ========================================================================== */

/* --------------------------------------------------------------------------
   中見出し
   -------------------------------------------------------------------------- */

/* 小見出し */



/* ==========================================================================
   サイズ指定なしここから
   ========================================================================== */
/* --------------------------------------------------------------------------
   共通
   -------------------------------------------------------------------------- */
html {
    scroll-padding-top: 85px;
}
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif !important;
	letter-spacing: 0.05em;
	color: #434343;
	font-size: 16px !important;
}
body:not(.home) {
	margin-top: 85px;
}

@media all and (min-width:1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1200px;
	}
}
body .container {
	margin: auto;
	padding: 0;
}
body .row {
	margin: 0 auto;
	padding: 0;
}

pre {
	font-size: 100%;
	color: #212121;
}

a,
.mce-content-body a {
	text-decoration: underline;
	color: #212121;
}

a:hover,
.mce-content-body a:hover {
	text-decoration: none;
	color: #999;
}

a:hover img,
.mce-content-body a:hover img {
	opacity: 0.8;
}

a[href="#hide-link"] {
	pointer-events: none; /* クリックなどのマウス操作を無効化 */
	cursor: default;      /* カーソルを矢印のままにする */
	color: inherit;       /* 親要素の文字色と同じにする */
	text-decoration: none;/* 下線を消す */
}

p {
	line-height: 1.5;
	margin: 0.6em 0;
}


body:not(.home) .entry-body p {
	margin: 0.8em 0;
}
body:not(.home) .entry-body table p:empty {
	margin: 0;
	padding: 0;
}

dl:not([class]),
ol:not([class]),
ul:not([class]) {
	margin-top: 1em;
	margin-bottom: 1em;
}

ol:not([class]) li,
ul:not([class]) li {
	margin-bottom: 0;
}

.entry-body ul:not([class]),
.mce-content-body ul:not([class]) {
	list-style-type: none;
}

.entry-body ul:not([class])>li,
.mce-content-body ul:not([class])>li {
	position: relative;
}

.entry-body ul:not([class]) li::before, .mce-content-body ul:not([class]) li::before {
	content: '';
	position: absolute;
	top: 0.65em;
	left: -1em;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #626260;
}
.entry-body ul#sitemap_list li::before {
	content: none;
}

.entry-body ul:not([class])>li>ul:not([class]),
.mce-content-body ul:not([class])>li>ul:not([class]) {
	margin: 0;
}

.entry-body ol:not([class])>li>ul:not([class]),
.mce-content-body ol:not([class])>li>ul:not([class]) {
	margin: 0;
}

.entry-body ul>li>ul.astarisk,
.mce-content-body ul>li>ul.astarisk,
.entry-body ol>li>ul.astarisk,
.mce-content-body ol>li>ul.astarisk {
	padding-left: 2em;
}

.entry-body ul:not([class])>li>ul:not([class])>li::before,
.mce-content-body ul:not([class])>li>ul:not([class])>li::before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: transparent;
	left: -18px;
	top: 9px;
	border: 1px solid #212121;
	border-radius: 8px;
}

.entry-body table ul,
.mce-content-body table ul {
	margin: 0;
	padding: 0 1.5em;
}

.entry-body img {
	margin-bottom: 1em;
}


.table,
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: auto;
	border-top: none;
	margin: 1em 0;
}

.table_max {
	width: 100%;
}

table th {
	color: #333;
	font-size: 1em;
	font-weight: 700;
	text-align: left;
	background-color: #cdf1ed;
}

table td {
	font-size: 1em;
	background-color: #fff;
}

.table tbody tr td,
.table tbody tr th,
.table td,
.table th,
.table thead tr td,
.table thead tr th,
table tbody tr td,
table tbody tr th,
table td,
table th,
table thead tr td,
table thead tr th {
	border: 1px solid #333;
}

.siteContent {
	background-color: transparent;
}
body.single .siteContent, body.post .siteContent {
	padding: 1.5em 0 4em;
}

.home .siteContent {
	padding: 1em;
	background-color: #FFF;
}
.entry-header {
	border-bottom: none;
	text-align: right;
}
.mainSection-marginBottom-on {
	margin-bottom: 2rem;
}

.subSection.sideSection {
	display: none;
}

.js-scrollable {
	white-space: nowrap;
	/* 文字の折り返しはなくす */
}

.gallery .gallery-caption {
	color: #333;
	font-size: 1.25em;
	font-weight: 700;
	margin: 0 0 2em;
}

.gallery dt {
	margin-bottom: 0;
}




/* --------------------------------------------------------------------------
   見出し
   -------------------------------------------------------------------------- */
/* 見出し1 */
.page-header {
	background-color: #dae7d4;
}

.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
	line-height: 1;
	margin: 0;
	font-size: 2.5em;
	font-weight: 700;
	background-size: cover;
	height: 260px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #FFF;
	letter-spacing: 6px;
	text-align: left;
}

/* ---addquicktag--- */
ul.astarisk {
	list-style-type: none;
	padding-left: 1em;
}

ul.astarisk li {
	position: relative;
	margin-bottom: 0;
}

ul.astarisk li::before {
	content: '※';
	position: absolute;
	left: -1em;
}

.section.page-header {
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/bg_h1.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.section.page-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.65);
}


/* 見出し2 */
body h2 {
	font-size: 1.6em;
	padding: 0.7em 0.8em 0.7em;
	border-top: none;
	font-weight: 700;
	color: #FFF;
	border-radius: 5px;
}
body:not(.home) h2 {
	font-size: 1.5em;
	/* 見出し全体の基本設定 */
	padding: 1rem 1.5rem;
	color: #fff;
	border-radius: 5px;
	line-height: 1.6; /* 行の高さを指定して見やすくする */

	/* 背景を複数重ねてデザインを作成 */
	background:
		/* 1層目: 間の青い線 (一番上に表示) */
		linear-gradient(135deg, transparent 56%, #5cb3aa 56%, #5cb3aa 100%),

		/* 2層目: 右の青緑の帯 */
		linear-gradient(135deg, transparent 55%, #0088cc 55%, #0088cc 100%),

		/* 3層目: 全体のグレー (一番下に表示) */
		#555;

	/* 各背景の位置とサイズを指定 */
	background-repeat: no-repeat;
	background-size:
		25% 100%, /* 青緑の帯のサイズ */
		27% 100%, /* 青い線のサイズ */
		100% 100%;  /* グレーの背景サイズ */
	background-position:
		right top, /* 青緑の帯の位置 */
		right top, /* 青い線の位置 */
		right top; /* グレーの背景の位置 */
}

/* 見出し3 */
body h3 {
	padding: 0.7em 1em 0.7em 3em;
	position: relative;
	font-size: 1.45em;
	font-weight: 700;
	border: none;
	border-radius: 5px 0 5px 0;
}
body:not(.home) h3 {
	font-size: 1.25em;
	background-color: #cdf1ed;
	border-radius: 5px;
	padding: 1em;
}
body:not(.home) h3::after {
	display: none;
}


/* 見出し4 */
body:not(.home) h4 {
	color: #333333;
	font-size: 1.125em;
	font-weight: 700;
	margin: 1.5em 0;
	padding: 1em;
	border-bottom: 3px solid #0088cc;
	position: relative;
}
body:not(.home) h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #6dc3ba;
}

/* 見出し5 */
body:not(.home) h5 {
	color: #333;
	font-size: 1.0625em;
	font-weight: 700;
	margin: 1.5em 0;
	padding: 0.5em 1em;
	background-image: radial-gradient(circle, #4db6ac 2px, transparent 2px);
	background-size: 10px 6px;
	background-position: bottom;
	background-repeat: repeat-x;
}

/* 見出し6 */
body:not(.home) h6 {
	color: #333;
	font-size: 1em;
	font-weight: 700;
	position: relative;
	margin: 1em 0;
	padding: 1em 1.5em;
}
body:not(.home) h6::after {
	content: '';
	width: 4px;
	height: 24px;
	display: block;
	position: absolute;
	top: calc(50% - 24px / 2);
	left: 0;
	background: linear-gradient(to bottom, 
      #007bff 33.3%,      /* 上から33.3%まで青 */
      #626260 33.3%,      /* 33.3%からグレーを開始 */
      #626260 66.6%,      /* 66.6%までグレー */
      #4db6ac 66.6%       /* 66.6%から青緑を開始 */
	);
}



/* --------------------------------------------------------------------------
   ヘッダー
   -------------------------------------------------------------------------- */
/* ヘッダー全体 */
body header.siteHeader {
	position: fixed;
	background-color: transparent;
	box-shadow: none;
}
body header.siteHeader .siteHeadContainer {
	display: flex;
}
body header.siteHeader div.navbar-header {
	display: flex;
	width: 100%;
	height: 85px;
	padding: 0 1.5em;
	background-color: rgba(0,0,0,0.6);
	border-bottom: 6px solid #004faf;
	justify-content: space-between;
	position: relative;
}
body header.siteHeader div.navbar-header::after {
	content: '';
	width: 100%;
	height: 6px;
	position: absolute;
	top: calc(100% + 5.5px);
	left: 0;
	background-color: #5FB9AC;
}
body.header_scrolled  header.siteHeader div.navbar-header {
	margin-bottom: 0;
}
body header.siteHeader div.navbar-header h1, body header.siteHeader div.navbar-header p {
	display: block;
	margin: auto 0;
}

.navbar-header {
	position: relative;
	padding: 1.2em 0 2em 0.4em;
}
.navbar-header-right {
	display: flex;
	justify-content: space-around;
}
.navbar-brand.siteHeader_logo img {
	width: 208px;
	max-width: none;
}

/* ヘッダーメニュー */
.menu-main-menu-container {
	padding: 0 2em;
}
.menu-main-menu-container .gMenu {
	height: 100%;
}
.menu-main-menu-container .gMenu li {
	font-size: 1em;
	padding: 0;
}
.menu-main-menu-container .gMenu > li::before {
	border-bottom: none;
}
.menu-main-menu-container .gMenu > li a {
	color: #fff;
	font-size: 1.25em;
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 0 1em;
}
.menu-main-menu-container .gMenu > li a:hover {
	text-decoration: underline;
	color: #fff !important;
}
.menu-main-menu-container .gMenu > li a .gMenu_name {
	font-size: 1em;
}

body.header_scrolled .menu-main-menu-container .gMenu > li {
	border-left: none;
}
body.header_scrolled .menu-main-menu-container .gMenu > li:last-child {
	border-right: none;
}


/* ヘッダー右エリア */
.header_right_area {
	display: flex;
}
/* ヘッダー右エリア（発熱外来・予防接種の予約） */
.header_right_btn {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	transition: all 0.3s;
}
.header_right_btn a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 240px;
	height: calc(100% + 6px);
	padding: 0 1.5em;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	background-color: #FC0;
}
.header_right_btn a:hover {
	color: #000;
	background-color: #FEE824;
}
.header_right_btn a span {
	white-space: nowrap;
}

/* ヘッダー右エリア（お問い合わせ） */
.header_right_contact {
	white-space: nowrap;
}
.header_right_contact p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 265px;
	height: calc(100% + 6px);
	margin: 0;
	padding: 0 1.5em;
	text-align: center;
	background-color: #fff;
}
.header_contact {
	padding: 0.2em 1em;
	font-weight: bold;
	color: #fff;
	background-color: #0078C5;
	border-radius: 0.3em;
}
.header_tel {
	position: relative;
	font-size: 1.625em;
	font-weight: bold;
	padding-left: 0.5em;
}
.header_tel::before {
	content: '';
	display: block;
	position: absolute;
	top: 25%;
	left: -5%;
	width: 17px;
	height: 22px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_phon.png);
}
.header_tel a:hover {
	color: #000;
}

/* ヘッダーサブメニュー */
.header_nav_sub {
	margin: auto 0;
}
.header_nav_sub ul {
	margin: 0;
	padding: 0;
	display: flex;
	background-color: #fff;
    border-radius: 0.3em;
}
.header_nav_sub ul li {
	padding: 0.4em 1.2em;
	list-style-type: none;
}
.header_nav_sub ul li a {
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
.header_nav_sub ul li a:hover {
	color: #000;
	text-decoration: underline;
}
.header_nav_sub ul li:first-child {
	position: relative;
}
.header_nav_sub ul li:first-child::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 50%;
	border-right: 2px solid #000;
    top: calc(50% - (50%/2));
	right: 0;
}



/* ==========================================================================
   トップページ
   ========================================================================== */

/* --------------------------------------------------------------------------
   スライダー
   -------------------------------------------------------------------------- */
.metaslider .slides img {
	width: 100% !important;
}
.metaslider_box {
	position: relative;
}
.flex-control-nav {
	position: absolute !important;
	top: auto !important;
	right: calc(2.5% + 40px) !important;
	bottom: 1em !important;
}
.flex-direction-nav {
	top: auto !important;
	right: 2.5% !important;
	bottom: 3em !important;
}
.flex-control-nav a {
	width: 15px !important;
	height: 15px !important;
	border: 2px solid #fff !important;
	text-indent: -9999px !important;
}
.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a {
	width: 30px !important;
	height: 30px !important;
}
.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-prev::after {
	mask-image: none !important;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/arrow_carosel_left.png);
	background-color: transparent !important;
	width: 30px;
	height: 30px;
}
.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-next::after {
	mask-image: none !important;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/arrow_carosel_right.png);
	background-color: transparent !important;
	width: 30px;
	height: 30px;
}
.metaslider_box .metaslider.ms-theme-architekt .flexslider ol.flex-control-nav:not(.flex-control-thumbs),
.metaslider_box .metaslider.ms-theme-architekt ul.rslides_tabs,
.metaslider_box .metaslider.ms-theme-architekt div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) {
	width: auto;
}
.metaslider_box .metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-prev {
	left: 0;
}


/* メインビジュアル上のサブメニュー */
.slider_sub_menu {
	position: absolute;
	right: 2.5%;
	bottom: 15%;
}
.slider_sub_menu ul {
	margin: 0 0 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	max-width: 50%;
	justify-content: right;
	gap: 1em 1.5em;
}
.slider_sub_menu ul li {
	list-style-type: none;
	max-width: 50%;
}
.slider_sub_menu ul li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 0.75em;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	width: 403px;
	height: 84px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/mv_btn.png);
	transition: 0.3s;
}
.slider_sub_menu ul li a::after {
	content: '';
	position: absolute;
	right: 1.1em;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/arrow_02.png);
	width: 8px;
	height: 13px;
}
.slider_sub_menu ul li a:hover {
	opacity: 0.8;
}


/* --------------------------------------------------------------------------
   診療案内
   -------------------------------------------------------------------------- */
.home .siteContent.siteContent.medical {
	padding: 1em 1em 7.5em 1em;
}
h2.h2_top {
	font-size: 2em;
	background-color: transparent;
	color: #333;
	border: none;
	margin: 1em 1.5em;
	padding: 0.5em 1em 0.5em;
	text-align: center;
	position: relative;
}
h2.h2_top::after {
	content: '';
	display: block;
	width: 72px;
	height: 4px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_title_01.png);
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
body.home h2.h2_top.h2_top_white {
	color: #fff;
}
body.home h2.h2_top.h2_top_white::after {
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_title_02.png);
}
body.home h3.h3_top {
	font-size: 1.5em;
	color: #2D4F6A;
	text-align: center;
	margin: 1.5em;
	padding: 0.7em 1em;
	background: none;
}
body.home h3.h3_top::after {
	content: '';
	display: block;
	width: 48px;
	height: 4px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_subtitle.png);
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

.medical_inner_wrap {
	margin: 0 auto;
}
.medical_items_wrap {
	display: flex;
}
.medical_items_wrap > div {
	width: 50%;
	margin: 0 0.5em;
}
.flex {
	display: flex;
}

/* 診察時間・受付終了時間 */
.time_area > .flex {
	margin: 0 0 1.2em 0;
}
.time_area > .flex > div:first-child {
	width: 16em;
	text-align: center;
}
.time_area > .flex > div:first-child span {
	display: block;
	width: 100%;
	font-size: 1.25em;
	font-weight: bold;
	white-space: nowrap;
	padding: 0.1em 0.8em;
	border-radius: 0.2em;
}
.time_area > .flex > div:nth-child(2) {
	width: calc(100% - 1em);
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	padding: 0.2em 0 0.2em 1em;
}
.time_area > .flex > div:nth-child(2) > div:nth-child(2) {
	margin: 0 0 0 0.2em;
}
.time_area > .flex.monday-friday > div:first-child span {
	background-color: #FFF7BF;
}
.time_area > .flex.saturday > div:first-child span {
	background-color: #AEE6E6;
}
.time_area > .flex.holiday > div:first-child span {
	background-color: #E6AEAE;
}
.reception_closed {
	color: #B11212;
	font-size: calc(0.6666666666666666666em);
}

/* 診療部門 */
.department_area ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}
.department_area ul li {
	list-style-type: none;
	width: calc(33% - 0.5em*2);
	height: 4em;
}
.department_area ul li a {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0.2em 0.8em;
	color: #fff;
	font-size: 1.125em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #0F3687;
	border: 1px solid #0F3687;
	border-radius: 0.2em;
	position: relative;
	transition: 0.3s;
	line-height: 1;
}
.department_area ul li a::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_sinryo.png);
	position: absolute;
	top: auto;
	left: auto;
	right: 0.3em;
	bottom: 0.3em;
	transition: 0.3s;
}
.department_area ul li a:hover {
	color: #0F3687;
	background-color: #fff;
}
.department_area ul li a:hover::after {
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_sinryo2.png);
}



/* --------------------------------------------------------------------------
   新着情報
   -------------------------------------------------------------------------- */
/* 日付/カテゴリー/タイトル */
.update_ul {
	margin: 1em 0;
	padding: 0 0 0 0;
}

.update_ul li {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 1.8em 0;
	border-bottom: 1px solid #cccccc;
}

.update_ul li:last-child {
	border-bottom: none;
}

.update_ul li div {
	display: flex;
	align-items: baseline;
}

.event-title {
	flex: 1;
}

.event-date {
	margin-right: 2em;
	white-space: nowrap;
}
.update_category {
	white-space: nowrap;
	margin: 0 2em 0 0;
	padding: 0.3em 0.4em;
	border-radius: 3px;
}

.update_category a {
	color: #fff !important;
	text-decoration: none;
	display: inline-block;
	width: 124px;
	text-align: center;
	font-size: 100%;
}

.update_category a:hover {
	opacity: 0.8;
}

.update_category.news {
	background-color: #004faf;
}

.update_category.closed {
	background-color: #C62121;
}

.update_category.recruit {
	background-color: #2B873B;
}

/* 一覧を見る */
.list_link {
	text-decoration: none;
	text-align: center;
}

.list_link span {
	position: relative;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0;
	transition: all 0.3s;
	padding: 0.5em 4.5em;
	color: #FFF;
	border-radius: 0.25em;
}

.list_link span::after {
	content: '';
	position: absolute;
	top: calc(50% - (9px/2));
	right: 10px;
	display: block;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

.tab_box .tab_panel.all .list_link span {
	border: 1px solid #616060;
	background-color: #616060;
}

.tab_box .tab_panel.news .list_link span {
	border: 1px solid #375DAF;
	background-color: #375DAF;
}

.tab_box .tab_panel.closed .list_link span {
	border: 1px solid #C52121;
	background-color: #C52121;
}

.tab_box .tab_panel.recruit .list_link span {
	border: 1px solid #298138;
	background-color: #298138;
}

.tab_box .tab_panel .list_link span:hover {
	color: #333;
	background-color: #fff;
}

.tab_box .tab_panel.all .list_link span:hover::after {
	border-color: #616060;
}

.tab_box .tab_panel.news .list_link span:hover::after {
	border-color: #375DAF;
}

.tab_box .tab_panel.closed .list_link span:hover::after {
	border-color: #C52121;
}

.tab_box .tab_panel.recruit .list_link span:hover::after {
	border-color: #298138;
}


/* ページャー */
ul.page-numbers {
	margin: 0 auto;
	padding: 0;
}

ul.page-numbers li span.page-numbers.current {
	color: #fff;
	background-color: #004faf;
}

ul.page-numbers li a,
ul.page-numbers li span.page-numbers {
	padding: 0.3em 0.8em;
	display: block;
	border: 1px solid #222;
	margin: 0.3em;
}

.pagination ul.page-numbers li>.page-numbers {
	border-radius: 0.5em;
	background-color: #fff;
	text-decoration: none;
}



.home .section.siteContent.news {
	background-color: #F4F6F8;
	padding: 1em 1em 7.5em;
}
.tab_box .tab_btn {
	color: #fff;
	position: relative;
}
.tab_box .tab_btn.all {
	background-color: #616060;
}
.tab_btn.news {
	background-color: #375DAF;
}
.tab_btn.closed {
	background-color: #C52121;
}
.tab_btn.recruit {
	background-color: #298138;
}
.my-button.pickup {
	display: none;
}
/* 新着情報タブ */
label {
	margin-bottom: 0;
}

/*タブ切り替え全体のスタイル*/
.tabs {
	margin-top: 50px;
	padding-bottom: 0;
	background-color: transparent;
	width: 100%;
	margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
	width: calc(100%/5);
	height: auto;
	background-color: #e3ecf8;
	line-height: normal;
	font-size: 1em;
	padding: 0.5em 0;
	color: #212121;
	text-align: center;
	font-weight: bold;
	display: block;
	float: left;
	transition: all 0.2s ease;
	box-sizing: border-box;
	border-right: 1px solid #d2d2d2;
}

.tab_item_last {
	border-right: none;
}

.tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 0 0 0;
	clear: both;
	overflow: visible;
	height: 390px;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked~#all_content,
#news:checked~#news_content,
#topics:checked~#topics_content,
#event:checked~#event_content,
#recruitment:checked~#recruitment_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
	background-color: #004faf;
	color: #FFFFFF;
}

/*タブ実装*/
.tab_box {
	background: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: none;
	margin: 0 3.6% 0 0;
	justify-content: space-between;
	align-items: center;
}

.tab_box .btn_area {
	margin: 0 auto 1em;
	display: flex;
	gap: 2%;
	width: 100%;
	max-width: 600px;
}

.tab_box .tab_btn {
	width: 25%;
	margin: 0.6em 0 0;
	padding: 0.25em;
	border-radius: 0.25em;
	font-size: 1.125em;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	letter-spacing: 0;
}

.tab_box .tab_btn.active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: 0 auto;
	display: block;
	width: 50%;
	height: 3px;
}
.tab_box .tab_btn.all.active::after {
	background-color: #616060;
}
.tab_box .tab_btn.news.active::after {
	background-color: #375DAF;
}
.tab_box .tab_btn.closed.active::after {
	background-color: #C52121;
}
.tab_box .tab_btn.recruit.active::after {
	background-color: #298138;
}

.tab_box .panel_area {
	width: 100%;
	padding: 20px 0;
}

.tab_box .tab_panel {
	display: none;
}

.tab_box .tab_panel.active {
	display: block;
}

.col-md-8 a.list_link span {
	padding: 0.8rem 4.1rem 0.8rem 4.4rem;
}

/* --------------------------------------------------------------------------
   当院の医療サービス
   -------------------------------------------------------------------------- */
.section.siteContent.topic {
	background: linear-gradient(180deg, #F4F6F8 0%, #F4F6F8 60%, #fff 60%, #fff 100%);
	position: relative;
}
.section.siteContent.topic::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 90%;
	height: 80%;
	max-height: 350px;
	background-color: #4D5780;
	border-radius: 0 0.5em 0.5em 0;
	z-index: 1;
}
.section.siteContent.topic .container {
	position: relative;
	z-index: 2;
}



/* --------------------------------------------------------------------------
   ピックアップ
   -------------------------------------------------------------------------- */
.section.siteContent.pickup {
	position: relative;
	background: linear-gradient(180deg, #fff 0%, #fff 60%, #F4F6F8 60%, #F4F6F8 100%);
	padding-bottom: 5em;
}
.section.siteContent.pickup::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 80%;
	height: 80%;
	max-height: 350px;
	background-color: #4D5780;
	border-radius: 0.5em 0 0 0.5em;
	z-index: 1;
}
body.home .pickup h2.h2_top {
	margin: 4em 0 1.5em;
}
.section.siteContent.pickup .container {
	position: relative;
	max-width: calc(280px * 5);
	z-index: 2;
}
.pickup-slider-wrapper {
	padding: 2em 0 0 0;
}
.slick-initialized .slick-slide {
	display: block;
	padding: 0 1em;
}
.slide-link {
	text-decoration: none;
	position: relative;
	display: block;
	transition: 0.3s;
}
.slide-link div img, .slide-link div > div {
	transition: 0.3s;
}
.slide-link:hover div img, .slide-link:hover div > div {
	transform: scale(1.065)
}
.slide-link::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0.5em;
	border: 3px solid transparent;
	transition: 0.3s;
}
.slide-thumbnail {
	width: 100%;
	aspect-ratio: 240 / 160;
	overflow: hidden;
	border-radius: 0.5em 0.5em 0 0;
}
.slide-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
a:hover .slide-thumbnail img {
	opacity: 1;
}
.slide-content {
	background-color: #fff;
	padding: 1em;
	border-radius: 0 0 0.5em 0.5em;
}
.slide-title {
	font-size: 1.125em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
    padding: 0 1.5em 0 0;
	position: relative;
}
.slide-title::after {
	content: '';
	position: absolute;
	top: 0.5em;
	right: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
}
.slide-link:hover .slide-title::after {
	border-top: 2px solid #999;
	border-right: 2px solid #999;
}
a:hover .slide-title, a:hover .slide-excerpt {
	color: #212121;
}

/* ページャー */
.pickup-slider .slick-dots li button {
	background-color: #fff;
	width: 15px;
	height: 15px;
}
.pickup-slider .slick-dots li.slick-active button {
	background-color: #000;
	border: 3px solid #fff;
}
.pickup-slider .slick-dots li button::before {
	display: none;
}
.slick-dots-outer {
	position: absolute;
	top: auto;
	bottom: -3.5em;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 1rem;
	list-style: none;
	text-align: center;
	z-index: 1;
}
.pickup-slider .slick-dots {
	position: static;
	display: inline-block;
	width: auto;
}
.pickup-slider .slick-prev, .pickup-slider .slick-next {
	top: auto;
	bottom: -3.5em;
	font-size: 1rem;
	width: 30px;
	height: 30px;
	transform: none;
	z-index: 2;
}
.pickup-slider .slick-prev::before, .pickup-slider .slick-next::before {
	display: none;
}
.pickup-slider .slick-prev {
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/arrow_carosel_left.png) !important;
	background-color: transparent !important;
}
.pickup-slider .slick-next {
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/arrow_carosel_right.png) !important;
}
.pickup-slider .slick-dots li button:hover {
	background-color: #000;
	border: 3px solid #fff;
	opacity: 0.8;
}


/* --------------------------------------------------------------------------
   トピックスエリア（当院の医療サービス）
   -------------------------------------------------------------------------- */
.topic {
	height: auto;
}
.topic_inner {
	display: flex;
	justify-content: center;
	gap: 5%;
	width: 100%;
	padding: 1.6rem 0;
}
.topic_item {
	position: relative;
	width: 33%;
	max-width: 300px;
	text-align: center;
	display: flex;
	justify-content: center;
	background-color: #fff;
	box-shadow: rgba(111, 111, 111, 0.5) 0 0 15px;
	border-radius: 0.5em;
	box-sizing: border-box;
    border: 3px solid #fff;
    transition: 0.3s;
}
.topic_item:hover {
	border: 3px solid #4d5780;
	box-shadow: rgb(77, 87, 128) 0 0 15px;
}
.topic_item a {
	text-decoration: none;
	position: relative;
	display: block;
    width: 100%;
    height: 100%;
	padding: 1.5em;
}
.topic_item a:hover img {
	opacity: 1;
}

.img_box {
	display: inline-block;
	position: relative;
}

.btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}

.btn:hover img:nth-of-type(2) {
	opacity: 0;
}

.topic_item img {
	margin-bottom: 1rem;
}

.topic_item p {
	margin: 0;
	color: #333;
	font-size: 1.5em;
	font-weight: 700;
}

.img_box {
	position: relative;
}

.img_box .active {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.5s;
}

.img_box2 .active {
	top: 4px;
}

.img_box:hover .active {
	opacity: 1;
}


/* --------------------------------------------------------------------------
   リンク（バナーエリア）
   -------------------------------------------------------------------------- */
.home .section.siteContent.link {
	background-color: #f4f6f8;
	padding-top: 3em;
}
.link_inner_wrap ul {
	margin: 2.5em 0 7.5em;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 1em;
}
.link_inner_wrap ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	max-width: 25%;
	min-width: 150px;
}




/* --------------------------------------------------------------------------
   アクセス（マップエリア）
   -------------------------------------------------------------------------- */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 20%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.gmap a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2em;
	color: #fff;
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	max-width: 15em;
	margin: 0 auto;
	padding: 0.8rem 3.1rem 0.8rem 3.4rem;
	background: #0078C5;
}

.gmap a:hover {
	color: #fff !important;
	opacity: 0.8;
}

.gmap a span {
	display: block;
	position: relative;
}


/* --------------------------------------------------------------------------
   フッター
   -------------------------------------------------------------------------- */
.siteFooter {
	background-color: #6f6f6f;
	border-top: none;
}


.container.sectionBox.footerWidget {
	display: block;
	padding: 2em 1em;
}

.footer_info .row {
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0px 0 2em 0;
}

.col-md-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33%;
	flex: 0 0 33%;
	max-width: 33%;
	padding: 0;
}

.adress_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-left: 1px solid #004faf;
	padding-left: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* フッターアドレス */
.footer_adress {
	color: #fff;
}
.footer_adress p {
	margin: 1.5em 0 0;
}
.footer_adress img {
	max-width: 206px;
}

/* 営業時間 */
.footer_info .time {
	color: #fff;
}
.footer_info .time ul li {
	display: flex;
	align-items: baseline;
	margin-bottom: 0.5em;
}
.footer_info .time ul li > span:first-child {
	min-width: 8.5em;
	text-align: center;
	margin: 0 1em 0 0;
	padding: 0.2em 0.5em;
	border: 1px solid #fff;
	border-radius: 0.25em;
}
.footer_info .time ul li > span:nth-child(2) {
	font-size: 1.125em;
}
.footer_info .time ul li > span:nth-child(2) > span {
	white-space: nowrap;
}

/* お問い合わせボタン */
.siteFooter .contact_box a {
	display: block;
	max-width: 12em;
	padding: 0.5em 0.5em 0.5em 1em;
	background-color: #fff;
	border-radius: 0.25em;
	font-size: 1.125em;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	transition: 0.3s;
}
.siteFooter .contact_box a::before {
	content: '';
	position: absolute;
	top: calc(50% - 16px / 2);
	left: 1.8em;
	display: block;
	width: 22px;
	height: 16px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_mail.png);
}
.siteFooter .contact_box a:hover {
	color: #212121;
	opacity: 0.8;
}
.footer_contact a span {
	padding-left: calc(22px + 0em);
}


/* コピーライト */
.copyright_relative {
	text-align: right;
	align-self: end;
}

.copyright {
	color: #fff;
	font-size: 75%;
	text-align: center;
}

.sectionBox.copySection {
	display: none;
}

/* --------------------------------------------------------------------------
   ToTop
   -------------------------------------------------------------------------- */
#to_top_scrollup:hover {
	opacity: 0.7 !important;
}

/* --------------------------------------------------------------------------
   パンくず
   -------------------------------------------------------------------------- */
.breadSection {
	border-bottom: none;
	background-color: transparent;
}

.breadSection .breadcrumb {
	margin-top: 0;
	margin-bottom: 0;
	background: 0 0;
	padding: 10px 15px;
}

.breadSection .breadcrumb>li>a {
	text-decoration: none;
}

.breadSection .breadcrumb>li>a>span {
	color: #004faf;
}

.breadSection .breadcrumb>li:nth-child(1)>a>span>i {
	display: none;
}

.breadSection .breadcrumb>li+li::before {
	content: "＞";
	font-size: 16px;
	margin: 0 1.3em;
	color: #333333;
}

.breadSection .breadcrumb span {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}



/* --------------------------------------------------------------------------
   投稿ページ
   -------------------------------------------------------------------------- */
.postNextPrev {
	display: none;
}





/* --------------------------------------------------------------------------
   子ページ一覧
   -------------------------------------------------------------------------- */
.ul_page_child {
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	gap: 1%;
}

.ul_page_child li {
	width: calc(98% / 3);/*gap:1%;で要素3つ並べるため余白分の2%を除いて3分割*/
	margin: 0.8em 0;
	background-color: #0F3687;
	border-radius: 10px;
	position: relative;
	font-size: 1.25em;
	font-weight: 700;
}

.ul_page_child li.ul_page_child_empty {
	margin: 0;
	border-bottom: none;
	background-color: transparent;
}

.ul_page_child li a {
	display: block;
	padding: 0.75em 1em;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.ul_page_child li.ul_page_child_empty a {
	padding: 0;
}

.ul_page_child li a::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_sinryo.png);
	position: absolute;
	right: 0.25em;
	bottom: 0.25em;
	color: #fff;
	font-weight: 700;
}

.ul_page_child li:hover {
	opacity: 0.7;
}

.ul_page_child li a:hover {
	color: #fff !important;

}

/* --------------------------------------------------------------------------
   カテゴリーページ＆全ての一覧ページ
   -------------------------------------------------------------------------- */
body.all, body.category {
	background-color: #fff;
	background-image: linear-gradient( -45deg, #F5F9FC 50%, transparent 50% );
	background-repeat: no-repeat;
}

/* --------------------------------------------------------------------------
   カテゴリー＆タグページ
   -------------------------------------------------------------------------- */
.media-left.postList_thumbnail {
	display: none;
}
.fa_v5_css .entry-meta_items.published::before {
	display: none;
}

.entry-meta_items {
	font-size: 1em;
	min-width: 8em;
}

.media-body_excerpt {
	display: none !important;
}

.entry-meta_items_term {
	display: none !important;
}


.entry-footer {
	display: none;
}

.media .media-body .media-heading {
	font-size: 1em;
	padding-top: 0.25em;
	padding-left: 1em;
	padding-right: 0.5em;
	flex: 1;
}

.entry-meta {
	display: flex;
    align-items: baseline;
}

.entry-meta .update_category {
	display: inline-block;
	margin: 0 2em 0 0;
	width: 8.5em;
	text-align: center;
}

.category .media-body {
	display: flex;
	align-items: baseline;
}

.category .update_category {
	margin: 0 1em 0 0;
}

.tag .update_category {
	display: none;
}

/* --------------------------------------------------------------------------
   フォーム用ページ
   -------------------------------------------------------------------------- */
.parent-page-form #panHome + li {
	display: none;    /* フォーム用まとめページをパンくずから削除 */
}
body:not(.parent-page-form) .grecaptcha-badge {
	display: none !important;
}
body:not(.parent-page-form) #to_top_scrollup {
	bottom: 20px !important;
}


/* --------------------------------------------------------------------------
   診療部門案内
   -------------------------------------------------------------------------- */
.medical_contents_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
}
.medical_item {
	max-width: calc((100% - 5% * 2) / 3);
	padding: 1.2em 0;
}
.medical_item_img {
	width: 100%;
	aspect-ratio: 240 / 160;
	overflow: hidden;
}
.medical_item_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.medical_item_txt span {
	display: block;
}
.medical_item_txt > span:first-child {
	font-size: 1.25em;
	font-weight: 700;
	text-align: center;
	padding: 0.5em 0.25em;
	border-bottom: 2px solid #004FAF;
	position: relative;
}
.medical_item_txt > span:first-child::before {
	content: '';
	width: 95%;
	height: 2px;
	display: block;
	margin: 0 auto;
	background-color: #5fb9ac;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
}
.medical_item_txt span:nth-child(2) {
	margin-top: 0.75em;
}
a:not([href]):hover img {
	opacity: 1;
}
.medical_item a, .medical_item a:not([href]) .medical_item_txt span:nth-child(2) {
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   医師紹介
   -------------------------------------------------------------------------- */
.degree {
	font-size: 1.25em;
	padding: 0 0 0 1.125em;
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   透析センターここから
   -------------------------------------------------------------------------- */
/* ヘッダー */
body.test-dialysis-center,
body.dialysis-center {
	margin-top: 0;
}
body.test-dialysis-center .h1_wrap,
body.dialysis-center .h1_wrap {
	position: absolute;
	left: 0;	/* topはJavaScriptでヘッダーの高さを取得して自動決定してるので不要 */
	width: 100%;
	z-index: 1;
}
body.test-dialysis-center .h1_wrap h1,
body.dialysis-center .h1_wrap h1 {
	width: auto;
	display: inline-block;
	padding: 1em;
	background-color: #182A52ee;
	border-radius: 0 0.5em 0.5em 0;
	color: #fff;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}


/* スライドショー */
body.test-dialysis-center .ms-theme-architekt.metaslider-flex,
body.dialysis-center .ms-theme-architekt.metaslider-flex {
	padding-bottom: 0;
}
body.test-dialysis-center .caption-wrap,
body.dialysis-center .caption-wrap {
	position: absolute;
	left: 3%;
	bottom: 3%;
}
body.test-dialysis-center .caption-wrap .caption,
body.dialysis-center .caption-wrap .caption {
	width: 600px;
	max-width: 50vw;
}
/* 追従メッセージ */
.right_message_box {
	position: fixed;
	right: 0;	/* topはJavaScriptでヘッダーの高さを取得して設定しているので不要 */
	background-color: #fff;
	padding: 0.3em 1em;
	color: #333;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.6;
	border-radius: 0.25em 0 0 0.25em;
	z-index: 2;
}

/* 見出し2 */
body.test-dialysis-center h2.h2_top,
body.dialysis-center h2.h2_top {
	color: #333;
	font-size: 2em;
	background: none !important;
}

/* 当センターのポイント */
.section.siteContent.point {
	position: relative;
	z-index: 1;
}
.section.siteContent.point::after {
	content: '';
	display: block;
	width: 90%;
	height: 65%;
	background-color: #F4F6F8;
	border-radius: 0 1em 1em 0;
	position: absolute;
	left: 0;
	bottom: 0;
	
}
.point_inner_wrap {
	position: relative;
	z-index: 2;
}
.point_list_wrap {
	margin: 5em 0;
}
.point_list_wrap ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2em;
	counter-reset: item-counter;	/* カウンタ用 */
}
.point_list_wrap ul li {
	list-style-type: none;
	width: calc(25% - 2em);
	counter-increment: item-counter;	/* カウンタ用 */
}
.point_list_wrap ul li div span {
	display: block;
	position: relative;
}
.point_list_wrap ul li div span i {
	width: 60px;
	height: 67px;
	background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/point_bg.png);
	display: block;
	position: absolute;
	top: -12px;
	left: -10px;
}
.point_list_wrap ul li div span i::before {
	content: 'point';
	color: #fff;
	font-style: normal;
	text-align: center;
	width: 100%;
	display: block;
	margin: 0.25em 0 0;
}
.point_list_wrap ul li div span i::after {
	/* "item-counter"の現在の値を、ゼロ埋めの10進数で表示 */
	content: counter(item-counter, decimal-leading-zero);
	color: #fff;
	font-size: 1.25em;
	font-style: normal;
	text-align: center;
	display: block;
	width: 100%;
	margin: -0.25em 0 0;
}
.point_list_wrap ul li div span:nth-child(2) {
	display: block;
	width: 100%;
	margin: 0.5em 0;
	padding: 0.5em;
	background-color: #182B53;
	border-radius: 0.35em;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.point_list_wrap ul li div span:nth-child(3) {
	padding: 0 0.5em;
}

/* 診療時間 */
.time-schedule_wrap {
	padding: 3em;
	border: 1px solid #333;
	border-radius: 0.5em;
}
.medical-hours_inner_wrap table {
	width: 100%;
	margin: 0;
}
.medical-hours_inner_wrap table tr {
	border-bottom: 1px solid #E0E0E0;
}
.medical-hours_inner_wrap table thead tr :nth-child(n) {
position: relative;
}
.medical-hours_inner_wrap table thead tr th:not(:last-child)::after, .medical-hours_inner_wrap table thead tr td:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #000;
	width: 1px;
	height: 45%;
}
.medical-hours_inner_wrap table tbody tr :nth-child(n) {
	position: relative;
}
.medical-hours_inner_wrap table tbody tr th:not(:last-child)::after, .medical-hours_inner_wrap table tbody tr td:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #E0E0E0;
	width: 1px;
	height: 75%;
}

.medical-hours_inner_wrap table th, .medical-hours_inner_wrap table td {
	text-align: center;
	border: none;
	background-color: transparent;
}
.medical-hours_inner_wrap table thead tr:nth-child(1) th {
	font-size: 1.25em;
}
.medical-hours_inner_wrap table td {
	font-size: 1.5em;
}
.closed-days {
	margin: 1.5em 0 0;
	color: #B11212;
	font-weight: 700;
	text-align: center;
}

/* 転入までの流れ */
.section.siteContent.transfer-process {
	background-color: #F4F6F8;
	border-radius: 1em;
	padding: 3.5em 0 10em;
}
.transfer-process_inner_wrap div {
	text-align: center;
}
.transfer-process_txt {
	margin: 3.5em 0;
}
.transfer-process_head {
	font-size: 1.5em;
	font-weight: 700;
	margin: 2em 0;
}

/* 医療連携 */
.section.siteContent.medical-cooperation {
	padding: 15em 0;
	position: relative;
}

.section.siteContent.medical-cooperation::before {
	content: ''; /* 必須 */
	position: absolute;
	top: 5em;
	left: 0;
	z-index: -1;
	background-image: url('/wp/wp-content/themes/dr-watanabe/image/template/img_medical-cooperation_01.png');
	background-size: cover;
	background-position: center;
	max-width: 588px;
	width: 100%;
	height: auto;
	aspect-ratio: 588 / 480;
}

.section.siteContent.medical-cooperation::after {
	content: ''; /* 必須 */
	position: absolute;
	right: 0;
	bottom: 5em;
	z-index: -1;
	background-image: url('/wp/wp-content/themes/dr-watanabe/image/template/img_medical-cooperation_02.png'); /* 右側の画像パス */
	background-size: cover;
	background-position: center;
	max-width: 588px;
	width: 100%;
	height: auto;
	aspect-ratio: 588 / 480;
}


.medical-cooperation_inner_wrap {
	max-width: 860px;
	margin: 0 auto;
	padding: 1.5em 3em 4em;
	background-color: #001541E6;
	border-radius: 0.5em;
	text-align: center;
	position: relative;
}
.medical-cooperation_inner_wrap::before {
	content: '';
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #fff;
	border-radius: 0.5em;
	position: absolute;
	top: 10px;
	left: 10px;
}
body.test-dialysis-center .medical-cooperation_inner_wrap h2, .medical-cooperation_inner_wrap div p {
	color: #fff;
}



/* --------------------------------------------------------------------------
   透析センターここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   診療部門案内ここから
   -------------------------------------------------------------------------- */
a:hover .medical_item_txt span.detail_link {
	opacity: 0.8;
}
.medical_item_txt span.text_flex {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.medical_item_txt span.detail_link {
	display: block;
	padding: 0.15em 2em 0.15em 1.5em;
	border-radius: 1em;
	background-color: #0078c5;
	margin: 0.5em 0 0 auto;
	color: #fff;
	max-width: 11.5em;
	position: relative;
}
.medical_item_txt span.detail_link::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	right: 1.4em;
	top: calc(50% - 5px);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}
/* --------------------------------------------------------------------------
   診療部門案内ここまで
   -------------------------------------------------------------------------- */



/* ==========================================================================
   メディアクエリここから media query start
   ========================================================================== */



/* --------------------------------------------------------------------------
   992px以上ここから
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.slick-initialized .slick-slide {
		width: 280px !important;
	}
}
/* --------------------------------------------------------------------------
   992px以上ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   1661px以上ここから
   -------------------------------------------------------------------------- */
@media (min-width: 1661px) {
	/* トップページのピックアップが5件以内のときはドットナビゲーション非表示 */
	.slick-dots-outer {
		display: none;
	}
}
/* --------------------------------------------------------------------------
   1661px以上ここまで
   -------------------------------------------------------------------------- */
   
   
/* --------------------------------------------------------------------------
   992px以上～1660px以下ここから
   -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1660px) {
	/* -- ヘッダー -- */
	body header.siteHeader div.navbar-header {
		padding: 0 1em;
	}
	.navbar-brand.siteHeader_logo img {
		width: 150px;
	}
	.menu-main-menu-container {
		padding: 0 0.5em;
	}
	.menu-main-menu-container .gMenu > li a {
		font-size: 1.125em;
		padding: 0 0.75em;
	}
	.header_nav_sub ul {
		flex-wrap: wrap;
		width: 10em;
		text-align: center;
	}
	.header_nav_sub ul li {
		width: 10em;
		padding: 0.1em 0.5em;
	}
	.header_nav_sub ul li:first-child::after {
		content: '';
		position: absolute;
		width: 80%;
		height: 2px;
		border-bottom: 2px solid #000;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0 auto;
	}
	.header_right_btn a {
		font-size: 1.125em;
		padding: 0 0.75em;
	}
	.header_right_contact p {
		width: auto;
		padding: 0 0.75em 0 1.5em;
	}
	.header_tel {
		font-size: 1.25em;
	}
	.header_tel::before {
		top: 15%;
		left: -7%;
	}
	
	/* スライドショー */
	.slider_sub_menu ul {
		max-width: calc((330px + 2em)*2);
	}
	.slider_sub_menu ul li a {
		font-size: 1.125em;
		width: calc(403px * 0.8);
		height: calc(84px * 0.8);
		background-size: calc(403px * 0.8) calc(84px * 0.8);
	}
	
	/* ピックアップ（コンテンツスライダー） */
	.section.siteContent.pickup .container {
		max-width: calc(280px * 4);
	}
}
/* --------------------------------------------------------------------------
   992px以上～1660px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   992px以上～1299px以下ここから
   -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1299px) {
	/* ヘッダー */
	.header_right_btn a {
		font-size: 1em;
	}
	.header_tel {
		font-size: 1.125em;
	}
	
	/* スライドショー */
	
	/* 診療案内 */
	.time_area > .flex > div:first-child {
		width: 18em;
		margin-left: 10%;
	}
	
	/* 新着情報 */
	.update_ul li {
		padding: 1em 0;
	}
	.update_category {
		padding: 0.1em;
	}
}
/* --------------------------------------------------------------------------
   992px以上～1299px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   992px以上～1199px以下ここから
   -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
	/* ヘッダー */
	body header.siteHeader div.navbar-header {
		height: 110px;
	}
	.siteHeader_logo a {
		display: inline-block;
		margin: 0.25em 0 -0.25em;
	}
	.navbar-header-right {
		position: relative;
	}
	.menu-main-menu-container {
		min-height: 50px;
	    padding: 0 7.5em 0.5em 0.5em;
	}
	.header_nav_sub {
		position: absolute;
		right: 0;
		top: calc(-50px - 6px + 50%);
	}
	.slider_sub_menu ul {
		gap: 0.5em 1.5em;
	}
	.header_right_area {
		display: flex;
		flex-wrap: wrap;
		max-width: 200px;
	}
	.header_right_area > div {
		width: 100%;
	}
	.header_contact {
	    font-size: 0.875em;
	}
	.header_right_contact p {
		height: calc(100% + 6px);
	}
	.header_tel {
		font-size: 1em;
	}
	.header_tel::before {
		width: calc(17px * 0.8);
		height: calc(22px * 0.8);
		background-size: calc(17px * 0.8) calc(22px * 0.8);
	}
	
	/* スライドショー */
	
	/* 診療案内 */
	
	/* ピックアップ（コンテンツスライダー） */
	.section.siteContent.pickup .container {
		max-width: calc(280px * 3);
	}
}
/* --------------------------------------------------------------------------
   992px以上～1199px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   992px以上～1099px以下ここから
   -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1099px){
	/* ヘッダー */
	.siteHeadContainer .navbar-header {
		overflow: visible;
	}

	.header_nav_sub {
		position: static;
	}
	
	/* トピックス（当院の医療サービス） */
	.topic_inner {
		font-size: 0.75em;
	}
	.slide-title {
		font-size: 1em;
		margin: 0 0 0.5em 0;
		padding: 0 0.5em 0 0;
	}
	
	/* 診療案内 */
	
	/* アクセス */
	.gmap a {
		font-size: 1em;
	}
	/* フッター */
	.container.sectionBox.footerWidget {
		display: block;
		padding: 1em;
	}
	.footer_info .time ul li {
		flex-direction: column;
	}
	.footer_info .time ul li > span:nth-child(2) {
		font-size: 1em;
		padding: 0.25em 0 0.5em;
	}
}
/* --------------------------------------------------------------------------
   992px以上～1099px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   1299px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:1299px) {
    /* スライドショー */
	.slider_sub_menu ul li a {
		font-size: 1em;
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	
	/* 診察案内 */
	.time_area {
	    font-size: 0.8em;
	}
	.department_area {
	    font-size: 0.825em;
	}
}
/* --------------------------------------------------------------------------
   1299px以下ここまで
   -------------------------------------------------------------------------- */
   
   
/* --------------------------------------------------------------------------
   1199px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:1199px) {

	/* 共通 */

	/* ヘッダー */
	.siteHeader {
		height: auto;
	}
	body:not(.home) {
		margin-top: 116px;
	}

	.navbar-header {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.header_right {
		position: relative;
	}

	.header_right_1 {
		justify-content: center;
	}

	.header_right_2 {
		text-align: center;
	}

	#mega-menu-wrap-Header #mega-menu-Header {
		text-align: center;
	}

	.navbar-brand.siteHeader_logo {
		margin-bottom: 0.5em;
	}
	/* スライドショー */
	.slider_sub_menu ul {
		max-width: calc((240px + 2em)*2);
	}
	.slider_sub_menu ul li a {
		font-size: 1em;
		width: calc(300px * 0.8);
		height: calc(83px * 0.8);
		background-size: calc(300px * 0.8) calc(83px * 0.8);
		background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/mv_btn2.png);
	}
	.slider_sub_menu ul li a span {
		margin: -0.1em 0;
	}
	.slider_sub_menu {
		bottom: 20%;
	}
	
	/* 診療案内 */
	.time_area > .flex > div:first-child {
		margin-left: 5%;
	}

	/* ---Map--- */
	.gmap {
		padding-bottom: 30%;
	}

	/* ---採用情報--- */
	.adoption_message .container {
		background-position: 120%;
	}

	.top_main_section_2 .row {
		justify-content: space-evenly;
	}

	.col-md-5.pickup-area {
		width: calc(100% - 480px);
	}

	.col-md-7.close-alt {
		width: 460px;
	}

	.footer_topic ul {
		padding: 0 6.5em;
	}
}
/* --------------------------------------------------------------------------
   1199px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   1100px以上ここから
   -------------------------------------------------------------------------- */
@media all and (min-width:1100px) {
	.tb_display {
		display: none;
	}
	body .mob-menu-header-holder {
		display: none;
	}
}
/* --------------------------------------------------------------------------
   1100px以上ここまで
   -------------------------------------------------------------------------- */
   
   

/* --------------------------------------------------------------------------
   1099px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:1099px) {

	

	/* ヘッダー */
	.navbar-header {
		position: relative;
		padding: 2em 0;
	}

	.header_right {
		top: 13%;
	}

	.header_right_menu {
		display: block;
		margin: 0 0 0.5em;
		font-size: 93%;
	}

	/* ヘッダー */
	#vk-mobile-nav-menu-btn {
		display: none;
	}
	.navbar-header .navbar-header-right {
		display: none;
	}
	.navbar-brand.siteHeader_logo img {
		width: auto;
	}
	.header_right_area {
		display: none;
	}
	body:not(.home) {
		margin-top: 91px;
	}
	
	/* ハンバーガーメニュー */


	body .mob-cancel-button {
		font-size: 50px !important;
	}
	body .mob-menu-header-holder {
		width: 50px;
	}
	body .mobmenu-right-panel {
		width: 80%;
	}
	body .menu-main-menu-container {
		padding: 0;
	}
	.headertext {
		display: none;
	}
	body .mobmenur-container {
    	top: 35px;
		right: 0;
	}
	.mobmenul-container i {
		font-size: 50px !important;
	}
	.mob-cancel-button {
		font-size: 50px !important;
	}
	body .mobmenu-content li a {
		padding: 0.8em 1em 0.8em 2.5em;
		position: relative;
	}
	.mobmenu-content li a::before {
		content: '';
		position: absolute;
		top: calc(50% - 12px/2);
		left: 0.75em;
		width: 12px;
		height: 12px;
		border-right: 3px solid #000;
		border-bottom: 3px solid #000;
		transform: rotate(-45deg);
	}
	.header_right_btn {
		padding: 0.5em;
	}
	.header_right_btn a {
		font-size: 1em;
		max-width: none;
	}
	.header_right_contact {
		padding: 0.5em;
		width: auto;
		height: auto;
	}
	.header_right_contact p {
		width: 100%;
		height: auto;
		padding: 0.5em;
	}
	.header_tel {
		font-size: 1.2em;
	}
	.header_tel::before {
		width: calc(17px * 0.8);
		height: calc(22px * 0.8);
		background-size: calc(17px * 0.8) calc(22px * 0.8);
	}
	.mobmenu-content .header_nav_sub ul {
		display: block;
		background-color: transparent;
	}
	.mobmenu-content .header_nav_sub li {
		padding: 0 10%;
	}

	
	.mobmenu-content .header_nav_sub li a {
		font-family: Dosis;
		font-size: inherit;
		font-weight: inherit;
		font-style: normal;
		line-height: 1.5em;
		letter-spacing: normal;
		text-transform: none;
		color: #666;
	}
	
	.mobmenu-content .header_right_btn a {
		padding: 0.5em 1.5em;
	}
	.siteHeader_logo {
		position: relative;
	}
	.sp_header_contact {
		content: '';
		display: block;
		width: 17px;
		height: 22px;
		position: absolute;
		right: 2em;
		top: calc(50% - 8px);
		background-image: url(/wp/wp-content/themes/dr-watanabe/image/template/icon_phon2.png);
	}
	.header_nav_sub ul li:first-child::after {
		display: none;
	}

	.mobmenu-content .menu-main-menu-container li, .mobmenu-content .header_nav_sub li {
		padding: 0 1em;
	}

	/* 診療案内 */
	.time_area > .flex {
		flex-direction: column;
		align-items: center;
	}
	.time_area > .flex > div:first-child {
		margin-left: 0;
	}
	.time_area > .flex > div:nth-child(2) {
		width: auto;
	}
	.department_area ul li {
		width: calc(50% - 0.5em*2);
		height: 3.5em;
	}
	.department_area ul li a {
		padding: 0.2em;
	}
	.department_area ul li a::after {
		width: calc(16px * 0.5);
		height: calc(16px * 0.5);
		background-size: calc(16px * 0.5) calc(16px * 0.5);
	}

	/* ---Map--- */
	.gmap {
		padding-bottom: 35%;
	}

	/* ---採用情報--- */
	/* メッセージ */
	.adoption_message_title {
		font-size: 180%;
		font-weight: 700;
		margin-bottom: 0.5em;
	}

}
/* --------------------------------------------------------------------------
   1099px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   1199px以下992px以上ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:1199px) and (min-width:992px) {

	/* ----共通--- */
	
}
/* --------------------------------------------------------------------------
   1199px以下992px以上ここまで
   -------------------------------------------------------------------------- */
   


/* --------------------------------------------------------------------------
   992px以上ここから
   -------------------------------------------------------------------------- */
@media all and (min-width:992px) {
	
}
/* --------------------------------------------------------------------------
   992px以上ここまで
   -------------------------------------------------------------------------- */
   
   

/* --------------------------------------------------------------------------
   991px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:991px) {

	/* ハンバーガーメニュー */
	body .mobmenur-container {
		top: 15px;
	}
	
	/* スライド */
	.slider_sub_menu {
		bottom: 25%;
	}
	
	/* トピックス（当院の医療サービス） */
	.topic_inner {
		gap: 2.5%;
	}
	.topic_item p {
		font-size: 1.25em;
	}
	
	/* ピックアップ */
	.section.siteContent.pickup .container {
		position: relative;
		max-width: calc(240px * 3);
		z-index: 2;
	}
	
	

	aside#custom_html-4 {
		background: #FFF;
		padding: 2em;
		text-align: center;
	}

	#custom_html-4 .shinryo_box {
		align-items: center;
	}

	#custom_html-4 .menkai_box {
		align-items: center;
		margin-bottom: 2em;
	}

	#custom_html-4 .shinryo_box img {
		display: none;
	}

	#custom_html-4 .menkai_box img {
		display: none;
	}

	.vk-mobile-nav-widget {
		margin: 0;
	}

	.menu_btn_box {
		text-align: center;
		margin-bottom: 2em;
	}

	.menu_btn_box .header_right_btn {
		margin: 0;
	}

	.menu_btn_box .header_right_btn a {
		text-decoration: none;
	}


	.sp-menu_bottom li {
		list-style-type: none;
		position: relative;
		color: #fff;
	}

	.sp-menu_bottom li::before {
		content: '＞';
		position: absolute;
		top: calc(50% - 0.8em);
		left: -1.8em;
	}

	.sp-menu_bottom li a {
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
	}

	/* ---新着情報--- */
	.top_main_section_1 .row {
		display: block;
	}

	.col-md-8.section_update {
		width: 95%;
		margin: 0 auto;
	}

	/* ---休診・代診情報--- */
	.col-md-7.close-alt {
		width: 100%;
	}

	.col-md-5.pickup-area {
		width: 100%;
		padding: 0;
	}

	.col-md-7.close-alt {
		width: 100%;
		margin-bottom: 6em;
	}

	.flex_line {
		display: none;
	}

	.mainSection {
		margin-bottom: 0;
		padding: 0;
	}

	/* ---Map--- */
	.gmap {
		padding-bottom: 40%;
	}

	/* ---フッター--- */
	.footer_topic ul {
		margin: 0;
		padding: 0;
		flex-wrap: wrap;
	}

	.footer_topic ul li {
		display: block;
		width: 48%;
		max-width: none;
		white-space: nowrap;
		margin: 0.6em 0.2em;
	}

	.copyright {
		position: static;
		text-align: center;
		margin-top: 0;
	}

	.update_ul .event-title {
		display: block;
	}

	/* ---固定ページ親ページ--- */
	.ul_page_child li {
		width: calc(99% / 2); /*gap:1%;で2つ並べなので余白除き99%を2分割*/
	}

	.vk-mobile-nav-menu-btn {
		border-color: transparent;
		background: url(inc/vk-mobile-nav/package/images/vk-menu-btn-blue.png) center 50% no-repeat #FFFFFF;
		background-size: 70%;
		color: #fff;
		border-radius: 3px;
		box-shadow: rgb(149 157 165 / 50%) 0 8px 24px;
		top: 10px;
		left: auto;
		right: 10px;
		width: 50px;
		height: 50px;
	}

	.vk-mobile-nav-menu-btn.menu-open {
		border-color: transparent;
		background: url(inc/vk-mobile-nav/package/images/vk-menu-close-blue.png) center 50% no-repeat #FFFFFF;
		background-size: 70%;
	}

	/* ---フッターボタン--- */
	.footer_topic ul {
		flex-direction: column;
		align-items: center;
	}

	.footer_topic ul li {
		width: 100%;
		margin: 0;
		padding: 0.5em 0;
		border-left: none;
		border-bottom: 1px #FFF solid;
	}

	.footer_topic ul li a {
		font-size: 140%;
	}

	.footer_topic ul li:last-child {
		border: none;
	}

	.col-md-6 {
		max-width: 100%;
	}

	.footer_logo {
		text-align: center;
	}

	.footer_info .row {
		flex-direction: column;
		padding: 0;
	}

	.col-md-6.adress_box {
		border-top: 1px solid #004faf;
		border-left: none;
		padding: 2em 0 0 0;
		margin-top: 2em;
		width: 90%;
		align-items: center;
	}

	.footer_info .row > div {
		max-width: none;
	}
	.footer_adress {
		text-align: center;
		margin-bottom: 2em;
	}
	.footer_info .time ul {
		margin: 1em auto 3em;
		padding: 0;
		max-width: 26em;
	}
	.siteFooter .contact_box a {
		margin: 0 auto;
	}

}
/* --------------------------------------------------------------------------
   991px以下ここまで
   -------------------------------------------------------------------------- */
   


/* --------------------------------------------------------------------------
   991px以下768px以上ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:991px) and (min-width:768px) {

	/* ----共通--- */
	.container,
	.container-md,
	.container-sm {
		max-width: 95%;
	}
}
/* --------------------------------------------------------------------------
   991px以下768px以上ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   768px以上ここから
   -------------------------------------------------------------------------- */
@media all and (min-width:768px) {

	/* ----共通--- */
	.sp-display {
		display: none !important;
	}

	/* ---ヘッダー--- */
	.siteHeader_logo {
		margin: 0;
		padding: 0;
	}

	.siteHeader_logo img {
		margin: 0 auto;
	}

	.header_right_menu .header_tel a {
		pointer-events: none;
	}

	/* ---メニュー--- */
	



	/* メニュースクロール時 */

	.診療時間olled .navbar-header {
		margin-bottom: 0;
	}

	a[href*="tel:"] {
		cursor: default;
		text-decoration: none;
	}

}
/* --------------------------------------------------------------------------
   768px以上ここまで
   -------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------
   767px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:767px) {

	/* 共通 */
	.pc-display {
		display: none !important;
	}
	
	/* ヘッダー */
	body:not(.home) {
		margin-top: 65.5px;
	}
	body .ms-theme-architekt.metaslider-flex {
		padding-bottom: 1em;
	}
	
	/* スライドショー上メニュー */
	.slider_sub_menu {
		position: static;
	}
	.slider_sub_menu ul {
		margin: 0 auto;
	}

	/* テーブル */
	.js-scrollable {
		overflow: auto;
		white-space: nowrap;
	}

	.table_scroll table {
		white-space: nowrap;
	}

	.table_scroll::-webkit-scrollbar {
		/*tableにスクロールバーを追加*/
		height: 5px;
	}

	.table_scroll::-webkit-scrollbar-track {
		/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}

	.table_scroll::-webkit-scrollbar-thumb {
		/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}

	/* ---見出し--- */
	/* 見出し1 */
	.page-header_pageTitle,
	h1.page-header_pageTitle:first-child {
		font-size: 1.5em;
		height: auto;
		padding: 1.2em 0;
	}
	/* 見出し2 */
	body:not(.home) h2 {
		font-size: 1.35em;
	}
	/* 見出し3 */
	body:not(.home) h3 {
		font-size: 1.2em;
	}
	/* 見出し4 */
	body:not(.home) h4 {
		font-size: 1.1em;
	}
	/* 見出し5 */
	body:not(.home) h5 {
		font-size: 1em;
	}
	/* 見出し6 */
	body:not(.home) h6 {
		font-size: 1em;
	}

	/* 一覧 */
	.sp-list_link {
		text-align: center;
	}
	.sp-list_link .list_link:hover {
		color: #fff !important;
		opacity: 0.8;
	}


	/* ヘッダー */
	body {
		margin-top: 65px;
	}
	body header.siteHeader div.navbar-header {
		height: 60px;
	}
	body .mobmenur-container {
		top: 3px;
		right: 15px;
	}

	
	/* スライドショー */
	.slider_sub_menu {
		right: 0;
	}
	/* スライドショー */
	
	.slider_sub_menu ul {
		gap: 0.25em 0.5em;
		justify-content: center;
		max-width: calc((300px * 0.7 + 2em)*2);
	}
	.slider_sub_menu ul li {
		max-width: none;
	}
	.slider_sub_menu ul li a {
		font-size: 0.9em;
		width: calc(300px * 0.7);
		height: calc(83px * 0.7);
		background-size: calc(300px * 0.7) calc(83px * 0.7);
		line-height: 2.2em;
	}
	.slider_sub_menu ul li a span {
		margin: -0.55em 0;
	}
	.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-prev, 
	.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-next, 
	.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-prev::after,
	.metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-next::after {
		width: calc(30px * 0.6) !important;
		height: calc(30px * 0.6) !important;
		background-size: calc(30px * 0.6) calc(30px * 0.6);
	}
    body .metaslider.ms-theme-architekt.ms-is-small {
		padding-bottom: 1em;
	}
	.flex-direction-nav {
		right: 0 !important;
		bottom: 1.8em !important;
	}
	.flex-control-nav {
		right: calc(45px) !important;
		bottom: 4px !important;
	}
	.flex-control-nav a {
		width: 10px !important;
		height: 10px !important;
	}
	.metaslider_box .metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-prev {
		left: 1em;
	}
	.metaslider_box .metaslider.ms-theme-architekt .flexslider ul.flex-direction-nav li a.flex-next {
		right: 1em;
	}
	
	/* トップ共通 */
	body.home h2.h2_top {
		font-size: 1.5em;
        padding: 0.5em 1em 0.5em;
	}
	body.home h3.h3_top {
		font-size: 1.25em;
		margin: 0.25em 0.5em;
        padding: 0.7em 1em;
	}
	/* 診察案内 */
	body.home .medical_inner_wrap h2.h2_top {
		margin-top: 0.5em;
	}
	.home .siteContent.siteContent.medical {
		padding: 1em 0.5em 5.5em;
	}
	.medical_items_wrap {
		flex-wrap: wrap;
	}
	.time_area {
		margin-top: 1.5em;
	}
	.department_area ul {
		justify-content: center;
	}
	.medical_items_wrap > div {
		width: 100%;
	}
	.department_area ul {
		margin: 1.5em 0 0;
	}
	
	/* 新着情報 */
	.home .section.siteContent.news {
		padding: 1em 1em 3.5em;
	}
	.list_link span {
		padding: 0.35em 2.5em;
	}
	
	/* トピックス（当院の医療サービス） */
	.topic_item a {
		padding: 1em;
	}
	.topic_item p {
		font-size: 1em;
	}
	
	/* ピックアップ */
	body.home .pickup h2.h2_top {
		margin: 1em 0 0.5em;
	}
	.section.siteContent.pickup {
		padding-left: 0;
		padding-right: 0;
	}
	.section.siteContent.pickup .container {
		position: relative;
		max-width: 100%;
		z-index: 2;
	}


	/* ---Map--- */
	.gmap {
		padding-bottom: 50%;
	}



	/* ---TOP見出し2該当--- */
	.title_outer {
		text-align: center;
		margin: 0 auto;
	}

	.title_update,
	.title_close-alt,
	.title_consultation-hours,
	.title_pickup span {
		display: inline-block;
		font-size: 22px;
	}

	.title_update::before {
		width: 50px;
		height: 17px;
		left: 50%;
		margin-left: -25px;
		background-size: 50px auto;
		top: calc(50% - 32px);
		background-repeat: no-repeat;
	}

	.title_close-alt::before {
		width: 120px;
		height: 17px;
		left: 50%;
		margin-left: -60px;
		background-size: 120px auto;
		top: calc(50% - 32px);
		background-repeat: no-repeat;
	}

	.title_pickup::before {
		width: 70px;
		height: 17px;
		left: 50%;
		margin-left: -35px;
		background-size: 70px auto;
		top: calc(50% - 32px);
		background-repeat: no-repeat;
	}

	/* 新着情報 */
	.top_main_section_1 {
		margin-top: 2em;
	}
	.update_ul li div {
		flex-wrap: wrap;
	}
	.event-title {
		flex: auto;
		padding-top: 0.5em;
		width: 100%;
	}

	

	/* ---診療受付時間--- */

	#time,
	#time.under {
		position: relative;
		bottom: auto;
		margin-bottom: 2em;
		z-index: 0;
		width: 100%;
		height: auto;
		transition: none;
		cursor: none;
	}

	.time_box {
		flex-direction: column;
		align-items: center;
	}

	#time.anime {
		right: auto;
	}

	#time #button {
		writing-mode: unset;
		-ms-writing-mode: unset;
		-webkit-writing-mode: unset;
		height: auto;
		width: 100%;
		line-height: 0px;
		padding: 1.2em 0;
		border-radius: 4px 4px 0px 0px;
	}

	.uketsuke_right {
		width: auto;
		padding: 2em;
		align-items: center;
	}

	.menkai_box {
		margin-bottom: 2em;
	}

	.col-md-5.time-area {
		margin: 2em auto 0;
	}

	.col-md-7.close-alt {
		margin-bottom: 4em;
	}

	.title_pickup {
		margin: 0;
	}

	.pickup_slider .metaslider .flexslider .flex-direction-nav li a {
		top: 44%;
	}

	.pickup_slider .metaslider .flexslider .flex-direction-nav li a.flex-prev {
		width: 30px;
		height: 30px;
		background-size: 30px auto;
		background-image: url(image/template/pickup_left.png);
		left: -39px !important;
	}

	.pickup_slider .metaslider .flexslider .flex-direction-nav li a.flex-next {
		width: 30px;
		height: 30px;
		background-size: 30px auto;
		background-image: url(image/template/pickup_right.png);
		right: -39px !important;
	}

	.pickup_slider {
		max-width: 1160px;
		margin: 0 auto;
		padding: 2em 3.375em 0.5em;
		background-color: #FFF;
		box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
		border-radius: 5px;
	}

	.consultation-hours_details a {
		display: block;
		padding: 0.4em 1.2em;
		font-size: 100%;
		text-align: center;
	}



	/* ---バナーエリア--- */
	.banner_area {
		max-width: 600px;
		margin: 0 auto;
	}

	.banner_area_item {
		width: 48%;
	}
	.link_inner_wrap ul li {
		max-width: 50%;
	}

	/* ---フッター--- */
	.copyright_relative ul {
		display: none;
	}

	.copyright_relative {
		margin-top: 1em;
	}

	.footer_logo {
		text-align: center;
	}

	/* ---採用情報--- */
	/* 見出し1 */
	body.adoption .page-header_pageTitle,
	body.adoption h1.page-header_pageTitle:first-child {
		padding: 0;
	}

	.adoption_message .container {
		background-image: none;
	}

	.adoption_welfare_btn ul li {
		max-width: 20%;
		min-width: 170px;
		width: 170px;
		margin: 0.2em;
	}

	.adoption_welfare_btn ul li a {
		font-size: 100%;
	}

	/* メッセージ */
	.adoption_message_title {
		font-size: 180%;
		font-weight: 700;
		margin-bottom: 0.5em;
	}

	.adoption_message {
		background-color: #fff;
		background-size: cover;
		background-image: url(image/template/bg_adoption_message.png);
		background-repeat: no-repeat;
		background-position: right 50% bottom 50%;
		position: relative;
	}

	.adoption_message::before {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.7);
	}
	
	/* カテゴリーページ */
	.entry-meta {
		flex-wrap: wrap;
	}
	.media .media-body .media-heading {
		width: 100%;
		flex: auto;
		margin: 0;
		padding: 0.75em 0.2em 0;
	}
	
	/* 診療科案内 */
	.medical_item_txt > span:first-child {
		font-size: 1.125em;
	}
	.medical_item {
		max-width: calc((100% - 5% * 1) / 2);
	}
	
	/* バナー */
	.link_inner_wrap ul {
		margin: 2.5em 0 3.5em;
		flex-wrap: wrap;
	}
}
/* --------------------------------------------------------------------------
   767px以下ここまで
   -------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------
   599px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:599px) {

	/* 共通 */
	body:not(.home) .mainSection-marginBottom-on {
		padding: 0.5em;
	}

	.breadSection .breadcrumb {
		padding: 12px 5px;
	}

	.container.sectionBox.footerWidget {
		padding: 2em 0 2em;
	}

	/* 画像回り込み解除 */
	img.alignleft,
	img.alignright,
	.page-id-292 p.alignright {
		float: none;
	}

	/* ヘッダー */
	.siteHeader_logo {
		padding: 0 45px 0 0;
		max-width: calc(100% - 30px);
	}

	.siteHeader {
		height: 70px;
	}

	.navbar-brand>a>span>img {
		height: 45px;
	}

	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(52px + 4px);
		right: 10px;
	}
	.siteHeader_logo img {
		display: block;
		margin: 0 auto 0 0;
	}
	
	/* スライドショー */
	.slider_sub_menu {
		right: auto;
		width: 100%;
	}
	
	.slider_sub_menu ul {
		margin: 0 auto;
	}

	.flex-control-nav {
		left: auto !important;
		right: calc(2.5% + 30px) !important;
		bottom: 0.25em !important;
	}
	
	/* 診療案内 */

	/* トピックス */

	/* 新着情報 */
	.event-date {
		margin-right: 1em;
		width: calc(50% - 1em);
		max-width: 8em;
		font-size: 0.9em;
	}
	.update_category {
		margin: 0;
		padding: 0 0.2em;
		width: calc(50% - 2em);
		max-width: 6em;
	}
	.update_category a {
		display: block;
		width: auto;
		font-size: 0.9em;
	}


	/* Map */
	.gmap {
		padding-bottom: 60%;
	}

	/* ---バナーエリア--- */
	.banner_area {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.banner_area_item {
		width: 98%;
	}

	.banner_area_empty {
		display: none;
	}

	/* フッター */
	.footer_topic ul li a {
		font-size: 15px;
	}

	.footer_logo img {
		max-width: 250px;
	}



	/* ---ToTop--- */
	#to_top_scrollup {
		font-size: 25px !important;
		width: 25px !important;
		height: 25px !important;
	}


	/* ---採用情報--- */
	body.adoption .update_area {
		display: block;
	}

	body.adoption .update_title {
		text-align: center;
	}

	body.adoption #main_before_01 {
		padding: 0.8em 0.8em 1em;
		background-color: #fff;
	}

	/* ---固定ページ親ページ--- */
	.ul_page_child li {
		width: 100%;
	}

	/* フォームのあるページ */
	.mw_wp_form th,
	.mw_wp_form td {
		width: 100%;
		display: block;
		margin-top: -1px;
	}

	.mwform-checkbox-field.horizontal-item {
		display: block;
	}

	.mw_wp_form .horizontal-item+.horizontal-item {
		margin-left: 0;
	}


	a[href*="tel:"] {
		cursor: default;
		text-decoration: none;
	}

	.consultation-hours_details a {
		max-width: 18em;
	}

}
/* --------------------------------------------------------------------------
   599px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   768px以上991px以下ここから
   -------------------------------------------------------------------------- */
@media all and (min-width:768px) and (max-width:991px) {
	.slick-initialized .slick-slide {
		width: 240px !important;
	}
}
/* --------------------------------------------------------------------------
   768px以上991px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   600px以上991px以下ここから
   -------------------------------------------------------------------------- */
@media all and (min-width:600px) and (max-width:991px) {
	body header.siteHeader div.navbar-header h1, body header.siteHeader div.navbar-header p {
		margin: auto;
		max-width: calc(100% - 50px) !important;
	}
	.copyright_relative {
		margin-top: 1em;
	}
}
/* --------------------------------------------------------------------------
   600px以上991px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   480px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:480px) {
	/* スライドショー */
	.slider_sub_menu ul li a {
		font-size: 0.8em;
		width: calc(300px * 0.55);
		height: calc(83px * 0.55);
		background-size: calc(300px * 0.55) calc(83px * 0.55);
		line-height: 2.2em;
	}
	/* 新着情報 */
	.home .section.siteContent.news {
		padding: 0.5em 0.5em 2.5em;
	}
	.tab_box .tab_btn {
		font-size: 1em;
	}
	/* トピックス（当院の医療サービス） */
	.section.siteContent.topic {
		padding: 0.5em;
	}
	.topic_item a {
		padding: 0.5em;
	}
	.topic_item p {
		font-size: 0.875em;
	}
	/* ピックアップ */
	.section.siteContent.pickup {
		padding: 0.5em 0.5em 3em;
		padding: 0.5em 0 3em;
	}
	.section.siteContent.pickup .container {
		position: relative;
		max-width: calc(240px + 40px * 2);
		max-width: 100%;
		margin: 0;
		z-index: 2;
	}
	.slick-initialized .slick-slide {
		margin: 0 1em;
	    padding: 0;
	}
	
	/* バナー */
	.link_inner_wrap ul {
		flex-wrap: wrap;
	}
	.link_inner_wrap ul li {
		max-width: calc(50% - 1em);
	}
	
	/* フッター */
	.footer_adress img {
		max-width: 175px;
	}
	.footer_info .time ul {
		max-width: 20em;
	}
	.footer_info .time ul li > span:first-child {
		padding: 0.1em 0.5em;
	}
	.footer_info .time ul li > span:nth-child(2) {
		font-size: 1em;
	}
}
/* --------------------------------------------------------------------------
   480px以下ここまで
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   374px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:374px) {
	.medical_item {
		max-width: 100%;
	}
}
/* --------------------------------------------------------------------------
   374px以下ここまで
   -------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------
   375px以上599px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:599px) and (min-width:375px) {
	.tb_display {
		display: none;
	}

	.tab_item {
		line-height: 1.5em !important;
	}
}
/* --------------------------------------------------------------------------
   375px以上599px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   414px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:414px) {
	.ul_adoption_child {
		justify-content: center;
	}

	.ul_adoption_child li {
		max-width: 100%;
		width: 270px;
		padding: 5px;
	}
}
/* --------------------------------------------------------------------------
   414px以下ここまで
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   375px以上ここから
   -------------------------------------------------------------------------- */
@media all and (min-width:375px) {}
/* --------------------------------------------------------------------------
   375px以上ここまで
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   374px以下ここから
   -------------------------------------------------------------------------- */
@media all and (max-width:374px) {
	.tab_item.two_line {
		line-height: 1.5em;
	}

	.tab_item {
		min-height: 56px;
	}

	/* ---フッター--- */
	
}
/* --------------------------------------------------------------------------
   374px以下ここまで
   -------------------------------------------------------------------------- */