@charset "utf-8";
/* カスタムCSS */
/**********************************
全体・共通設定
**********************************/
/* フォント設定 */
.bold {
	font-weight: bold;
}
.red {
	color: red;
}
.blue {
	color: blue;
}

/* 文字揃え */
.align_l {
	text-align: left;
}
.align_c {
	text-align: center;
}
.align_r {
	text-align: right;
}

/* flex */
.flexbox {
	margin-bottom: 50px;
}
.flex_re {
	flex-direction: row-reverse;
}
.flexbox > div,
.flexbox > p {
    flex: 1;
}
/* flex 上下中央寄せ */
.flex_c {
	align-items: center;
}

/* リンクホバー時　ゆっくり変化 */
a,
a:hover {
	transition: 0.3s ease-in-out;
}

/* エディタ内　テキストリンク（ボタン除く）、ヘッダー医院情報欄　下線装飾 */
.editor a:not(.btn),
.gHeader_cont a {
	text-decoration: underline;
}
/* pagerの下線装飾回避 */
.editor .pager a:not(.btn) {
	text-decoration: none;
}

/* テーブル関連設定 */
.editor table th,
.editor table td {
	vertical-align: middle;
}
.common_img_table h3 {
	text-align: left;
}
.scrollTable {
	margin-top: 20px;
}

/* メインビジュアル縦幅設定 */
.mainSlider li,
.mainSlider li img {
	height: auto;
}


/**********************************
PC設定
**********************************/
@media (min-width: 768px) {

	/* ヘッダー情報欄　横幅 */
	.gHeader_right {
		max-width: 510px;
	}
	
	/* グローバルメニュー */
	.gNav_item > a {
		padding-left: 20px;
		padding-right: 20px; /* 段落ちする場合、両方を書き換え */
	}

	/* flex */
	.flexbox {
		display: flex;
	}
	
	/* ボタン */
	.btn {
		width: 350px;
		margin: 0 auto;
	}

	/* iframe設定 */
	p > iframe {
		display: block;
		margin: 0 auto;
		width: 900px;
		height: 600px;
	}

	/* PC中央揃え　スマホ中央揃え */
	.sp_left{
		text-align:center;
	}

	/* 横並びテーブル */
	.column_table td {
		width: 50%;
		vertical-align: middle;
	}
}

/**********************************
スマホ設定
**********************************/
@media (max-width: 767px) {

	/* flex */
	.flexbox p:first-of-type {
		text-align: center;
	}

	/* 汎用_画像テーブル（院内設備など） */
	.common_img_table th,
	.common_img_table td {
		display: block; /* スマホ時縦並び */
	}
	
	/* 横並びテーブル */
	.column_table td {
		display: block;
	}

	/* 左右反転テーブル */
	.reverse_table tr {
		transform: scale(1, -1);
	}
	.reverse_table th {
		transform: scale(1, -1);
	}
	.reverse_table td {
		transform: scale(1, -1);
	}
	
	td {
		padding-bottom: 30px;
	}

	/* iframe設定 */
	p > iframe {
		height: 300px;
	}

	/* PC中央揃え　スマホ中央揃え */
	.sp_left{
		text-align:left;
	}

}