@charset "utf-8";  
/*------------------------------------------------------------ 
    event css 
------------------------------------------------------------*/  

#mainCont{
	width:100%;
	float:left;
	margin-right:-250px;
}

#mainInner{
	width:auto;
	padding-right:300px;
}

#sideMenu{
	width:250px;
	float:right;
}


.headline{
	color:#9D927F;
	font-size:234%;
	font-weight:bold;
	padding-left:25px;
	line-height:40px;
	margin-bottom:40px;
	position:relative;
}

.headline:before{
	display:block;
	content:"";
	width:6px;
	height:100%;
	background:#E2BC64;
	position:absolute;
	left:0;
	top:0;
	border-radius:3px;
}

.txt{
	color:#333;
	font-size:117%;
	line-height:2;
	margin-bottom:60px;
}

.eventHd{
	color:#9D927F;
	font-size:175%;
	line-height:24px;
	font-weight:bold;
}

#eventList{
	width:100%;
	border-top:1px solid #E2BC64;
	margin-top:25px;
}

#eventList li{
	width:100%;
	padding:30px 0;
	overflow:hidden;
	color:#333;
	border-bottom:1px solid #E0E0E0;
}

.date{
	width:70px;
	height:55px;
	float:left;
	padding-top:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:150%;
	background:url(../img/bg-category.png) no-repeat;
}

.date.cat1{ background-position:0 0;}
.date.cat2{ background-position:0 -70px;}
.date.cat3{ background-position:0 -140px;}
.date.cat4{ background-position:0 -210px;}

.date span{
	display:block;
	margin-top:5px;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
}

.detail{
	width:100%;
	float:left;
	padding-top:10px;
	margin-left:-70px;
}

.ttl{
	width:auto;
	padding-left:95px;
}

.ttl a{
	color:#333;
	font-size:134%;
	font-weight:bold;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.ttl a:hover{ color:#E2BC64;}

.info{
	padding-left:95px;
	font-size:117%;
	margin-top:15px;
	overflow:hidden;
}

.info p{
	float:left;
	margin-right:10px;
	line-height:1.5;
	text-indent:-3em;
	padding-left:3em;
}


/* sidemenu */

#calendarNavi{
	width:100%;
	overflow:hidden;
	margin-bottom:25px;
}

#calendarNavi li{
	height:18px;
	line-height:18px;
}

.prevMonth{
	float:left;
	width:25%;
}

.nextMonth{
	float:right;
	width:25%;
	text-align:right; 
}

.thisMonth{
	float:left;
	width:50%;
	text-align:center;
	border-left:1px solid #96A6A6;
	border-right:1px solid #96A6A6;
	color:#666;
	font-size:134%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	font-weight:bold;
}

#calendarNavi a{
	color:#E1BB64;
	font-size:117%;
	font-weight:bold;
}

.calendarArea{
	width:auto;
	border:1px solid #E0E0E0;
	padding:9px;
	margin-bottom:30px;
}

#calendar{
	width:100%;
	color:#333;
}

#calendar th{
	padding:10px 0;
	font-size:117%;
	border-bottom:1px solid #ccc;
}

#calendar td{
	width:30px;
	height:30px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
}

#calendar th:first-child,
#calendar td:first-child{ color:#CC6666;}

#calendar a{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:50%;
	color:#fff;
}

#calendar .cat1{ background:#FBADBB;}
#calendar .cat2{ background:#F85238;}
#calendar .cat3{ background:#FBC036;}
#calendar .cat4{ background:#D8CD3D;}

.catHd{
	font-size:150%;
	line-height:24px;
	color:#9D927F;
	font-weight:bold;
}

#catList{
	width:100%;
	border-top:1px solid #E2BC64;
	margin-top:15px;
}

#catList li{
	border-bottom:1px solid #E0E0E0;
}

#catList a{
	display:block;
	line-height:12px;
	padding:20px 0;
	color:#333;
	font-size:117%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	background:no-repeat 5px 50%;
}

#catList a:hover{ color:#E2BC64;}

#catList .cat1{
	padding-left:35px;
	background-image:url(../img/icon-category01.png);
}

#catList .cat2{
	padding-left:35px;
	background-image:url(../img/icon-category02.png);
}

#catList .cat3{
	padding-left:35px;
	background-image:url(../img/icon-category03.png);
}

#catList .cat4{
	padding-left:35px;
	background-image:url(../img/icon-category04.png);
}

#catList .cat1:hover,
#catList .cat1.selected{ color:#FBADBB;}
#catList .cat2:hover,
#catList .cat2.selected{ color:#F85238;}
#catList .cat3:hover,
#catList .cat3.selected{ color:#FBC036;}
#catList .cat4:hover,
#catList .cat4.selected{ color:#D8CD3D;}

#fbArea{
	width:250px;
	margin:30px auto;
}

.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/*------------------------------------------------------------ 
    detail 
------------------------------------------------------------*/  

#detailHd{
	width:100%;
	overflow:hidden;
	padding-bottom:19px;
	margin-bottom:20px;
	border-bottom:1px solid #E0E0E0;
}

#detailHd h2{
	float:left;
	padding-left:25px;
	font-size:234%;
}

.bdr{
	line-height:40px;
	font-weight:bold;
	color:#9D9280;
	position:relative;
}

.bdr:before{
	display:block;
	content:"";
	width:6px;
	height:100%;
	border-radius:3px;
	position:absolute;
	left:0;
	top:0;
}

.bdr.cat1:before{ background:#FBADBB;}
.bdr.cat2:before{ background:#F85238;}
.bdr.cat3:before{ background:#FBC036;}
.bdr.cat4:before{ background:#D8CD3D;}

#detailHd p{
	float:right;
	margin-top:12px;
}

#detailHd a{
	display:inline-block;
	line-height:17px;
	padding-left:35px;
	color:#9D9280;
	font-size:117%;
	font-weight:bold;
	background:url(../img/icon-return.png) no-repeat left 50%;
}

#detailHd a:hover{ color:#E0BA64;}

#eventHd{
	overflow:hidden;
	margin:15px 0;
}

#eventHd h3{
	padding-left:35px;
	font-size:175%;
	float:left;
}

.fbArea{
	float:right;
	width:370px;
	height:20px;
	margin-top:11px;
}

#eventTbl{
	width:100%;
	color:#333;
	font-size:117%;
}

#eventTbl th{
	width:140px;
	text-align:left;
	padding:15px 0;
	font-weight:bold;
	border-bottom:1px solid #E0E0E0;
}

#eventTbl td{
	padding:15px 0;
	border-bottom:1px solid #E0E0E0;
}

.link{
	display:block;
	margin-top:15px;
	color:#E2BC64;
}

.registBtn{
	width:100%;
	text-align:center;
	padding-top:50px;
}

.registBtn a{
	display:inline-block;
	width:300px;
	height:60px;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	background:#E2BC64;
	border-radius:10px;
}

.registBtn a:hover{ background:#E8CA85;}

#access{padding-top:65px;}
#accessHd{
	padding-left:35px;
	margin-bottom:30px;
	line-height:30px;
	color:#9D927F;
	font-size:175%;
	font-weight:bold;
	background:url(../img/icon-access.png) no-repeat left 50%;
}

#gmap{
	width:100%;
	max-width:1000px;
	height:500px;
}


/*------------------------------------------------------------ 
    form 
------------------------------------------------------------*/  

.form-txt{
	font-size:117%;
	line-height:1.5;
	padding-bottom:35px;
	border-bottom:1px solid #E2E2E2;
	color:#333;
}

.form{
	margin-top:25px;
}

.form dt{
	font-size:117%;
	font-weight:bold;
	margin-bottom:15px;
	color:#333;
}

.form dt span{
	display:inline-block;
	width:49px;
	height:21px;
	line-height:21px;
	text-align:center;
	margin-left:20px;
	color:#fff;
	background:#FFCCCC;
}

.form dd{
	
	margin-bottom:30px;
}

.input{
	width:100%;
	max-width:465px;
	height:40px;
	padding:0 5px;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.txtarea{
	width:100%;
	height:180px;
	padding:5px;
	resize:none;
	overflow:auto;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.form-txt2{
	border-top:1px solid #E2E2E2;
	text-align:center;
	font-size:117%;
	line-height:1.5;
	padding:40px 0;
	color:#333;
}

.submit{
	width:100%;
	max-width:300px;
	height:60px;
	margin:0 auto;
}

.submit a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	background:#E2BC64;
	border-radius:10px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.submit a:hover{ background:#E8CA85;}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (min-width: 789px){
	

}

/* TABLET */
@media screen and (max-width: 788px){

#mainCont{
	float:none;
	margin-right:0;
}

#mainInner{
	padding-right:0;
}

#sideMenu{
	width:100%;
	float:none;
	margin-top:30px;
}

#gmap{ height:300px;}

.headline{
	font-size:200%;
	margin-bottom:20px;
}

.txt{
	font-size:117%;
	margin-bottom:30px;
}

#detailHd h2{ font-size:200%;}

#eventHd h3,
#accessHd,
.eventHd{ font-size:150%;}

.catHd{ font-size:117%;}

#eventList li { padding:15px 0;}


#eventTbl th,
#eventTbl td{
	display:block;
}

#eventTbl th{
	width:100%;
	border-bottom:none;
	padding-bottom:0;
}

#eventHd h3,
.fbArea{ float:none;}


}

/* SP */
@media screen and (max-width: 480px){

#gmap{ height:200px;}

#detailHd h2{ font-size:175%;}

#eventHd h3,
#accessHd,
.eventHd{ font-size:134%;}


}