@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------
	メガメニュー
----------------------------------------------------*/
nav{
	float:right;
	width:auto;
	min-width:540px;
	margin:0 auto;
	padding:0;
}

nav ul.menu{
	width:100%;
	margin:0;
	padding:0;
}

nav ul.menu li{
	display:table-cell;
	width:auto;
	float:left;
	list-style:none;
	z-index:9999;
	margin:0;
	border-right:1px solid #fbfbfb;
}

nav ul.menu:before,
nav ul.menu:after {
  content: "";
  display: table;
}

nav ul.menu:after {clear: both;}

nav ul.menu li:first-child{border-left:1px solid #fbfbfb;}
nav ul.menu li:last-child{border-right:none;}

nav ul.menu li a{
	font-size:14px;
	line-height:1.6em;
	color:#333;
	display:block;
	text-decoration:none;
	margin:0 auto;
	padding:18px 32px 19px 32px;
	box-sizing:border-box;
	transition:0.2s;
}
nav ul.menu li a .eg{
	display:block;
	font-size:10px;
	color:#ad973e;
	line-height:1.1em;
}

nav ul.menu li:hover a,
nav ul.menu li a.current{
	color:#fff;
	background:#292929;
}
nav ul.menu li a.current:hover{
	color:#fff;
	background:#292929;
}

ul.menu li ul.mega_list {
	display:none;
	max-width:1920px;
	min-width:980px;
	width:100%;
	margin:0 auto;
	background:#292929;
	padding:0;
	position:absolute;
	left:0;
	z-index:9999;
}

ul.menu li ul.mega_list li{
	float:none;
	display:table;
	width:90%;
	max-width:1700px;
	min-width:980px;
	margin:0 auto;
	padding:0;
	border:none;
	overflow:hidden;
}

ul.menu li ul.mega_list li .mega_m{
	float:left;
	width:25%;
	margin:0 auto;
	padding:6.5% 0 0;
	box-sizing:border-box;
}

ul.menu li ul.mega_list li .mega_m h2{
	color:#fff;
	font-weight:200;
	padding-left:60px;
	
}

ul.menu li ul.mega_list li .mega_m h2.short{
	margin-top: -30px;
	
}
ul.menu li ul.mega_list li .mega_m h2 .eg{
	color:#ad973e;
	display:block;
	font-size:14px;
}
ul.menu li ul.mega_list.nav_o01 li .mega_m h2{background:url(../img/mega_icon01.png) left center no-repeat;}
ul.menu li ul.mega_list.nav_o02 li .mega_m h2{background:url(../img/mega_icon02.png) left center no-repeat;}
ul.menu li ul.mega_list.nav_o03 li .mega_m h2{background:url(../img/mega_icon03.png) left center no-repeat;}
ul.menu li ul.mega_list.nav_o04 li .mega_m h2{background:url(../img/mega_icon04.png) left center no-repeat;}

ul.menu li ul.mega_list li .mega_wap{
	width:75%;	
	overflow:hidden;
	border-left:1px solid #333;
	box-sizing:border-box;
	margin:0;
	padding:3% 0 3% 5%;
}
ul.menu li ul.mega_list li .mega_wap dd{
	float:left;
	width:32%;
	margin:0 2% 0 0;
	padding:0;
}
ul.menu li ul.mega_list li .mega_wap dd.nth03{margin-right:0;}

ul.menu li ul.mega_list li .mega_wap dd a{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	color:#fff;
	line-height:1.8em;
	transition:0.2s;
}
ul.menu li ul.mega_list li .mega_wap dd a img{
	display:block;
	width:100%;
}
ul.menu li ul.mega_list li .mega_wap dd a:hover{
	opacity:0.6;
	filter:"alpha(opacity=0.6)";
	background:none;
}

@media screen and (max-width:1200px) {
nav{
	float:none;
	width:100%;
}
nav ul.menu{
	border-top:1px solid #fbfbfb;
	float:left;
	}
nav ul.menu li{
	width:25%;
	box-sizing:border-box;
}	
nav ul.menu li:first-child{border-left:none;}	
}


@media screen and (max-width:980px) {
/* hide the link until viewport size is reached */
a.meanmenu-reveal{
	display: none;
}

nav{width:100%;}
nav ul.megamenu li{border:none;}
nav ul.megamenu li a{background:none;}	
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position: absolute;
	margin:0 auto;
	padding:0;
	z-index: 9999 !important;
}

.mean-container a.meanmenu-reveal {
	width: 56px;
	height: 56px;
	padding:0;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	color:#134186;
	text-decoration: none;
	text-indent: -9999em;
	background:url(../img/sp_menu.png) center/48px no-repeat,#897533;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.mean-container a.meanmenu-reveal.meanclose{background:url(../img/sp_menu.png) center/48px no-repeat,#897533;}
.mean-container .mean-nav {
	float: none;
	width: 100%;
	margin: 56px auto 0;
	padding:0 ;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background:#897533;
	position:relative;
	z-index: 9999;
	list-style-type: none;
}
.mean-container .mean-nav ul li{
	position: relative;
	float: left;
	width: 100%;
	margin:0 auto;
	padding:0;	
}
.mean-container .mean-nav ul li:first-child a{background:#897533;}
.mean-container .mean-nav ul li:first-child a:hover{
	color:#fff;
	background:#000;
	}
.mean-container .mean-nav ul li a{
	position:relative;
	display: block;
	float: none;
	width: 90%;
	height:46px;
	padding: 0 5%;
	margin: 0;
	line-height:46px;
	text-align: left;
	color: #fff;
	border:none;
    border-bottom: 1px solid #fff;	
	text-decoration: none;
	font-weight:400;
	text-transform: uppercase;
}
.mean-container .mean-nav ul li a .eg{display:none;}	

.mean-container .mean-nav ul li ul,
.mean-container .mean-nav ul li ul li{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	}
	
nav ul.megamenu li ul.mega_list li a{
	display:block;
	line-height:36px;	
	width:100%;
	padding:0;
	margin:0 auto;
	color:#fff;
}
nav ul.megamenu li ul.mega_list li a:hover{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #fff;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	color:#fff;
	background:#000;
	opacity:1;
}
.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 20px;
	height:45px;
	line-height:46px;
	padding: 0 4%;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-size:14px;
	border-left:1px solid #fff;
	font-weight:bold;
}	
	
.mean-container .mean-push {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

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

.mean-container .mean-bar, .mean-container .mean-bar * {
	z-index:1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

nav{
	float:none;
	width:auto;
	min-width:100%;
	overflow:hidden;
}

nav ul.menu li:first-child{border-left:none;}
.mean-remove{display:none; margin:0; padding:0;}
ul.menu li ul.mega_list li .mega_m{display:none;}
ul.menu li ul.mega_list li .mega_wap{
	width:100%;	
	border-left:none;
	margin:0;
	padding:0;
}
ul.menu li ul.mega_list li .mega_wap dd{
	float:none;
	width:100%;
	margin:0 auto;
	padding:0;
}
ul.menu li ul.mega_list li .mega_wap dd a{
	display:block;
	width:100%;
	margin:0 auto;
	height:auto;
	padding:16px 16px 16px 7%;
	color:#fff;
	line-height:1.2em;
	transition:0.2s;
	background:url(../img/footer_icon.png) left 5% center no-repeat;
	box-sizing:border-box;
}
ul.menu li ul.mega_list li .mega_wap dd a:hover{background:url(../img/footer_icon.png) left 5% center no-repeat,#555;}
ul.menu li ul.mega_list li .mega_wap dd a img{display:none;}
	
	
}

/*----------------------------------------------------
	メガメニューここまで
----------------------------------------------------*/


@media screen and (max-width:640px) {
ul.menu li ul.mega_list li .mega_wap dd a{
	padding:16px 16px 16px 42px;
	background:url(../img/footer_icon.png) left 24px center no-repeat;	
	}
}