@charset "utf-8";
/* com*/
.lNav {
	position: relative;
}
.lNav .headArea .logo {
	float: left;
}
.lNav .headArea .contentsNav {
	float: right;
}
.lNav .headArea .nav_list {
	padding: 0;
}
.lNav .headArea .nav_list li a {
	position: relative;
	display: inline-block;
}
.lNav .headArea .nav_list li a img {
	position: relative;
	z-index:10;
	width: 100%;
}
.lNav .btn_menu {
	display: none;
}
.lNav .sp_menu {
	display: none;
}
.logo a{
	display: inline-block;
	overflow: hidden;
}
.lNav a{
	display: inline-block;
}
.unclickable{
	pointer-events: none;
}
.unclickable img{
	opacity: 0.5;
}
/*com*/

@media screen and (min-width:961px) {

body{
	min-width: 961px;
		position: relative;
}

/*lNav*/
.lNav_outter{
width: 100%;
position: relative;
border-top: solid 1px #004a1c;
border-bottom: 3px solid #004a1c;
box-sizing: border-box;
overflow: hidden;
background-color: #fff;
}
.lNav {
margin: 0 auto;
width: 960px;
z-index: 80;
overflow: hidden;
}
.lNav .headArea {
margin: 0 auto;
width: 960px;
line-height: 0;
}
.lNav .headArea .logo {
float: left;
margin: 13px 26px 13px 0;
}
.lNav .headArea .contentsNav {
float: right;
width: 760px;
}
.lNav .headArea .nav_list {
padding: 0;
}
.lNav .headArea .nav_list li {
float: left;
position: relative;
margin: 13px 15px 13px 0;
}
.lNav .headArea .nav_list li.last{
margin: 0;
overflow: hidden;
display: inline-block;
}
.lNav .headArea .nav_list li.last a{
margin: 10px 13px;
display: block;
overflow: hidden;
}
.lNav .headArea .nav_list li:last-child{
padding-right: 0px;
margin: 0;
}
.lNav .headArea .nav_list li:last-child a{
margin: 10px 0 10px 13px;
}
.lNav .headArea .nav_list li:before {
content:"";
height: 25px;
width: 1px;
background: #d2d2d2;
display: block;
position: absolute;
left: 0;
top: 15px;
}

.lNav .headArea .nav_list li.non_befo:before{
display: none;
background: none;
}
.lNav .headArea .nav_list li:nth-child(1){
margin-right: 24px;
width: 105px;
}
.lNav .headArea .nav_list li:nth-child(2){
margin-right: 31px;
width: 74px
}
.lNav .headArea .nav_list li.last:before {
bottom: 9px;
}
.lNav .headArea .nav_list li a {
position: relative;
display: inline-block;
}
.lNav .headArea .nav_list li a img {
position: relative;
z-index:10;
width: 100%;
}
.lNav .headArea .nav_list li a:after {
width: 0;
height: 4px;
position: absolute;
background: #d6001d;
content:"";
left: 0;
bottom: 1px;
display: block;
z-index: 1;
-webkit-transition: .5s;
transition: .5s;
}
.lNav .headArea .nav_list li.current a:after {
width: 100%;
}
.lNav .headArea .nav_list li:hover a:after {
width: 100%;
position: absolute;
display: block;
-webkit-transition: .3s;
transition: .3s;
}
.lNav .headArea h1 {
position:relative;
}
.lNav .headArea h1 img {
position:relative;
z-index:10;
}
.lNav .headArea h1 a:after {
width: 0;
height: 6px;
position: absolute;
background: #d6001d;
content:"";
left: 0;
bottom: 0;
display: block;
z-index: 1;
-webkit-transition: .5s;
transition: .5s;
}
.lNav .headArea h1:hover a:after {
width: 100%;
height: 6px;
position: absolute;
display: block;
-webkit-transition: .3s;
transition: .3s;
}
.lNav .btn_menu {
display: none;
}
.lNav .sp_menu {
display: none;
}
.nav_list li{
	position: relative;
}
.nav_list li.new:after {
content: "";
position: absolute;
left: 0;
top: -7px;
width: 27px;
height: 8px;
background: url(../images/nav_new_icon.png) no-repeat;
background-size: 100%;
}
/*lNav*/

.sp_menu{
	display: none!important;
}
}


/*===================================================================
Tablet
===================================================================*/

@media screen and (min-width: 641px) and (max-width: 960px) {

	/*lNav*/
.lNav_outter{
	width: 100%;
	position: relative;
	border-top: solid 1px #004a1c;
	border-bottom: 3px solid #004a1c;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff;
}

.lNav {
	width: 99%;
	z-index: 80;
	overflow: hidden;
	margin: 0 auto;
}

.lNav .headArea {
	margin: 0 auto;
	width: 100%;
	line-height: 0;
}

.lNav .headArea .logo {
	float: left;
	width: calc((170/960)*100vw);
	margin: calc((13/960)*100vw) calc((26/960)*100vw) calc((13/960)*100vw) 0;
	}

	.lNav .headArea .logo a{
		display: block;
	}

.lNav .headArea .contentsNav {
	float: right;
	width: calc((725/960)*100vw);
}

.lNav .headArea .nav_list {
	padding: 0;
}
.lNav .headArea .nav_list li{
	float: left;
	position: relative;
	margin: calc((13/960)*100vw) calc((15/960)*100vw) calc((13/960)*100vw) 0;
}
.lNav .headArea .nav_list li:nth-child(1){
	width: calc((105/960)*100vw);
}
.lNav .headArea .nav_list li:nth-child(2){
	width: calc((73/960)*100vw);
}
.lNav .headArea .nav_list li:nth-child(3){
	width: calc((105/960)*100vw);
}
.lNav .headArea .nav_list li:nth-child(4){
	width: calc((140/960)*100vw);
}
.lNav .headArea .nav_list li:nth-child(5){
	width: calc((112/960)*100vw);
}
.lNav .headArea .nav_list li {
	float: left;
	position: relative;
	margin: calc((13/960)*100vw) 2.2vw calc((13/960)*100vw) 0;
	width: 14.75vw;
}

.lNav .headArea .nav_list li.last{
	margin: 0;
	margin-left: 0%;
	overflow: hidden;
	display: inline-block;
}

.lNav .headArea .nav_list li.last a{
	margin: 1.1vw 1vw;
	display: block;
	overflow: hidden;
}

.lNav .headArea .nav_list li:last-child{
	padding-right: 0;
	margin: 0;
}

.lNav .headArea .nav_list li:last-child a{
	margin: 1.1vw 0 1.1vw 1vw;
}

.lNav .headArea .nav_list li:before {
	content:"";
	height: 2.60vw;
	width: 0.104vw;
	background: #d2d2d2;
	display: block;
	position: absolute;
	left: 0;
	top: 1.5vw;
}
.nav_list li.new:after {
	content: "";
	position: absolute;
	left: 0;
	top: -7px;
	width: 27px;
	height: 8px;
	background: url('../images/nav_new_icon.png') no-repeat;
	background-size: 100%;
}
.lNav .headArea .nav_list li.non_befo:before{
	display: none;
	background: none;
}

.lNav .headArea .nav_list li.last:before {
	bottom: 0.9375vw;
}
.lNav .headArea .nav_list li a {
	position: relative;
	display: inline-block;
}
.lNav .headArea .nav_list li a img {
	position: relative;
	z-index:10;
	width: 100%;
}
.lNav .headArea .nav_list li a:after {
	width: 0;
	height: 0.4166vw;
	position: absolute;
	background: #d6001d;
	content:"";
	left: 0;
	bottom: 0.104vw;
	display: block;
	z-index: 1;
	-webkit-transition: .5s;
	transition: .5s;
}
.lNav .headArea .nav_list li:hover a:after {
	width: 100%;
	position: absolute;
	display: block;
	-webkit-transition: .3s;
	transition: .3s;
}
.lNav .headArea h1 {
	position:relative;
}
.lNav .headArea h1 img {
	position:relative;
	z-index:10;
}
.lNav .headArea h1 a:after {
	width: 0;
	height: 0.625vw;
	position: absolute;
	background: #d6001d;
	content:"";
	left: 0;
	bottom: 0;
	display: block;
	z-index: 1;
	-webkit-transition: .5s;
	transition: .5s;
}
.lNav .headArea h1:hover a:after {
	width: 100%;
	height: 0.625vw;
	position: absolute;
	display: block;
	-webkit-transition: .3s;
	transition: .3s;
}
.lNav .btn_menu {
	display: none;
}
.lNav .sp_menu {
	display: none;
}
/*lNav*/

.sp_menu{
	display: none!important;
}
}


/*===================================================================
SP
===================================================================*/

@media screen and (max-width: 640px) {

.lNav {
	width: 100%;
	min-width: 100%;
	box-shadow: none;
}
.lNav .headArea {
	width: 100%;
	border-bottom: 2px solid #004a1c;
}
.lNav .headArea .logo {
	margin: 0;
	padding: 4% 0 4% 4.5%;
	width: 40.5%;
}

.lNav .headArea .logo a{
	display: block;
}
.lNav .headArea .contentsNav {
	width: 45%;
}
.lNav .headArea .nav_list {
	display: none;
}
.lNav .headArea .btn_menu {
	padding: 11% 10% 0 51%;
	width: 100%;
	display: block;
}
.lNav .sp_menu {
	display: none;
	left: 0;
	min-width: 320px;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1000;
}
.lNav .menu_list li {
	background: #fff;
	border-bottom:2px solid #004a1c;
	border-bottom:0.3125vw solid #004a1c;
}

.lNav .menu_list li.last a {
	background: #fff;
	display: block;
	border-radius: 5px;
}

.lNav .menu_list li.sub {
	border-top: 0.104vw dashed #15a83b;
}
.lNav .menu_list li.sub a {
	background: url('../images/header/sp_menu_icon.png') 5% center no-repeat;
	background-size: 7px auto;
	color: #004f1a;
	display: block;
	font-size: 13px;
	line-height: 1.3;
	padding: 1.5625vw 0 1.5625vw 34px;
}
.lNav .menu_list li.sub a span {
	color: #5c4e4e;
	font-size: 1.041vw;
}
.lNav .menu_list li{
	position: relative;
}
.lNav .menu_list li.new:after {
	content: "";
	position: absolute;
	left: 24%;
	top: 41%;
	width: 8.6vw;
	height: 2.5vw;
	background: url('../images/nav_new_icon_sp.jpg') no-repeat;
	background-size: 100%;
}
.lNav .menu_list li:nth-child(1).new:after{
	left: 31.2%;
}
.lNav .menu_list li:nth-child(2).new:after{
	left: 24%;
}
.lNav .menu_list li:nth-child(3).new:after{
	left: 24%;
}
}