@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: (1rem / 16);--device: 960;--size: 24}@media screen and (width >= 768px){:root{--device: 1380;--size: 16}}main #latestVideoBox{width:min(800/var(--device)*100vw,800px);border:solid 1px hsla(0,0%,100%,.25);margin-inline:auto}main #latestVideoBox iframe{display:block;width:100%;aspect-ratio:16/9;border:none}@media screen and (width < 768px){main [role=tablist]{display:flex;flex-wrap:nowrap;justify-content:center;gap:min(40/var(--device)*100vw,40px)}}@media screen and (width < 768px){main [role=tablist] li{margin:0}}@media screen and (width < 768px){main [role=tablist] li .btn{padding-inline:0}main [role=tablist] li .btn::after{content:"ー INTERNAL_\aLINK";white-space:pre;text-align:left;text-indent:-1.75em;padding-left:1.75em}}@media(hover: hover){main #filterable-list a .videoBox dt img,main #filterable-list a .videoBox dd{transition:transform .3s}main #filterable-list a:hover dt img{transform:scale(1.2)}main #filterable-list a:hover dd{transform:translateY(100%)}}main #filterable-list .videoBox{position:relative;overflow:clip}main #filterable-list .videoBox dt{width:100%}main #filterable-list .videoBox dt img{width:100%;aspect-ratio:16/9}main #filterable-list .videoBox dd{inset:auto auto 0 0;position:absolute;background:rgba(0,0,0,.8);width:100%;color:#fff;padding:min(10/var(--device)*100vw,10px) min(20/var(--device)*100vw,20px)}
/*# sourceMappingURL=maps/video.css.map */