/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
/*position: fixed!important;*/
position:absolute;
	float: left;
	width: 100%;
	padding: 0;
	min-height: 4px;
z-index:99999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-top:115px;       
}

.mean-container a.meanmenu-reveal {
background: url(/img/common/sp/sp_menu.png) 50% 50% no-repeat;
background-size: 46px auto; 
opacity: .8;
width: 52px;
height: 52px;
position: absolute;
right: 4px;
cursor: pointer;
text-decoration: none;
display: block;
top:-56px;
z-index:99999;
}

.mean-container a.meanmenu-reveal:hover {
opacity: 1;
 -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.mean-container .mean-nav {
background: #fff;
float: left;
width: 100%;
display: block!important;
}

.mean-container .mean-nav ul {
height: 80vh;
padding: 0px 15px 20px;
margin: 0;
width:100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
list-style-type: none;
overflow-y: auto; 
}

.mean-container .mean-nav ul li {
position: relative;
text-align: left;
width: 100%;
border-bottom: 1px solid #efefef;
clear: both;

}

/*
.mean-container .mean-nav ul li.w50 {
width:50%;
float:left;
}

.mean-container .mean-nav ul li.w50.r {
border-left: 1px solid #efefef;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
      clear: none;
}*/

.mean-container .mean-nav ul li a {
color:#2578be;
display: block;
margin: 0;
letter-spacing: 0.3px;
padding:0.5em 5px 0.5em ;
text-align: left;
text-decoration: none;
font-size:15px;
}

.mean-container .mean-nav ul li a:hover {
opacity: .8;
}

.mean-container .mean-push {
position: fixed !important;
position: absolute;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}

.mean-container .mean-nav ul li:last-child a {
padding:15px 0 15px 0px;
text-align: center;
}

.mean-container .mean-nav ul li:last-child a img{
height:52px;
}

@media screen and (max-width: 320px) {/*-----------------------------*/

.mean-container .mean-bar {
margin-top:115px;          
}

.mean-container a.meanmenu-reveal {
background-size: 40px auto; 
	width: 45px;
	height: 45px;
	position: absolute;
	right: 4px;
    top:-56px;
}


.mean-container .mean-nav ul li a {
padding:9px 0 9px 0px;
font-size:14px;
letter-spacing: 0;
}


}/*----*/