@charset "UTF-8";

#page{position:relative;overflow:hidden;}

#page .page_section{position:relative;}
#page .page_section .section_title{position:relative;font-family:"Riot Sans",sans-serif;margin:0;padding:0;font-weight:600;font-size:28px;line-height:1.2;color:#FFFFFF;text-align:center;word-break:keep-all;}
#page .page_section .section_description{position:relative;margin:0;margin-top:20px;padding:0;font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-0.03em;color:#FFFFFF;text-align:center;word-break:keep-all;}

@media all and (max-width:375px){
	#page .page_section .section_title{font-size:7.46vw;}
}


#page.page_home .section_boarding{position:relative;}
#page.page_home .section_boarding .inner{padding:0;padding-bottom:20px;background-color:#252423;overflow:hidden;}
#page.page_home .section_boarding .title{position:relative;font-family:"Riot Sans",sans-serif;margin:0;padding:0;margin-top:10px;font-weight:600;font-size:42px;line-height:1.2;color:#FFFFFF;white-space:nowrap;text-align:center;word-break:keep-all;}
#page.page_home .section_boarding .slide{position:relative;margin:0;margin-top:15px;}
#page.page_home .section_boarding .slide .item{position:relative;padding:0 15px;}
#page.page_home .section_boarding .slide .item .pass{position:relative;transform:translateY(20%);opacity:0;background-position:center top;background-repeat:no-repeat;background-size:100%;overflow:hidden;border-top-left-radius:40px;border-top-right-radius:40px;}
#page.page_home .section_boarding .slide .item .pass:before{content:"";display:block;padding-bottom:174.2%;}
#page.page_home .section_boarding .slide .item .pass .shape{position:absolute;z-index:1;top:-25%;left:-1.5%;width:200vw;height:85.8%;}
#page.page_home .section_boarding .slide .item .pass .shape svg{position:absolute;left:0;top:0;width:auto;height:90%;display:block;}
#page.page_home .section_boarding .slide .item .pass .shape svg path{stroke-dasharray:5000;stroke-dashoffset:5000;}
#page.page_home .section_boarding .slide .item.slick-active .pass{animation:ani_section_boarding_pass ease 1s forwards;}
#page.page_home .section_boarding .slide .item.slick-active .pass .shape svg path{animation:ani_section_boarding_pass_shape ease 4s 0.3s forwards;}
#page.page_home .section_boarding .slide .slick-dots{position:relative;left:auto;top:auto;bottom:auto;font-size:0;margin-top:15px;}
#page.page_home .section_boarding .slide .slick-dots li{width:auto;height:auto;margin:0 4px;}
#page.page_home .section_boarding .slide .slick-dots li button{width:8px;height:8px;border-radius:50%;padding:0;margin:0;background-color:transparent;border:1px solid #D9D9D9;box-sizing:border-box;}
#page.page_home .section_boarding .slide .slick-dots li button:before{display:none;}
#page.page_home .section_boarding .slide .slick-dots li.slick-active button{background-color:#D9D9D9;}
#page.page_home .section_boarding .slide .item .pass.pass1{background-image:url(../img/page/home/section_boarding_pass1.png?v=12);}
#page.page_home .section_boarding .slide .item .pass.pass2{background-image:url(../img/page/home/section_boarding_pass2.png?v=12);}
#page.page_home .section_boarding .slide .item .pass.pass3{background-image:url(../img/page/home/section_boarding_pass3.png?v=12);}
#page.page_home .section_boarding .slide .item .pass.pass4{background-image:url(../img/page/home/section_boarding_pass4.png?v=12);}
#page.page_home .section_boarding .slide .item .pass.pass5{background-image:url(../img/page/home/section_boarding_pass5.png?v=12);}
#page.page_home .section_boarding .slide .item .pass.pass6{background-image:url(../img/page/home/section_boarding_pass6.png?v=12);}

@keyframes ani_section_boarding_pass{
	from{transform:translateY(20%);opacity:0;}
	to{transform:translateY(0);opacity:1;}
}
@keyframes ani_section_boarding_pass_shape{
	to{stroke-dashoffset:0;}
}

@media all and (max-width:500px){
	#page.page_home .section_boarding .slide .item .pass{border-top-left-radius:8vw;border-top-right-radius:8vw;}
}
@media all and (max-width:375px){
	#page.page_home .section_boarding .title{font-size:11.2vw;}
}


#page.page_home .section_overview{position:relative;}
#page.page_home .section_overview .inner{background-color:#EB0029;}
#page.page_home .section_overview .inner_box{padding:65px 0 55px;}
#page.page_home .section_overview .text{position:relative;}
#page.page_home .section_overview .text .title{position:relative;margin:0;padding:0;height:68px;overflow:hidden;}
#page.page_home .section_overview .text .title .alt{position:absolute;left:100%;top:100%;}
#page.page_home .section_overview .text .title .svg{position:relative;height:100%;}
#page.page_home .section_overview .text .title .svg svg{position:relative;display:block;height:100% !important;width:auto !important;}
#page.page_home .section_overview .text .description{position:relative;margin:0;padding:0;margin-top:30px;font-weight:600;font-size:17px;line-height:1.8;letter-spacing:-0.03em;color:#FFFFFF;opacity:0.9;white-space:nowrap;word-break:keep-all;}
#page.page_home .section_overview .text .arrow{position:relative;display:block;width:44px;margin:0 auto;margin-top:35px;}
#page.page_home .section_overview .text .arrow svg{position:relative;display:block;width:100%;height:auto;}

@media all and (max-width:375px){
	#page.page_home .section_overview .inner_box{padding:17.3vw 0 14.6vw;}
	#page.page_home .section_overview .text .title{height:18.13vw;}
	#page.page_home .section_overview .text .description{margin-top:8vw;font-size:4.53vw;}
	#page.page_home .section_overview .text .arrow{width:11.7vw;margin-top:9.3vw;}
}


#page.page_home .section_transition{position:relative;}
#page.page_home .section_transition .inner{padding:0;background-color:#EB0029;}
#page.page_home .section_transition .poster{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background-image:url(../img/page/home/section_transition_video_poster.png?v=11);background-position:center cener;background-size:cover;background-repeat:no-repeat;}
#page.page_home .section_transition .video{position:relative;z-index:0;overflow:hidden;}
#page.page_home .section_transition .video:before{content:"";display:block;padding-bottom:177.4%;}
#page.page_home .section_transition .video video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;margin:0;padding:0;border:0;width:100%;}
#page.page_home .section_transition .video .video2{display:none;}
#page.page_home .section_transition .sound{position:absolute;z-index:1;right:15px;bottom:15px;height:3em;width:3em;line-height:2.5;border-radius:1.5em;background-color:rgba(0,0,0,0.5);color:#ffffff;font-size:14px;font-weight:400;text-align:center;cursor:pointer;}
#page.page_home .section_transition .sound:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.5em;height:1.5em;background-image:url(../img/page/home/sound_muted.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page.page_home .section_transition .sound:after{content:"";}
#page.page_home .section_transition .sound.active:before{background-image:url(../img/page/home/sound_on.png);}
#page.page_home .section_transition .sound.active:after{content:"";}


#page.page_home .section_zone{position:relative;}
#page.page_home .section_zone .inner{background-color:#999999;}
#page.page_home .section_zone .inner_box{padding:50px 0 60px;}
#page.page_home .section_zone .section_title{color:#FFFFFF;}
#page.page_home .section_zone .zones{position:relative;margin-top:30px;}
#page.page_home .section_zone .zones .zone{position:relative;display:block;text-decoration:none;border-radius:6px;overflow:hidden;background-color:#252423;background-size:100%;background-position:center top;background-repeat:no-repeat;}
#page.page_home .section_zone .zones .zone + .zone{margin-top:20px;}
#page.page_home .section_zone .zones .zone.zone1{background-image:url(../img/page/home/section_zone_bg1.png?v=11);}
#page.page_home .section_zone .zones .zone.zone2{background-image:url(../img/page/home/section_zone_bg2.png?v=11);}
#page.page_home .section_zone .zones .zone.zone3{background-image:url(../img/page/home/section_zone_bg3.png?v=11);}
#page.page_home .section_zone .zones .zone.zone4{background-image:url(../img/page/home/section_zone_bg4.png?v=11);}
#page.page_home .section_zone .zones .zone.zone5{background-image:url(../img/page/home/section_zone_bg5.png?v=11);}
#page.page_home .section_zone .zones .zone .banner{position:relative;overflow:hidden;cursor:pointer;background-size:100%;background-position:right top;background-repeat:no-repeat;}
#page.page_home .section_zone .zones .zone .banner:before{content:"";display:block;padding-bottom:52.46%;}
#page.page_home .section_zone .zones .zone .banner .text{position:absolute;z-index:1;left:15px;top:50%;transform:translateY(-50%);}
#page.page_home .section_zone .zones .zone .banner .text .subtitle{position:relative;margin:0;padding:0;margin-bottom:3px;font-weight:500;font-size:10px;line-height:1.4;letter-spacing:-0.03em;color:#FFFFFF;}
#page.page_home .section_zone .zones .zone .banner .text .title{position:relative;margin:0;padding:0;font-family:"Riot Sans",sans-serif;font-weight:600;font-size:24px;line-height:1;letter-spacing:-0.03em;color:#FFFFFF;}
#page.page_home .section_zone .zones .zone .banner .text .description{position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0 8px;margin-top:17px;font-weight:500;font-size:10px;line-height:20px;height:20px;border-radius:10px;letter-spacing:-0.03em;color:#111111;background-color:#FFFFFF;}
#page.page_home .section_zone .zones .zone .banner.banner1{background-image:url(../img/page/home/section_zone_banner1_image.png?v=11);}
#page.page_home .section_zone .zones .zone .banner.banner2{background-image:url(../img/page/home/section_zone_banner2_image.png?v=11);}
#page.page_home .section_zone .zones .zone .banner.banner3{background-image:url(../img/page/home/section_zone_banner3_image.png?v=11);}
#page.page_home .section_zone .zones .zone .banner.banner4{background-image:url(../img/page/home/section_zone_banner4_image.png?v=11);}
#page.page_home .section_zone .zones .zone .banner.banner5{background-image:url(../img/page/home/section_zone_banner5_image.png?v=11);}
#page.page_home .section_zone .zones .zone .content{position:relative;padding:13px 17px 40px;display:none;}
#page.page_home .section_zone .zones .zone .content .divider{position:relative;}
#page.page_home .section_zone .zones .zone .content .divider + .divider{margin-top:30px;}
#page.page_home .section_zone .zones .zone .content .divider .title{position:relative;margin:0;padding:0;font-family:"Riot Sans",sans-serif;font-weight:600;font-size:22px;line-height:1.5;letter-spacing:-0.03em;color:#FFFFFF;}
#page.page_home .section_zone .zones .zone .content .divider .image{position:relative;}
#page.page_home .section_zone .zones .zone .content .divider .image img{display:block;width:100%;}
#page.page_home .section_zone .zones .zone .content .divider .description{position:relative;margin:0;padding:0;font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-0.03em;color:#FFFFFF;/*word-break:keep-all;*/}
#page.page_home .section_zone .zones .zone .content .divider * + .image{margin-top:15px;}
#page.page_home .section_zone .zones .zone .content .divider * + .description{margin-top:15px;}
#page.page_home .section_zone .zones .zone .content .slide{position:relative;margin:0;}
#page.page_home .section_zone .zones .zone .content .slide .slick-dots{position:relative;left:auto;top:auto;bottom:auto;font-size:0;margin-top:25px;}
#page.page_home .section_zone .zones .zone .content .slide .slick-dots li{width:auto;height:auto;margin:0 4px;}
#page.page_home .section_zone .zones .zone .content .slide .slick-dots li button{width:9px;height:9px;border-radius:50%;padding:0;margin:0;background-color:#787878;}
#page.page_home .section_zone .zones .zone .content .slide .slick-dots li button:before{display:none;}
#page.page_home .section_zone .zones .zone .content .slide .slick-dots li.slick-active button{background-color:#EB0029;}
#page.page_home .section_zone .zones .zone .content .game{position:relative;}
#page.page_home .section_zone .zones .zone .content .game.margin_top{margin-top:40px;}
#page.page_home .section_zone .zones .zone .content .game:after{content:"";display:block;clear:both;}
#page.page_home .section_zone .zones .zone .content .game .logo{position:absolute;left:0;top:50%;transform:translateY(-50%);width:48%;}
#page.page_home .section_zone .zones .zone .content .game .logo img{position:relative;display:block;width:100%;height:auto;}
#page.page_home .section_zone .zones .zone .content .game .download{position:relative;float:right;width:45%;}
#page.page_home .section_zone .zones .zone .content .game .download:after{content:"";display:block;clear:both;}
#page.page_home .section_zone .zones .zone .content .game .download .item{position:relative;display:block;}
#page.page_home .section_zone .zones .zone .content .game .download .item:nth-child(n+2){margin-top:12px;}
#page.page_home .section_zone .zones .zone .content .game .download .item img{display:block;width:100%;}
#page.page_home .section_zone .zones .zone .content .line{position:relative;margin:30px 0;height:1px;background-color:#D9D9D9;}


#page.page_home .section_stamp{position:relative;}
#page.page_home .section_stamp .inner{background-color:#FFFFFF;}
#page.page_home .section_stamp .inner_box{padding:50px 0;}
#page.page_home .section_stamp .section_title{color:#111111;}
#page.page_home .section_stamp .section_description{color:#111111;margin-top:8px;}
#page.page_home .section_stamp .slide{position:relative;margin:0;margin-top:25px;background-image:url(../img/page/home/section_stamp_bg.png?v=11);background-position:center top;background-repeat:no-repeat;background-size:100%;}
#page.page_home .section_stamp .slide:before{content:"";display:block;padding-bottom:128.6%;}
#page.page_home .section_stamp .slide .slick-list{position:absolute;left:0;top:0;width:100%;height:100%;}
#page.page_home .section_stamp .slide .slick-track{height:100%;}
#page.page_home .section_stamp .slide .item{position:absolute !important;left:0 !important;top:0 !important;width:100%;opacity:0 !important;transition:opacity ease 100ms !important;display:block !important;}
#page.page_home .section_stamp .slide .item.slick-active{opacity:0 !important;}
#page.page_home .section_stamp .slide .item.active{opacity:1 !important;}
#page.page_home .section_stamp .slide .item .image{position:relative;background-position:center top;background-repeat:no-repeat;background-size:100%;}
#page.page_home .section_stamp .slide .item .image:before{content:"";display:block;padding-bottom:128.6%;}
#page.page_home .section_stamp .slide .item .image.image1{background-image:url(../img/page/home/section_stamp_image1.jpg?v=13);}
#page.page_home .section_stamp .slide .item .image.image2{background-image:url(../img/page/home/section_stamp_image2.jpg?v=13);}
#page.page_home .section_stamp .slide .item .image.image3{background-image:url(../img/page/home/section_stamp_image3.jpg?v=13);}
#page.page_home .section_stamp .slide .item .image.image4{background-image:url(../img/page/home/section_stamp_image4.jpg?v=13);}
#page.page_home .section_stamp .slide .item .image.image5{background-image:url(../img/page/home/section_stamp_image5.jpg?v=13);}
#page.page_home .section_stamp .slide .slick-arrow{width:32px;height:32px;background-color:transparent;background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
#page.page_home .section_stamp .slide .slick-arrow:before{content:"";display:none;}
#page.page_home .section_stamp .slide .slick-arrow.slick-prev{display:none !important;}
#page.page_home .section_stamp .slide .slick-arrow.slick-next{right:10px;top:15px;background-image:url(../img/page/home/section_stamp_arrow_next.svg?v=11);}
#page.page_home .section_stamp .map{position:relative;margin-top:35px;}
#page.page_home .section_stamp .map .image{position:relative;background-image:url(../img/page/home/section_stamp_map_image.png?v=11);background-size:100%;background-position:center center;background-repeat:no-repeat;border:1px solid #D9D9D9;}
#page.page_home .section_stamp .map .image:before{content:"";display:block;padding-bottom:40.26%;}
#page.page_home .section_stamp .map .image .icon{position:absolute;display:block;width:4.8%;background-image:url(../img/page/home/section_stamp_map_location.png?v=11);background-size:100%;background-position:center center;background-repeat:no-repeat;transform-origin:center bottom;}
#page.page_home .section_stamp .map .image .icon:before{content:"";display:block;padding-bottom:151.5%;}
#page.page_home .section_stamp .map .image .icon.active{animation:ani_section_stamp_map_pin ease 0.8s forwards;}
#page.page_home .section_stamp .map .image .icon.icon1{left:7.3%;top:55%;}
#page.page_home .section_stamp .map .image .icon.icon2{left:29.5%;top:9.2%;}
#page.page_home .section_stamp .map .image .icon.icon3{left:59%;top:39.5%;}
#page.page_home .section_stamp .map .image .icon.icon4{left:78.6%;top:9.1%;}
#page.page_home .section_stamp .map .image .icon.icon5{left:93.5%;top:76%;}
#page.page_home .section_stamp .map .description{position:relative;font-weight:500;font-size:14px;line-height:1.5;text-align:center;letter-spacing:-0.03em;color:#111111;margin-top:14px;}
#page.page_home .section_stamp .map .description .icon{position:relative;display:inline-block;vertical-align:middle;width:16px;height:22px;margin-right:6px;margin-top:-4px;background-image:url(../img/page/home/section_stamp_map_location.png?v=11);background-size:100%;background-position:center center;background-repeat:no-repeat;}
#page.page_home .section_stamp .reward{position:relative;margin-top:35px;}
#page.page_home .section_stamp .reward .title{position:relative;font-family:"Riot Sans",sans-serif;margin:0;padding:0;font-weight:600;font-size:22px;line-height:1.5;letter-spacing:-0.03em;color:#111111;text-align:center;word-break:keep-all;}
#page.page_home .section_stamp .reward .image{position:relative;margin:0 auto;margin-top:20px;background-image:url(../img/page/home/section_stamp_reward_image.png?v=11);background-position:center center;background-repeat:no-repeat;background-size:100%;}
#page.page_home .section_stamp .reward .image:before{content:"";display:block;padding-bottom:71.1%;}

@keyframes ani_section_stamp_map_pin{
	0%{transform:translateY(0) scale(1);opacity:0.5;}
	25%{transform:translateY(0) scale(1.3);opacity:1;}
	50%{transform:translateY(0) scale(1);opacity:0.5;}
	75%{transform:translateY(0) scale(1.3);opacity:1;}
	99.9%{transform:translateY(0) scale(1);opacity:0.5;}
	100%{transform:translateY(0) scale(1);opacity:1;}
}


#page.page_home .section_mission{position:relative;}
#page.page_home .section_mission .inner{background-color:#EB0029;}
#page.page_home .section_mission .inner_box{padding:50px 0 30px;}
#page.page_home .section_mission .mission{position:relative;margin-top:25px;}
#page.page_home .section_mission .mission .divider{position:relative;}
#page.page_home .section_mission .mission .divider + .divider:before{content:"";display:block;margin:15px 0 25px;height:1px;background-color:#FFFFFF;}
#page.page_home .section_mission .mission .divider .logo{position:relative;margin:0 auto;width:52px;}
#page.page_home .section_mission .mission .divider .logo img{position:relative;display:block;width:100%;height:auto;}
#page.page_home .section_mission .mission .divider .subtitle{position:relative;margin:0;padding:0;font-weight:500;font-size:14px;line-height:1.5;text-align:center;letter-spacing:-0.03em;color:#FFFFFF;margin-top:2px;}
#page.page_home .section_mission .mission .divider .title{position:relative;margin:0;padding:0;font-family:"Riot Sans",sans-serif;font-weight:600;font-size:22px;line-height:1.5;text-align:center;letter-spacing:-0.03em;color:#FFFFFF;margin-top:-3px;}
#page.page_home .section_mission .mission .divider .description{position:relative;margin:0;padding:0;font-weight:500;font-size:12px;line-height:1.5;letter-spacing:-0.03em;color: #FFFFFF;}
#page.page_home .section_mission .mission .divider .image{position:relative;background-color:#FFFFFF;margin-top:12px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}
#page.page_home .section_mission .mission .divider .image:before{content:"";display:block;padding-bottom:44.1%;}
#page.page_home .section_mission .mission .divider .image.image1{background-image:url(../img/page/home/section_mission_image1.png?v=11);}
#page.page_home .section_mission .mission .divider .image.image2{background-image:url(../img/page/home/section_mission_image2.png?v=11);}
#page.page_home .section_mission .mission .divider .image.image3{background-image:url(../img/page/home/section_mission_image3.png?v=11);}
#page.page_home .section_mission .mission .divider .detail{position:relative;margin-top:18px;}
#page.page_home .section_mission .mission .divider .detail ul{margin:0;padding:0;list-style:none;}
#page.page_home .section_mission .mission .divider .detail ul li{position:relative;font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-0.03em;color:#ffffff;}
#page.page_home .section_mission .mission .divider .detail ul li:after{content:"";display:block;clear:both;}
#page.page_home .section_mission .mission .divider .detail ul li:nth-child(n+2){margin-top:12px;}
#page.page_home .section_mission .mission .divider .detail ul li .key{float:left;}
#page.page_home .section_mission .mission .divider .detail ul li .key .icon{position:relative;display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:7px;width:19px;height:19px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page.page_home .section_mission .mission .divider .detail ul li .key .icon.icon_reward{background-image:url(../img/page/home/section_mission_detatil_icon_reward.png?v=11);}
#page.page_home .section_mission .mission .divider .detail ul li .key .icon.icon_lol{background-image:url(../img/page/home/section_mission_detatil_icon_lol.png?v=11);}
#page.page_home .section_mission .mission .divider .detail ul li .key .icon.icon_valorant{background-image:url(../img/page/home/section_mission_detatil_icon_valorant.png?v=11);}
#page.page_home .section_mission .mission .divider .detail ul li .key .icon.icon_wildrift{background-image:url(../img/page/home/section_mission_detatil_icon_wildrift.png?v=11);}
#page.page_home .section_mission .mission .divider .detail ul li .key .icon.icon_mobile{background-image:url(../img/page/home/section_mission_detatil_icon_mobile.png?v=11);background-size:110%;}
#page.page_home .section_mission .mission .divider .detail ul li .value{float:right;}
#page.page_home .section_mission .mission .divider .detail ul li .value b{font-weight:700;}

@media all and (max-width:370px){
	#page.page_home .section_mission .section_description br{display:none;}
}


#page.page_home .section_farewell{position:relative;}
#page.page_home .section_farewell .inner{position:relative;padding:0;background-color:#EB0029;overflow:hidden;}
#page.page_home .section_farewell .inner_box{position:relative;}
#page.page_home .section_farewell .farewell{position:relative;background-size:100%;background-position:center bottom;background-repeat:no-repeat;background-image:url(../img/page/home/section_farewell_farewell_bg.png?v=11);}
#page.page_home .section_farewell .farewell:before{content:"";display:block;padding-bottom:122.8%;}
#page.page_home .section_farewell .farewell .image{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-size:100%;background-position:center bottom;background-repeat:no-repeat;background-image:url(../img/page/home/section_farewell_farewell_image.png?v=11);transition:all ease-out 0.5s;}
#page.page_home .section_farewell .farewell .text{position:absolute;z-index:1;left:0;top:13%;width:100%;margin:0;padding:0;font-weight:600;font-size:28px;line-height:1.3;text-align:center;letter-spacing:0;color:#FFFFFF;box-sizing:border-box;opacity:0;}
#page.page_home .section_farewell .farewell .image.active{transform:translateY(0);opacity:1;}

@media all and (max-width:375px){
	#page.page_home .section_farewell .farewell .text{font-size:7.46vw;}
}


#page.page_error .section_error{position:relative;}
#page.page_error .section_error .inner{position:relative;padding:0;background-color:#ffffff;text-align:center;font-size:16px;font-weight:400;padding:100px 15px;}


#page.page_music .section_music{position:relative;}
#page.page_music .section_music .inner{position:relative;padding:0;}
#page.page_music .section_music .iframe{position:relative;height:1350px;overflow:hidden;}
#page.page_music .section_music .iframe iframe{position:relative;margin:0;padding:0;border:0;width:100%;height:100%;}

@media all and (max-width:500px){
	#page.page_music .section_music .iframe{height:calc(260vw + 100px);}
}
@media all and (max-width:450px){
	#page.page_music .section_music .iframe{height:calc(260vw + 150px);}
}
@media all and (max-width:400px){
	#page.page_music .section_music .iframe{height:calc(260vw + 200px);}
}
@media all and (max-width:350px){
	#page.page_music .section_music .iframe{height:calc(260vw + 250px);}
}
@media all and (max-width:300px){
	#page.page_music .section_music .iframe{height:calc(260vw + 350px);}
}


#page_fullsize{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background-color:#000000;overflow:hidden;}
#page_fullsize iframe{position:absolute;left:0;top:0;border:0;width:100%;height:100%;}