@charset "utf-8";


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

.inner690,
.inner720,
.inner890{
	width:100%;
	max-width:690px;
	margin:0 auto;
}
.inner720{
	max-width:720px;
}
.inner890{
	max-width:890px;
}
@media screen and (max-width: 690px) {
	.inner690,.inner720,.inner890{
		width:100%;
	}
}


#feature {
    position: relative;
    width: min(97%, 980px);
    margin: 3rem auto 0;
}

#ttl_lavender{
	width:min(95%,965px);
	margin:0 auto;
}
#ttl_lavender p{
	width:min(100%,905px);
	margin:0 auto;
}

#d_lavender{
	padding:4vw 1000px;
	margin:0 -1000px;
	background:#f7f2fc;
}

#d_hidagyu{
	width:min(95%,922px);
	margin:0 auto;
}


.bn_netshop{
	position:relative;
	width:min(90%,400px);
	height:12vh;
	background-image:url(/img/top/rm_netshop.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	border:2px solid rgb(42,156,128);
	border-radius:6px;
	margin:2rem auto;
}
	.bn_netshop a{
		display:block;
		width:100%;
		height:100%;
		text-align:center;
	}
	.bn_netshop span{
		position:relative;
		display:inline-block;
		top:50%;
		transform:translateY(-50%);
		padding:7px 10px 5px;
		text-align:center;
		color:rgb(42,156,128);
		font-size:1.4rem;
		font-weight:bold;
		line-height:1;
		text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 8px #fff, 0 0 8px #fff;
	}

.otoku-pon{
	padding:2rem 1000px;
	background-color:#fffbd2;
	background-image:url(/img/bd_grass_green.png), url(/img/bd_grass_green.png);
	background-position:top left, bottom left;
	background-repeat:repeat-x, repeat-x;
	margin:0 -1000px 10vh;
}
.otoku-pon p{
	color:rgb(42,156,128);
	font-weight:bold;
	margin:0 auto 10px;
}


#poster img{
	width:min(100%,510px);
	margin:0 auto;
}


/* img expand */
	.trg_tp{
		position:absolute;
		display:block;
		left: 76%;
		top: 87%;
		width: 19%;
		height: 6.16%;
		text-indent:-9999px;
		cursor:pointer;
		z-index:1;
	}
	

/* 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;
}
	.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(/img/i_kachinko_pink.png) no-repeat 0 0;
	}
	.mv_ttl span{
		display:inline-block;
		padding:6px 10px 4px;
		color:#fff;
		font-size:.85rem;
		line-height:1;
		background:rgba(155,90,179, .8);
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:rgb(155,90,179);
		line-height:1.2;
		margin:0 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:rgb(155,90,179);
		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;
	}
}


.eve_fin{
	position:relative;
}
	.eve_fin::after{
		position:absolute;
		display:block;
		content:'';
		left:-3%;
		top:-3%;
		width:106%;
		height:106%;
		background:rgba(255 255 255 / .6) url(../ft_2022_opening/m_fin.png) no-repeat 50% 50%;
		background-size:min(50%,325px);
		border-radius:1rem;
		z-indeex:1;
	}