@charset "utf-8";

/**
 *
 *  製品紹介 WOOD DOOR SERIES
 *　wood
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Wood .page-nav{
	margin-bottom: 90px;
}
#Wood .page-nav ul{
	display:flex;	
}
#Wood .page-nav ul li+li{
	margin-left: 6px;	
}


/* section共通
-----------------------------------------------------------------*/
.sec{
	display:flex;
	margin-bottom: 125px;	
}
.line-up{
	padding-top: 10px;	
}
.line-up h3{
	margin-bottom: 22px;
}
.line-up .txt{
	margin-bottom: 30px;
	line-height:1.8;
}
.line-up ul{
	display:flex;
}
.line-up li div+div{
	margin-top: 40px;
}
.line-up ul li+li{
	margin-left: 25px;
}
.line-up .caption{
	display:block;
	padding-top: 3px;
	font-size:86%;	
}

/* Sec01
-----------------------------------------------------------------*/
.sec01{
	flex-direction:row-reverse;
}
.sec01 .pic-main{
	margin-left: 38px;	
}
.sec01 .line-up ul li{
	width: 124px;	
}
/* Sec02
-----------------------------------------------------------------*/
.sec02 .pic-main{
	margin-right: 60px;	
}
.sec02 .line-up ul li{
	width: 120px;	
}

/* Sec03
-----------------------------------------------------------------*/
.sec03{
	flex-direction:row-reverse;
}
.sec03 .pic-main{
	margin-left: 60px;	
}
.sec03 .line-up ul li{
	width: 120px;	
}

/* Sec04
-----------------------------------------------------------------*/
.sec04 .pic-main{
	margin-right: 60px;	
}
.sec04 .line-up ul li{
	width: 102px;	
}
.sec04 .line-up ul li+li{
	margin-left: 10px;
}

/* Sec05
-----------------------------------------------------------------*/
.sec05{
	flex-direction:row-reverse;
}
.sec05 .pic-main{
	margin-left: 18px;	
}
.sec05 .line-up ul li{
	width: 106px;
}
.sec05 .line-up ul li:first-child{
	width: 215px;
}
.sec05 .line-up ul li:first-child div+div{
	padding-left: 109px;
}
.sec05 .line-up ul li+li{
	margin-left: 15px;
}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Wood .page-nav{
	margin-bottom: 40px;
}
#Wood .page-nav ul{
	flex-wrap:wrap;	
}
#Wood .page-nav ul li{
	width: 50%;
	padding-right: 4px;	
	margin-bottom: 10px;
}
#Wood .page-nav ul li:nth-child(even){
	padding: 0 0 0 4px;	
}
#Wood .page-nav ul li+li{
	margin-left: 0;	
}


/* section共通
-----------------------------------------------------------------*/
.sec{
	display:block;
	margin-bottom: 55px;	
}
.line-up{
	padding-top: 25px;	
}
.line-up h3{
	margin-bottom: 18px;
}
.line-up .txt{
	margin-bottom: 22px;
}
.line-up li div+div{
	margin-top: 20px;
}
.line-up ul li{
	padding: 0 3px 0 2px;	
}
.line-up ul li+li{
	margin-left: 0;
}
.line-up .caption{
	display:block;
	padding-top: 3px;
	font-size:84%;
	line-height:1.4;	
}

/* Sec01
-----------------------------------------------------------------*/
.sec01{
	flex-direction:row-reverse;
}
.sec01 .pic-main{
	margin-left: 0;	
}
.sec01 .line-up ul li{
	width: 25%;	
}
/* Sec02
-----------------------------------------------------------------*/
.sec02 .pic-main{
	margin-right: 0;	
}
.sec02 .line-up ul li{
	width: 25%;	
}

/* Sec03
-----------------------------------------------------------------*/
.sec03{
	flex-direction:row-reverse;
}
.sec03 .pic-main{
	margin-left: 0;	
}
.sec03 .line-up ul li{
	width: 25%;	
}

/* Sec04
-----------------------------------------------------------------*/
.sec04 .pic-main{
	margin-right: 0;	
}
.sec04 .line-up ul li{
	width: 20%;
	padding: 0 2px 0 3px;
}
.sec04 .line-up ul li+li{
	margin-left: 0;
}

/* Sec05
-----------------------------------------------------------------*/
.sec05{
	flex-direction:row-reverse;
}
.sec05 .pic-main{
	margin-left: 0;	
}
.sec05 .line-up ul li{
	width: 20%;
	padding: 0 2px 0 3px;
}
.sec05 .line-up ul li:first-child{
	width: 39%;
}
.sec05 .line-up ul li:first-child div+div{
	padding-left: 50%;
}
.sec05 .line-up ul li+li{
	margin-left: 0;
}


}