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

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.eventWrap {
	margin:25px auto 0;
	display:block;
	}

.eventContents {
	font-size:15px;	
	border:solid 2px #f8cdce;
	box-sizing: border-box;

}

.eventContents .data{
	text-align:center;
	background:#fbe6e7;
}
.eventContents .eventTitle{
	padding:8.5px;

}
.eCategory{
	font-size:18px;
	font-weight:bolder;
	padding:5px 0px;
	}
.eventContents .eventTitle a {
	display:block;
	color:#EB6EA5;
}

.eventContents .eventTitle a:hover{
	text-decoration:underline;
}

.month{
	color:#FFF;
	background:#00A199;
	padding:10px;
}

#eventInner {
	display:block;
	background-color:#FFF;
	height:400px;
	margin:auto auto;
	overflow:hidden;
	}

@media screen and (max-width:599px) { 
    /*　画面サイズが599pxからはここを読み込む　*/

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.eventWrap {
	width:90%;
	margin:25px auto;
	}
.eventContents{
	font-size:12px;
	}
.eventContents .data{
	color:#EB6EA5;
	font-size:15px;
	line-height:15px;
	padding:5px 0 20px 0;
	width:50px;

	}
.month{
	font-size:30px;
	}
.day{
	font-size:15px;
	}
.eventContents .eventTitle{
	margin:-55px 0 0 50px ;
	padding:8.5px;
	display:block;
}
.eCategory{
	font-size:15px;
	font-weight:bolder;
	padding-bottom:5px;
	}
}
#eventBottom {
	display:block;
	text-align: center;
	height:28px;

	line-height: 25px;
	}
#eventBottom a {
	color:#EB6EA5;
	font-weight: bold;		
	background-color:#fbe6e7;
}

#eventBottom a:hover {
	color:#FFF;
	background-color:#EB6EA5;
}
@media screen and (min-width:600px) and ( max-width:1023px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.eventWrap {
	max-width:600px;
	margin:25px auto;
	}
	.eventContents{
		height:70px;
	}

.eventContents .data{
	color:#EB6EA5;
	font-size:40px;
	line-height:20px;
	padding-top:13px;
	width:70px;
	height:55px;
	}
.month{
	font-size:40px;
	}
.day{
	font-size:15px;
	}
.eventContents .eventTitle{
	margin:-70px 0 0 75px ;
	padding:5px;
	display:block;
}
}


@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/

/* ↓↓↓↓↓お知らせ↓↓↓↓↓ */
.eventWrap {
	max-width:1024px;
	}
	.eventContents{
		height:70px;
	}
.eventContents .data{
	color:#EB6EA5;
	font-size:40px;
	line-height:20px;
	padding-top:13px;
	width:70px;
	height:53px;
	}
.month{
	font-size:40px;
	}
.day{
	font-size:15px;
	}
.eventContents .eventTitle{
	margin:-68px 0 0 75px ;
	padding:5px;
	display:block;
}
.eCategory{
	color:#EB6EA5;	
	}
}