@charset "utf-8";
/* CSS Document */


/* calendar setting :
--------------------------------------------*/

#calendar{
	background:#F5CE00;
	padding:2%;
}

#calendar:after,
#calendar .ca_box:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#calendar .left{
	float:left;
	width:28%;
	margin:0 2% 0 0;
}

@media screen and (max-width: 1000px){
#calendar .left{
	width:29%;
	margin:0 1% 0 0;
}

}

#calendar .right{
	float:left;
	width:66%;
	background:#F0BA00;
	padding:2%;
}

#calendar .left .months{
	font-size:0.8rem;
}


#calendar .left .m_left a,
#calendar .left .m_right a{
	display:block;
	width:22%;
	border:1px solid #000;
	border-radius: 30px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:0.8rem;
	text-align: center;
}

#calendar .left .m_left a{
	float:left;
	background:url(../img/common/arrow02.svg) no-repeat 10% 0.8em;
	background-size:10px 5px;
	margin:2rem 0 0;
	padding:0.3% 0 0.3% 20px;
}
#calendar .left .m_right a{
	float:right;
	background:url(../img/common/arrow01.svg) no-repeat 90% 0.8em;
	background-size:10px 5px;
	margin:2rem 0 0;
	padding:0.3% 20px 0.3% 0;
}


#calendar .left .m_center{
	float:left;
	width:56%;
	text-align:center;
	margin:0 0 10px;
}
#calendar .left .m_center .yea,
#calendar .left .m_center .mon_j,
#calendar .left .m_center .mon_e{
	display:block;
	font-size:1rem;
	line-height:2rem;
	letter-spacing: 0.1rem;
}

#calendar .left .m_center .mon_j{
	font-size:2rem;
}

#calendar .left .m_center .mon_e{
	font-size:0.8rem;
	font-family: 'Libre Baskerville', serif;
}

/* calendar_table */


#calendar .calendar_table{
	width:100%;
}
#calendar .calendar_table th{
	padding: 0.5rem 0;
}

#calendar .calendar_table thead th {
	width: 14.28%;
}

#calendar .calendar_table thead th:first-child {color: #982F6D;}
#calendar .calendar_table thead th:last-child {color: #283981;}

#calendar .calendar_table td a{
	display:block;
	padding: 0.5rem 0;
	text-decoration:none;
	text-align:center;
	background:#fff;
	font-family: 'Libre Baskerville', serif;
}

#calendar .calendar_table td a.on,
#calendar .calendar_table td a:hover{
	background:#000;
	color:#fff;
}


/*-- 月制御 --*/

#calendar .calendar_table {display: none!important;}

#calendar .calendar_table.show {display: table!important;}

/*-- result --*/

#calendar .right .date {
	margin:0 0 4%;
	font-size: 1.2rem;
}
#calendar .right .today .date span{
	background:#000;
	color:#fff;
	padding:0.2rem 0.8rem;
	margin:0 1em 0 0;
}


#calendar .right .kyukan{
	margin:50px 0;
}


#calendar .ca_box{
	font-size:0.8rem;
}

#calendar .ca_item a{
	display:block;
	float:left;
	width:45%;
	background:#fff;
	padding:2%;
	margin:0 0 2% 2%;
	text-decoration:none;
}

#calendar .ca_item:nth-child(2n+1) a{
	clear:both;
	margin:0 0 2% 0;
}

#calendar .ca_item a:hover{
	background:#FCF8D6;
}


#calendar .ca_item h2{
	font-size:0.9rem;
	border-left:3px solid #000;
	padding:1% 1% 1% 2%;
	margin:0 0 10px;
}

#calendar .ca_item img{
	display:block;
	float:left;
	width:25%;
	margin:0 2% 2% 0;
}

#calendar .ca_item ul{
	float:left;
	width:73%;
}


#calendar .ca_item ul li{
	margin:0 0 0px;
	line-height:1.4em;
	min-height: 20px;
	padding:0px 0 10px 35px;
	text-indent: -35px;
}

#calendar .ca_item ul li img{
	display: inline-block;
    float: none;
    margin: 0 7px 0 0;
    width:28px;
}

li.gen span{
	margin:0 1em 0 0;
}



/*-- accordion --*/

#calendar .ac_btn {
	display: none;
}

@media screen and (max-width: 980px){
	
	#calendar .left .m_center .yea,
	#calendar .left .m_center .mon_j,
	#calendar .left .m_center .mon_e{
		font-size:0.9rem;
		line-height:1.6rem;
		letter-spacing: 0rem;
	}
	
	#calendar .left .m_center .mon_j {
		font-size:1.7rem;
	}
	
	#calendar .left .m_left a,
	#calendar .left .m_right a{
		width:30%;
	}
	
	#calendar .left .m_left a{
		background:url(../img/common/arrow02.svg) no-repeat 0.3rem 0.9em;
		margin:1.6rem 0 0;
		background-size:15px;
		padding:0.2rem 0 0.2rem 1rem;
	}
	#calendar .left .m_right a{
		float:right;
		background:url(../img/common/arrow01.svg) no-repeat;
		background-position: right 0.3rem top 0.9em;
		background-size:15px;
		margin:1.6rem 0 0;
		padding:0.2rem 1rem 0.2rem 0;
	}
	#calendar .left .m_center {
		width: 40%;
		margin: 0 0 10px;
	}
	
}


#calendar .right .text_box{
	padding:2%;
	background:#E6A000;
	font-size:90%;
}