.homeIconWrapper{position:absolute;bottom:0;padding:0 0 .5em;display:flex;justify-content:center;width:100%}.homeIcon{cursor:pointer}.overlayWrapper,.errorOverlayWrapper,.videoOverlayWrapper{position:fixed;top:0;width:100%;height:100vh;background-color:#59575780;display:flex;align-items:center;justify-content:center}.errorOverlayWrapper{background-color:#595757d9;display:none}.videoOverlayWrapper{background-color:#000c}.overlay{background:white;opacity:1;width:100%;max-width:1000px;height:85vh;margin-bottom:auto}.overlay iframe{width:100%;height:85vh}.overlay p{padding:1em}button#close{font-size:1.5rem;padding:.5em;display:block;margin:1em auto}img#close{margin:0 auto;display:block;cursor:pointer;width:6em}.errorMessage{font-size:30px;font-family:\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3,Hiragino Kaku Gothic Pro,Osaka,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33  \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif;font-weight:700;color:#fff;padding:1em}.videooverlay{width:100%;height:100%}.videooverlay video{width:100%;height:100%}.frameWrapper{width:100%;position:fixed;height:calc(var(--vh) * 100);top:0;background-color:#5957578c;justify-content:center;display:flex}.frame{align-self:center;position:relative;width:80%;max-width:460px}.frame:after{padding-top:56.25%;display:block;content:""}.videoframe{position:absolute;width:100%;height:100%;top:0;left:0;border:none}.closeIframe{position:absolute;width:60px;top:0;right:-75px;color:#333;cursor:pointer}#startScreen{display:flex;justify-content:center;align-items:center;width:100%;position:fixed;height:calc(var(--vh) * 100)}#startScreen img{width:50%}#FOOMA img{position:fixed;bottom:5px;right:5px;display:block;width:20%;max-width:300px;cursor:pointer}@media screen and (min-width: 768px) and (min-height: 440px){.frame{max-width:600px}}@media screen and (min-width: 1024px) and (min-height: 600px){.frame{max-width:800px}}@media screen and (min-width: 1200px) and (min-height: 700px){.frame{max-width:1000px}}@media screen and (min-width: 1600px) and (min-height: 900px){.frame{max-width:1200px}}@media screen and (min-width: 768px){.overlay{border:2px solid silver;height:70vh;margin-top:3em}.overlay iframe{height:70vh}#reloadButton{width:5%;right:12.5%;top:5%}}@media screen and (orientation: landscape){.overlay{height:85vh;margin-top:0}img#close{margin:0 auto}}@media screen and (min-width: 1000px){.overlay{height:70vh;margin-top:3em}img#close{margin:1em auto;width:12em}}@media only screen and (orientation: portrait){.errorOverlayWrapper{display:flex}}
