@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1em / 16)}main{position:relative}main::before{content:"";position:absolute;display:block;z-index:0}@media screen and (max-width: 767px){main::before{background:url(../images/movie/bg_movie_sp.png) left top no-repeat;background-size:100% auto;left:-3.125%;width:125.2083333333%;padding-bottom:50%}}@media screen and (min-width: 768px){main::before{width:146.0625%;max-width:2337px;background:url(../images/movie/bg_movie.png) left top no-repeat;background-size:100% auto;top:0;left:50%;transform:translateX(-45%);padding-bottom:min(660px,660vw/var(--device)*100)}}#movieCol{position:relative}@media screen and (max-width: 767px){#movieCol{background:url(../images/top/bg_movie_sp.png) left -13vw no-repeat;background-size:100% auto}}@media screen and (min-width: 768px){#movieCol{background:url(../images/top/bg_movie.png) left top no-repeat;background-size:min(800px,800vw/var(--device)*100) auto}}@media screen and (max-width: 767px){#movieCol h1{text-align:right;padding-top:39.5833333333%}}@media screen and (min-width: 768px){#movieCol h1{text-align:left;max-width:1600px;padding-top:min(90px,90vw/var(--device)*100);margin:0 auto}}#movieCol h1 img{filter:drop-shadow(0 0 10px rgba(0, 19, 51, 0.3)) drop-shadow(0 0 10px rgba(0, 19, 51, 0.4)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 3px rgba(0, 19, 51, 0.4))}@media screen and (max-width: 767px){#movieCol h1 img{width:81.7708333333%}}@media screen and (min-width: 768px){#movieCol h1 img{width:62%;max-width:992px}}#movieCol .js_tab__list{display:grid;gap:1em}@media screen and (max-width: 767px){#movieCol .js_tab__list{grid-template-columns:repeat(2, 1fr);margin:6.25vw auto;align-self:stretch;width:90%}}@media screen and (min-width: 768px){#movieCol .js_tab__list{grid-template-columns:repeat(4, 1fr);margin:min(30px,30vw/var(--device)*100);max-width:1500px;margin-inline:auto;width:95%}}#movieCol .js_tab__list button{box-sizing:border-box;border:2px solid var(--color-yellow);background:#000;padding:.5em 0;text-decoration:none;font-weight:bold;text-align:center;color:var(--color-yellow);height:100%;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:1em}@media screen and (min-width: 768px){#movieCol .js_tab__list button{font-size:1.1em}}@media screen and (max-width: 767px){#movieCol .js_tab__list button#tab-all{grid-area:1/1/2/3;padding:1.5em 0}}@media screen and (min-width: 768px){#movieCol .js_tab__list button#tab-all{font-size:1.2em;grid-area:1/1/2/5}}#movieCol .js_tab__list button[aria-selected=true]{border:2px solid #000;background:var(--color-yellow);color:#000}@media(any-hover: hover),(-ms-high-contrast: none){#movieCol .js_tab__list button{transition:.3s}#movieCol .js_tab__list button:hover{border:2px solid #000;background:var(--color-yellow);color:#000}}@media screen and (min-width: 768px){#movieCol h2{margin:min(60px,60vw/var(--device)*100) auto 0;text-align:center}}@media screen and (max-width: 767px){#movieCol h2 img{width:75.8333333333vw}}@media screen and (min-width: 768px){#movieCol h2 img{width:58.8125vw;max-width:941px}}#movieCol .flexBox{position:relative;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(17, 55, 134, 0.75) 100%);box-sizing:border-box}@media screen and (max-width: 767px){#movieCol .flexBox{text-align:center;margin:4.1666666667% 0 0 4.1666666667%;padding:5.2083333333% 9.375% 9.375% 5.2083333333%;border-radius:5.2083333333vw 0 0 5.2083333333vw}}@media screen and (min-width: 768px){#movieCol .flexBox{padding:min(50px,50vw/var(--device)*100);border-radius:min(50px,50vw/var(--device)*100) min(50px,50vw/var(--device)*100) 0 0;margin:min(50px,50vw/var(--device)*100) auto 0}}#movieCol .movieList{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (min-width: 768px){#movieCol .movieList{max-width:1600px;margin:0 auto;text-align:left;gap:2em 0}}#movieCol .movieList li{position:relative;padding-left:0;text-indent:0}@media screen and (min-width: 768px){#movieCol .movieList li{width:48%}}#movieCol .movieList li .icon-new{position:absolute;top:min(-10px,-10vw/var(--device)*100);left:0;color:#000;background-color:var(--color-yellow);z-index:99;font-size:.8em;font-weight:900;text-transform:uppercase;transform:skewX(-15deg) scale(1.15, 1);padding:min(3px,3vw/var(--device)*100) min(25px,25vw/var(--device)*100);clip-path:polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%)}@media screen and (min-width: 768px){#movieCol .movieList li .icon-new{font-size:1em}}#movieCol .movieList li a{position:relative;display:block}@media screen and (max-width: 767px){#movieCol .movieList li p{margin-top:4.1666666667%;text-align:center}}@media screen and (min-width: 768px){#movieCol .movieList li p{font-size:min(15*var(--ratio-em),var(--vw-to-px)*1rem/16*15/var(--device)*100);margin:min(15px,15vw/var(--device)*100) auto 0}}#movieCol .movieList li.end .imgBox{background-color:#000;position:relative}#movieCol .movieList li.end .imgBox img{opacity:.3}#movieCol .movieList li.end .endTxt{color:#fff;display:block;position:absolute;text-align:center;top:0;left:0;bottom:0;right:0;height:1em;margin:auto;z-index:1;line-height:1;font-weight:bold}@media screen and (max-width: 767px){#movieCol .movieList li.end .endTxt{font-size:1.3em}}@media screen and (min-width: 768px){#movieCol .movieList li.end .endTxt{font-size:2.5em}}@media screen and (max-width: 767px){#movieCol .movieList li.nsw .imgBox{border:solid .5208333333vw #df9b37}}@media screen and (min-width: 768px){#movieCol .movieList li.nsw .imgBox{border:solid min(5px,5vw/var(--device)*100) #df9b37}}@media screen and (max-width: 767px){#movieCol .movieList li+li{margin-top:6.25%}}#movieCol .btnBack{display:block}@media screen and (max-width: 767px){#movieCol .btnBack{margin-top:6.25%}}@media screen and (min-width: 768px){#movieCol .btnBack{width:34.75%;max-width:556px;margin:0 auto;margin-top:min(60px,60vw/var(--device)*100)}}.movieList li:not(.end){position:relative}@media(any-hover: hover),(-ms-high-contrast: none){.movieList li:not(.end) .imgBox:hover::after{transform-origin:center !important;animation:btnM 10s linear infinite;cursor:pointer;transform-origin:top left}}.movieList li:not(.end) .iconPlay{position:absolute;pointer-events:none;display:block;z-index:30;filter:drop-shadow(0 0 3px rgba(0, 19, 51, 0.2)) drop-shadow(0 0 6px rgba(0, 19, 51, 0.3)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));bottom:50%;left:50%;transform:translate(-50%, 50%);cursor:pointer}@media screen and (max-width: 767px){.movieList li:not(.end) .iconPlay{width:min(270px,270vw/var(--device)*100)}}@media screen and (min-width: 768px){.movieList li:not(.end) .iconPlay{width:calc(250vw/var(--deviceWide)*100);max-width:230px}}.movieList li:not(.end) .imgBox::after{content:"";display:block;position:absolute;transform-origin:center !important;background:url(../images/common/ico_play_txt.png) no-repeat;background-size:contain;animation-play-state:paused;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (max-width: 767px){.movieList li:not(.end) .imgBox::after{width:min(260px,260vw/var(--device)*100);height:min(260px,260vw/var(--device)*100)}}@media screen and (min-width: 768px){.movieList li:not(.end) .imgBox::after{width:calc(240vw/var(--deviceWide)*100);height:calc(240vw/var(--deviceWide)*100)}}@media screen and (min-width: 1650px){.movieList li:not(.end) .imgBox::after{width:min(220px,220vw/var(--device)*100);height:min(220px,220vw/var(--device)*100)}}@keyframes btnM{0%{transform-origin:top left;transform:translate(-50%, -50%) rotate(0)}100%{transform-origin:top left;transform:translate(-50%, -50%) rotate(360deg)}}img[class*=dot]{bottom:0}@media screen and (max-width: 767px){.dotL01{margin:0 0 -72.9166666667% -62.5%}}@media screen and (min-width: 768px){.dotL01{margin:0 0 min(-575px,-575vw/var(--device)*100) min(-850px,-850vw/var(--device)*100)}}@media screen and (min-width: 768px){.dotS01{margin:0 0 min(-225px,-225vw/var(--device)*100) min(100px,100vw/var(--device)*100)}}.tab_btn{cursor:pointer}.content{display:none}.content.act{display:block;animation:tab-show .3s ease-in-out forwards}@keyframes tab-show{from{opacity:0}to{opacity:1}}
/*# sourceMappingURL=maps/movie.css.map */