﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{margin:0;padding:0;background-color:transparent;border:none;outline:none;cursor:pointer}html{width:100%;overflow-x:hidden;font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","メイリオ",sans-serif}body{position:relative;width:100%;background-position:center top;background-image:linear-gradient(90deg, #161616 0%, #161616 8.4%, #fff 8.4%, #fff 91.6%, #161616 91.6%);background-size:2400px auto}body a{display:inline-block;cursor:pointer}body img{max-width:100%}@media(max-width: 1280px){body .br-pc{display:none}}span[id^=_cmp_elm_async_font]{display:none}.loading .spinner{top:30%;font-size:60px;width:1em;height:1em;margin:90px auto;position:relative;list-style:none;border-radius:50%;border:0em solid rgba(150,150,150,.1)}.loading{--vh-100:100vh;pointer-events:none}@supports(-webkit-touch-callout: none){.loading{--vh-100: 100%}}.loading>p{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:100%;width:60%;height:calc(50% - 30px);-webkit-mask-image:url(../img/load_logo_mask.png);-webkit-mask-size:1000% 100%;-webkit-mask-position:0% 0;transition:-webkit-mask-position 500ms steps(9);z-index:1010}.loading>p>img{position:absolute;bottom:0;left:0;right:0;margin:auto;max-width:100%;width:auto}.loading .spinner{position:absolute;margin:auto;top:0%;bottom:0;left:0;right:0;border-radius:0;background-repeat:no-repeat;background-size:100% auto;z-index:1011}.movie_frame_hash{position:absolute;margin:auto;top:0%;bottom:0;left:0;right:0;font-size:66px;width:1em;height:1em;opacity:0;background-color:#000;overflow:hidden;z-index:1012}.movie_frame_hash li{position:absolute;width:100%;height:15%;background-color:#fff;transform-origin:0 0;border-radius:4px;transition:transform 400ms cubic-bezier(0.93, 0.15, 0.7, 1.32)}.movie_frame_hash li:nth-child(1){transform:translate(-80%, 137%) scaleX(0.74) skewX(340deg)}.movie_frame_hash li:nth-child(2){transform:translate(109%, 336%) scaleX(0.8) skewX(340deg)}.movie_frame_hash li:nth-child(3){transform:rotate(109deg) translate(-109%, -412%) scaleX(0.86) skewX(22deg)}.movie_frame_hash li:nth-child(4){transform:rotate(109deg) translate(77%, -598%) scaleX(0.98) skewX(22deg)}.loading[data-state*="2"] .movie_frame_hash{opacity:1}.loading[data-state*="2"] .movie_frame_hash li:nth-child(1){transform:translate(22%, 137%) scaleX(0.74) skewX(340deg)}.loading[data-state*="2"] .movie_frame_hash li:nth-child(2){transform:translate(9%, 336%) scaleX(0.8) skewX(340deg)}.loading[data-state*="2"] .movie_frame_hash li:nth-child(3){transform:rotate(109deg) translate(-19%, -412%) scaleX(0.86) skewX(22deg)}.loading[data-state*="2"] .movie_frame_hash li:nth-child(4){transform:rotate(109deg) translate(-26%, -598%) scaleX(0.98) skewX(22deg)}.loading[data-state*="3"] .movie_frame_hash{transition:opacity 400ms ease-in;opacity:0}.loading .spinner li{width:.15em;height:.15em;position:absolute;border-radius:12px}.loading .spinner li:nth-child(1){background:#00dcff;top:0;left:50%;margin-left:-0.1em;-webkit-transform-origin:50% 250%;-ms-transform-origin:50% 250%;transform-origin:50% 250%;animation:rota 1.13s linear infinite,opa 3.67s ease-in-out infinite alternate}.loading .spinner li:nth-child(2){background:#fff;top:50%;right:0;margin-top:-0.1em;-webkit-transform-origin:-150% 50%;-ms-transform-origin:-150% 50%;transform-origin:-150% 50%;animation:rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate}.loading .spinner li:nth-child(3){background:#ff449b;bottom:0;left:50%;margin-left:-0.1em;-webkit-transform-origin:50% -150%;-ms-transform-origin:50% -150%;transform-origin:50% -150%;animation:rota 1.45s linear infinite,opa 5.12s ease-in-out infinite alternate}.loading .spinner li:nth-child(4){background:#ff0;top:50%;left:0;margin-top:-0.1em;-webkit-transform-origin:250% 50%;-ms-transform-origin:250% 50%;transform-origin:250% 50%;animation:rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate}@keyframes rota{to{transform:rotate(360deg)}}@keyframes opa{12.0%{opacity:.8}19.5%{opacity:.88}37.2%{opacity:.64}40.5%{opacity:.52}52.7%{opacity:.69}60.2%{opacity:.6}66.6%{opacity:.52}70.0%{opacity:.63}79.9%{opacity:.6}84.2%{opacity:.75}91.0%{opacity:.87}}.loading[data-state*="1"] p{-webkit-mask-position:100% 0}.loading[data-state*="1"] .spinner li{transition:opacity 600ms ease-out;opacity:0}.loading[data-state*="3"] .spinner{background-image:url(../img/load_mark.png)}.loading[data-state*="4"] .spinner{opacity:0;display:none}.loading_movie{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.loading{--movie-width: min(120vh, 80vw);--movie-height: calc((var(--movie-width)/16)*9);width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:10000}#loading_movie_frame{position:absolute;top:calc((var(--vh-100) - var(--movie-height))/2);left:calc((100vw - var(--movie-width))/2);width:var(--movie-width);height:var(--movie-height);background-color:#fff;opacity:0;transition:opacity 400ms ease-in 400ms;z-index:1020;pointer-events:none}.loading_movie_border{position:absolute;top:calc((var(--vh-100) - var(--movie-height))/2);left:calc((100vw - var(--movie-width))/2);width:var(--movie-width);height:var(--movie-height);pointer-events:none;z-index:2000;opacity:0}.loading_movie_border::before,.loading_movie_border::after{content:"";position:absolute;display:block;box-sizing:border-box;transition:all 400ms ease-in 160ms,transform 160ms ease-in;transform-origin:center}.loading_movie_border::before{--movie_border_LR_width:3%;--movie_border_LR_height:4%;top:calc(((100% - var(--movie_border_LR_height))/2) - 20px);height:calc(var(--movie_border_LR_height) + 40px);left:calc((100% - var(--movie_border_LR_width))/2);width:var(--movie_border_LR_width);border-left:8px solid #fff;border-right:8px solid #fff;transform:rotate(18deg) skewY(-16deg)}.loading_movie_border::after{--movie_border_TB_width: 1%;--movie_border_TB_height: 6%;top:calc((100% - var(--movie_border_TB_height))/2);height:var(--movie_border_TB_height);left:calc(((100% - var(--movie_border_TB_width))/2) - 20px);width:calc(var(--movie_border_TB_width) + 40px);border-top:8px solid #fff;border-bottom:8px solid #fff}.loading[data-state*="4"] .loading_movie_border{opacity:1}.loading[data-state*="4"] .loading_movie_border::before{--movie_border_LR_width:100%;--movie_border_LR_height:100%;transform:rotate(0deg)}.loading[data-state*="4"] .loading_movie_border::after{--movie_border_TB_width:100%;--movie_border_TB_height:100%}.loading[data-state*="4"] #loading_movie_frame{opacity:1;pointer-events:auto}.loading[data-state*="6"] .loading_movie_border::before{--movie_border_LR_width:3%;--movie_border_LR_height:5%;transform:rotate(18deg) skewY(-16deg);transition:all 400ms ease-in,transform 200ms ease-in 200ms}.loading[data-state*="6"] .loading_movie_border::after{--movie_border_TB_width: 1%;--movie_border_TB_height: 6%;transition:all 400ms ease-in,transform 200ms ease-in 200ms}.loading[data-state*="6"] #loading_movie_frame{display:none}.loading[data-state*="7"] .movie_frame_hash{opacity:1}.loading[data-state*="7"] .loading_movie_border{opacity:0}.loading[data-state*="8"]{transition:opacity 800ms ease-out;opacity:0;pointer-events:none}.loading_movie_close_btn{position:absolute;top:-5vw;right:-5vw;width:3vw;height:3vw;cursor:pointer;pointer-events:none;transition:all 200ms ease-in 200ms;transform:translate(-3.8vw, 3.8vw);opacity:0}.loading_movie_close_btn::before,.loading_movie_close_btn::after{content:"";position:absolute;top:calc(((1.2vw)/ 2)* -1);display:block;width:4px;height:calc(3vw * 1.414);background-color:#fff;transform-origin:center center}.loading_movie_close_btn::before{left:calc(50% - 2px);transform:rotate(-44deg)}.loading_movie_close_btn::after{right:calc(50% - 2px);transform:rotate(44deg)}.loading[data-state*="5"] .loading_movie_close_btn{pointer-events:auto;transform:translate(0, 0);opacity:1}.loading[data-state*="6"] .loading_movie_close_btn{pointer-events:none;transition:all 200ms ease-in;transform:translate(-3.8vw, 3.8vw);opacity:0}.menu_wrap{position:fixed;top:0;left:0;width:auto;z-index:1000;pointer-events:none}.menu_wrap .menu_btn__wrap{position:absolute;top:0;left:0;padding:3% 3% 6% 3%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:right top;background-image:url(../img/common_menu_bg.svg);box-sizing:border-box;z-index:1002}@media(max-width: 1280px){.menu_wrap .menu_btn__wrap{padding:3% 34% 6% 3%;background-position:right bottom;box-sizing:initial}}.menu_wrap .menu_btn{position:relative;display:block;cursor:pointer;--menu-btn-size:min(8vw, 70px);width:var(--menu-btn-size);height:var(--menu-btn-size);font-size:var(--menu-btn-size);background-color:transparent;background-size:100% auto;border:none;outline:rgba(255,255,255,.2);overflow:visible;pointer-events:auto}.menu_wrap .menu_btn::before{content:"MENU";position:absolute;bottom:.2em;right:-2em;font-size:min(2vw, 14px);font-family:FuturaLTPro-XBoldCond;color:#00f6f2;transform:rotate(-10deg) skewX(-10deg);z-index:1}@media(max-width: 1280px){.menu_wrap .menu_btn::before{right:-2em}}.menu_wrap .menu_btn__inner{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-image:linear-gradient(158deg, #fafd00 0%, #fafd00 20%, #00f6f2 80%, #00f6f2 100%);clip-path:url(#clipping-path-1)}.menu_wrap svg{position:relative}.menu_wrap svg rect{transform-origin:center center;transition:all 400ms ease-out;will-change:all}.menu_wrap .menu_list__wrap{position:relative;margin:0;padding:min(30%, 106px) 0 4%;width:100%;height:100vh;overflow:auto;background-color:rgba(255,252,0,.9);transform:skewY(-10.5deg);transform-origin:left top;transition:transform 300ms ease-out;z-index:1001;pointer-events:auto}.menu_wrap .menu_list{position:relative;padding:0 0 1.8em;width:100%;height:auto;font-size:min(5vw, 60px);pointer-events:auto}.menu_wrap .menu_list li{position:relative;line-height:1.5}@media(max-aspect-ratio: 5/5){.menu_wrap .menu_list li{margin:0 0 min(calc((100vh - (10vw * 8))/8), 10vw)}}.menu_wrap .menu_list li[data-menu-list-state=off]{display:none}.menu_wrap .menu_list li a{position:relative;display:inline;padding:0 2em 0 .7em;color:#000;transition:color 400ms ease-out;font-family:FuturaLTPro-XBoldCond,NewRodinPro-EB;text-decoration:none;pointer-events:auto}.menu_wrap .menu_list li a:hover{color:#ff00a2}.menu_wrap .menu_list li a.menu_list__new{background-repeat:no-repeat;background-position:calc(100% - 1em) center;background-size:auto 100%;background-image:url(../img/common_menu_new.svg)}.menu_wrap .menu_list li a::before{content:"";position:absolute;top:40%;left:0;display:inline-block;width:.5em;height:.3em;background-color:#fff}.menu_wrap .menu_list li:nth-child(1) a::before,.menu_wrap .menu_list li:nth-child(7) a::before{background-color:#ff4df5}.menu_wrap .menu_list li:nth-child(2) a::before,.menu_wrap .menu_list li:nth-child(8) a::before{background-color:#00fff6}.menu_wrap .menu_list li:nth-child(3) a::before,.menu_wrap .menu_list li:nth-child(9) a::before{background-color:#dc72ff}.menu_wrap .menu_list li:nth-child(4) a::before,.menu_wrap .menu_list li:nth-child(10) a::before{background-color:#2cff1c}.menu_wrap .menu_list li:nth-child(5) a::before,.menu_wrap .menu_list li:nth-child(11) a::before{background-color:#ff9c00}.menu_wrap .menu_list li:nth-child(6) a::before,.menu_wrap .menu_list li:nth-child(12) a::before{background-color:#00eaff}.menu_wrap[data-menu-state=close] .menu_btn .bar1,.menu_wrap[data-menu-state=close] .menu_btn .bar1_2,.menu_wrap[data-menu-state=close] .menu_btn .bar2,.menu_wrap[data-menu-state=close] .menu_btn .bar2_2{opacity:.999;transform:skewX(-19deg) translateY(0em)}.menu_wrap[data-menu-state=close] .menu_btn .bar3{transform:skewX(-19deg) translate(0%, 0%) rotate(0deg)}.menu_wrap[data-menu-state=close] .menu_btn .bar4{transform:skewX(-19deg);transform:skewX(-19deg) translate(0%, 0%) rotate(0deg) scaleX(1)}.menu_wrap[data-menu-state=close] .menu_list__wrap{transform:skewY(-10.5deg) translateX(-100%)}.menu_wrap[data-menu-state=open] .menu_btn .bar1,.menu_wrap[data-menu-state=open] .menu_btn .bar1_2{transform:skew(-19deg) translateY(-1.2em)}.menu_wrap[data-menu-state=open] .menu_btn .bar2,.menu_wrap[data-menu-state=open] .menu_btn .bar2_2{transform:skew(-19deg) translateY(1.2em)}.menu_wrap[data-menu-state=open] .menu_btn .bar3{transform:skewX(0deg) translate(20%, 10%) rotate(-45deg)}.menu_wrap[data-menu-state=open] .menu_btn .bar4{transform:skewX(0deg) translate(10%, -10%) rotate(45deg) scaleX(0.9)}.menu_wrap[data-menu-state=open] .menu_list__wrap{transform:skewY(-10.5deg) translateX(0)}_::-webkit-full-page-media,_:future,:root .menu_wrap .menu_btn__inner{background-size:100% auto;background-color:transparent}_::-webkit-full-page-media,_:future,:root .menu_wrap[data-menu-state=close] .menu_btn__inner{background-image:url(../img/common_menu_btn_open.png)}_::-webkit-full-page-media,_:future,:root .menu_wrap[data-menu-state=open] .menu_btn__inner{background-image:url(../img/common_menu_btn_close.png)}_::-webkit-full-page-media,_:future,:root .menu_btn svg{display:none}.header_wrap{position:absolute;top:0;right:0;width:100%;display:flex;justify-content:flex-end;align-items:center}.header_wrap .header__title{width:18%}.header_wrap .header__sns{display:flex;justify-content:space-between;align-items:center;margin:0 1%}.header_wrap .header__sns li{margin:0 2.5%}@media(max-width: 1280px){.header_wrap{flex-wrap:wrap;padding:2vw 1vw 0;width:26vw}.header_wrap .header__title{width:26vw}.header_wrap .header__sns{width:14vw;margin-top:-2vw}}.app{position:relative;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;margin:4% auto;padding:min(2vw, 2%) 0;width:min(90vw, 780px);background-position:center center;background-repeat:no-repeat;background-size:100% auto;background-image:url(../img/app_bg.jpg);box-sizing:border-box;z-index:109}.app>*{margin:0 2%}.app_icon{width:18%}.app_title{width:68%}.app_list{display:flex;justify-content:space-between;align-items:center;margin:min(2vw, 2%) 0 0;width:90%}.app_list li{width:48%}.top_footer{position:relative;margin:0 0 0;padding:0 calc((100% - 1200px)/2) 100px;display:flex;justify-content:space-between;color:#fff;font-family:"FOT-セザンヌ ProN B";background-size:auto 100%;background-repeat:no-repeat;background-position:right top;background-image:url(../img/footer_bg.svg)}.top_footer__spec{display:flex;flex-direction:column;justify-content:flex-end;width:100%}.top_footer__info{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:10% 0 0;width:100%}.top_footer__appicon{margin:0 0 4%;width:30%}.top_footer__speclist{display:flex;flex-wrap:wrap;margin:0 0 4%;width:100%;font-size:0}.top_footer__speclist dt,.top_footer__speclist dd{margin:0 0 1em;width:9em;font-size:min(4.2vw, 14px);color:#a8a8a8}.top_footer__speclist dd{width:calc(100% - 9em);font-size:min(4.2vw, 14px);line-height:1.4;color:#fcfcfc}.top_footer__caution{font-size:min(3.8vw, 14px);line-height:1.4}.top_footer__title{margin:0 0 14%}.top_footer__logo1{margin:0 0 4%}.top_footer__logo2{margin:0 0 14%}.top_footer__links{margin:0 0 4%;text-align:right}.top_footer__links li{line-height:2}.top_footer__links li a{font-size:min(3.8vw, 14px);color:#fff;text-decoration:none}.top_footer__copy{display:inline-block;margin:4% 0 0;font-size:min(3vw, 14px)}@media(max-width: 1280px){.top_footer{padding:0 5% 5%}}@media(max-width: 640px){.top_footer{display:block;background-size:auto 100%;background-position:right top}.top_footer__spec{padding:20vw 0 0;text-align:center}.top_footer__info{align-items:center}.top_footer__appicon{margin:0 auto 4%;width:30%}.top_footer__speclist{width:100%}.top_footer__speclist dt{width:35%;text-align:right}.top_footer__speclist dd{padding:0 0 0 5%;width:60%;text-align:left}.top_footer__links{text-align:center}}.popup{--overhang-size:40px;--border-size:18px;--infos-width: 60px;--frame-margin: calc(var(--overhang-size) + var(--border-size) + (var(--infos-width) * 2));position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}@media(max-width: 1280px){.popup{--overhang-size:4vw;--border-size:2vw;--infos-width: 8vw;--frame-margin: calc(var(--overhang-size) + var(--border-size) + (var(--infos-width) * 2))}}.popup::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);transition:opacity 600ms ease-out;opacity:0;z-index:-1}.popup .popup_border{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;transition:opacity 600ms ease-out;pointer-events:none}.popup .popup_border__tb,.popup .popup_border__lr{position:absolute;width:3%;height:5%;transform:skewX(-20deg);transition:all 400ms ease-out}.popup .popup_border__tb::before,.popup .popup_border__tb::after,.popup .popup_border__lr::before,.popup .popup_border__lr::after{content:"";position:absolute;background-color:#fff;border-radius:calc(var(--border-size) / 3);transition:all 400ms ease-out 600ms}.popup .popup_border__tb::before,.popup .popup_border__tb::after{left:calc(0px - var(--overhang-size));width:calc(100% + (var(--overhang-size) * 2));height:var(--border-size);opacity:0}.popup .popup_border__tb::before{top:calc(0px - var(--border-size));transform:translate(-100%, 0)}.popup .popup_border__tb::after{bottom:calc(0px - var(--border-size));transform:translate(100%, 0)}.popup .popup_border__lr::before,.popup .popup_border__lr::after{top:calc(0px - var(--overhang-size));width:var(--border-size);height:calc(100% + (var(--overhang-size) * 2));opacity:0}.popup .popup_border__lr::before{left:calc(0px - var(--border-size));transform:translate(0, -100%)}.popup .popup_border__lr::after{right:calc(0px - var(--border-size));transform:translate(0, 100%)}.popup[data-state=load]{display:block}.popup[data-state=load]::after{opacity:1}.popup[data-state=load] .popup_win{opacity:1}.popup[data-state=load] .popup_win .popup_win_inner{opacity:1}.popup[data-state=load] .popup_win .popup_win_inner *{opacity:0}.popup[data-state=load] .popup_win .popup_win_inner .popup_border{opacity:1}.popup[data-state=load] .popup_win .popup_win_inner .popup_border *{opacity:1}.popup[data-state=load] .popup_win .popup_win_inner .popup_border__tb::before,.popup[data-state=load] .popup_win .popup_win_inner .popup_border__tb::after,.popup[data-state=load] .popup_win .popup_win_inner .popup_border__lr::before,.popup[data-state=load] .popup_win .popup_win_inner .popup_border__lr::after{transform:translate(0, 0);opacity:1}.popup[data-state=ready]{display:block}.popup[data-state=ready]::after{opacity:1}.popup[data-state=ready] .popup_win{opacity:1}.popup[data-state=ready] .popup_win .popup_win_inner{opacity:1}.popup[data-state=ready] .popup_win .popup_win_inner *{opacity:0}.popup[data-state=ready] .popup_win .popup_win_inner .popup_border{opacity:1}.popup[data-state=ready] .popup_win .popup_win_inner .popup_border *{opacity:1}.popup[data-state=ready] .popup_win .popup_win_inner .popup_border__tb,.popup[data-state=ready] .popup_win .popup_win_inner .popup_border__lr{width:100%;height:100%;transform:skewX(0)}.popup[data-state=ready] .popup_win .popup_win_inner .popup_border__tb::before,.popup[data-state=ready] .popup_win .popup_win_inner .popup_border__tb::after,.popup[data-state=ready] .popup_win .popup_win_inner .popup_border__lr::before,.popup[data-state=ready] .popup_win .popup_win_inner .popup_border__lr::after{transform:translate(0, 0);opacity:1}.popup[data-state=on]{display:block}.popup[data-state=on]::after{opacity:1}.popup[data-state=on] .popup_win{opacity:1}.popup[data-state=on] .popup_win .popup_win_inner{opacity:1}.popup[data-state=on] .popup_win .popup_win_inner *{opacity:1}.popup[data-state=on] .popup_win .popup_win_inner .popup_border{opacity:1}.popup[data-state=on] .popup_win .popup_win_inner .popup_border *{opacity:1}.popup[data-state=on] .popup_win .popup_win_inner .popup_border__tb,.popup[data-state=on] .popup_win .popup_win_inner .popup_border__lr{width:100%;height:100%;transform:skewX(0)}.popup[data-state=on] .popup_win .popup_win_inner .popup_border__tb::before,.popup[data-state=on] .popup_win .popup_win_inner .popup_border__tb::after,.popup[data-state=on] .popup_win .popup_win_inner .popup_border__lr::before,.popup[data-state=on] .popup_win .popup_win_inner .popup_border__lr::after{transform:translate(0, 0);opacity:1}.popup[data-state=off]{opacity:0;pointer-events:none}.popup[data-state=off]::after{transform:scale(0.2)}.popup[data-state=off] .popup_win{transition-delay:0;opacity:0}.popup[data-next-link*=img] .popup_win .popup_win_inner .popup_next,.popup[data-next-link*=youtube] .popup_win .popup_win_inner .popup_next{display:inline-block}.popup[data-prev-link*=img] .popup_win .popup_win_inner .popup_prev,.popup[data-prev-link*=youtube] .popup_win .popup_win_inner .popup_prev{display:inline-block}.popup .popup_win{display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;transition:all 400ms ease-out 600ms}.popup .popup_win .popup_win_inner{position:relative;margin:calc(-2px * var(--infos-width)) 0 0 0;max-width:calc(100% - var(--frame-margin));width:auto;max-height:calc(100% - var(--frame-margin));height:auto}.popup .popup_win .popup_win_inner[data-frame-type=movie]{--movie-width:min(100vh, 100vw);width:var(--movie-width);padding-top:calc(((var(--movie-width) / 16)*9));height:0}.popup .popup_win .popup_win_inner[data-frame-type=movie] figure{position:absolute;top:0;left:0;width:100%;height:100%}.popup .popup_win .popup_win_inner[data-frame-type=movie] iframe{width:100%;height:100%}.popup .popup_win .popup_win_inner .popup_win_frame{display:flex;justify-content:center;align-items:center;font-size:0}.popup .popup_win .popup_win_inner .popup_win_frame img{max-width:100%;max-height:calc(100vh - var(--frame-margin))}.popup .popup_win .popup_win_inner .popup_next,.popup .popup_win .popup_win_inner .popup_prev,.popup .popup_win .popup_win_inner .popup_close{position:absolute;top:calc(0px - (var(--infos-width) + var(--border-size)));font-size:var(--infos-width);line-height:1;color:#fff;cursor:pointer;outline:none;transition:all 200ms ease-out}.popup .popup_win .popup_win_inner .popup_next:hover,.popup .popup_win .popup_win_inner .popup_prev:hover,.popup .popup_win .popup_win_inner .popup_close:hover{background-color:rgba(0,0,0,.05)}.popup .popup_win .popup_win_inner .popup_prev{display:none;top:0;left:calc(0px - (var(--infos-width) + var(--border-size)));width:1em;height:100%}.popup .popup_win .popup_win_inner .popup_next{display:none;top:0;right:calc(0px - (var(--infos-width) + var(--border-size)));width:var(--infos-width);height:100%}.popup .popup_win .popup_win_inner .popup_close{right:calc(0px - (var(--infos-width) + var(--border-size)))}
