/* ----------------------------------------------------
　Navigation PC
  2016.09.18
------------------------------------------------------- */

.container-wrap {
	width:100%;
	margin:0;
	padding:0;
}

.main-navigation-wrap {
	background-color:#FFF;
	width:100%;
	margin:0 auto;
	padding:0;
	display:block;
	text-align:center;
}


#main-navigation-wrap2 {
	background-color:#FFF;
	max-width:1040px; /* 1132px */
	height:50px;
	margin:0 auto;
	border:none;
	text-align:center;
}


#main-navigation {
	width:100%;
	margin:0 auto;
	padding:0;
	border:0;
	font-size:11px;
	clear:both;
}


#main-navigation-wrap2 img {
	display: block;
	margin: 0 auto;
	padding: 0;
}



#main-navigation .sf-menu a {
	margin:0;
	padding:0 10px 0 10px;
	display:block;


    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;



	text-transform:capitalize;
	font-weight:800;
	color:#000;
	text-decoration:none;
	border-right:1px solid #EEE;
	border-top:0;
	border-bottom:0;
	border-left:0;
}

#main-navigation .sf-menu a:hover {
	background-color:#2c7bdb;
	color:#FFF;
	border-right:1px solid #FFF;
	border-top:0;
	border-bottom:0;
	border-left:0;
}



/* -- music on --- */
.globalmenu-on-music {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-music::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: 0px;
  border-bottom: 15px solid #C0AE8D;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

/* -- entame on --- */
.globalmenu-on-entame {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-entame::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: 0px;
  border-bottom: 15px solid rgba(166,203,160,1.0);
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

/* -- column on --- */
.globalmenu-on-column {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-column::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: 0px;
  border-bottom: 15px solid #52C0D4;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}



/* -- interview on --- */
.globalmenu-on-interview {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-interview::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: 0px;
  border-bottom: 15px solid #000;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}



#menu-globalmenu {
	border:0;
}

#navigation {
	background-color:#FFF;
	border:0;
}






.sf-menu {
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.0;
	border:0;
}

.sf-menu ul {
	position:absolute;
	width:15em;
	border:0;
}

.sf-menu li {
	margin:0 2px 0 0;
	float:left;
	position:relative;
	border:0;
}

/* ----------------------------------------------------
　Navigation search PC
  2016.09.18
------------------------------------------------------- */

#menu-search{
	padding:10px 0 0 0;
	float:right;
}

#menu-searchform {
	margin:0;
	padding:5px 0 0 5px;
}

#menu-searchform input {
	float:left;
}

#menu-searchform input.menu-search-submit {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	cursor:pointer;
	display:block;
	width:25px;
	height:25px;
	background: url(/wp-content/themes/mesocolumn/images/search-button.png) no-repeat 0 0;
	border:0;
}

input.menu-search-submit:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#menu-searchform input[type='text'] {
	background:#FFF;
	color:#333;
	width:120px;
	border:1px solid #DDD;
	height:25px;
	-webkit-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
	-moz-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
        box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset; 
}

#menu-searchform input[type='text']:focus {
	background:#transparent;
	width:200px;
	border:1px solid #38D;
	height:25px;
	color:#333;
}
#menu-searchform label {
	display:none;
}

#menu-searchform input[type='submit'] {}







/* ----------------------------------------------------
　SP NAVIGATION smart phone
  2016.11.27
----------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:767px) {




#main-navigation-wrap2 {
	width:100%;
	margin:0;
	padding:0;
	top:0;
	display:block;
	position:relative;
	text-align:center;
	border-top:1px solid #EEE;
}


/* -- pc cut --- */
#top-navigation .sf-menu, #main-navigation .sf-menu {
display:none;}


/* -- pc menu --- */

.main-nav .iegradient {
	margin:0;
	padding:0;
}

#main-navigation {
	margin:0;
	padding:0;
}






#sp-navi-main {
	margin:0;
	padding:0;
	width:100%;
	text-indent:0;
	overflow:visible;
	top:0;
	height:53px;
	z-index:1;
	position:fixed;
	overflow:hidden;
	text-align:center;
}

#sp-navi-main ul {
	list-style:none;
	margin:0 auto;
	padding:0;
}


#sp-navi-main li a {
	height:53px;
	margin:0;
	padding:0 8px 0 8px;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

	font-size:12px;
	font-weight:500;
	color:#000;
	text-decoration:none;
}


.gnav {
  width: 100%;
	background-color:#FFF;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.gnav ul {
  width: 1500px;
  margin: 0 auto 2px auto;
  list-style: none;
  display: flex;
}

.gnav ul li {
  text-align: center;
  border-left: 1px solid #EEE;
}
.gnav ul li:last-child {
  border-right: 1px solid #EEE;
}

.gnav ul li a,
.gnav ul li a:link,
.gnav ul li a:visited {
	background-color:#FFF;
	display: inline-block;
}

.gnav ul li a:hover,
.gnav ul li a:active {
	background-color:#FFF;
	color:#907B5A;
}


/* -- music on --- */
.globalmenu-on-music {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-music::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: 0px;
  border-bottom: 15px solid #C0AE8D;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
}


.globalmenu-on-entame {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-entame::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: 0px;
  border-bottom:8px solid rgba(166,203,160,1.0);
  border-right:8px solid transparent;
  border-left:8px solid transparent;
}


.globalmenu-on-column {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-column::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: 0px;
  border-bottom:8px solid #52C0D4;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
}



/* -- music on --- */
.globalmenu-on-interview {
    margin: 0 auto;
    position: relative;
}

.globalmenu-on-interview::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 30px;
  bottom: 0px;
  border-bottom:15px solid #000000;
  border-right:8px solid transparent;
  border-left:8px solid transparent;
}



}