@charaset "UTF-8";
	
.cal_table {
	text-align:center;
	border: none;
	border-bottom: solid 1px #999;
		
	-webkit-border-radius: 0;
	}

.cal_table th {
	width:14.28%;
	background-color: #fff;
	border: none;
	border-bottom: solid 1px #999;
	padding: 3px 2px;
	}

.cal_table td {
	vertical-align:top;
	padding: 7px 2px 3px 2px;
	}

/* BOX */
.cal_th_sunday {
	color: #f34138;
	}
	
.cal_th_saturday {
	color: #497cca;
	}
	
.cal_td_sunday, .cal_td_holiday {
	background-color:#fef0f1;
	}
	
.cal_td_saturday {
	background-color:#e8f0f6;
	}

.cal_td_today {
	background-color:#d8f8b5;
	}

.cal_td_out {
	background-color:#f9f9f9;
	border-left: dotted 1px #ddd;
	}

/* DATE */	
.cal_date_sunday, 
.cal_date_holiday,
.cal_date_saturday,
.cal_date_none {
	font-size:140%;
	font-weight:bold;
	}
.cal_date_sunday, .cal_date_holiday {
	color:#f34138;
	}
.cal_date_saturday {
	color:#497cca;
	}


/* TEXT */

.cal_text_holiday,
.cal_text_event {
	font-size:90%;
	line-height: 130%;
	margin: 5px 0;
	}

.cal_text_sekki,
.cal_text_zatsu,
.cal_text_rokuyou,
.cal_text_kyuureki,
.cal_text_eto,
.cal_text_event,
.cal_text_holiday {
	font-size:80%;
	line-height: 130%;
	margin: 5px 0;
	}
.cal_text_rokuyou,
.cal_text_kyuureki,
.cal_text_eto {
	color: #888;
	}

.cal_text_rokuyou {
	font-size:80%;
	}
		
.cal_text_holiday, .cal_rokuyou_taian {
	color:#f34138;
	}

#yeartitle,
#daytitle {
	border-bottom: solid 3px #637998;
	text-align:center;
	font-size: 150%;
	font-weight: bold;
	line-height: 200%;
	/*padding-top: 40px;*/
	margin-bottom: 20px;
	}
	
/* MOON IMAGE */
.cal_img_moonage img {
	width:25px;
	height:25px;
	}

/*　カレンダーコントロール　*/
#nav_calendar {
	background-color: rgba(230,230,230,0.95);
	border: none;
	margin: 20px 0 0 0;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
#nav_calendar table,
#nav_calendar table td {
	border: none;
	vertical-align: middle;
	}

button:disabled {
	opacity: 0.3;
	}

/*　ミニカレンダー　*/
#next_calendar {
	float: right;
	}
#prev_calendar {
	float: left;
	}

/*　アップグレードメッセージ　*/
#upgrade_msg {
	position: relative;
	/*top: 40px;*/
	margin: 0 0 20px 0;
	}

@media (min-width: 600px) {


/*　ミニカレンダー　*/
#next_calendar {
	float: right;
	}
#prev_calendar {
	float: right;
	margin-right: 20px;
	}


}

@media (min-width: 703px) {

.cal_year {
	float: left;
	width: 29.6%;
	}


}



@media (min-width: 1024px) {

section.cal_year {
	margin-left: 20px;
	margin-bottom: 20px;
	}
section.cal_year:nth-child(1),
section.cal_year:nth-child(4),
section.cal_year:nth-child(7),
section.cal_year:nth-child(10) {
	margin-left: 0;
	}
section:last-child {
	margin-bottom: 2em;
	}
.cal_table td {
	padding: 4px 0;
	line-height: 100%;
	}
.cal_date_sunday, 
.cal_date_holiday,
.cal_date_saturday,
.cal_date_none {
	font-size: 90%;
	font-weight: normal;
	}

.mtitle {
	font-size:110%;
	font-weight:bold;
	text-align:center;
	}

.cal_year {
	float: left;
	width: 229px;
	}
	
.month_number {
	font-size:130%;
	}

#yeartitle {
	width: 728px;
	}


}


@media (max-width: 1023px) {

.box-cal_year {
	width: 96%;
	margin: auto;
	}
.cal_year {
	float: left;
	width: 23.5%;
	margin-left: 2%;
	}
section.cal_year:nth-child(1),
section.cal_year:nth-child(5),
section.cal_year:nth-child(9) {
	margin-left: 0;
	}

.cal_date_sunday, 
.cal_date_holiday,
.cal_date_saturday,
.cal_date_none {
	font-size: 90%;
	font-weight: normal;
	}

}


@media (max-width: 600px) {

.cal_year {
	width: 32%;
	}
section.cal_year:nth-child(1),
section.cal_year:nth-child(5),
section.cal_year:nth-child(9) {
	margin-left: 2%;
	}
section.cal_year:nth-child(1),
section.cal_year:nth-child(4),
section.cal_year:nth-child(7),
section.cal_year:nth-child(10) {
	margin-left: 0;
	}


}

@media (max-width: 480px) {

.cal_year {
	width: 49%;
	margin-left: 0;
	}
section.cal_year:nth-child(1),
section.cal_year:nth-child(5),
section.cal_year:nth-child(9) {
	margin-left: 0;
	}
.cal_year:nth-child(odd) {
	margin-right: 2%;
	}


}