.none{display:none}
*{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#content a{
color:#000;
text-decoration: none;
}
body{
margin:0;
background-color:#000;
}
div,p,a{
margin:0;
}
h2{
margin-top:0;
}
img{
max-width:100%;
}
iframe{
border:none;
margin:0;
}
.cen{
text-align: center;
}

.bg::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-repeat:repeat;
background-position: center center;
background-image:url(https://unicorn-hms.com/media/bg.jpg);
}

.fl{
float:left;
}
#main{
margin:1em;
}
header{
position: fixed;
top:0;
width:100vw;
height:1.5em;
margin:0;
background-color:rgb(110,0,127);
z-index:9999;
}
.menu{
color: f1dcf4;
text-decoration: none;
margin-top:0.3em;
}

@media screen and (min-width: 1000px){
.navi{
text-align: right;
font-size:1.2em;
}
#content{
width:70%;
background-color:rgba(241,220,244,0.9);
float: left;
}
#side{
width:28%;
background-color:rgba(241,220,244,0.9);
float: right;
height:740px;
}
.thumbnail{
width:50%;
height:auto;
}
.fl7{
float:left;
}
h1{
font-size:2.5em;
margin:0
}
.col_45_1000{
float: left;
width:45%;
clear: both;
}
}
@media screen and (min-width: 520px ) and (max-width: 999px){
.navi{
text-align: right;
font-size:1em;
}
#content{
width:100%;
background-color:rgba(241,220,244,0.9);
margin:0 auto 0 auto;
}
#side{
width:100%;
background-color:rgba(241,220,244,0.9);
margin:0 auto 0 auto;
height:740px;
}
.fl5{
float:left;
}
.thumbnail{
width:50%;
height:auto;
}
h1{
font-size:2em;
margin:0
}
}
@media screen and (max-width: 519px){
.navi{
text-align: center;
font-size:3.2vw;
}
#content{
width:100%;
background-color:rgba(241,220,244,0.9);
margin:0 auto 0 auto;
}
#side{
width:100%;
background-color:rgba(241,220,244,0.9);
margin:0 auto 0 auto;
height:740px;
}
.f0{
float:left;
}
h1{
font-size:1.75em;
margin:0
}
}