@charset "utf-8";
/*
	Last Update:2018/05/24
	Auther: iw
*/
/*===================================================================
	#serach_map
===================================================================*/
#search_map { background:url(./image/map.png) no-repeat center top / contain; width:100%; height:370px; max-width:430px; margin:0 auto; }
#search_map ul { list-style:none; position:relative; width:100%; height:100%; }
#search_map li { position:absolute; font-size:min(1.5em, 21px); } 
#search_map li a { display:inline-block; text-decoration:none; color:#fff; padding:5px 20px; border-radius:10px; }
	#search_map .map1 { top:50%; left:70%; }
	#search_map .map2 { top:48%; left:45%; }
	#search_map .map3 { top:75%; left:40%; }
	#search_map .map4 { top:18%; left:50%; }
	#search_map .map5 { top:45%; left:10%; }
	#search_map .map6 { top:65%; left:15%; }
	#search_map .map7 { top:85%; right:0; }
	#search_map .map1 a { background:#f39704; }
	#search_map .map2 a { background:#e60180; }
	#search_map .map3 a { background:#46b2e1; }
	#search_map .map4 a { background:#2d873d; }
	#search_map .map5 a { background:#814e21; }
	#search_map .map6 a { background:#89bf11; }
	#search_map .map7 a { background:#ff3333; }
@media screen and (max-width:767px){
	#search_map { height:100vw; }
}

/* 2018/12/12 event */
#event_list .event_unit { border:1px solid #ffae35; }
#event_list .event_unit a { display:block; color:#333; text-decoration:none; padding:10px; }
#event_list .event_unit a:hover { background:#ffeed5; }
#event_list .event_unit p { font-size:0.9em; margin-bottom:5px; }
#event_list .event_unit h3 { font-weight:bold; }
#event_list .event_unit .photo { text-align:center; margin-bottom:10px; }
@media (max-width:767px){
	#event_list { padding:0; }
	#event_list .event_unit { display:table; width:100%; margin-bottom:0; }
	#event_list .event_unit .photo,
	#event_list .event_unit .text { display:table-cell; vertical-align:top; }
	#event_list .event_unit .photo { width:30%; }
	#event_list .event_unit h3 { padding:0 10px; }
}
@media (min-width:768px){
	#event_list .event_unit { margin-bottom:20px; height:calc(100% - 20px); }
}
