@charset "utf-8";

div.header-inner{padding:10px 0;}
div.header-inner div.site{margin:0 auto;padding:0;}
div.header-inner div.site p{font-size:90%;text-align:center;}
div.header-inner div.site h1 a{display:block;margin:0 auto;padding:0;width:50%;}

.mainmenu{display:none;}
.mainmenu ul.menu{marign:0;padding:0;}
.mainmenu li a{display:block;padding:10px 5px;color:#000000;font-size:14px;}
.mainmenu li a:hover{background-color:#eeeeee;}
/* トグルボタン */
div.header-inner{position:relative;}
#navbtn{position:absolute;top:10px;right:5px;padding:6px 10px;border:1px solid #aaaaaa;border-radius:2px;background-color:#ffffff;cursor:pointer;}
#navbtn:hover{background-color:#dddddd;}
#navbtn:focus{outline:none;}
#navbtn i{color:#888888;font-size:14px;}
#navbtn span{display:inline-block;text-indent:-9999px;}

@media only screen and (min-width: 520px) {
div.header-inner div.site h1 a{width:35%;}
}

@media only screen and (min-width: 768px) {
div.header-inner div.site{width:100%;text-align:center;margin:30px 0;}
div.header-inner div.site h1 a{width:70%;}
#navbtn{display:none;}
#mainmenu{display:block !important;}
.mainmenu ul.menu{padding:0;margin:0;display:block;}
.mainmenu ul.menu li a{padding:10px 0 10px 30px;border-bottom:1px dotted gray;}

}
@media only screen and (min-width: 960px) {


}

@media only screen and (min-width: 1280px) {
}