@charset "utf-8";

body *{
    opacity:0.9;
    opacity:1; 
}
@media screen and (min-width: 737px) {
.layout{
    position:absolute;
    left:50%;
    z-index:-1;
    top:-10px;
    margin-left:-722px;
    opacity:0.3;
    display:block;
    opacity:0;
    display:none;
}
}
@media print, screen and (min-width : 769px){
	.link {
		margin: 0 auto 20px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.link a {
		color: #0064a1;
	}	
	.link a:after{
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		background-image: url(/ACCESS/nwgn/common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 20px 20px;
		position: relative;
		top: 4px;
		right: -5px;
	}	
	/* _________________________________________ */
	.section h3{
		font-size:33px;
		font-weight: normal;
		width:980px;
		text-align:left;
		margin:65px auto 0;
	}
	.section .coorde_title{
		width:980px;
		text-align:left;
		margin:10px auto 0;
	}
	.section .coorde_title img{
		height:26px;
	}
	.section.casual .coorde_title img{
		height: 21px;
	}
	.section.in .coorde_title img{
		height: 28px;
	}
	.section .main{
		height:770px;
		min-width:980px;
		position:relative;
		margin: 30px 0 0;
		overflow:hidden;
	}
	.page_exterior .section .main {
		margin-top: 56px;
	}
	
	.section .main img{
		position:absolute;
		left:50%;
		margin-left:-720px;
		top:0;
	}
	.section .main img.sp {
		display: none;
	}
	.caution {
		text-align: right;
		margin-top: 10px;
		margin-right: 10px;
	}
	
	/* _________________________________________ */
	
	.section .item_wrap{
		width:980px;
		margin:50px auto 0;
	}
	.section .item_wrap .item{
		margin-bottom:18px;
		position:relative;
	}
	.section .item_wrap .item:nth-child(1){z-index:10;}
	.section .item_wrap .item:nth-child(2){z-index:9;}
	.section .item_wrap .item:nth-child(3){z-index:8;}
	.section .item_wrap .item:nth-child(4){z-index:7;}
	.section .item_wrap .item:nth-child(5){z-index:6;}
	.section .item_wrap .item:nth-child(6){z-index:5;}
	.section .item_wrap .item:nth-child(7){z-index:4;}
	.section .item_wrap .item:nth-child(8){z-index:3;}
	.section .item_wrap .item:nth-child(9){z-index:2;}
	.section .item_wrap .item:nth-child(10){z-index:1;}
	.section .item_wrap .item.last{z-index:10 !important;}
	.section .item_wrap .item:after { content: ""; clear: both; display: block; }
	
	.section .item_wrap .item .pic{
		width:490px;	
		height:360px;	
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
float:left;
cursor:pointer;
position:relative;
z-index:2;
	}
	.section .item_wrap .item:nth-child(2n) .pic{
		float:right;
	}
	.section .item_wrap .item .pic.zoom{
		z-index:3;
	}
	.section .item_wrap .item .pic img{
		width:490px;
		display:block;
		transition: all 0.4s;
		position:absolute;
		top:0;
		left:0;		
	}
	.section .item_wrap .item:nth-child(2n) .pic img{
		top:0;
		right:0;
		left:auto;
	}
	.section .item_wrap .item:last-child .pic img{
		bottom:0;
		top:auto;
	}
	.section .item_wrap .item:last-child:nth-child(2n) .pic img{
		bottom:0;
		right:0;
		top:auto;
		left:auto;
	}
	.section .item_wrap .item .pic.zoom img{
		width:980px;
	}
	.section .item_wrap .item .info{
		width:490px;
		height:360px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
float:right;
position:relative;
	}
	.section .item_wrap .item:nth-child(2n) .info{
		float:left;
	}
	.section .item_wrap .item .info .inner{
  position: absolute;
  left: 70px;
  top: 50%;
  -webkit-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
		
	}
	.section .item_wrap .item .info h4{
		font-size:22px;
		line-height:34px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.section .item_wrap .item .info .name_wrap{
		overflow:hidden;
		padding-bottom:30px;
		
	}
	#contents_area .section .item_wrap .item .info .name_wrap a{
		display:block;
		color:inherit;
		width:420px;
		padding-bottom:20px;
		
	}
	.section .item_wrap .item .info .name_wrap .caution_discon {
		margin-left:47px;
		padding-top: 20px;
		padding-left:10px;
		line-height: normal;
	}
	.section .item_wrap .item .info .num{
		float:left;
		font-size:24px;
		padding-left:3px;
		font-weight:bold;
		color:#505f9d;
	}
	.section .item_wrap .item .info .name{
		border-left:solid 1px #444;
		margin-left:46px;
		padding-left:10px;
	}
	.section .item_wrap .item .info .name h5{
		font-size:18px;
		line-height:24px;
		font-weight:bold;
		margin-bottom:5px;
	}
	.section .item_wrap .item .info .name h5 span{
		font-weight:normal;
		font-size:14px;
	}
	.section .item_wrap .item .info .name h5 span.bold{
		font-weight:bold;
	}
	.section .item_wrap .item .info .name p{
		font-size:12px;
		line-height:15px;
	}
	
	.section .item_wrap .item .info .btn_open{
		width:480px;
		padding:10px 0 5px;
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		border-bottom:solid 1px #505f9d;
		cursor:pointer;
		transition: all 0.2s;
	}
	.section .item_wrap .item .info .btn_open img{
		height:18px;
	}
	.section .item_wrap .item .info .btn_open:hover{
		opacity:0.7;
	}
	/* _________________________________________ */
	.menu_coorde{
		margin:130px 0 100px;
	}
	.menu_coorde ul li img{
		height:22px;
		display:inline-block;
		padding-top:50px;
	}
	.menu_coorde.in ul li img{
		height:22px;
	}
	.menu_coorde ul {
			display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content: center;
	justify-content: left;
	justify-content: space-between;
	width:980px;
	margin:0 auto;
	}
	.menu_coorde.ex ul li{
		width:322px;
		text-align:center;
	}
	.menu_coorde.in ul li{
		width:486px;
		text-align:center;
	}
	.menu_coorde.ex ul li:nth-child(1) a{
		/* background:#e3e0d9; */
		background: #312a34;
	}
	.menu_coorde.ex ul li:nth-child(2) a{
		/* background:#816465; */
		background: #bb1b21;
	}
	.menu_coorde.ex ul li:nth-child(3) a{
		/* background:#8d8d8e; */
		background: #9b7b68;
	}
	.menu_coorde.in ul li:nth-child(1) a{
		/* background:#DAD0D1; */
		background: #727171;
	}
	.menu_coorde.in ul li:nth-child(2) a{
		/* background:#8D8D8D; */
		background: #e7e0cf;
	}
	.menu_coorde ul li a{
		display:block;
		height:110px;
		transition: all 0.2s;
	}
	.menu_coorde ul li.current a{
	}
	.menu_coorde ul li a:hover{
		opacity:0.8 !important;
	}
	.section .sup{
	}
	/* _________________________________________ */
	.accordion{
		margin:0 0 43px;
		display:none;
		width:100%;
		clear:both;
	}
	.accordion.show{
	}
	.variation{
		width:980px;
	}
	.variation .title{
		padding:72px 0 0;
		text-align:center;
		font-size:21px;
		font-weight:bold;
	}
	.variation ul.color {
			display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction:row;
		-webkit-flex-wrap: wrap;
		flex-wrap:wrap;
		justify-content: center;
		margin: 43px 0 0 0;
		/* 
		justify-content: left;
		width:1050px;
		margin:43px 0 0 35px;
		 */
	}
	.variation ul.color  li {
		width:113px;
		text-align:center;
	}
	.variation ul.color  li img{
		width:75px;
		display:block;
		margin:0 auto;
	}
	.variation ul.color .name{
		font-size:9px;
		text-align:center;
		letter-spacing:-0.04em;
		margin-top:17px;
		line-height:130%;
	}
	.variation ul.car {
			display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction:row;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	justify-content: left;
	width:1050px;
	margin:60px 0 0 0px;
	}
	.variation ul.car  li {
		width:113px;
		text-align:center;
		width:490px;
		margin-bottom:30px;
	}
	.variation ul.car  li .img{
		margin-left:75px;
	}
	.variation ul.car  li img{
		width:505px;
		display:block;
		margin:0 auto;
	}
	.variation ul.car .name{
		font-size:12px;
		text-align:center;
		margin-top:8px;
		line-height:130%;
	}
	.accordion .btn_close{
		position:relative;
		margin:20px 0 0px;
		padding:20px 0;
		cursor:pointer;
		transition: all 0.2s;
	}
	.accordion .btn_close:hover{
		opacity:0.7;
	}
	.accordion .btn_close img{
		display:block;
		margin:0 auto;
		height:17px;
		background:#fff;
		position:relative;
		z-index:2;
}
	.accordion .btn_close .bar{
		width:980px;
		height:1px;
		display:block;
		position:absolute;
		top:29px;
		left:0;
		border-top:solid 1px #505f9d;
	}
}
/* _________________________________________ */
/* _________________________________________ */
/* _________________________________________ */
/* _________________________________________ */
/* _________________________________________ */
/* _________________________________________ */
/* _________________________________________ */