.inner { width: 100%; max-width: 1200px; 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: #fff;
  -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処理*/
#index .pmenu1 a{color: #de006e !important;}
#introduction .pmenu2 a{color: #de006e !important;}
#contents .pmenu3 a{color: #de006e !important;}
#cast .pmenu4 a{color: #de006e !important;}
#gallery .pmenu5 a{color: #de006e !important;}
#special .pmenu6 a{color: #de006e !important;}
#dlc .pmenu7 a{color: #de006e !important;}
#app .pmenu8 a{color: #de006e !important;}


/* header */
#top-head { top: -65px; position: fixed; width: 100%; margin: 100px auto 0; padding: 14px 0 10px 0; line-height: 1; z-index: 900; background: #000; border-bottom: solid 1px #ccc;}
#top-head a, #top-head { color: #fff; text-decoration: none;}
#top-head .inner { position: relative;}
#top-head .logo { float: left; font-size: 36px; padding-left: 10px;}
#top-head .logo img{max-height: 40px;}
#global-nav ul { list-style: none; position: absolute; right: 0;  /* bottom: 0; */ top: 15px;  font-size: 16px;}
#global-nav ul li {float: left;  text-align: center;}
#global-nav ul li a { padding: 0 20px; display: block; }
#global-nav ul li a:hover{color: #de006e;}

#global-nav ul li a span{display: block; font-size: 9px; text-align: center; padding-top: 3px; color: #ccc;}
#global-nav ul li a span.dlctitle{display: block; font-size: 8px; text-align: center; padding-top: 3px; color: #ccc;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; 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: #fff; 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: #fff; font-weight: bold;}

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

    /* Fixed reset */
    #top-head.fixed { padding-top: 0; background: transparent; }
    #mobile-head { background: #000; width: 100%; height: 65px; z-index: 999; position: relative; }
    #top-head.fixed .logo, #top-head .logo { position: absolute; left: 13px; top: 14px; color: #333; font-size: 26px; padding-left: 0; }
    #global-nav { position: absolute; /* 開いてないときは画面外に配置 */ top: -500px; background: #333; 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; }
    #global-nav ul { list-style: none; position: static; right: 0; bottom: 0; font-size: 14px; }
    #global-nav ul li { float: none; position: static; }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a { width: 100%; display: block; color: #fff; padding: 18px 0; }
    
    #top-head #global-nav ul li a:hover,
    #top-head.fixed #global-nav ul li a:hover { color: #de006e;}





    #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(556px); -webkit-transform: translateY(556px); transform: translateY(556px); }
}