@charset "UTF-8";


.online-lift{
background-image: url(../img/online-liftpass-back.webp);
background-size: cover;
overflow: hidden;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
}
.online-lift .title{
font-size:3cqw;
letter-spacing: 0;
color: #00743B;
position: relative;
&::after{
position: absolute;
left: 0;
right: 0;
margin: 3cqw auto 0 auto;
content: "";
display: block;
height: 2px;
width: 20%;
background-color: #F13A33;
}
}
body:lang(en) .online-lift .title{font-size:2.7cqw;}

.online-lift .title span{
display: block;
font-size: 6cqw;
margin-top: 2cqw;
}
body:lang(en) .online-lift .title span{
font-size: 7.5cqw;
line-height: 8cqw;
margin-top: 2cqw;
}




/* -------------------------- */
/* --------content-------- */
/* -------------------------- */
.content-online-lift{
width: min(90%, 700px);
margin: 0 auto;
padding: 100px 0;
}
.content-online-lift .content-online-lift-txt{
margin-bottom: 30px;
}


/* 公式オンラインチケット */
.online-lift-link-Official{margin-bottom: 30px;}
.online-lift-link-Official .online-lift_bt{
background-color: #009160;
}
.online-lift-link-Official .online-lift_bt:hover{
background-color: #168058;
}
.online-lift-link-Official .online-lift_bt .item01{
display: block;
margin-bottom: 10px;
}




/* アソビュー */
.online-lift-link-asoview{
border-radius: 10px;
background-color: #fff;
border: 2px solid #F13A33;
text-align: center;
padding: 20px 20px;
}
.online-lift-link-asoview p{
font-size: 1.5rem;
}
.online-lift-link-asoview p img{
width: 150px;
margin-right: 7px;
}
.online-lift-link-asoview .online-lift-link-asoview-wrap{
margin-top: 20px;
}
.online-lift-link-asoview .online-lift_bt{
background-color: #F13A33;
margin-top: 30px;
}
.online-lift-link-asoview .online-lift_bt:hover{
background-color: #D32929;
}





/* ボタン */
.online-lift_bt{
display: block;
color: #fff;
padding: 20px 50px 20px 20px;
text-align: center;
border-radius: 10px;
position: relative;
}
.online-lift_bt::after{
content: "";
background-image: url(../img/icon_bt.svg);
background-repeat: no-repeat;
width: 15px;
height: 15px;
display: block;
position: absolute;
right: 10px;
top:45%;
transition: 0.3s;
}
.online-lift_bt:hover{
color: #fff;
transition: 0.3s;
}
.online-lift_bt:hover::after{
right: 15px;
}



/* ボタンの中のレイアウト */
.content-online-lift .item02{
display: flex;
justify-content: center;
font-size: 1.2rem;
line-height: 120%;
}
body:lang(en) .content-online-lift .item02 {
font-size: 0.9rem;
}
.content-online-lift .item02 .item02-01{
width: 20px;
margin-right: 2%;
}
.content-online-lift .item02 .item02-01 img{margin-top: 10%;}
body:lang(en) .content-online-lift .item02 .item02-01 img{margin-top: 0;}
.content-online-lift .item02 .item02-02{
max-width: 85%;
}

/* 解除 */
.online-lift-link-Official .online-lift_bt .item02 .item02-01 img{margin-top: -5%;}
body:lang(en) .online-lift-link-Official .online-lift_bt .item02 .item02-01 img{margin-top: -25%;}






.content{
padding-right:0;
}