/* CSS Document */

@charset "utf-8";

#event_area { margin:0; }
#event_area div{ color:white !important; }

#event_xy{  font-weight: bold; vertical-align:top; }
#event_widefloat{ color:white !important; }
#event_widefloat a{ color:#ffcfcf; }
.swiper-slide-active#exh #event_area, .swiper-slide-duplicate-active#exh #event_area, .swiper-slide-prev#exh #event_area
{ opacity: 0; animation: fadeIn 1s linear 0s 1 normal both; }

.event_cell
{ display:inline-block;	float:left;	text-align:left; font-size:0.8em; line-height:1.2em; vertical-align:top; }

/* 情報枠なし */
.event_cell{}
@media screen and (max-width: 900px) {
	.event_cell{ height:110px; padding:0; width:44.8vw; min-width:221px; margin-right:1.5vw; }
}
@media screen and (min-width: 901px) {
	.event_cell{ height:128px;  width:22vw; max-width:352px; padding:0; margin-left:1vw; }
}

/* 情報枠あり */
.event_cell#frame{ background:hsla(180,40%,40%,0.8); border-radius:10px; }
.event_cell#frame{ box-shadow: 0px 0px 2px hsla(0,100%,100%,1), 0px 0px 2px hsla(0,100%,100%,1), 0px 0px 2px hsla(0,100%,100%,1); }
@media screen and (max-width: 900px) {
	.event_cell#frame{ height:calc(110px - 1vw); width:42.8vw; min-width:211px; padding:0.5vw 1vw; }
}
@media screen and (min-width: 901px) {
	.event_cell#frame{ height:118px; width:calc(22vw - 20px - 2px); max-width:332px; padding:5px 10px; }
}
.event1#frame{ background:hsla(0,50%,80%,0.8); }
.event2#frame{ background:hsla(45,50%,80%,0.8); }
.event3#frame{ background:hsla(90,50%,80%,0.8); }
.event4#frame{ background:hsla(135,50%,80%,0.8); }
.event5#frame{ background:hsla(180,50%,80%,0.8); }
.event6#frame{ background:hsla(225,50%,80%,0.8); }
.event7#frame{ background:hsla(270,50%,80%,0.8); }
.event8#frame{ background:hsla(315,50%,80%,0.8); }

@media screen and (max-width: 900px) {
	
	#event_area { width:94vw; padding: 0 3vw; min-width:480px; }
	#event_xy{ float:none; margin:25px 0 25px 1vw; vertical-align:top;	text-align:left; font-size:24px; }
	#event_widefloat{ float:none; width:94vw; min-width:480px; }

}

@media screen and (min-width: 901px) {
	
	#event_area { width:96vw; padding: 10px 2vw 0; max-width: calc(1600px*0.96); margin:0 auto; }
	#event_xy{ float:left; width:3vw;  max-width: calc(1600px*0.03); margin:10px 1vw 0 0; font-size:20px; line-height:13px; }
	#event_widefloat{ float:left; width:92vw; max-width: calc(1600px*0.92); }

}

@media screen and (min-width: 1101px) {

	.event_cell
	{ font-size:0.9em; }
	
}

@media screen and (min-width: 1500px) {
	
	#event_xy{ margin-right:15px; }

	.event_cell
	{ margin-left:15px; }
	
}


@media screen and (max-width: 900px) {
	
	#event_h { font-size:1.2em;	line-height:1.6em; }
	#breaksection{ display:block; clear:both; }

	#linesection{ display:block; border-bottom:1px solid hsla(0,100%,100%,1); margin:10px 0 10px 0; }
	#whiteline{	display:block; border-bottom:1px solid hsla(0,100%,100%,1); margin:10px 0 10px 0; }

	#spacesection { display:block; border-bottom:1px solid hsla(0,100%,100%,0);  margin:10px 0 10px 0; }
	#brankspace{	display:block; border-bottom:1px solid hsla(0,100%,100%,0); margin:10px 0 10px 0; }

	#tbr { display:none; }
	#tengai{ width:14px; height:13px !important; margin-top:-2px; }

}

@media screen and (min-width: 901px) {
	
	#event_h { font-size:1.2em;	line-height:2em; }
	#breaksection { display:none; }

	#linesection { display:none; }
	#whiteline{	display:block; border-bottom:1px solid hsla(0,100%,100%,1); margin:10px 4vw 10px 0; }

	#spacesection { display:none; }
	#brankspace{	display:block; border-bottom:1px solid hsla(0,100%,100%,0); margin:10px 4vw 0px 0; }

	#tbr { display:block; }
	#tengai{ width:15px; height:15px !important; margin-top:-2px; }

}