@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.01.09
***************************************************************** **/
#EVENT{}

#EVENT section h2.h2title{
	background: #e1b4c4;
}

#EVENT .monthnavi{
	font-size: 1.4em;
	margin: 0 0 10px 0;
}


a.calbtn{
	background: #adadad;
	padding:10px;
	color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
a:hover.calbtn{
	background: #dadada;
}


#EVENT #table_cal {width: 100%; font-size: 0.8em;}
#EVENT #table_cal td { padding:1%;height: 150px; border:1px solid #D2CCC3;}
#EVENT #table_cal td p{ margin-bottom: 10px}
#EVENT #table_cal th { padding:1%; text-align:center; border:1px solid #D2CCC3; background-color:#EEE; width: 14.2% }
#EVENT #table_cal th.sat { background-color:#D7E5FF; }
#EVENT #table_cal th.sun { background-color:#FFDEDF;}
#EVENT #table_cal span.day { font-size:1.0em; color: #eeeeee; }


#EVENT #table_cal td p a{
    position: relative;
    padding:0 0 0 15px;
}

/* ------------------------------------
イベント詳細
------------------------------------ */
#EVENT .eventdetail{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

#EVENT .eventdetail .day{
	font-size: 1.4em;
	font-weight: bold;
}
#EVENT .eventdetail h3{
	margin: 1.0em 0 2.0em 0;
	background: #e3e3e3;
	padding: 1.0em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#EVENT .eventdetail h4{
	margin: 2.0em 0;
	padding: 0.5em;
	border-bottom:2px #985454 solid;
}


#EVENT .eventdetail .mainpic{
	margin: 0 auto 3em auto;
	text-align: center;
}
#EVENT .eventdetail .mainpic img{
	width: 97%;
	height: auto;
	margin: auto;
	text-align: center;
}

#EVENT .eventdetail .photo{
	float: right;
	width: 47%;
	margin-left: 2%;
}
#EVENT .eventdetail .photo img{
	margin-bottom: 1.0em;
}

/*
#EVENT .eventdetail .txt{
	float: left;
	width: 50%;
	font-size: 1.4em;
	line-height: 2.0em;
}
*/
#EVENT .eventdetail .txt{
	width: 100%;
	font-size: 1.4em;
	line-height: 2.0em;
}


@media only screen and (max-width: 640px) {

#EVENT .eventdetail .photo p{
	display: inline-block;
	width: 45%;
	margin: 0 2%;
}
#EVENT .eventdetail .photo p img{
	margin: 0 auto 1.0em auto;
	text-align: center;
}

#EVENT .eventdetail .photo,
#EVENT .eventdetail .photo img,
#EVENT .eventdetail .txt{
	float: none;
	width: 97%;
	font-size: 80%;
}
#EVENT .eventdetail .photo img{
	margin: 0 auto 1.0em auto;
}
}