*{
margin:0;
font-family:yuji;
}
@font-face {
font-family: 'yuji';
src: url('https://chubu.lyria.me/stamprally/fonts/YujiBoku-Regular_Subset.woff');
}
@font-face {
font-family: 'game';
src: url('https://chubu.lyria.me/stamprally/fonts/game_Subset.woff');
}

p{
font-size:4vw;
}

h1{
font-size: 10vw;
position: fixed;
top: calc(52vh - 71vw);
left: 0;
z-index: 0;
width: 100%;
text-align: center;
}

h2{
font-size:6vw;
margin-top:0.5em;
}

h3{
font-size:5vw;
}

a{
color:#000;
}

.maps img{
position:fixed;
top:calc(50vh - 65vw + 11vw);
left:calc(4vw);
width:90vw;
height:90vw;
border:1vw solid #2b0000;
}

.ul{
text-decoration:underline;
}

.m1{
margin:1em 0 1em 0;
}

.w3{
font-size:3vw;
}

.bg{
position:fixed;
top:calc(50vh - 65vw);
left:0;
height:131vw;
width:100vw;
background-image:url(https://chubu.lyria.me/stamprally/materials/paper.png);
background-repeat: no-repeat;
background-size:100vw 131vw;
z-index:-1024;
}
.bg2{
position:fixed;
top:0;
left:0;
height:100vh;
width:100vw;
background-image:url(https://chubu.lyria.me/stamprally/materials/wall2.jpg);
background-repeat: repeat;
z-index:-1024;
}

.sbg{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
z-index:-4096;
background-image:url(https://chubu.lyria.me/stamprally/materials/wall.jpg);
background-repeat: repeat;
}

.message{
padding-top:2em;
text-align:center;
width:100vw;
positon: static;
}

.button{
margin:0 0 1vw 0;
width:90vw;
font-size:6vw;
height: 8vw;
text-align:center;
font-weight:bold;
background-image:url(https://chubu.lyria.me/stamprally/materials/ul1.png);
background-position:bottom;
background-repeat:no-repeat;
background-size:30vw 1vw;
}

.sel img{
height:30vw;
width:30vw;
float:left;
}

.full{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
color:#fff;
background-color:rgba(0,0,0,0.8);
}

#get_page h1{
margin:0;
position:fixed;
top:calc(25vh - 15vw);
width:100vw;
left:0;
z-index:5001;
font-size:20vw;
text-align:center;
color:#2e0000;
text-shadow:5px 5px 0 #FFF, -5px -5px 0 #FFF,
-5px 5px 0 #FFF, 5px -5px 0 #FFF,
0 5px 0 #FFF,  0 -5px 0 #FFF,
-5px 0 0 #FFF, 5px 0 0 #FFF;
}

.piece-text{
position:fixed;
font-size:6vw;
top:calc(20vh - 15vw);
left:0;
width:100vw;
text-align:center;
z-index:5001;
color:#000;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0 1px 0 #FFF,  0 -1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}

#piece-img{
position:fixed;
top:35vh;
left:20vw;
width:60vw;
height:40vh;
object-fit:contain;
z-index:5002;
}

.msgbox{
position:fixed;
top:80vh;
left:10vw;
width:80vw;
height:15vh;
background-image:url(https://chubu.lyria.me/stamprally/materials/paper.png);
background-size:80vw 15vh;
text-align:center;
color:#2e0000;
}

.turn{
opacity: 0.8;
animation:5s linear infinite rotation;
height:150vh;
width:150vh;
position:fixed;
top:-25vh;
left:calc(50vw - 75vh);
z-index:5000;
}

@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
#incorrect p{
height:5vw;
width:100vw;
position:fixed;
top:calc(52vh - 65vw + 50vw);
left:0;
z-index:5003;
text-align:center;
}

#get{
position:fixed;
top:0;
width:100vw;
height:200vh;
color:#fff;
background-color:rgba(0,0,0,0.8);
z-index:4096;
padding:0 5vw 0 5vw;
}

#in{
color:#fff;
height:6vw;
width:58vw;
background-color:#000;
position:fixed;
top:calc(52vh - 65vw + 2vw);
left:20vw;
font-family:'game';
font-size:6vw;
padding:1vw;
text-align:center;
}

#stg {
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
text-align:center;
color:#fff;
background-color:#000;
z-index:1536;
padding:auto;
}
#stg p{
font-size:4vmin;
}
#stg h3{
font-size:6vmin;
margin:1em 0 0 0;
}
#stg a{
font-size:4vmin;
color:#fff;
}
#cookie-clear{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
text-align:center;
color:#fff;
background-color:rgba(0,0,0,0.8);
z-index:1537;
padding:auto;
}

#cookie-clear p{
font-size:4vmin;
margin:0 0 1em 0;
}

@media screen and (orientation: landscape)  {
.message{
display:block;
}
.content{
display:none;
}
}
@media screen and (orientation: portrait) {
.message{
display:none;
}
.content{
display:block;
}
}