@charset "UTF-8";[v-cloak]{display:none}#movieMessage #app{max-width:var(--contentsWidth);margin-inline:auto}#app>.tags{text-align:left;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}@media (max-width:740px){#app>.tags{gap:5px}}#app>.tags li{display:inline-block;font-size:11px;font-weight:bold;background:#999;color:#fff;line-height:1;padding:5px 15px;border-radius:20px;cursor:pointer;margin-top:0}@media (max-width:740px){#app>.tags li{font-size:10px;padding:4px 12px}}#app>.tags li:hover{opacity:0.7}#app>.tags li.selected{background:#ff91b0}#app>.tags li.c01.selected{background:#6faedf}#app>.tags li.c02.selected{background:#e28900}#app>.tags li.c03.selected{background:#a3c760}#app>.tags li.c04.selected{background:#ed9ccd}#app>.tags li.c05.selected{background:#f0d500}.movies{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:30px}@media (max-width:1200px){.movies{gap:24px;justify-content:center}}@media (max-width:740px){.movies{margin-top:20px;gap:18px;justify-content:center}}.movies>li{margin-top:0;width:calc((100% - 60px) / 3);position:relative}@media (max-width:1200px){.movies>li{width:calc((100% - 24px) / 2)}}@media (max-width:740px){.movies>li{width:calc((100% - 18px) / 2);max-width:none;margin-inline:0}}.movies>li a{text-decoration:none;display:flex;flex-direction:column;height:100%}.movies>li a:hover figure img{transform:scale(1.4)}.movies>li .ttl{font-size:14px;font-weight:700;text-align:left;margin:10px 0 0;color:var(--black);line-height:1.4}.movies>li figure{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#f5f5f5;border:1px solid var(--grey)}@media (max-width:740px){.movies>li figure{aspect-ratio:16/9}}.movies>li figure img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;scale:1.3;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.movies>li figure:before{content:"";position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,0.5);border:2px solid #fff;transform:translate(-50%,-50%);pointer-events:none;z-index:1}@media (max-width:740px){.movies>li figure:before{width:44px;height:44px}}.movies>li figure:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #fff;transform:translate(-35%,-50%);pointer-events:none;z-index:1}@media (max-width:740px){.movies>li figure:after{border-top-width:7px;border-bottom-width:7px;border-left-width:12px}}.movies>li .tags{margin-top:15px;text-align:left}.movies>li .tags li{display:inline-block}.movies>li .tags li span{display:inline-block;margin-right:auto;background:var(--black);color:var(--white);padding:4px 12px;font-weight:700;line-height:1.4;font-size:12px;border-radius:12px}@media (max-width:740px){.movies>li .tags li span{font-size:10px;padding:3px 10px}}.movies>li .tags li.c01 span{background:#6faedf}.movies>li .tags li.c02 span{background:#e28900}.movies>li .tags li.c03 span{background:#a3c760}.movies>li .tags li.c04 span{background:#ed9ccd}.movies>li .tags li.c05 span{background:#f0d500}
/*# sourceMappingURL=youtube.css.map */