/* ----- ヘッダー ----- */
.pc_header{
	display:block;
}
.mb_header{
	display: none;
}
ul{
	padding:0;
	margin: 0;
}

/* Media Queries 320px
******************************************************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 767px){
.pc_header{
	display: none;
}
.mb_header{
	display:block;
}
}

/*        ヘッダー           */
#menu-wrapper {
	width: 100%;
	height:60px;
	margin: 0 auto;
}

.main-header {
	width: 100%;
	height:60px;
	background: url(../img/header/header_bg.gif) repeat-x 0 0;
	position:fixed!important;
	top:0;
	left: 0;
	z-index: 9999;
}

.main-menu{
	width:1024px;
	min-width:1024px;
	height:60px;
	margin:0;
	padding:0;
	margin: 0 auto;
	position:relative;
}
.main-menu ul li:last-child {
	margin: 0;
	padding:0;
}
.main-menu ul li a {
	margin: 0;
	padding:0;
	
}
.main-menu ul li.active a {
	color: #333;
}

.main-menu .menu-select {
	width:110px;
	height:35px;
	text-align:right;
	
}


a.toggle-menu {
	width: 35px;
	height: 35px;
	position:absolute;
	top:0;
	right:184px;
	z-index: 9999;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	display: inline-block;
	color: black;
}

.menu-responsive {
	display: none;
	background-color: #fff;
	position:absolute;
	z-index: 9998;
	top:60px;
	right:0;
	position:fixed!important;
	opacity: 0.9;
}
.menu-responsive ul{
	padding-top: 8px;
	opacity: 1;
}
.menu-responsive ul li {
	padding: 8px 60px 8px 20px;
}
.menu-responsive ul li a {
	display: block;
	color: #333;
	font-size: 14px;
}
.menu-responsive ul li.active a {
	color: #333;
}

.fa-bars{
	width: 60px;
	height: 59px;
	background: url(../img/header/fa-bars.gif) no-repeat;
	position:absolute;
	top:0;
	right:0;
	text-align: center;
}

/* ----- header ----- */


/* ----- header_mb ----- */
.menu_logo_toggle-menu{
	width:184px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:20px;
}
.menu_tw_toggle-menu{
	width:58px;
	height: 58px;
	display:block;
	position:absolute;
	top:0;
	right:68px;
}
.menu_fb_toggle-menu{
	width:58px;
	height: 58px;
	display:block;
	position:absolute;
	top:0;
	right:126px;
}
.menu_en_toggle-menu{
	width:58px;
	height: 58px;
	display:block;
	position:absolute;
	top:0;
	right:10px;
}
.menu_jp_toggle-menu{
	width:58px;
	height: 58px;
	display:block;
	position:absolute;
	top:0;
	right:10px;
}
/* ----- header_mb ----- */



.main-menu .menu_logo{
	width:184px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:20px;
}

.main-menu .home{
	width:52px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:284px;
}

.main-menu .news{
	width:53px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:336px;
}

.main-menu .program {
	width:79px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:389px;
}
.main-menu .schedule {
	width:79px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:468px;
}
.main-menu .ticket {
	width:59px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:547px;
}

.main-menu .access{
	width:64px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:606px;
}
.main-menu .join{
	width:64px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:670px;
}
.main-menu .about {
	width:60px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:734px;
}

.main-menu .contact{
	width:75px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:794px;
}

.main-menu .mail{
	width:32px;
	height: 59px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:869px;
}

.main-menu .fb{
	width:32px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:901px;
}
.main-menu .tw {
	width:35px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:933px;
}

.main-menu .jp{
	width:32px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:972px;
}

.main-menu .en{
	width:32px;
	height: 59px;
	display:block;
	position:absolute;
	top:0;
	left:972px;
}

/* ----- /header ----- */

/* Media Queries 320px
******************************************************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 767px){
#menu-wrapper {
	width:100%
	height:30px;
}

.main-header {
	width:100%
	height:30px;
	background: url(../img/header/header_bg_m.gif) repeat-x 0 0;
}
.menu-responsive {
	display: none;
	background-color: #fff;
	position:absolute;
	z-index: 9998;
	top:30px;
	right:0;
	position:fixed!important;
	opacity: 0.9;
}


 .menu_logo_toggle-menu{
	width:115px;
	height: 29px;
	display:block;
	position:absolute;
	top:0;
	left:10px;
}
 .menu_logo_toggle-menu img{
	width:92px;
	height: 29px;
	display:block;
}
a.toggle-menu {
	width: 29px;
	height: 29px;
	position:absolute;
	top:0;
	right:116px;
}

.menu_mail_toggle-menu{
	width:29px;
	height: 29px;
	display:block;
	position:absolute;
	top:0;
	right:87px;
}
.menu_tw_toggle-menu{
	width:29px;
	height: 29px;
	display:block;
	position:absolute;
	top:0;
	right:29px;
}
.menu_fb_toggle-menu{
	width:29px;
	height: 29px;
	display:block;
	position:absolute;
	top:0;
	right:58px;
}
.menu_en_toggle-menu{
	width:29px;
	height: 29px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}
.menu_jp_toggle-menu{
	width:29px;
	height: 29px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}

.menu_tw_toggle-menu img{
	width:29px;
	height: 29px;
}
.menu_fb_toggle-menu img{
	width:29px;
	height: 29px;
}
.menu_jp_toggle-menu img{
	width:29px;
	height: 29px;
}
.menu_en_toggle-menu img{
	width:29px;
	height: 29px;
}
.menu_mail_toggle-menu img{
	width:29px;
	height: 29px;
}
.main-menu .menu-select {
	width:55px;
	height: 29px;
	text-align:right;
}
.fa-bars{
	width: 30px;
	height: 29px;
	background: url(../img/header/fa-bars.gif) no-repeat;
	background-size:100% auto;
}
}