@charset "utf-8";

.-----PC_MOBILE_COMMON_CSS_START----- {}
.ttl01 {
    font-size: 30px;
    font-weight: normal;
    color: #FF9900;
    margin-top: 25px;
    margin-bottom: 25px;
}
.content{
	width:930px;
	margin:0 auto;
	padding-top:45px;
	padding-bottom:80px;
}

.bloc01{
	display:flex;
	margin-bottom:25px;
}
.bloc01:last-child{
}
.month{
	width:90px;
	height:90px;
	display:flex;
	padding-top:3px;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	color:#FFFFFF;
	font-size: 33px;
	border-style:solid;
	border-width:6px;
	box-sizing:border-box;
	margin-right:25px;
}
.month span{
	font-size: 16px;
}
.month_a .month{
	background:url(../img/bg_img01.gif);
	border-color:#FAD8D8;
}
.month_b .month{
	background:url(../img/bg_img02.gif);
	border-color:#B3E6DF;
}
.month_c .month{
	background:url(../img/bg_img03.gif);
	border-color:#F3C189;
}
.month_d .month{
	background:url(../img/bg_img04.gif);
	border-color:#AEE0F0;
}
.event{
	border-spacing:0 5px;
	margin-top:-5px;
	width:575px;
	margin-right:25px;
}
.event th{
	font-weight: normal;
	padding:7px;
	width:33%;
}
.month_a .event th{
	background-color:#FAD8D8;
}
.month_b .event th{
	background-color:#B3E6DF;
}
.month_c .event th{
	background-color:#F5D0A7;
}
.month_d .event th{
	background-color:#C6E9F4;
}
.event td{
	padding:7px 0 7px 20px;
	background-color:#FFFFFF;
}
.photo img{
	vertical-align:bottom;
}
.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}

.content{
	width:100%;
}
.bloc01{
	flex-wrap:wrap;
    margin-bottom: 50px;
	padding-left:10px;
	padding-right:10px;
}
.month{
	margin: 0 265px 30px;
}
.event{
	width: 380px;
    margin-right: 15px;
}
.-----MOBILE_ONLY_CSS_END----- {}

	
}