@charset "UTF-8";
/* ******************************************************************
 *	File name		: jidoukan.css
 *	Summary			: page layout
 * ******************************************************************
 */

/*
blue  #57AAE0 rgba(87,170,224,1.0);
濃青　#336D93 rgba(51,109,147,1.0);

aobaku         #55A9FD  rgba(85,169,253,1.0);　 濃→#336598　rgba(51,101,152,1.0);
miyaginoku     #3ED1B9  rgba(62,209,185,1.0);　 濃→#257D6F　rgba(37,125,111,1.0);
wakabayasiku   #FFB44E  rgba(255,180,78,1.0);　 濃→#996C2F　rgba(153,108,47,1.0); #E4BA00
taihakuku      #917BFF  rgba(145,123,255,1.0);　濃→#574A99　rgba(87,74,153,1.0);
izumiku        #FE86C2  rgba(254,134,194,1.0);　濃→#985074　rgba(152,80,116,1.0);

*/


/* -----------------------------------------------------------------
   event
----------------------------------------------------------------- */

#s_point{
	margin-bottom:15px;
	padding:20px 30px 0px;
}
#sorry_com{
	display:none;
}
/* --- responsive --- */
@media(max-width:960px){
	#sorry_com{
		padding:0px 20px 0px;
	}
}
@media(max-width:767px){
	#s_point{
		padding:20px 20px 0px;
	}
}
@media(max-width:640px){
	#s_point{
		font-size:0.85rem;
	}
}

/* -----------------------------------------------------------------
   kensaku_sys
----------------------------------------------------------------- */

#kensaku_sys{
	padding:20px 30px 20px;
	background:#E1EFF8;
}
#kensaku_sys h3{
	font-size:0.9rem;
	padding:3px 10px 3px;
	background:#C0D859;
	border:1px solid #FFF;
	}
	#kensaku_sys h3 span{
		display:inline-block;
		margin-left:7px;
		font-weight:bold;
		font-size:0.8rem;
}

/* area */
#kensaku_sys ul#area{
	position:relative;
	margin-bottom:10px;
	padding:0 10px;
	list-style:none;
	}
	#kensaku_sys ul#area li{
		display:inline-block;
		width:100px;
		margin-right:5px;
		margin-bottom:10px;
		padding:2px 10px;
		text-align:center;
		border:1px solid #999;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		cursor:pointer;
		color:#000;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	#kensaku_sys ul#area li#area_all.active{background:#EF8773;color:#FFF;}
	#kensaku_sys ul#area li#d_aobaku.active{background:#55A6DB;color:#FFF;}
	#kensaku_sys ul#area li#d_miyaginoku.active{background:#3ED1B9;color:#FFF;}
	#kensaku_sys ul#area li#d_wakabayasiku.active{background:#E4BA00;color:#FFF;}
	#kensaku_sys ul#area li#d_taihakuku.active{background:#917BFF;color:#FFF;}
	#kensaku_sys ul#area li#d_izumiku.active{background:#FE86C2;color:#FFF;}

	/*#kensaku_sys ul#area li.active{
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
	}*/
	#kensaku_sys ul#area li:hover{
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
/* --- responsive --- */
@media(max-width:767px){
	#kensaku_sys ul#area{
		padding:0px;
	}
	#kensaku_sys ul#area li{
		width:90px;
		font-size:0.8rem;
	}
}
@media(max-width:560px){
	#kensaku_sys ul#area{
		text-align:center;
	}
}

/* s_detail */
#kensaku_sys ul#s_detail{
	position:relative;
	margin-bottom:10px;
	padding:0 10px;
	list-style:none;
	}
	#kensaku_sys ul#s_detail li{
		display:inline-block;
		position:relative;
		width:100px;
		margin-right:5px;
		margin-bottom:10px;
		padding:2px 10px;
		text-align:center;
		border:1px solid #999;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		cursor:pointer;
		color:#000;
	}
	#kensaku_sys ul#s_detail li#sd_all.active{background:#EF8773;color:#FFF;}
	#kensaku_sys ul#s_detail li#sd_nyuuyouzi.active{background:#F28705;color:#FFF;}
	#kensaku_sys ul#s_detail li#sd_gakusei.active{background:#0298DE;color:#FFF;}
	/*
	#kensaku_sys ul#s_detail li.active{
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
	}*/
	#kensaku_sys ul#s_detail li:hover{
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	}
	
	#kensaku_sys ul#s_detail li#sd_nyuuyouzi:after,
	#kensaku_sys ul#s_detail li#sd_gakusei:after{
		content:" ";
		position:absolute;
		bottom:-21px;
		left:50%;
		margin-left:-10px;
		border:15px solid transparent;
		border-bottom:0px solid rgba(255,255,255,1);
		transition-duration:0.5s;
	}
	#kensaku_sys ul#s_detail li#sd_nyuuyouzi.active:after,
	#kensaku_sys ul#s_detail li#sd_gakusei.active:after{
		border-bottom:15px solid rgba(255,255,255,0.7);
	}

#kensaku_sys .second_sd{
	display:none;
	position:relative;
	width: calc(100% - 20px);
	margin:0 0 15px 10px;
	padding:15px 15px 0px;
	background:rgba(255,255,255,0.7);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#kensaku_sys .second_sd h4{
		font-size:0.9rem;
		padding:3px 10px 3px;
		background:rgba(191,216,89,0.5);
		border:1px solid rgba(191,216,89,1);
	}
	#kensaku_sys .second_sd ul{
		position:relative;
		margin-bottom:10px;
		padding:0 10px;
		list-style:none;
	}
	#kensaku_sys .second_sd ul li{
		display:inline-block;
		position:relative;
		margin-right:5px;
		margin-bottom:10px;
		padding:2px 10px;
		border:1px solid #999;
		background:rgba(0,0,0,0.05);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		cursor:pointer;
		color:#000;
	}
	
	#kensaku_sys .second_sd ul li.active{
		background:rgba(191,216,89,1);
		/*-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset !important;*/
	}
	#kensaku_sys .second_sd ul li:hover{
		-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}

/* --- responsive --- */
@media(max-width:767px){
	#kensaku_sys ul#s_detail{
		padding:0px;
	}
	#kensaku_sys ul#s_detail li{
		width:90px;
		font-size:0.8rem;
	}
	#kensaku_sys{
		padding:20px 20px 20px;
	}
}
@media(max-width:560px){
	#kensaku_sys ul#s_detail{
		text-align:center;
	}
}



/* -----------------------------------------------------------------
   calendar
----------------------------------------------------------------- */
/*
#event_calendar input{
	position:relative;
	max-width:100%;
	padding:3px 5px;
	border:1px solid rgba(0,0,0,0.3);
	background:rgba(255,255,255,1);
	z-index:1500;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
*/

#event_calendar{
	max-width:100%;
	padding:0px;
}
#event_calendar input{
	position:relative;
	width:100%;
	z-index:1500;
}
.class-sunday > .ui-state-default {
	background: #FFCCCC !important;
	color: red !important;
}
.class-saturday > .ui-state-default {
	background: #CCCCFF !important;
	color: blue !important;
}
#event_calendar ul{
	position:relative;
	padding:0 10px;
	list-style:none;
	}
	#event_calendar ul li{
		display:inline-block;
		position:relative;
		margin-bottom:7px;
		vertical-align:text-top;
	}
	#event_calendar ul li#ec_all{
		display:inline-block;
		width:100px;
		margin-right:4px;
		padding:2px 10px;
		text-align:center;
		border:1px solid #999;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		cursor:pointer;
		color:#000;
	}
	#event_calendar ul li#ec_all.active{background:#EF8773;color:#FFF;}

	#event_calendar ul li#ec_search{
	}
	#event_calendar ul li#ec_search .ui-datepicker-trigger{
			display:inline-block;
		}
		#event_calendar ul li#ec_search .ui-datepicker-trigger:after{
			content:"日付検索";
			display:inline-block;
			position:relative;
			top:0px;
			width:100px;
			margin-right:4px;
			padding:2px 10px 3px;
			font-size:0.9rem;
			text-align:center;
			border:1px solid #999;
			vertical-align:text-top;
			background:rgba(0,0,0,0.1);
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			cursor:pointer;
			color:#000;
	}
	#event_calendar ul li#ec_search.active .ui-datepicker-trigger:after{
		background:#55A6DB;color:#FFF;
	}
		
	#event_calendar ul li#ec_search #ec_txt{
		display:inline-block;
		margin-left:0px;
		}
		#event_calendar ul li#ec_search.active #ec_txt{
			margin-left:10px;
}
.class-sunday > .ui-state-default {
	background: #FFCCCC !important;
	color: red !important;
}
.class-saturday > .ui-state-default {
	background: #CCCCFF !important;
	color: blue !important;
}
/* --- responsive --- */
@media(max-width:570px){
	#event_calendar{
		padding:0px 0px;
		text-align:center;
	}
}

/* -----------------------------------------------------------------
   cate_tab
----------------------------------------------------------------- */
#cate_tab{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	z-index:10;
}
#cate_tab li{
	position:relative;
	width:24%;
	margin-bottom:0px;
	padding:3px 5px;
	font-size:1.1rem;
	text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px 6px 0 0;
	cursor:pointer;
	color:#FFF;
	opacity:0.7;
	}
	#cate_tab li#cate_all{
		background:#777;
	}
	#cate_tab li#cate_c{
		background:#6CBE98;
	}
	#cate_tab li#cate_n{
		background:#F28705;
	}
	#cate_tab li#cate_g{
		background:#0298DE;
	}
	#cate_tab li.active,
	#cate_tab li:hover{
		opacity:1.0;
	}
	#cate_tab li.active:after{
		content:" ";
		position:absolute;
		bottom:-30px;
		left:50%;
		margin-left:-8px;
		border:15px solid transparent;
	}
	#cate_tab li#cate_all.active:after{border-top:15px solid #777;}
	#cate_tab li#cate_c.active:after{border-top:15px solid #6CBE98;}
	#cate_tab li#cate_n.active:after{border-top:15px solid #F28705;}
	#cate_tab li#cate_g.active:after{border-top:15px solid #0298DE;}

/* --- responsive --- */
@media(max-width:767px){
	#cate_tab li{
		font-size:1.0rem;
	}
}

/* -----------------------------------------------------------------
   event_content
----------------------------------------------------------------- */

#event_content{
	position:relative;
	padding:20px;
	border:1px solid #777;
	z-index:9;
}


#event_list{
	position:relative;
	margin:0px;
	padding:0px;
	list-style:none;
}
#event_list,
#event_list *{
	font-size:0.9rem;
	}
	#event_list li{
		display:flex;
		display:-webkit-flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:100%;
		margin-bottom:0px;
		padding:7px 0 0px 130px;
		border-bottom:1px dotted #777;
		}
		#event_list .date{
			display:inline-block;
			position:absolute;
			top:7px;
			left:0px;
			width:110px;
			margin-bottom:5px;
			text-align:center;
			font-weight:bold;
			background:rgba(0,0,0,0.1);
		}
		#event_list li.sunday{background:rgba(255,0,0,0.1);}
		#event_list li.saturday{background:rgba(0,155,255,0.1);}
		#event_list li.sunday .date{background:rgba(255,0,0,0.5);}
		#event_list li.saturday .date{background:rgba(0,155,255,0.5);}


		#event_list .jidoukan{
			display:inline-block;
			position:relative;
			width:200px;
			max-width:100%;
			top:-4px;
			margin-bottom:0px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			color:#FFF;
			}
			#event_list .jidoukan:hover{
				background:rgba(0,0,0,0.05);
			}
			#event_list .jidoukan a{
				display: flex;
				display: -webkit-flex;
				justify-content: center;
				align-items: center;
				position:relative;
				height:100%;
				width:100%;
				padding:3px 5px 5px;
				text-align:center;
				text-decoration:none;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				border-radius:6px;
				background:rgba(0,0,0,0.2);
				line-height:1.3;
			}
			#event_list li.d_aobaku .jidoukan a{background:rgba(85,169,253,0.2);color:#55A6DB;border:1px solid #55A6DB;}
			#event_list li.d_miyaginoku .jidoukan a{background:rgba(62,209,185,0.2);color:#3ED1B9;border:1px solid #3ED1B9;}
			#event_list li.d_wakabayasiku .jidoukan a{background:rgba(255,180,78,0.2);color:#FFB44E;border:1px solid #FFB44E;}
			#event_list li.d_taihakuku .jidoukan a{background:rgba(145,123,255,0.2);color:#917BFF;border:1px solid #917BFF;}
			#event_list li.d_izumiku .jidoukan a{background:rgba(254,134,194,0.2);color:#FE86C2;border:1px solid #FE86C2;}

		#event_list h4{
			display:inline-block;
			position:relative;
			width: calc(50% - 120px);
			margin-bottom:10px;
		}
		
		#event_list p.bunrui{
			display:block;
			width: calc(50% - 110px);
			padding-left:10px;
			border-left:1px dotted rgba(0,0,0,1);
			margin-bottom:10px;
			font-size:0.8rem;
		}
		#event_list p.bunrui br{
			display:none;
		}
		#event_list p.bunrui span{
			display:inline-block;
}
/* --- responsive --- */
@media(max-width:1400px){
	#event_list p.bunrui br{
		display:block !important;
	}
	#event_list p.bunrui span{
		display:none !important;
	}
}
@media(max-width:1100px){
	#event_list h4{width:50%;}
	#event_list p.bunrui{width: calc(50% - 10px);}
	#event_list .jidoukan{
		margin-bottom:7px;
	}
}
@media(max-width:960px){
	#event_content{
		padding:20px 0px 20px;
	}
	#event_list h4{width:100%;}
	#event_list p.bunrui{
		width:100%;
		padding-left:0px;
		border-top:1px solid rgba(0,0,0,0.1);
		border-left:none;
	}
}
@media(max-width:570px){
	#event_list li{
		padding:0px 15px 10px 15px;
		border-bottom:none;
		}
		#event_list .date{
			position:relative;
			top:0px;
			left:0px;
			margin-left:-15px;
			margin-right:-15px;
			padding:0 15px;
			text-align:left;
			width:calc(100% + 30px);
		}
	#event_list .jidoukan a{
		font-size:0.75rem;
	}
}

@media(max-width:7px){
}