.inner { width: 100%; max-width: 1100px; margin: 0 auto;}
.inner:after { content: "";  clear: both; display: block;}

/*  new icon*/
div.menulist_new {text-align: center; display: block; margin-top: -15px; font-size: 10px; margin-bottom: 4px; color: #f00; -webkit-animation-name: pulse;   -webkit-animation-duration: 0.5s;   -webkit-animation-iteration-count:infinite;   -webkit-animation-timing-function:ease-in-out;   -webkit-animation-direction: alternate;   -webkit-animation-delay: 0s; }
@-webkit-keyframes pulse { from { opacity: 1.0;} to { opacity: 0.3; color: #fff;}}

/*  個別ぺージon処理*/
#about .pmenu1 a{color: #c3760c !important;}
#chara .pmenu2 a{color: #c3760c !important;}
#stem .pmenu3 a{color: #c3760c !important;}
#gallery .pmenu4 a{color: #c3760c !important;}
#info .pmenu6 a{color: #c3760c !important;}
#sp .pmenu7 a{color: #c3760c !important;}
#xxxxx .pmenu8 a{color: #c3760c !important;}
#news .pmenu9 a{color: #c3760c !important;}


/* header */
#top-head { top: 0; position: fixed; width: 100%; margin: 0 auto 0; padding: 10px 0 10px 0; line-height: 1; z-index: 900; background:url(../../img/menu_top_bg.jpg); height: 40px;}



#top-head a, #top-head { color: #7c4a07; text-decoration: none;}
#top-head .inner { position: relative;}
#top-head .logo { top:0px; left: 0; position: relative;}
#top-head .logo img{width: 100%; max-width: 180px;}

#global-nav ul { list-style: none; position: absolute; left: 17%;  /* bottom: 0; */ top: 15px;  font-size: 18px; }
#global-nav ul li {float: left;  text-align: center; border-left: solid 1px #7c4a07;}
#global-nav ul li a { padding: 0 20px; display: block; }
#global-nav ul li a:hover{color: #c3760c;}
#global-nav ul li:last-child{border-right: solid 1px #7c4a07;}
#global-nav ul li .nolink{ padding: 0 20px; color: #aeaeae;}




@media screen and (max-width: 1150px) {
#global-nav ul {  left: 22%; font-size: 1.6vw; }
#global-nav ul li a { padding: 0 13px; display: block; }
#global-nav ul li .nolink{ /*padding: 0 13px 20px 0; */color: #aeaeae;}
}





/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #c6892e; background: rgba(255,255,255,.7); transition: top 0.65s ease-in; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo { font-size: 24px; color: #333;}
#top-head.fixed #global-nav ul li a { color: #333; padding: 0 20px;}

/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 14px; width: 34px; height: 36px; cursor: pointer; z-index: 101;}
#nav-toggle div { position: relative;}
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #c6892e; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) { top: 0;}
#nav-toggle span:nth-child(2) {top: 8px;}
#nav-toggle span:nth-child(3) { top: 16px;}
#nav-icon-txt{top: 26px; font-size: 11px; color: #c6892e; font-weight: bold;}

@media screen and (max-width: 800px) {
    #top-head, .inner { width: 100%; padding: 0; }
    #top-head { top: 0; position: fixed; margin-top: 0; height: 56px;}
  div.menulist_new {margin-top: 0;}

    /* Fixed reset */
    #top-head.fixed { padding-top: 0; background: transparent; }
    #mobile-head { width: 100%;/* height: 56px; */ z-index: 999; position: relative; }
    #top-head.fixed .logo, #top-head .logo { position: absolute; left: 0; top: 5px; color: #333; font-size: 26px; padding-left: 0; }
    #top-head .logo img{max-height: 80px; max-width: 80%;}
    
    #global-nav { position: absolute; /* 開いてないときは画面外に配置 */ top: -600px; background: url(../../img/menu_list_bg.jpg); width: 100%; text-align: center; padding: 10px 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; -moz-background-size:100% 100%; background-size:100% 100%; }
    #global-nav ul { list-style: none; position: static; right: 0; bottom: 0; font-size: 14px; }
    #global-nav ul li { float: none; position: static; font-size: 18px; border: none;}
    #global-nav ul li a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65; background-color:#7e4a07; color:#fff;}
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a { width: 100%; display: block; padding: 16px 0; }
    #global-nav ul li:last-child{border-right: none;}
    
    
    #nav-toggle { display: block; }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) { top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); }
    .open #nav-toggle span:nth-child(2) { width: 0; left: 50%; }
    .open #nav-toggle span:nth-child(3) { top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); }
    /* #global-nav スライドアニメーション */
    .open #global-nav { #global-nav top + #mobile-head height -moz-transform: translateY(606px); -webkit-transform: translateY(606px); transform: translateY(606px); }
	#global-nav ul li .nolink{ padding: 0 13px 20px 0;}
}