:root{--outline-border-width: 10px;--outline-border-width-02: 2px;--outline-border-total-width: calc(var(--outline-border-width) + var(--outline-border-width) + var(--outline-border-width-02));--both-side-total-width: calc(var(--outline-border-total-width) * 2)}@media screen and (max-width: 980px){:root{--outline-border-width: 1.334dvw;--outline-border-width-02: 0.267dvw}}.guideBox{max-width:800px;margin:0 auto}.movieThumbBox{padding:1em;background:url(/colorfullive/5th-frontier/assets/images/common/common/movie_bg.svg) no-repeat;background-size:100% auto;cursor:pointer;-webkit-transition:.3s;transition:.3s}@media(hover: hover){.movieThumbBox{-webkit-transition:.3s;transition:.3s}.movieThumbBox:hover{scale:1}}.guidelineText{padding-bottom:2em}@media screen and (max-width: 980px){.guidelineText{padding-bottom:2.5em}}.guidelineText.is-middle{padding-top:2em}@media screen and (max-width: 980px){.guidelineText.is-middle{padding-top:2.08em}}.guidelineText.is-last{padding-bottom:0}.guidelineText .guidelineTextInner.is-top{font-size:1.5625dvw}@media screen and (max-width: 980px){.guidelineText .guidelineTextInner.is-top{font-size:3.466008vw}}@media screen and (min-width: 1280px){.guidelineText .guidelineTextInner.is-top{font-size:20px}}.guidelineText .guidelineTextInner.is-small{font-size:1.25dvw}@media screen and (max-width: 980px){.guidelineText .guidelineTextInner.is-small{font-size:2.932776vw}}@media screen and (min-width: 1280px){.guidelineText .guidelineTextInner.is-small{font-size:16px}}.movieThumbBoxInner{position:relative;width:100%;background:url(/colorfullive/5th-frontier/assets/images/common/guideline/movie_thumbnail.png) no-repeat;background-size:100% auto;aspect-ratio:16/9}.movieThumbBoxInner::before{content:"";position:absolute;top:50%;left:50%;display:block;width:20%;background:url(/colorfullive/5th-frontier/assets/images/common/common/movie_btn.svg) no-repeat;-webkit-transition:.3s;transition:.3s;translate:-50% -50%;aspect-ratio:1}@media(hover: hover){.movieThumbBoxInner{-webkit-transition:.3s;transition:.3s}.movieThumbBoxInner:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.movieThumbBoxInner:hover::before{scale:1.05}}.popMovie{position:absolute;top:50%;left:50%;width:80%;max-width:1280px;translate:-50% -50%;aspect-ratio:16/9}.popMovie video{width:100%;aspect-ratio:16/9}/*# sourceMappingURL=guideline.min.css.map */