@charset "utf-8";
/* ========================================================
	program.css => 自費リハビリプログラムページ固有CSS
	汎用パーツは parts.css 側にあります。ここはこのページだけの指定です。
======================================================== */

/* page_title
============================================================================================================ */
/* ページタイトルの背景画像。
   いただいた写真（160324-44.jpg／トレーニングルーム）から書き出したものです。
   専用の画像に差し替える場合は、このURLを変更してください。 */
.page_title.program {
	background-image: url(../images/page_title_bg.jpg);
}
/* ページタイトルの文字。
   他ページはタイトルを画像（page_title.png）で入れているため、
   本体CSSにはPC用の文字サイズ指定がありません。
   このページはテキストで入れているので、ここで指定しています。
   SP用（1.8rem）は contents.css にあるため、同じ値で上書きし直しています。 */
   .page_title.program span {
	color: #5b442e;
	font-size: 20px;
	font-size: 2.0rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
@media screen and (max-width: 680px) {
	.page_title.program span {
		font-size: 1.8rem;
		letter-spacing: .05em;
		line-height: 1.4;
	}
}

/* 営業時間の表
============================================================================================================ */
/* 自費リハビリプログラムと通常診療の2行を並べた表です。
   左端の項目名の列だけ幅を固定し、残りの曜日列を均等にしています。
   左上の空きマスは、見出しの色帯を付けずに白のままにしています。 */
.program_hours {
	table-layout: fixed;
}
.program_hours thead td {
	width: 130px;
	background: #fff;
	border-top-color: #fff;
	border-left-color: #fff;
}
.program_hours tbody th {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.5;
}
/* 時刻（17：00 など）が途中で折り返さないよう、左右の余白を詰めて改行を止めています */
.program_hours tbody td {
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
}
/* 通常診療の日曜「休」 */
.program_hours .program_hours_off {
	color: #d9667e;
	vertical-align: middle;
}
@media screen and (max-width: 680px) {
	.program_hours thead td {
		width: 100px;
	}
}