@charset "UTF-8";


html{
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
background-color:black;
background-image:url("backgroundimage.png");
background-attachment: fixed;
}

body{
background-image: url("background.png");
padding-bottom:10px;
}

a{
color:#00ffff;
}
a:hover{
color:#aaffff;
}

p{
font-size:18px;
color:white;
cursor : default;
line-height:25px;
padding:5px;
}

#topwrap{
width:1024px;
margin:0 auto;
text-align:center;
}
small{
font-size:13px;
}
.label{
margin:40px auto 10px auto;
background:aqua;
border-radius:10px;
background-color:black;
background-color:rgba(0,0,0,0.5);

}


.flexwrap{
display:flex;
justify-content:center;
}



.textbox{
border-radius:10px;
background:black;
background-color:rgba(20,20,20,0.5);
}

.textbox img{
width:113px;
}

video{
width:1024px;
height:576px;
}


.box,.smallbox{
width:200px;
height:200px;
border-radius:20px;
margin:0 auto;
}


.smallbox{
width:300px;
border-radius:20px;
margin:0 auto;
height:auto;
background-color:rgba(0,0,0,0.5);
}


a .smallbox{
border:solid 3px #555;
}


a .smallbox:hover{
background-color:rgba(50,50,100,0.5);
border:solid 3px #aaa;
}


#hallowindow p{
position:absolute;
bottom:30px;
text-shadow: 2px 2px 1px #000,2px -2px 1px #000,-2px 2px 1px #000,-2px -2px 1px #000;
}
#hallowindow{
position:absolute;
right:50px;
top:50px;
bottom:50px;
overflow:hidden;
padding:1%;
width:600px;
border-radius:20px;
background-color:rgba(0,0,0,0.8);
display:none;

}


#topimg{
box-shadow:38px 0px 50px 0px #000000,-38px 0px 50px 0px #000000;
margin-bottom:20px;
}