.sidebar{position:fixed;top:0;right:-100%;display:flex;flex-direction:row;justify-content:flex-end;width:100vw;max-width:100vw;min-height:100vh;z-index:100;.sidebarContainer{position:relative;width:80%;min-width:200px;max-width:300px;background-color:#ffc42c;min-height:inherit;padding:56px 24px 24px;box-shadow:0 -1px 16px hsla(0,8%,40%,.5)}.sidebarMenu{color:#fff;font-size:15px;font-weight:200;padding:8px 4px}}.sidebar.show{right:0}.bgdMain{background-image:url(/svg/BG-12.svg);background-position:50%;background-position-y:5%;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;position:absolute}.main{position:relative;width:100vw;height:100vh}.bgCinema{background-image:url(/svg/BG-12.svg);background-position:50%;background-position-y:5%;height:100vh}.bgCinema,.bgNavigation{position:relative;background-size:cover;background-repeat:no-repeat}.bgNavigation{background-image:url(/svg/desktop.svg);background-position:50%;min-height:800px;height:130vh}.menuButton{display:inline-block;background:rgba(0,0,0,.2);border-radius:4px;padding:4px}.menuButton:active,.menuButton:hover{background:rgba(0,0,0,.5);cursor:pointer}.navbox{display:flex;justify-content:space-between}.navbar1 ul{list-style-type:none;margin:0;padding:0}.navbar1 li{display:inline}.navbar1 li :hover{color:#ffd502}.navbar1 li a{color:#fff;text-decoration:none;text-shadow:0 0 10px #000}.navbar2 li{display:inline;padding:10px}.navbar2 li :hover{color:#ffd502}.navbar2 li a{color:#fff;text-decoration:none;text-shadow:0 0 10px #000}.menu-center{top:2%;display:flex;justify-content:space-between}.key-visual,.menu-center{position:absolute;width:100%}.key-visual{top:calc(100% - 83%);justify-content:center}.key-visual p{color:#f8ef3b;font-size:3vw;text-shadow:0 0 10px #000}.ads{position:absolute;width:100%;display:flex;justify-content:center}.ads img:hover{transform:scale(1.1);transition:1s ease}.ads img{border:10px solid #000}.chair,.line{left:0}.chair,.line,.logo_krungsri{position:absolute;width:100%}.logo_krungsri{display:flex;justify-content:center}.ads{top:calc(100% - 70%)}.chair{top:calc(100% - 12%);height:10%}.line{top:calc(100% - 4%)}.logo_krungsri{top:calc(100% - 12%)}@media only screen and (max-width:600px){.navbar1 li a,.navbar2 li{font-size:1vw}.bgCinema{height:30%}.logo_krungsri{height:5%}.bgNavigation{height:96vh}}@media only screen and (min-width:600px){.navbar1 li a,.navbar2 li{font-size:1vw}.bgCinema{height:40%}.logo_krungsri{height:5%}.bgNavigation{height:96vh}}@media only screen and (min-width:768px){.navbar1 li a,.navbar2 li{font-size:1.1vw}.bgCinema{height:55%}.bgNavigation{height:100vh}}@media only screen and (max-width:767px){.bgNavigation{height:100vh;background:none}}@media only screen and (min-width:1200px){.navbar1 li a,.navbar2 li{font-size:1.1vw}.bgCinema{height:90%}.bgNavigation{height:130vh}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.bgCinema{height:98%}}