@charset "utf-8";

body,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{
margin:0;padding:0
}

a,body{
color:#FFF
}

#topimg,img{
height:auto
}

p,ul.newsbox li{
word-break:break-all
}



a:hover,footer a{
text-decoration:none
}

.c,footer,h2{
text-align:center
}

body{
overflow:hidden;
font:14px/2 meiryo,"メイリオ","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",sans-serif;
background:url(/images/kabegamiaboo2.jpg) #000
}

#PC-menu,#menu{
font-weight:700
}

h2{
width:80%
}

h4{
position:center
}

ul{
list-style-type:none
}

img{
border:none;
vertical-align:bottom;
max-width:100%
}

html{
overflow:auto
}

i{
color:#e6e6fa
}

span{
margin-left:10px;
font-weight:700;
font-size:16px;
}

a:hover{
color:#fff100
}

#container{
width:100%;
margin:0 auto
}

#top-head{
line-height:1;
z-index:999;
position:fixed;
margin:0 -200%;
padding:0 200%;
height:90px;
background:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.9),rgba(0,0,0,0))
}

#top-head .logo{
padding-top:5px;
padding-left:10px;
width:10%;
min-width:90px
}

#main,#topimg{
padding-top:50px
}

#PC-menu{
display:inline-block;
margin-top:-25px;
padding-left:150px;
position:fixed
}

#PC-menu ul li{
display:inline-block;
padding-right:20px
}

#menu{
font-size:18px
}

#mobile-menu{
display:none
}

#topimg{
width:100%
}

#main{
width:850px;
margin-top:-10px;
padding-bottom:30px;
margin-right:auto;
margin-left:auto
}

#main h2{
clear:both;
margin:0 auto;
font-size:150%;
color:#fff;
background:rgba(0,0,0,.6);
padding:5px;
border-radius:50px;
-webkit-box-shadow:0 0 15px #87ceeb;
box-shadow:0 0 15px #87ceeb
}

#main h2 a{
display:block;
padding-top:100px;
margin-top:-100px
}

#main p{
padding:.5em 15px 1em
}

#main p+p{
padding-top:0
}

#main h2+p,#main h3+p{
padding-top:0;
margin-top:-5px
}

#main h4{
font-size:110%;
color:#fff;
background:#000;
padding:0 15px
}

#main h5{
clear:both;
font-size:150%;
background:linear-gradient(to right,rgba(51,51,51,.9),rgba(101,101,101,.1))
}

ul.newsbox li{
display:block;
background:rgba(104,104,104,.8);
padding:10px;
font-size:12px;
margin-bottom:1px;
color:#fff
}

#main .member{
margin:0 10px
}

#main .member .left{
float:left;
width:40%;
padding-bottom:45px
}

#main .member .left p{
padding:0
}

#main .member .right{
width:50%;
float:right;
padding-bottom:15px
}

#main .member .right p{
overflow:hidden
}

#main .member .right ul.prof{
overflow:hidden;
background:linear-gradient(to right,rgba(101,101,101,.9),rgba(101,191,1,.1))
}

#main :after{
display:block;
clear:both;
content:""
}

footer{
clear:both;
padding-top:15px;
padding-bottom:15px
}





.r{
text-align:right
}

.c{
text-align:center
}

.big{
font-size:large
}



@media (max-width:880px){
#container{
width:auto;
margin:0
}

#PC-menu{
display:none
}

#mobile-menu{
display:inline;
z-index:99;
cursor:pointer;
position:fixed;
top:0;
right:-140px;
width:180px;
color:#fff;
font-size:16px
}

#mobile-menu a{
color:#fff;
display:block;
padding:5px 10px;
line-height:2;
background-color:rgba(0,0,75,.6)
}

#mobile-menu ul{
position:relative;
padding:10px 10px 10px 40px
}

#mobile-menu .nav-icon{
position:absolute;
left:-15px;
top:5px;
font-size:50px
}

#contents{
padding:0;
margin:0 15px
}

#main{

width:auto
}

#main .member{
margin:0
}

#main .member .left{
float:none;
width:60%;
margin:0 auto
}

#main .member .right{
width:100%;
float:none
}

}