@charset "UTF-8";

html {
 font-size : 100%;
}

body{
 margin:0;
 padding:0;
 background-color:#e6e6e6;
 font-family: "メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#cover{margin:0 auto; max-width:980px;}
 
#container_navi, .nav {
 width: 100%;
 margin: 0 auto;
}
 
/* clearfix floatを解除する */
.nav_list:after {
 display: block;
 visibility: hidden;
 clear: both;
 height: 0;
 content: ".";
 font-size: 0;
}
/* ナビ */
.nav{
 margin:0;
 padding:0;
 background-color:#333;
 z-index: 999;
}
 
.nav_list{
 margin:0 auto;
 padding:0;
}
 
.nav_list li {
 float: left;
 text-align: center;
 list-style-type: none;
 background-color:#ffffff;
 font-weight:600;
  font-family: "メイリオ",Meiryo,Osaka," ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"," ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
 
.nav_list li a{
 color:#000000;
 text-decoration:none;
 margin:0;
 padding:5px 0;
 font-size: 100%;
 display:block;
}
 
.nav_list li a:hover{
 color:#00c;
 background-color:#ddf;
}
 
.nav_link_ume{
 width:12%;
 border-bottom:7px solid #666;
 border-right:1px solid #666;
}
 
.nav_link_yoko{
 width:12%;
 border-bottom:7px solid #666;
 border-right:1px solid #666;
}
 
.nav_link_koma{
 width:17%;
 border-bottom:7px solid #666;
 border-right:1px solid #666;
}
 
.nav_link_kiki{
 width:14%;
 border-bottom:7px solid #666;
 border-right:1px solid #666;
}
 .nav_link_oshi{
 width:18%;
 border-bottom:7px solid #666;
 border-right:1px solid #666;
}
.nav_link_chibi{
 width:12%;
 border-bottom:7px solid #666;
 border-right:1px solid #666;
}
 
.nav_link_eve{
 width:12%;
 border-right:1px solid #666;
 border-bottom:7px solid #666;
}
/*  .nav_link_oshi a:link{background-color:#ff0;} */

 
.fixed{
 position:fixed;
 top:0;
 max-width: 980px;
 margin:0 auto;
}

@media screen and (min-width: 800px) {
  #container_navi {
    max-width: 980px;
    padding: 8px 0;
	background-color:#000;
  }
	
 html{font-size:100%;}
 li.cotop{width:150px !important;}
 
} 

/* レスポンシブ */
.header {
padding:0;
margin:0;
 box-sizing: border-box;
}


.wrapper {
	float: right;
	margin: 0;
	width: 100%;
	margin-left: -200px;
 box-sizing: border-box;
}

.content {
margin:1px 0 0 200px;
	padding:5px 0 0 10px;
 box-sizing: border-box;
	background-color:#fff;
font-weight:600;	
background-repeat: repeat-y; 
background-position: center center; 
}

.sidebar {
	border-left: 2px solid #000;
	width: 198px;
	height: auto;
margin:0;
	padding:0;
 box-sizing: border-box;
	color:#fff;
	background-color:#ccc;
}

.footer {max-width:980px;
margin:0 auto;
 box-sizing: border-box;
	border: 2px solid #000;
}

/* 下部飛び出しメニュー */
#slide {
    position: fixed;
    width: 120px;
    height: 40px;
    bottom: 0;
    right: 0;
    color: #666;
    background: #eee;
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}
#slide-in {
    padding: 5px 10px;
}
#slide a {
    text-decoration: none;
    cursor: pointer;
}
#slide h3 {
    margin-bottom: 10px;
	background:none;
}
#slide #open-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 100px;
    height: 40px;
    cursor: pointer;
    background: url(../images/close.png);
}

@media (max-width: 800px) {
	.wrapper, .content, .sidebar {
		float: none;
		margin: 0;
		width: auto;
	}
	.nav,.nav_list,#container_navi{width:100% !important;}
//	.pcnomi, .pconly{display:none !important;}

 


}
@media (max-width: 480px) {
	.nav,.nav_list,#container_navi{width:100% !important; font-size:90%;}
	}