@charset "utf-8";

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

/* calendar
---------------------------*/
#calendar{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1;
}
	.ttl_calendar{
		position:relative;
		padding:8px;
		color:#fff;
		background:rgb(44,150,255);
		border-radius:3px 3px 0 0;
		margin:0;
	}
	.ttl_calendar .btn_prv a,
	.ttl_calendar .btn_nxt a{
		position:absolute;
		left:2px;
		top:1px;
		width:30px;
		height:30px;
		color:#fff;
		font-size:30px;
	}
	.ttl_calendar .btn_nxt a{
		left:inherit;
		right:2px;
	}

#calendar table{
	width:100%;
	border-collapse: separate;
	border-spacing: 4px;
	font-size:1rem;
	line-height:1;
	background:rgb(44,150,255,.2);
}
	#calendar table th{
		padding:.3rem;
		background:transparent;
	}
	#calendar table td{
		padding:.7rem .3rem;
		background:#fff;
	}
	#calendar table td a{
		display:block;
		width:100%;
		height:100%;
		color:#ff7b9c;
	}
	#calendar table td a.theday{
		color:#e84444;
	}


/* timetable
---------------------------*/

#timetable .table_green th{
	width:28%;
	text-align:center;
	padding:0.4rem;
	line-height:1.3;
	border-right:1px solid rgba(44,150,255,.5);
}
	#timetable .table_green th:first-child{
		width:16%;
		white-space:nowrap;
	}
	#timetable .table_green td{
		border-right:1px solid rgba(44,150,255,.5);
	}

@media(max-width: 600px){
	#calendar{
		width:100%;
	}
}



/* local nav
---------------------------*/

.thumb-nav-2 li {
	width: 47%;
	margin: 0 1% .4rem;
}

.btn_calendar{
	width:125px;
	height:44px;
	overflow:hidden;
	margin:0 auto;
}




/* 従来フォーマット（白場）*/
	 .fr_ttl_blue{
		position:relative;
		width:100%;
		padding: .8rem 0 .6rem;
	}
	
	 .fr_ttl_blue .trg_bk,
	 .fr_ttl_blue .trg_nx{
		position:absolute;
		display:block;
		left:5px;
		top:6px;
	}
	 .fr_ttl_blue .trg_nx{
		left:inherit;
		right:5px;
	}
	 .fr_ttl_blue a{
		color:#fff;
		font-size:30px;
	}
	 .fr_ttl_blue a i{
		position:relative;
		top:-4px;
		font-size:14px;
	}
	 .eve_item:last-child{
		margin-bottom:0 !important;
	}



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

#d_special{
	postion:relative;
}
.fr_blue{
}
	.fr_green .wrap,.fr_blue .wrap{
		padding:min(26px,3vw);
		overflow: hidden;
		transition:.3s;
	}
	.fr_green.fr_closed .wrap, .fr_blue.fr_closed .wrap{
		height:0;
		padding:0;
	}

/* ttl monthly */
.ttl_monthly{
	position:relative;
	padding:.7rem;
	color:#fff;
	font-size:1.2rem;
	font-weight: bold;
	background:rgb(44,150,255);
	border-radius: .4rem .4rem 0 0;
	margin:0 auto 1rem;
}
	.ttl_monthlypast{
		background:rgb(77, 128, 143);
	}
	.ttl_past{
		color:rgb(77, 128, 143);
	}
	.fr_green .ttl_monthly span{
		position:absolute;
		display:block;
		right:8px;
		top:9px;
		content: '';
		width:25px;
		height:39px;
		cursor: pointer;
		z-index: 1;
		transition:.3s;
	}
	.fr_green .ttl_monthly span img{
		transform-origin: center;
		width:100%;
		height:auto;
	}
	.fr_green .ttl_monthly:hover span{
		transform:scale(1.1);
	}
	.fr_green .ttl_monthly::before{
		transform:rotate(90deg);
	}
	.fr_green.fr_closed .ttl_monthly{
		border-radius: .4rem;
		margin:0 auto;
	}
	
/* item */
.eve_item{
}
.eve_item:not(:last-child)::after{
	display: block;
	clear: both;
	content: "";
	width:99%;
	height:5px;
	background:rgba(255 255 255 / 0.7);
	border-radius: .5rem;
	margin:5vh auto;
}
.clm_img_item .sup{
	padding:.7rem 1rem;
	background:#fff;
	border-radius: .5rem;
}
	.clm_img_item .sup b{
		display:inline-block;
		color:rgb(44,150,255);
		font-weight:bold;
		margin-right:.2rem;
	}
	.clm_img_item .sup hr{
		display:inline-block;
		width:100%;
		height:0;
		border: 1px solid rgba(0 0 0 /.15);
		border-width:0 0 1px;
	}
	.ouchimake{
		display:inline-block;
		padding:4px 5px 3px;
		color:#fff;
		font-size:.85rem;
		font-weight: bold;
		background:#c55a54;
		border-radius: 5px;
		margin:3px 0 3px;
	}

#flower .clm_img_item .sup b{
	color:#ff7b9c;
}




/* old styles 
---------------------------*/

/* animals ttl*/
.fr_ttl_green{
	padding: .6rem 0 .6rem;
}
	#m_tokubetsu{
		width:90%;
		max-width:430px;
		margin:0 auto;
	}
	#m_regular{
		width:90%;
		max-width:465px;
		margin:0 auto;
	}
	#d_special .ttl_label_green{
		position:relative;
		background:#ff9136;
	}
	#d_special .ttl_label_green::after{
		position:absolute;
		display:block;
		content:'';
		left:5px;
		top:-21px;
		width:126px;
		height:30px;
		background:url(/events/m_special.png) no-repeat 0 0;
	}
	#d_special .cl_green{
		color:#ff9136;
	}
	
	/* old page event ttl */
	.ttl_spm{
		padding:.6rem;
		text-align: center;
		color:#fff;
		font-size:1.3rem;
		font-weight:bold;
		background:rgb(205, 92, 92);
		border-radius: 3px;
		margin:4rem auto 4rem;
	}
	
	
/* etc 
---------------------------*/
.eve_item_plus{
	clear:both;
	width:100%;
}
@media(max-width: 800px){
	.eve_item_plus{
		padding-top:0;
	}
}


/* movie 
---------------------------*/
.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.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(44,150,255);
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:rgb(44,150,255);
		line-height:1.2;
		margin:0 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:rgb(44,150,255);
		font-size:.9rem;
		line-height:1.5;
	}
@media(max-width: 500px){
	.mv_item a{
		display:block;
	}
	.mv_item img{
		width:100%;
	}
	.mv_ttl{
		width:100%;
		margin-top:10px;
	}
}