/*- Name:megamenu.js - style.css- Version:1.0- Latest update:29.01.2016.- Author:Mario Loncarek- Author web site:http://marioloncarek.com*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––Body - not related to megamenu–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	/* font-family:'Source Sans Pro',sans-serif;*/
}

* {
	box-sizing: border-box
}

a {
	color: #666
}

a:hover {
	color: #ccc
}

.description {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––megamenu.js STYLE STARTS HERE–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––Screen style's–––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu-container {
	width: 100%;
	margin: 0 auto;
	background: #000;
	text-align: left
}

.menu {
	width: 100%;
	max-width: 1004px;
	margin: 0 auto
}

.menu-mobile {
	display: none;
	padding: 20px;
	font-size: 120%;
	font-weight: 600
}

.menu-mobile:after {
	content: url(/assets/img/common/menu.svg);
	width: 25px;
	height: 25px;
	float: right;
	position: relative;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%)
}

.menu-mobile:hover:after {
	content: url(/assets/img/common/menu2.svg)
}

.menu-dropdown-icon:before {
	content: "+";
	font-family: "Ionicons";
	display: none;
	cursor: pointer;
	float: right;
	padding: 1.5em 2em;
	background: #fff;
	color: #333
}

.menu > ul {
	margin: 0 auto;
	width: 100%;
	list-style: none;
	padding: 0;
	position: relative;
	/* IF .menu position=relative ->ul = container width,ELSE ul = 100% width */
	box-sizing: border-box;
	font-size: 98% !important
}

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

.menu > ul:after {
	clear: both
}

.menu > ul > li {
	float: left;
	text-align: center;
	background: #000;
	width: calc(100% / 5);
	/* width:calc(1004px / 6);*/
	/* padding-top:5px;    padding-bottom:5px;*/
	margin: 0;
	border-left: 1px solid #666
}

.menu > ul > li:last-child {
	border-right: 1px solid #666
}

.menu > ul > li a {
	text-decoration: none;
	padding: 1.7em 3em;
	display: block;
	color: #fff
}

.menu > ul > li:hover {
	background: #000
}

.menu > ul > li > ul {
	display: none;
	width: 100%;
	background: #000;
	padding: 10px;
	position: absolute;
	z-index: 99;
	left: 0;
	margin: 0 0 0 0px;
	/* margin:0;*/
	list-style: none;
	box-sizing: border-box
}

/* .menu >ul >li >ul .menu_bnr{  width:964px;  height:100px;  margin-bottom:10px}*/
.menu > ul > li > ul:after {
	content: "";
	display: table
}

/* .menu >ul >li:nth-child(2) >ul:before{  content:url(/news/wp-content/uploads/menu_casest_bnr.png);  display:table}*/
.menu > ul > li > ul:after {
	clear: both
}

.menu > ul > li > ul > li {
	margin: 0;
	padding-bottom: 0;
	/* padding-left:25px;*/
	text-align: left;
	list-style: none;
	width: 25%;
	padding: 0.5em 0;
	background: none;
	float: left
}

.menu > ul > li > ul > li img {
	padding-left: 0
}

.menu > ul > li > ul > li a {
	color: #fff;
	padding: .2em 0;
	/* width:95%;*/
	display: block;
	border-bottom: 1px solid #999
}

.menu > ul > li > ul > li > ul {
	display: block;
	padding: 0;
	margin: 10px 5px 0 5px;
	list-style: none;
	box-sizing: border-box
}

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

.menu > ul > li > ul > li > ul:after {
	clear: both
}

.menu > ul > li > ul > li > ul > li {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 10px 0 0 0;
	font-size: 1.0em;
	border-bottom: 1px solid #333;
	height: 42px
}

.sub_m_title {
	float: left;
	width: 100%;
	padding: 0.5em 1em !important;
	/* padding:10px 0;*/
	margin: 0;
	/* font-size:1.2em!important;*/
	border-bottom: 1px solid #333;
	color: #7FBE25;
	font-weight: 400;
	height: 42px
}

/* .sub_m_title:before{    content:"f140";    font-family:"Ionicons";    display:none;    cursor:pointer;    float:left;    padding:1.5em 2em;    background:#000;    color:#7FBE25}*/
.menu > ul > li > ul > li > ul > li a {
	border: 0
}

.menu > ul > li > ul.normal-sub {
	/* width:calc(1004px / 5);*/
	left: auto;
	padding: 10px 10px;
}

.menu > ul > li > ul.normal-sub > li {
	width: 100%;
	border-bottom: 1px solid #333
}

.menu > ul > li > ul.normal-sub > li a {
	border: 0;
}

.menu_bnr {
	border: 1px solid #7FBE25;
	/* padding:7px;*/
	display: block;
	margin: 5px auto;
	width: 50%
}

.menu_bnr a {
	font-size: 14px;
	color: #7FBE25;
	text-align: center
}

.menu_bnr a:hover {
	/* border:1px solid #fff;*/
	background-color: #7FBE25;
	color: #fff;
	display: block
}

.pc {
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 0.5em
}

.sp {
	display: none
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––Mobile style's–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width:1024px) {
	.menu-container {
		width: 100%;
		display: flex
	}

	.menu-mobile {
		display: block
	}

	.menu-dropdown-icon:before {
		display: block
	}

	.menu > ul {
		display: none
	}

	.menu > ul > li {
		width: 100%;
		float: none;
		display: block
	}

	.menu > ul > li a {
		text-align: left;
		padding: 1.5em;
		width: 100%;
		display: block
	}

	.menu > ul > li > ul {
		position: relative;
		width: 100%;
		margin: 0
	}

	.menu > ul > li > ul.normal-sub {
		width: 100%;
		margin-left: 0
	}

	.menu > ul > li > ul > li {
		float: none;
		width: 100%;
		margin-top: 20px;
		padding-left: 0
	}

	.menu > ul > li > ul > li:first-child {
		margin: 0
	}

	.menu > ul > li > ul > li > ul {
		position: relative
	}

	.menu > ul > li > ul > li > ul > li {
		float: none
	}

	.menu .show-on-mobile {
		display: block
	}

	.menu_bnr {
		border: 1px solid #7FBE25;
		/* padding:7px;*/
		display: block;
		margin: 5px auto;
		width: 80%
	}

	.menu_bnr a {
		font-size: 14px;
		color: #7FBE25;
		text-align: center !important
	}

	.menu_bnr a:hover {
		/* border:1px solid #fff;*/
		background-color: #7FBE25;
		color: #fff;
		display: block
	}

	/*トップページのショールームバナー追記*/
	.bnr {
		max-width: 1000px;
		margin: 10px auto 10px
	}
}

@media screen and (max-width:767px) {
	.pc {
		display: none
	}

	.sp {
		display: block;
		width: 94%;
		margin: 0 auto;
		/* padding-top:69.531%;*/
		margin-bottom: 0.5em
	}
}