body{margin:0;padding: 0;position: relative;background-color: black;}
body #wrapper{width: 100%;height: auto;position: fixed;}
body::-webkit-scrollbar{display:none;}
#contents{width: 100%;height: 100%;margin:0; padding:0;overflow: hidden;}
#caption {position: fixed;width: auto;height: 20px; bottom:70px;right:1%;margin-top:0;margin-left:0;text-align:right;color:#000000;font-size:86%;font-weight: bold;line-height: 1em;}
#navi{position: fixed;bottom: 0;left: 0; right:20px; width: 100%;height:auto; padding: 10px; text-align:left;color:white;font-size:12px;background-color:rgba(54,54,54,0.60);}
h1 {left:0;width: 50%; height: auto; text-align:left;margin: 0;padding: 0; color:white;font-size:12px;float:left;}
#p1{height:50px;width:30%;text-align:left;color:white;font-size:12px;}
#naviBtn{text-align:right;right:1%;margin-right: 20px; float:right;color:white;font-size:12px;}
#naviBtn a{color:white;font-size:12px;text-decoration: none;}
.clear{clear:both;}
*:focus{outline:none;}
#wrapper canvas#pjs{z-index: 0;}


/* iPhone ------------------------------------------------------ */
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
body{width: 100%;}
body #wrapper{width:auto;height:100%;position:fixed;}
#wrapper #pjs{width:100%;height:auto;}
#navi{position: fixed;bottom: 0;left: 0; width:100%;height:auto;margin: 0;padding:10px; text-align:left;color:white;font-size:110%;background-color:rgba(54,54,54,0.60);-moz-box-sizing: border-box;box-sizing: border-box;}
h1 {width: 100%;}
#p1{height:50px;width:100%;}

}