@charset "utf-8";

/*リセットCSS*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
* {
　-webkit-box-sizing: border-box;
　-moz-box-sizing: border-box;
　-o-box-sizing: border-box;
　-ms-box-sizing: border-box;
　box-sizing: border-box;
}
/*html{
    overflow-y: scroll;
}*/
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
/*リセットCSSここまで*/

#wapper {
	max-width: 600px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/wrap_bg.png);
	padding-top: 10px;
}
#wapper_k {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color:#000;
	background-image: url(../img/wrap_bg_k.png);
	padding-top: 10px;
}

#header {
	margin-top: 10px;
	}
#header img{
	max-width: 100%;
	}
#wapper_k #header img{
	border-top: solid 1px #FCEACA;
	border-bottom: solid 1px #FCEACA;
}
#he_btn {
	text-align: left;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	}

#main {
margin: 20px auto 0;
}
#main p {
	margin: 20px auto;
}

#main ul li {
display: inline-block;
padding-right: 10px;
}
#main ul li:last-child {
display: inline-block;
padding-right: 0px;
}
#clendar {
	width: 600px;
	position: relative;
}
#tophe {
	position: absolute;
	top: 70px;
	right: 45px;
}
#pdf {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.to2014{
	float:right;
	}
	
	
	.month_ul {
		display: flex;
	}
	.month_ul li{
		flex-basis: calc(72% * 1/4);
		max-width: calc(72% * 1/4);
		margin: 0 3.5% 10px;
	}
	.month_ul li a{
		display:block;
		position: relative;
		transition:.7s;
		z-index: 2;
	}
	.month_ul li a img{
		transition:.7s;
		width: 100%;
	}
	.month_ul li a:hover img{
		position: relative;
		bottom:-10px;
		right: -7px;
	}
	.month_ul li a:before{
		content: '';
		display: inline-block;
		position: absolute;
		width: 99px;
		height: 115px;
		
		bottom: -5px;
		right: -6px;
		z-index: -1;
	}
	.txt_bg{
		padding:10px 0;
		
	}
	.txt_bg img{
		max-width: 600px;
		width: 96%;
		padding: 0 2%;
	}