/* カレンダー用テーブル */
.cal_tbl {
	width: 100%;
	border:1px #ccc solid;
	border-collapse:collapse;
	margin-bottom:8px;
}

/* カレンダー用テーブル　th */
.cal_tbl th {
	font-weight: normal;
	width:14%;
}

/* カレンダー用テーブル　th・td　共通 */
.cal_tbl th, .cal_tbl td {
	text-align: center;
	padding:0.6em 0px 0.3em;
	font-size:120%;
	border:1px #ccc solid;
	border-collapse:collapse;
}

/* カレンダー用テーブル　td */
.cal_tbl td {
	vertical-align: top;
}

/* 項目行「日曜」セルの設定 */
.youbi_hd {
	background-color: #CB5D5F;
	color:#fff;
}

/* 項目行「月」～「金」セルの設定 */
.youbi_nr {
	background-color: #F3E5A8;
	color:#000;
}

/* 項目行「土」のセルの設定 */
.youbi_st {
	background-color: #7091D4;
	color:#fff;
}

/*  */
.gai_td {
	background-color:#efefef;
}

/* 日付部 日曜 or 祝日 の背景色 */
.hd_td {
	background:#fcc;
	color: #000000;
}

/* 日付部 平日 の背景色 */
.nr_td {
	background-color:#ffc;
	color: #000000;
}

/* 日付部 土曜 の背景色 */
.st_td {
	background-color:#def;
	color: #000000;
}

/* 日付部 '特' 設定時の背景色 */
.sp_td {
	background-color:#ffc;
	color: #000000;
}

/* 料金部 日曜 or 祝日 の文字色 */
.hdf_td {
	background: #ffffff;
	color:#f00;
}

/* 料金部 平日 の文字色 */
.nrf_td {
	background: #ffffff;
	color:#000;
}

/* 料金部 土曜 の文字色 */
.stf_td {
	background: #ffffff;
	color:#06c;
}

/* 料金部 '特' 設定時の文字色 */
.spf_td {
	background: #ffffff;
	color:#FF4F00;
}


/* 料金部 アイコンの下に表示する文言のスタイル */
.hosoku {
	font-size: 70%;
	margin:0px;
}
	
/* ● ページ幅いっぱい使う場合のCSS ●●●●●●●●●●●●●●●●●●●●● */

/* ===========================
PCサイズ
=============================*/
@media screen and (min-width: 920px){
	.cal_tbl * { font-size:102%; }
	.cal_tbl td img { max-width:20px; margin-right:2px; }
	.cal_tbl * .fee_com { font-size:85%; }
}

/* ===========================
タブレットサイズ
=============================*/
@media screen and (min-width:771px) and (max-width:919px){
	.cal_tbl * { font-size:100%; }
	.cal_tbl * .fee_com { font-size:85%; }
	.cal_tbl td img { max-width:18px; margin-right:1px; }
}

/* ===========================
スマホサイズ 1
=============================*/
@media screen and (min-width:500px) and  (max-width:770px){
	.cal_tbl * { font-size:97%; }
	.sh { display:none; }
	.cal_tbl td img { max-width:14px; margin:0px; }
	.cal_tbl * .fee_com { font-size:82%; }
	
	#tab #navs li { width:12%; font-size:80%; }
	
}

/* ===========================
スマホサイズ 2
=============================*/
@media screen and (max-width:499px){
	.cal_tbl * { font-size:95%; }
	.sh { display:none; }
	.cal_tbl td img { max-width:10px; margin:0px; }
	.cal_tbl * .fee_com { font-size:80%; }
	
	#tab #navs li { width:12%; font-size:80%; }
	
}