@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: 1.2rem;
letter-spacing: 0.1rem;
color: #00743B;
position: relative;
&::after{
position: absolute;
left: 0;
right: 0;
margin: 20px auto 0 auto;
content: "";
display: block;
height: 2px;
width: 20%;
background-color: #F13A33;
}
}
.online-lift .title span{
font-size: 2.7rem;
}



/* -------------------------- */
/* --------content-------- */
/* -------------------------- */
.content-online-lift{
width: min(90%, 700px);
margin: 0 auto;
padding-top: 50px;
}
.content-online-lift .content-online-lift-txt{
margin-top: -50px;
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-asoview{
border-radius: 10px;
background-color: #fff;
border: 2px solid #F13A33;
text-align: center;
padding: 20px 30px;
}
.online-lift-link-asoview p{
font-size: 1.5rem;
}
.online-lift-link-asoview p img{
width: 150px;
margin-right: 7px;
}
body:lang(en) .online-lift-link-asoview p img{
width: 200px;
}

.online-lift-link-asoview .online-lift-link-asoview-wrap{
display: grid;
column-gap:20px;
grid-template-columns: 1fr 1fr;
margin-top: 20px;
}
.online-lift-link-asoview .online-lift_bt{
background-color: #F13A33;
}
.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: 20px;
top:45%;
transition: 0.3s;
}
.online-lift_bt:hover{
color: #fff;
transition: 0.3s;
}
.online-lift_bt:hover::after{
right: 25px;
}



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

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