@charset "utf-8";

/*	movie
------------------------------------------*/

.inner{
	position:relative;
	width:970px;
	margin:0 auto;
}
@media screen and (max-width: 970px) {
	.inner{
		width:90%;
	}
}

@media screen and (max-width: 600px) {
	#leadtxt{
		text-align:left;
	}
	#leadtxt br{
		display:none;
	}
}

.fx_expand{
	transition:.2s;
}
.fx_expand:hover{
	transform:scale(1.02);
}

/* localnavi */
.thumb-nav li a span img{
	min-height:50px;
	height:6vh;
}
.thumb-nav li a span:nth-child(2){
	line-height:1.1;
    width: 65%;
    padding: 0 .1em 0 .5em;
}
@media screen and (max-width: 800px) {
	.thumb-nav-4 li {
		width: 32%;
		margin: 0 .4% .4rem;
	}
}
@media screen and (max-width: 600px){
	.thumb-nav-4 li{
		width:48%;
		margin:0 1% .4rem;
	}
}

/* movie */
.gl_wrap{
	display:flex;
	flex-wrap:wrap;
}
.mv_komidashi{
	text-align:center;
	font-size:1.5rem;
	font-weight:bold;
	color:rgb(42,156,128);
	background:url(/img/i_chon.png) no-repeat center top;
	padding-top:1.3rem;
	margin:2.5rem auto 1rem;
}
.mv_item{
	width:33%;
	padding:0 1% 2rem;
	cursor:pointer;
}
	.mv_item .wrap{
		position:relative;
		display:block;
		height:100%;
		padding:.5rem .5rem 1rem;
		background:#fff;
		box-shadow:0 0 18px rgba(0,0,0,.3);
		border-radius:8px;
		transition:.5s;
	}
	.mv_item .wrap:hover,
	.mv_item .wrap:active{
		box-shadow:0 0 18px rgba(0,0,0,.5);
	}
	
	.mv_item .yt_wrap{
		position:relative;
		padding-top: 56.25%;
		width:100%;
		margin:0 0 1rem;
	}
	.mv_item .yt_wrap_empty{
		margin:0 0 1rem;
	}
	.mv_item .yt_wrap iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.mv_item img{
		margin:0 0 1rem;
	}

.mv_ttl{
	width:97%;
	padding:0 0 0 3.5rem;
	background:url(i_kachinko_grn.png) no-repeat 0 0;
	margin:auto;
}
	.mv_ttl h2{
		color:rgb(42,156,128);
		line-height:1.2;
		margin:0 0 .3rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:#555;
		font-size:.82rem;
		line-height:1.6;
	}

@media screen and (max-width: 768px) {
	.mv_item{
		width:50%;
		padding:0 2% 2rem;
	}
}
@media screen and (max-width: 500px) {
	.mv_item{
		float:none;
		width:100%;
		padding:0 2% 15px;
	}
	.mv_item a{
		padding:.6rem;
	}
	.mv_ttl{
		padding:0 0 0 2rem;
		background-size:1.6rem;
	}
}

/* poster */
.pst_item{
	float:left;
	width:20%;
	padding:0 2%;
	text-align:center;
	cursor:pointer;
	margin:0 0 1rem;
}

	#gl_poster .pst_item figcaption{
		height:1.5rem;
	}
	#gl_photocon .pst_item figcaption{
		height:2.5rem;
	}
	.pst_item span{
		font-size:.8rem;
	}
	#gl_photocon .pst_item img{
		height:7rem;
	}
@media screen and (max-width: 970px) {
	.pst_item{
		width:20%;
		padding:0 1%;
	}
}
@media screen and (max-width: 780px) {
	.pst_item{
		width:24%;
		padding:0 1%;
	}
}
@media screen and (max-width: 600px) {
	.pst_item{
		width:33%;
		padding:0 2%;
	}
}
.pst_item figcaption{
	margin:.5rem 0 0;
	text-align:left;
	font-size:.95rem;
	line-height:1.1;
}


/* display on-off */

.d_btn_more{
	clear:both;
	width:100%;
	text-align:center;
}
.gl_hide{
	display:none;
	opacity:0;
}


/* ajax */
#gallery_detail{
	position:relative;
	padding:1rem;
	width:96%;
	max-width:500px;
	margin:0 auto;
}

/* caution */
.caution{
	display:inline-block;
	text-align: center;
	padding:3px 8px;
	color:#fff;
	font-size:12px;
	line-height:1.2;
	background:tomato;
}