@charset "UTF-8";
img{
width: 100%;
height: auto;
}

header.under_header{
position: relative;
}

header.under_header .under_btn{
position: absolute;
bottom: 2vw;
left: 3%;
width: 55%;
}

#lineup{
background: #fffbda;
}

#lineup ul{
background-image: url(../img/sp/lineup_bgitem.png);
background-repeat: no-repeat;
background-size: 35%;
background-position: bottom 20px right 6%;
padding: 0 4%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#lineup ul li{
flex-basis: 48%;
margin-right: 4%;
margin-bottom: 20px;
}

#lineup ul li:nth-child(2n){
margin-right: 0;
}

#outlet{
border-top: 10px solid #863324;
border-bottom: 10px solid #863324;
}

.gus_mv{
position: relative;
}

.gus_mv .movie_wrap{
position: absolute;
bottom: 9%;
left: 50.5%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

#bath .gus_mv .movie_wrap{
bottom: 6%;
}

#foot_mv .gus_mv .movie_wrap{
bottom: 4%;
}

.movie{
position: relative;
width: 75vw;
height: 42vw;
}

.movie>a{
position: relative;
display: block;
width: 100%;
padding-top: 56%;
overflow:hidden;
}

.movie>a:before{
content:"";
width: 12%;
padding-top: 8%;
background-image: url(../img/mv_btn.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top:50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
z-index: 2;
}

.movie>a img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}

#foot_mv_conv{
	background: #f1bc18;
	padding-bottom: 60px;
}

#foot_mv_conv .back_btn{
display: block;
padding-top: 30px;
text-align: center;
}

#foot_mv_conv .back_btn img{
width: 70%;
}

#law{
padding: 30px 10%;
border-bottom: 1px solid #ccc;
}

/* Add : 2024.12.25 */
.app-blk-txt {
	background: #ffd800;
	padding: 0 20px 20px;
	}
.app-blk-txt p {
	font-size: 14px;
	line-height: 1.75;
	}