.tile{
	width: 24%;
	margin: 0px 0 20px 1.3%;
	float:left;
}
.tile3{
	width:30.66%;
	margin:20px 0 20px 4%;
	float:left;
}
.tile a{
	display:inline-block;
	width:100%;
	height: calc(50px + 28vw);
	/* max-height: 315px; */
}
.tile img{
	width:100%;
	border:1px solid #ddd;
}
.black{
	color:#333;
}
#eventtop .tile{
	width: 28%;
	margin: 20px 2.5% 20px;
	float:left;
}

#sekoutop{
	max-width:92%;
	margin-left:auto;
	margin-right:auto;
}


#sekoutop :nth-of-type(4n+1),
#r_sekoutop :nth-of-type(1){
	margin-left:0;
}

.event_status,.event_caption{
	text-align:center;
}
.event_caption{
	margin-bottom:10px
}

.sekou_caption, .event_caption{
	display:block;
	text-align:left;
	font-size: 85%;
	/* height:3em; */
	line-height: 140%;
	overflow:hidden;
	margin:0;
	padding:4px 0 0;
}
.sekou_hash{
	padding:calc(10px + 0.5vw) calc(20px + 2vw) calc(15px + 0.5vw);
	border:1px solid #ddd;
	background:#f8f8f8;
	width:fit-content;
	margin:30px auto;
	max-width:90%;
}
.sekou_hash span{
	display:inline-block;
	margin:0 1em;
	color:#aaa;
	font-weight:bold;
	letter-spacing:0.1em;
	font-size: calc(10px + 0.1vw);
}
@media(max-width:600px){
	.sekou_hash span{
		display:block;	
	}
	.sekou_hash{
		padding:calc(10px + 0.5vw) calc(10px + 2vw) calc(15px + 0.5vw);
	}
}
.sekou_hash a{
	margin:0 1em;
	display:
	inline-block;
	color:#000;
	letter-spacing:0.07em;
	font-size: calc(13px + 0.1vw);
}


#eventtop .imgbox{
	width:100%;
	height:225px;
	overflow: hidden;
	position: relative;
	background-color:#eee;
	border-radius:4px;
}
#voicetop .imgbox{
	width:100%;
	height: 20vw;
	max-height: 290px;
	overflow: hidden;
	position: relative;
	background-color:#eee;
	border-radius:4px;
}
#sekoutop .imgbox{
	width:100%;
	height: 225px;
	overflow: hidden;
	position: relative;
	background-color:#eee;
	border-radius:4px;
}
#r_sekoutop .imgbox{
	width:100%;
	height:180px;
	overflow: hidden;
	position: relative;
	background-color:#eee;
	border-radius:4px;
}
.imgbox img{
  position: absolute;
  width: auto;
  height: auto;
  max-width: 96%;
  max-height: 96%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.event_status{
	margin-top:7px;
	font-size:80%
}

.ukok,.ukno{
	display:inline-block;
	padding:3px 10px 2px;
	margin-right:10px;
}
.ukok{
	color:#f8b;
	background-color:#fff;
	border:1px solid #f8b;
}
.ukno{
	color:#fff;
	background-color:#999;
}
.ukok:hover{
	background-color:#f8b;
	color:#fff;
}

.event_caption span:first-child{
	margin-right:10px;
}

.thisweekend{
	display:inline-block;
	color:#fff;
	font-size:85%;
	font-weight:bold;
	letter-spacing:1px;
	padding:2px 6px 0;
	margin: 0;
	border-radius:3px;
	background-color:#f8b;
}

@media only screen and (max-width: 650px) {
	.tile{
		width:46%;
		margin:5px 1.5%;
		float:left;
	}
	#sekoutop{
		display:flex;
		flex-wrap:wrap;
		max-width: 100%;
		width:100%;
	}
	#sekoutop .tile{
		width: 49%;
		margin:0 2% 30px 0;
	}
	#sekoutop .tile:nth-child(2n){
		margin:0 0 30px 0;
	}
	#sekoutop .tile img{
		width:100%;
	}
	.title{
		font-size:70%;
	}
	.sekou_caption{
		font-size:80%;
		padding:0 6px;
	}
	.imgbox{
		width:100%;
		height:100px;
		overflow: hidden;
		position: relative;
		background-color:#eee;
		border-radius:4px;
	}
	#voicetop .imgbox{
		background:none;
		height: 66vw;
	}
	#eventtop .tile{
		display:flex;
		width: 98%;
		float:left;
		margin:0 2.5% 30px;
		/* text-align:center; */
	}
	#eventtop .tile:last-child{
		margin:0 2.5% 12px;
	}
	#eventtop .tile > div{
	    width:50%;
	    padding-right: 3%;
	}
	.tile img{
		/* width: 46%; */
		margin-right:12px;
		float:left;
	}
	.event_status,.event_caption{
		text-align:left;
	}
	.event_status{
		font-size: 75%;
	}
	.event_status span{
		font-size:120%
	}
	.event_caption{
		margin: 6px 0 10px;
		font-weight:bold;
		/* font-size:90%; */
	}
	.tile a{
		height: 60vw;
	}
}

/*　居候 下層ページ用のロゴをトップでは消す　*/
#slidebox + .logo_top{
	display:none;
}