@charset "utf-8";


/* annual schedule
-------------------------------------------------*/	

.d_sched{
	position:relative;
	border-bottom:3px solid #2A9C80;
}
	.d_sched .month{
		position:relative;
		padding:1rem 0 1rem 13%;
		border-top:3px solid #2A9C80;
	}
	.d_sched .month .m{
		position:absolute;
		left:0;
		top:1rem;
	}
	.d_sched .month .eve{
		position:relative;
		display:block;	
		width:100%;
		white-space: nowrap;
		margin:0 0 1rem;
	}
	
	.d_sched .month .eve > h2{
		display:inline;
	}
	.d_sched .month .eve > h2 > img{
		transition:.3s;
	}
	.d_sched .month .eve > h2 > img:hover{
		transform:scale(.97);
	}
	div.i_movie{
		position:relative;
		cursor:pointer;
	}
	div.i_movie::after{
		display:block;
		content:'';
		position:absolute;
		left:50%;
		top:50%;
		width:50px;
		height:50px;
		background:url(/img/i_play.png) no-repeat;
		transform:translate(-50%,-70%);
		z-index:1;
		pointer-events: none;
		transition:.3s;
	}
	div.i_movie:hover::after{
		transform:translate(-50%,-70%) scale(1.2);
	}
	
	.d_sched .month .eve > img{
		width:auto;
		height:100%;
	}
	.d_sched .month .eve > p{
		padding-top:.5rem;
		white-space: normal;
		color:#666;
		font-size:.9rem;
		font-weight:bold;
	}
	.d_sched .month hr{
		display:block;
		width:100%;
		height:1px;
		padding:0;
		margin:0;
		opacity:0;
	}

	.i_open,.i_close{
		position:relative;
		display:inline-block;
		width:59px;
		height:19px;
		background:url(/annual_sched/i_open.webp) no-repeat;
		transform:translate(15px,-5vh);
	}
	.i_close{
		background:url(/annual_sched/i_close.webp) no-repeat;
	}
	

@media(max-width: 559px){
	.d_sched .month{
		padding:1rem 0 1rem;
	}
	.d_sched .month .m{
		position:relative;
		top:0;
		margin-bottom:10px;
	}
	.d_sched .month .eve{
		margin:0 0 1rem;
	}
	.d_sched .month .eve h2 img{
		width:auto;
		height:9vh;
	}
}


/* included page */
#ajx{
	width:100%;
	padding:2rem 2rem 1.5rem;
	border:3px solid #d0e9d3;
	border-radius: 10px;
	margin:1rem auto 0;
}
	#ajx h1{
		transform:translateX(-2%);
	}
	#ajx h1 img{
		margin:0 auto 2rem;
	}
	#ajx time{
		color:rgb(42,156,128);
		margin:0 0 .5rem;
	}

.eve_content{
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
}
	.eve_item{
		width:47%;
		margin-bottom:3rem;
	}
	.eve_item.wide{
		width:min(100%,640px);
		margin:0 auto 3rem;
	}
	.eve_item h2{
		padding: .8rem 0;
		color:rgb(42,156,128);
		font-size:1.1rem;
		line-height: 1.3;
		background: url(/img/bd_dot.gif) repeat-x left bottom;
	}
	.eve_item p{
		text-align: justify;
		font-size:.9rem;
		line-height: 1.6;
	}
	.eve_item *{
		white-space: normal;
	}

/* movie trigger */
.mv_item{
	clear:both;
	width:100%;
	max-width:650px;
	padding:10px;
	background: #fff;
	box-shadow: 0 0 18px rgb(0 0 0 / 30%);
	border-radius: 8px;
	margin:0 auto;
	transition:.3s;
	cursor:pointer;
}
	.mv_item:hover{
		transform-origin:center;
		transform:scale(1.02);
	}
	.mv_item a{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
	}
	.mv_item img{
		width:30%;
		align-self:flex-start;
	}
	.mv_ttl{
		width:68%;
		padding-left:3.5rem;
		align-self:center;
		background:url(/gallery/i_kachinko_grn.png) no-repeat 0 0;
	}
	.mv_ttl span{
		display:inline-block;
		padding:6px 10px 4px;
		color:#fff;
		font-size:.85rem;
		line-height:1;
		background:rgb(42,156,128);
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:rgb(42,156,128);
		line-height:1.2;
		margin:.3rem 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:rgb(42,156,128);
		font-size:.9rem;
		line-height:1.5;
	}
@media screen and (max-width: 500px){
	.mv_item a{
		display:block;
	}
	.mv_item img{
		width:100%;
	}
	.mv_ttl{
		width:100%;
		margin-top:10px;
	}
}

/* ajax */
.modal_under{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.97);
	z-index:900;
}
.overlay_under{
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto 0;
	z-index:901;
}
.btn_close{
	display:block;
	position:fixed;
	top:0;
	right:0;
	width:45px;
	height:45px;
	background:rgb(105,160,128);
	border-radius:1px;
	z-index:1002;
	cursor:pointer;
	transition: .5s;
}