@charset "UTF-8";

/* =========================================================
 * 診療案内ページ（投稿タイプ: medical）
 * ※ Figmaの正確な数値（余白・フォントサイズ・カラーコード）が確認でき次第、微調整予定。
 *    現時点では目視ベースの近似値で実装しています。
 * 　このファイルはArkhe本体のSCASSビルド対象外です（assets/css/touyama-header-footer.css と同じ方式）。
 * ========================================================= */


/* ---------------------------------------------------------
 * 本文内の標準（コア）ブロック向け基本スタイル
 * ビジュアルエディターの「見出し」「段落」「リスト」「テーブル」「ボタン」など
 * 標準ブロックで自由にレイアウトした場合でも、最低限の見た目が整うようにする。
 * --------------------------------------------------------- */

/* 共通レイアウトcss */
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}

.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}

.border-red {
	border: 1px solid red;
}

#main_content {
	padding-bottom: 120px;
}
.l-article {
	width: 100%;
}

h2,h3 {
	font-family: 'Noto Serif JP', serif;
}
.price {
	font-family: serif;
	font-size: clamp(20px,2.5vw,28px) !important;
}
.price strong {
	font-family: sans-serif;
	font-size: initial;
}


.p-medicalLayout__main h2.wp-block-heading {
	position: relative;
	padding-bottom: 12px;
	margin: 0 0 20px;
	font-size: clamp(24px,2.5vw,28px);
	font-weight: 500;
	border-bottom: 2px solid var(--touyama-color--border, #dcdcdc);
}
.p-medicalLayout__main h2.wp-block-heading::after {
	content: "";
	width: 160px;
	height: 2px;
	border-bottom: 2px solid var(--touyama-color--primary, #005d8c);
	position: absolute;
	left: 0;
	bottom: -2px;
}

 h3.wp-block-heading {
	margin: 0;
	padding: 20px 0 0;
	border: none;
	font-size: clamp(17px,2.5vw,22px);
	font-weight: normal;
	color: var(--touyama-color--primary, #005d8c);
	letter-spacing: normal;
	width: 100%;
}
.bggray h3.wp-block-heading {
	padding-top: 0 !important;
}
.wp-block-group {
	margin-bottom: 70px;
}
@media (min-width: 782px) {
	.wp-block-group {
		margin-bottom: 120px;
	}
}

.wp-block-image img {
	border-radius: 10px;
}

/* リンクボタンデザイン */
.wp-block-button {
	width: 100%;
}
.wp-block-button__link {
	width: 100%;
	max-width: 100% !important;
	text-align: center;
	background-color: #005d8c !important;
	border-radius: 5px;
	display: inline-block;
	border: #005d8c 1px solid;
	transition: 0.4s !important;
}
.wp-block-button__link:hover {
	background-color: white !important;
	color: #005d8c !important;
	opacity: 1 !important;
}

.p-medicalLayout__main p {
	line-height: 2;
}

.p-medicalLayout__main ul,
.p-medicalLayout__main ol {
	padding-left: 1.4em;
	margin: 0;
	line-height: 2;
}

.p-medicalLayout__main li + li {
	margin-top: 4px;
}

.p-medicalLayout__main .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.15rem;
}

/* 横長の表組みにはoverflowを設定する */
.overflow table {
	min-width: 580px !important;
	font-size: 0.95rem !important;
}

.p-medicalLayout__main .wp-block-table th,
.p-medicalLayout__main .wp-block-table td {
	padding: 10px 12px !important;
	line-height: 1.8;
	vertical-align: middle;
	border: 1px solid var(--touyama-color--border, #dcdcdc);
}
@media (min-width: 782px) {
	.p-medicalLayout__main .wp-block-table th,
	.p-medicalLayout__main .wp-block-table td {
		padding: 12px 8px !important;
	}	
}

.p-medicalLayout__main .wp-block-table thead th {
	color: #fff;
	background: var(--touyama-color--primary, #005d8c);
}

.p-medicalLayout__main .wp-block-button__link {
	background: var(--touyama-color--primary, #005d8c);
}

.p-medicalLayout__main .wp-block-buttons {
	margin-top: 12px;
	width: 100%;
}

/* グレー背景のコンテンツ用 */
.bggray > .wp-block-column {
	background-color: #f7f7f5;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.block03,
.block04 {
		row-gap: 1.2rem !important;
}
@media (min-width: 782px) {
	.block03,
	.block04 {
		flex-wrap: wrap !important;
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		row-gap: 1.2rem !important;
	}
}
/* ブルー背景のコンテンツ用 */
.bgblue {
	background-color: #e7f2f2;
	padding: 20px;
}
.bgblue h3 {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
@media (min-width: 782px) {
	.bgblue {
		padding: 30px;
	}
}

.wp-block-columns {
	width: 100%;
}
@media (max-width: 782px) {
	.wp-block-columns.gap-0 {
		gap: 0 !important;
	}
}
/* フロー図のレイアウト */
.flow .num {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 28px;
	height: 100%;
	background-color: #005d8c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold; /* 数字だけ太字にするなどの装飾も可能 */
	color: white;
	font-size: clamp(15px,2.5vw,18px);
}
.flow {
	position: relative;
	padding: 20px;
	padding-left: 40px;
	margin-bottom: 20px;
	background-color: #e7f2f2;
}
.flow h3 {
	padding-top: 0 !important;
    margin-top: 0 !important;
}
.flow::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	background: url(/wp-content/themes/touyama-clinic/assets/images/first-visit/arrow-down.svg) no-repeat center;
	background-size: cover;
	width: 20px;
	height: 15px;
}
.flow.arrow-none::after {
	content:"";
	display: none;
}
@media (min-width: 769px) {
	.flow {
		position: relative;
		padding: 30px;
		padding-left: 50px;
		margin-bottom: 40px;
	}
	.flow .num {
		width: 36px;
	}
	.flow::after {
		width: 25px;
		height: 20px;		
	}
}

/* コラム末尾のcta部分 */
.column-cta.bggray .wp-block-column {
	padding: 30px;
}
.column-cta h4 {
	border: none;
	font-size: 18px;
	font-weight: bold;
	font-family: sans-serif;
	text-align: center;
	color: #005d8c;
	width: 100%;
}
.column-cta .wp-block-buttons {
	width: 100% !important;
	justify-content: center;
	margin-top: 30px;
}
.column-cta .wp-block-button.wp-block-button {
	width: calc(50% - 20px);
	max-width: 320px;
}
@media (maX-width: 782px) {
	.column-cta .wp-block-buttons {
		flex-wrap: wrap;
	}
	.column-cta .wp-block-button.wp-block-button {
		width: 100%;
	}
}

/* ---------------------------------------------------------
 * ヒーロー
 * --------------------------------------------------------- */
.p-medicalHero {
	position: relative;
	width: calc(100% - 32px);
	margin: 0 16px;
	min-height: 180px;
	border-radius: 0 0 24px 24px;
	overflow: hidden;
}

@media (min-width: 769px) {
	.p-medicalHero {
		height: 320px;
	}
}

.p-medicalHero__bg {
	position: absolute;
	inset: 0;
}

/* 他ページ（初診の方へ・当院について・医師紹介・アクセス等）のメインビジュアルと
   同じドット柄フィルター（.c-filterLayer.-filter-dot と同じ見た目） */
.p-medicalHero__bg::before {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
	background-color: #0000001a;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);
	background-size: 2px;
	opacity: .5;
}

.p-medicalHero__bg::after {
	position: absolute;
	inset: 0;
	content: "";
	background-color: rgba(0, 0, 0, 20%);
    mix-blend-mode: multiply;
}

.p-medicalHero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.p-medicalHero__title {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	z-index: 1;
	padding: 6% 2% 3%;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Noto Serif JP', serif;
    font-size: clamp(24px, 3vw, 36px);
    letter-spacing: .12em;
}

@media (min-width: 769px) {
	.p-medicalHero__title {
	}
}


/* ---------------------------------------------------------
 * 2カラムレイアウト（目次 + 本文）
 * --------------------------------------------------------- */
.p-medicalLayout {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-top: 32px;
	padding-bottom: 48px;
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width: 769px) {
	.p-medicalLayout {
		flex-direction: row;
		align-items: flex-start;
		gap: 48px;
		padding-top: 48px;
		padding-bottom: 80px;
		padding-right: 20px;
		max-width: 1280px;
	}
}

@media (min-width: 769px) {
	.p-medicalLayout__side {
		position: sticky;
		top: calc(var(--ark-offset--y, 0px) + 95px);
		flex: 0 0 240px;
	}
}

.p-medicalLayout__main {
	min-width: 0;
}

@media (min-width: 769px) {
	.p-medicalLayout__main {
		flex: 1 1 auto;
	}
}

/* ---------------------------------------------------------
 * 目次(TOC)
 * --------------------------------------------------------- */
.p-medicalToc {
	padding: 20px;
	background: #f7f7f5;
	border-radius: 8px;
}

.p-medicalToc__label {
	margin: 0 0 12px;
	font-size: .9rem;
	font-weight: 700;
	text-align: center;
	color: var(--touyama-color--primary, #005d8c);
}

.p-medicalToc__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.p-medicalToc__link {
	display: block;
	text-align: justify;
	font-size: 13px;
	line-height: 1.6;
	text-decoration: none;
	color: #222;
}
.p-medicalToc__link::before {
	content: "\25B6";
	color: #005d8c;
	font-size: 75%;
	margin-right: 2px;
}

.p-medicalToc__link:hover {
	color: var(--touyama-color--primary, #005d8c);
}


/* ---------------------------------------------------------
 * 共通：見出し
 * --------------------------------------------------------- */
.p-medicalLead__heading,
.p-medicalTextImage__heading,
.p-medicalCardGrid__heading,
.p-medicalBulletList__heading,
.p-medicalHighlightBox__heading,
.p-medicalFlowSteps__heading,
.p-medicalTwoColCards__heading,
.p-medicalDrugList__heading,
.p-medicalFaq__heading,
.p-medicalPriceList__heading,
.p-medicalTable__heading {
	position: relative;
	padding-bottom: 12px;
	margin: 0 0 20px;
    font-family: 'Noto Serif JP', serif;
    font-size: clamp(21px, 2.1vw, 28px);
	font-weight: 500;
	border-bottom: 2px solid var(--touyama-color--border, #dcdcdc);
}
.p-medicalLead__heading::after,
.p-medicalTextImage__heading::after,
.p-medicalCardGrid__heading::after,
.p-medicalBulletList__heading::after,
.p-medicalHighlightBox__heading::after,
.p-medicalFlowSteps__heading::after,
.p-medicalTwoColCards__heading::after,
.p-medicalDrugList__heading::after,
.p-medicalFaq__heading::after,
.p-medicalPriceList__heading::after,
.p-medicalTable__heading::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 160px;
	height: 2px;
	background: var(--touyama-color--primary, #005d8c);
}


/* ---------------------------------------------------------
 * テキストのみ
 * --------------------------------------------------------- */
.p-medicalLead__body {
	line-height: var(--ark-line_height, 1.8);
	display: flex;
    flex-wrap: wrap;
}


/* ---------------------------------------------------------
 * 画像＋テキスト
 * --------------------------------------------------------- */
.p-medicalTextImage__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 769px) {
	.p-medicalTextImage__inner {
		flex-direction: row;
		gap: 40px;
	}

	.p-medicalTextImage.-imageLeft .p-medicalTextImage__inner {
		flex-direction: row-reverse;
	}
}

.p-medicalTextImage__figure {
	flex: 0 0 auto;
}

@media (min-width: 769px) {
	.p-medicalTextImage__figure {
		width: 320px;
	}
}

.p-medicalTextImage__figure img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.p-medicalTextImage__body {
	flex: 1 1 auto;
	line-height: var(--ark-line_height, 1.8);
}


/* ---------------------------------------------------------
 * カードグリッド（初期症状の目安など）
 * --------------------------------------------------------- */
.p-medicalCardGrid__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	padding: 0;
	margin: 0;
	list-style: none;
}

@media (min-width: 769px) {
	.p-medicalCardGrid__list {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}
}

.p-medicalCardGrid__item {
	padding: 16px 12px;
	font-size: .9rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	background: #f7f7f5;
	border-radius: 4px;
}


/* ---------------------------------------------------------
 * 箇条書きボックス
 * --------------------------------------------------------- */
.p-medicalBulletList__list {
	padding: 25px 25px 25px 45px;
	margin: 0;
	background: #f7f7f5;
	border-radius: 8px;
}

.p-medicalBulletList__item + .p-medicalBulletList__item {
	margin-top: 8px;
}


/* ---------------------------------------------------------
 * 強調ボックス
 * --------------------------------------------------------- */
.p-medicalHighlightBox {
	padding: 20px;
	background: #eef5f9;
	border-radius: 4px;
}


/* ---------------------------------------------------------
 * 治療の流れ（ステップ図）
 * --------------------------------------------------------- */
.p-medicalFlowSteps__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	counter-reset: medical-step;
}

@media (min-width: 769px) {
	.p-medicalFlowSteps__list {
	}
}

.p-medicalFlowSteps__item {
	position: relative;
	padding: 20px;
	margin-bottom: 30px;
	background: #f7f7f5;
	border-radius: 4px;
	counter-increment: medical-step;
	width: 100%;
}

@media (min-width: 769px) {
	.p-medicalFlowSteps__item {
	}
}

.p-medicalFlowSteps__item::before {
	position: absolute;
	top: 20px;
	left: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-size: .8rem;
	font-weight: 700;
	color: #fff;
	content: counter(medical-step);
	background: var(--touyama-color--primary, #005d8c);
	border-radius: 50%;
}

@media (min-width: 769px) {
	.p-medicalFlowSteps__item::before {
		position: static;
		margin-bottom: 12px;
	}
}

.p-medicalFlowSteps__item + .p-medicalFlowSteps__item {
}

.p-medicalFlowSteps__item + .p-medicalFlowSteps__item::after {
	position: absolute;
	top: -24px;
	left: 27px;
	font-size: 1.25rem;
	color: var(--touyama-color--primary, #005d8c);
	content: "▼";
}

@media (min-width: 769px) {
	.p-medicalFlowSteps__item + .p-medicalFlowSteps__item {
		margin-top: 0;
	}

	.p-medicalFlowSteps__item + .p-medicalFlowSteps__item::after {
		top: 50%;
		left: -22px;
		transform: translateY(-50%);
		content: "▶";
	}
}

.p-medicalFlowSteps__title {
	margin: 0 0 4px;
	font-weight: 700;
}

.p-medicalFlowSteps__desc {
	margin: 0;
	font-size: .875rem;
	line-height: 1.6;
}


/* ---------------------------------------------------------
 * 2カラムカード（治療薬／費用／検査／ワクチンなど）
 * --------------------------------------------------------- */
.p-medicalTwoColCards__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	padding: 0;
	margin: 0;
	list-style: none;
}

@media (min-width: 769px) {
	.p-medicalTwoColCards__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

.p-medicalTwoColCards__item {
	padding: 20px;
	background: #f7f7f5;
	border-radius: 4px;
}

.p-medicalTwoColCards__title {
	margin: 0 0 8px;
	font-weight: 700;
	color: var(--touyama-color--primary, #005d8c);
}

.p-medicalTwoColCards__desc {
	margin: 0;
	font-size: .875rem;
	line-height: 1.6;
}


/* ---------------------------------------------------------
 * カテゴリ別リスト（処方する薬の種類など）
 * --------------------------------------------------------- */
.p-medicalDrugList__group + .p-medicalDrugList__group {
	margin-top: 20px;
}

.p-medicalDrugList__groupHeading {
	padding: 8px 12px;
	margin: 0 0 8px;
	font-weight: 700;
	color: #fff;
	background: var(--touyama-color--accent, #a18f76);
	border-radius: 4px;
}

.p-medicalDrugList__list {
	padding: 0 0 0 20px;
	margin: 0;
}

.p-medicalDrugList__item {
	line-height: var(--ark-line_height, 1.8);
}


/* ---------------------------------------------------------
 * CTAバナー
 * --------------------------------------------------------- */
.p-medicalCtaBanner {
	width: 100%;
}

.p-medicalCtaBanner__link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px;
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: var(--touyama-color--primary, #005d8c);
	border-radius: 4px;
	transition: 0.3s;
}

.p-medicalCtaBanner__link:hover {
	color: #005d8c;
	background: #fff;
}

.p-medicalCtaBanner__arrow {
	transition: transform .25s;
}

.p-medicalCtaBanner__link:hover .p-medicalCtaBanner__arrow {
	transform: translateX(4px);
}


/* ---------------------------------------------------------
 * よくある質問（Q&A）
 * --------------------------------------------------------- */
.p-medicalFaq__list {
	margin: 0;
}

.p-medicalFaq__item {
	padding: 16px 0;
	border-bottom: 1px solid var(--touyama-color--border, #dcdcdc);
}

.p-medicalFaq__item:first-child {
	border-top: 1px solid var(--touyama-color--border, #dcdcdc);
}

.p-medicalFaq__q {
	position: relative;
	padding-left: 32px;
	margin: 0 0 8px;
	font-weight: 700;
	color: var(--touyama-color--primary, #005d8c);
}

.p-medicalFaq__q::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "Q";
}

.p-medicalFaq__a {
	padding-left: 32px;
	margin: 0;
	line-height: var(--ark-line_height, 1.8);
}


/* ---------------------------------------------------------
 * 料金表
 * --------------------------------------------------------- */
.p-medicalPriceList__list {
	margin: 0;
}

.p-medicalPriceList__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 16px;
	padding: 14px 0;
	border-bottom: 1px solid var(--touyama-color--border, #dcdcdc);
}

.p-medicalPriceList__row:first-child {
	border-top: 1px solid var(--touyama-color--border, #dcdcdc);
}

.p-medicalPriceList__label {
	font-weight: 700;
}

.p-medicalPriceList__price {
	margin: 0;
	font-weight: 700;
	color: var(--touyama-color--primary, #005d8c);
	white-space: nowrap;
}

.p-medicalPriceList__note {
	margin: 12px 0 0;
	font-size: .8rem;
	line-height: 1.6;
	color: var(--ark-opacity--thin, #666);
}


/* ---------------------------------------------------------
 * クロージングCTA（ページ末尾）
 * --------------------------------------------------------- */
.p-medicalClosingCta {
	padding: 32px 20px;
	text-align: center;
	background: #f7f7f5;
	border-radius: 4px;
}

.p-medicalClosingCta__heading {
	margin: 0 0 16px;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--touyama-color--primary, #005d8c);
}

.p-medicalClosingCta__body {
	max-width: 640px;
	margin: 0 auto;
	line-height: var(--ark-line_height, 1.8);
	text-align: left;
}

.p-medicalClosingCta__btns {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 420px;
	margin: 24px auto 0;
}

@media (min-width: 769px) {
	.p-medicalClosingCta__btns {
		flex-direction: row;
	}
}

.p-medicalClosingCta__btn {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 14px;
	font-weight: 700;
	color: #fff;
	border-radius: 4px;
}

.p-medicalClosingCta__btn.-web {
	background: var(--touyama-color--accent, #a18f76);
}

.p-medicalClosingCta__btn.-tel {
	background: var(--touyama-color--primary, #005d8c);
}

.p-medicalClosingCta__btnTitle small {
	font-size: .75em;
	font-weight: 400;
}

.p-medicalClosingCta__btnSub {
	margin-top: 2px;
	font-size: .75rem;
	font-weight: 400;
}


/* ---------------------------------------------------------
 * 院長プロフィール（全ページ共通の固定パーツ）
 * --------------------------------------------------------- */
.p-medicalDoctorBox {
    width: calc(100% - 40px);
    max-width: 950px;
    padding: 30px;
    margin: 0 auto;
    border: solid 1px #efefef;
    background-color: white;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));}

.p-medicalDoctorBox__role {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 12px;
	font-weight: 700;
}

.p-medicalDoctorBox__inner {
	display: flex;
	flex-direction: column-reverse;
	gap: 16px;
}

@media (min-width: 769px) {
	.p-medicalDoctorBox__inner {
		flex-direction: row;
		gap: 32px;
	}
}

.p-medicalDoctorBox__name {
	margin: 0 0 8px;
	font-size: 1.35rem;
	font-weight: 700;
	font-family: serif;
}

.p-medicalDoctorBox__label {
	margin: 0 0 4px;
	font-size: .8rem;
	font-weight: 700;
	color: var(--touyama-color--primary, #005d8c);
}

.p-medicalDoctorBox__desc {
	margin: 0 0 12px;
	font-size: .875rem;
	line-height: 1.6;
}

.p-medicalDoctorBox__link {
	font-weight: 700;
	color: var(--touyama-color--primary, #005d8c);
}

.p-medicalDoctorBox__figure {
	flex: 0 0 auto;
	border-radius: 4px;
	margin: auto;
}
.p-medicalDoctorBox__figure img {
	width: 100%;
	max-width: 200px;
	height: auto;
	object-fit: cover;
	border-radius: 6px;
}

/* ---------------------------------------------------------
 * 比較表
 * --------------------------------------------------------- */
.p-medicalTable__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.p-medicalTable__table {
	width: 100%;
	min-width: 480px;
	border-collapse: collapse;
	font-size: .875rem;
}

.p-medicalTable__table th,
.p-medicalTable__table td {
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
	border: 1px solid var(--touyama-color--border, #dcdcdc);
}

.p-medicalTable__table thead th {
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	background: var(--touyama-color--primary, #005d8c);
}

.p-medicalTable__table tbody tr:nth-child(even) {
	background: #f7f7f5;
}

/* ---------------------------------------------------------
 * 診療案内カテゴリ一覧ページ（taxonomy-medical_category.php）
 * 左右20pxのpadding、横幅max-width:960pxのセンター配置
 * --------------------------------------------------------- */
.p-medicalTermList {
	box-sizing: border-box;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 20px 0;
}
@media (min-width: 769px) {
	.p-medicalTermList {
		padding-top: 56px;
	}
}
.p-medicalTermList .pagination,
.p-medicalTermList nav.navigation {
	margin-top: 32px;
	text-align: center;
}