@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 {
	width: 100%;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	text-align: center;
	background-image: url(../img/wrap_bg.png);
	padding-top:20px;
}
#wapper_k {
	width: 100%;
	max-width: 720px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color:#000;
	background-image: url(../img/wrap_bg_k.png);
	padding-top:20px;
}
#wapper_k #header img{
	border-top: solid 2px #FCEACA;
	border-bottom: solid 2px #FCEACA;
}
#he_btn {
	text-align: left;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#main {
/*width: 700px;*/
margin: 20px auto 0;
}
#main p {
	margin: 20px auto 0;
}
#main ul{
	margin-bottom:10px;
}
#main ul li:last-child {
display: inline-block;
padding-right: 0px;
}
#clendar {
	width: 720px;
	position: relative;
}
#tophe {
	position: absolute;
	top: 70px;
	right: 45px;
}
#pdf {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.month_ul {
	display: flex;
}
.month_ul li{
	flex-basis: calc(68% * 1/4);
    max-width: calc(68% * 1/4);
    margin: 0 4% 20px;
}
.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: 116px;
    height: 144px;
    
    bottom: -8px;
    right: -7px;
    z-index: -1;
}
.txt_bg{
	padding:10px 0;
	
}
.txt_bg img{
	max-width: 600px;
	width: 100%;
}