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

/* header */


#top-head { top: 0; /* position: fixed; */ width: 100%; margin: 0 auto 0; padding: 0; line-height: 1; z-index: 900; background: #eb6e80;}



.top-menu-wp{background: #000;}
.top-menu{width: 95%; max-width: 950px; margin: 0 auto; display: display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #fff;}
.event_logo{width: 100%; max-width: 140px; padding-top: 5px; position: fixed; top: 0; z-index: 9999; }
.event_logo img{width: 100%;}

@media screen and (min-width: 1400px) {
.event_logo{left: 25%; }
}



.top_tab_menu{width: 50%; padding-top: 7px; margin-left: auto;}
.top_tab_menu ul{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.top_tab_menu li{padding: 5px 2%; margin: 5px 0; -webkit-box-flex: 1; box-flex: 1; width: 98%; margin: 0 1%; text-align: center; height: 35px; overflow:hidden; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.top_tab_menu li img{max-height: 40px;}
.top_tab_menu ul li.now{ padding: 9px 2% 9px 2%; /* border: solid 2px #ff8040; */ height: 33px;}



@media screen and (min-width: 640px) {
.top_tab_menu ul li{background: #fff;}
.top_tab_menu ul li.now{background: #fff;}
}

@media screen and (max-width: 639px) {
.top_tab_menu ul li{background: #fff;}
.top_tab_menu ul li.now{background: #fff; padding: 6px 2%; margin: 0;}
}


.event_tab{width: 20%; max-width: 70px; margin-left: auto;  background: #ff8040; border-radius: 10px; padding: 5px 2%; margin: 5px 1%; align-items: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.event_tab a{color: #fff;}
.event_tab img{width: 100%; max-width: 72px; display:block;}

.pr_logo{width: 20%; max-width: 70px; margin-left: auto;  background: #fff; border-radius: 10px; padding: 3px 2%; margin: 7px 0 6px 0;}
.pr_logo img{width: 100%;}

.event{background-color:rgba(255,128,64,0.65); border-radius: 10px; }



#top-head a, #top-head { color: #000; text-decoration: none;}
#top-head .inner { position: relative;}
#global-nav {width: 100%;}
#global-nav ul { width: 95%; max-width: 1000px; margin: 0 auto; font-size: 14px;  display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: safe center;}
#global-nav ul li {text-align: center; -webkit-box-flex: 1; box-flex: 1;  width: 100%;}
#global-nav ul li a { padding: 0 20px; display: block; color: #fff; }
#global-nav ul li a:hover{color: #fff; background: rgba(128,128,128,.7);}
#global-nav ul.main-menu-list li a { padding: 15px 20px; display: block; }
#global-nav .top_tab_menu ul li a:hover{background: none;}

@media screen and (max-width: 1100px) {
#global-nav ul { font-size: 1.1vw;}
}


/* 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 #global-nav ul li a { color: #333; padding: 0 20px;}

/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 10px; 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: 640px) {
	.top-menu-wp{background: none;}
    #top-head, .inner { width: 100%; padding: 0; }
    #top-head { top: 0; /* position: fixed; */ margin-top: 0; }
	.top_tab_menu{width: 75%; margin: 0 auto; padding-: 10px 0; }
	.event_logo{width: 100%; max-width: 120px; padding-top: 7px; }

    /* Fixed reset */
    #top-head.fixed { padding-top: 0; background: transparent; }
    #mobile-head { background: #eb6e80; width: 100%; height: 56px; z-index: 999; position: relative; }
    #top-head.fixed .logo, #top-head .logo { position: absolute; left: 13px; top: 13px; color: #333; font-size: 26px; padding-left: 0; }
    #global-nav { position: absolute; /* 開いてないときは画面外に配置 */ top: -530px; background-color:rgba(0,0,0,0.85); 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.main-menu-list { list-style: none; position: static; right: 0; bottom: 0; font-size: 14px; display: block;}

    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a { width: 100%; display: block; color: #fff; padding: 2% 0; }
    #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); }
    .open #global-nav { /* #global-nav top + #mobile-head height */ -moz-transform: translateY(586px); -webkit-transform: translateY(586px); transform: translateY(586px); }


.spcg_box{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.top-menu-wp{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.main-menu-list-box{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}













}