@charset "utf-8";
/* CSS Document */
#calendar1 {
	float    : left;
	max-width: 44%;
	width    : 44%;
}
#calendar2 {
	float    : right;
	max-width: 44%;
	width    : 44%;
}

#calendar dd{
	background  : #FFF;
	padding     : 2%;
	margin-left : auto;
	margin-right: auto;
}
#calendar_title{
	font         : bold 15px "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	padding      : 0 0 8px 2px;
	border-bottom: solid 2px #bdbdbd;
	margin-bottom: 4px;
	text-align   : left;
}


#calendar_list{ /*玉組テーブル*/
	width          : 100%;
	border-collapse: separate;
	border-spacing : 1px 1px;
}
#calendar_list th,
#calendar_list td{
	text-align: center;
}

#calendar_list th{ /* 曜日 */
 padding: 2px;
 margin-bottom: 0;
 font   : bold 10px/12px "Shin Maru Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color  : #875f2b;
 background : #f5f4f2;
 border-bottom: 5px solid #fff;
}
#calendar_list td{ /* 日、月 */
	max-height: auto;
	padding   : 0 5px 4px 5px;
	/*border: solid 1px red;*/
}
#calendar_list tr:nth-child(3) td {
	max-height : auto;
	line-height: 14px;
	padding    : 0 5px 4px 5px;
	/*border: solid 1px red;*/
}
#calendar_list #calendar_date{ /* 月 */
 font : bold 16px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	color         : #000;
 background-color: #fff;
 padding-bottom: 10px;
}
#calendar_list #td_calendar_prev{ /* ＜ */
	text-align : left;
	line-height: 0.8em;
	padding    : 0;
}
#calendar_list #td_calendar_next{ /* ＞ */
	text-align : right;
	line-height: 0.8em;
	padding    : 0;
}


#calendar_list p{ /* 日 */
	margin        : 0;
	padding       : 3px 0;
	color         : #363636;
	font          : bold 12px/16px "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	letter-spacing: -1px;
	text-align    : center;
}
#calendar_list .kind_1{ /*休診日*/
	background: #f0857d;
}
#calendar_list .kind_2{ /*午後休診*/
 background-image: url(../../common/images/kind_2.jpg);
 background-position: right bottom;
 background-size: 100% 100%;
 background-repeat: no-repeat;
}
#calendar_list .kind_3{ /*時間変更あり*/
	background: #50c5c7;
}
#calendar_list .kind_1 p,
#calendar_list .kind_3 p{
	color: white;
}
#calendar_list .kind_1 .today,
#calendar_list .kind_2 .today,
#calendar_list .kind_3 .today{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: white;
}
#calendar_list .kind_0 .today{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e5673a;
}


/* キャプション */
#calendar_caption{
	text-align: left;
	margin-top: 10px;
}
#calendar_caption td{
	font-size  : 10px;
	line-height: 1.4em;
	white-space: nowrap;
}
#calendar_caption .kind_1{
	color: #f8ad32;
}
#calendar_caption .kind_2{
	color      : #24b092;
	padding    : 0;
}
@media (max-width:1080px) {
	#calendar1 {
		float    : none;
		max-width: 100%;
		width    : 75%;
	}
	#calendar2 {
		float    : none;
		max-width: 100%;
		width    : 75%;
		margin-top: 16px;
	}
}
@media (max-width:767px) {
	#calendar1, 
	#calendar2 {
		max-width   : 100%;
		width       : 95%;
		margin-left : auto;
		margin-right: auto;
	}
#calendar_list th{ /* 曜日 */
 padding: 1vw;
 font   : bold 3.4vw/100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-bottom: 5px solid #fff;
}
#calendar_list td{ /* 日、月 */
	padding   : 2vw;
}
#calendar_list tr:nth-child(3) td {
	line-height: 14px;
	padding: 2vw;
}
#calendar_list #calendar_date{ /* 月 */
 font : bold 5vw/120% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
 padding-bottom: 2.4vw;
}
#calendar_list p{ /* 日 */
	padding       : 1vw 0;
	font          : bold 4vw/16px "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
}
}