@charset "utf-8";

header {position: absolute;}



@media screen and (min-width: 769px) and (orientation: landscape) {

body {overflow: hidden; max-width: 100%;}
header {position: fixed;}
footer {position: fixed; bottom: 0; left: 0; width: 100%;}
nav {height: calc(100vh - 60px) !important;}

}





@media screen and (min-width: 769px) and (orientation: portrait) {

body {overflow: hidden; max-width: 100%;}
header {position: fixed;}
footer {position: fixed; bottom: 0; left: 0; width: 100%;}
nav {height: calc(100vh - 60px) !important;}
}






@media screen and (max-width: 768px) {

body {position: fixed; top: 0; left: 0; height: 100%;}
.wrapper {height: 100%;overflow: hidden}
.device .wrapper-top {overflow: hidden; height: 100%; min-height: auto;}
footer {position: absolute; !important; bottom: 0; left: 0; width: 100%;}
.device footer {transform: translateY(100%);}
}





@media screen and (max-width: 768px) and (orientation: landscape) {

.device main {height: 169.17vw;}
.device .wrapper-top {overflow-y: scroll;}
.device footer {position: relative !important; transform: translateY(0);}

}





@media screen and (max-width: 320px) {

.wrapper-top {height: 669px;}

}