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

/* 文字揃え */
.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) {
	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;
}
/* youtube設定 */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

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

	/* flex */
	.flexbox {
		display: flex;
	}
	
	/* ボタン */
	.btn {
		width: 350px; /* 段落ちする場合、350pxを書き換え */
		margin: 0 auto;
	}

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

	/* グローバルメニュー */
	.gNav_item > a {
		padding-left: 40px;
		padding-right: 40px; /* 段落ちする場合、両方を書き換え */
	}
	/* フッターメニュー　*/
	.gFooter_link {
		width: calc(100% / 6 - 25px); /* 段落ちする場合、25pxを書き換え */
	}	

	/* 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);
	}

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

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

}