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

	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;}

.mean-container .mean-bar { position:fixed;top:0px; right:0; min-height:45px; padding:0; z-index:100;}

body.mean-container:has(> iframe) .mean-bar { top:57px;}


.mean-container a.meanmenu-reveal {
 width:34px; height:54px; padding:10px; display:block; position:absolute; top:0; right:0; cursor:pointer;
 text-align:center; color:#333; font-weight:700; line-height:18px; text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;}

/* 三本線 */
.mean-container a.meanmenu-reveal span { height:3px; margin-top:7px; display:block; background-color:#333;}

/* MENUという文字追加 */
.mean-container a.meanmenu-reveal div { margin-top:6px; position:relative; right:1px; font-size:12px; letter-spacing:0;}

/* CLOSEボタン */
.mean-container a.meanclose { margin-top:9px; font-weight:normal;}
.mean-container a.meanclose div { margin-top:8px; right:4px!important; font-weight:bold;}

.mean-container .mean-nav {
 float:left; width:100%; margin-top:95px!important; font-size:14px; background:rgba(47, 69, 70, 1);}
.mean-container .mean-nav ul { width:100%; margin:0; padding:0; list-style-type:none;}
.mean-container .mean-nav ul li { float:left; width:100%; position:relative;}
.mean-container .mean-nav ul li.navi-service { background:none;}
.mean-container .mean-nav ul li a {
 float:left; width:100%; margin:0; padding:4px 0 0 4%; display:block; text-align:left;
 color:#FFF; line-height:40px; text-decoration:none; border-bottom:1px solid #FFF;}
.mean-container .mean-nav ul li li a {
 width:100%; padding:4px 0 0 5%; visibility:visible; color:#FFF; line-height:40px; text-shadow:none!important;}
.mean-container .mean-nav ul li a:hover { text-decoration:underline;}
.mean-container .mean-nav ul li.mean-last a { margin-bottom:0; border-bottom:none;}

@media only screen and (max-width: 568px) {
.mean-container .mean-nav { margin-top:75px!important;}
}


/* 子の開閉設定 */
.mean-container .mean-nav ul li a.mean-expand {
 width:100%; height:40px; padding:0!important; text-align:right; position:absolute; right:0; top:0;
 line-height:40px; border:none!important;}
.mean-container .mean-nav ul li.navi-service a.mean-expand:hover {}
.mean-container .mean-nav ul li a.mean-expand:hover { }
.mean-container .mean-push { clear:both; float:left; width:100%; margin:0; padding:0;}
.mean-nav .wrapper { width:100%; margin:0; padding:0;}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * { box-sizing:content-box;}
.mean-remove { display:none!important;}

/* 翻訳 */
.mean-container .mean-nav ul li.translationSP { float:left; width:90px; padding:20px 4%; display:block; font-size:12px;line-height:1.4;}
.mean-container .mean-nav ul li.translationSP ul {
 clear:both; width:auto; margin:0; padding:0; display:block!important;}
.mean-container .mean-nav ul li.translationSP a {
 clear:both; width:100%; height:24px; margin:0; padding:4px 0 0 0; display:block; text-align:center; box-sizing:border-box;
 color:#333; line-height:1.4; text-decoration:none; background:#FFF;}

@media only screen and (min-width: 769px) {
.mean-container a.meanmenu-reveal { padding-top:17px; padding-right:20px; padding-left:20px;}
.mean-container .mean-nav { margin-top:90px;}
}

@media only screen and (max-width: 768px) {
.mean-container a.meanmenu-reveal { padding-top:17px; padding-right:15px; padding-left:15px;}
.mean-container .mean-nav { margin-top:90px;}
}

@media only screen and (max-width: 568px) {
.mean-container a.meanmenu-reveal { padding-top:10px;}
.mean-container .mean-nav { margin-top:75px;}
}

@media only screen and (max-width: 468px) {
.mean-container a.meanmenu-reveal { padding-right:10px; padding-left:10px;}
}