/*================================================
 *  以下はラインナップページの内容です。
 ================================================*/
 
/****ページ内リンクずれ修正*****/
.header.fixed {
    position: fixed;
    top: 0px;
    z-index:999;
}
.menu ul {
    text-align: left;
}
.menu ul li {
    display: inline-block;
    margin: 0 5% 0 0;
}
section h2 {
    padding: 0 0 10px 0;
    margin: 20px 0 15px 0;
    border-bottom: solid 3px #CCC;
}

/****ページ内リンクずれ修正end*****/


 
.door_lineup_2017 ul{
	overflow:hidden;
	margin:2% -2% 0 0;
}
 
 
.door_lineup_2017 ul li{
	 display:inline;
	 float:left;
	 width:20%;
	 margin:0 2% 2% 0;
 }

.door_lineup_2017 ul li:nth-child(4n+1){
	clear:both;
 }
 
 
.bnrlineup {
	overflow:hidden;
}
.bnrlineup ul {
	overflow:hidden;
}
.bnrlineup li {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	list-style:none;
	border-bottom:#999 dotted 1px;
}

.bnrlineup li img{
	width: 100%;
	height: auto;
	margin: auto;
}


.bnrlineup li a{
	text-decoration:none !important;
}


.bnrlineup li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}


.fw_b{
	font-weight:bold;
}


.space_t10_b10{
	margin:10px 0 10px 0;
}
 
.space_t20_b20{
	margin:20px 0 20px 0;
}


/****************Googleカスタム検索の窓内文字を非表示に*******************/
input.gsc-input 
{background-image:none !important;
 line-height:1 !important;

} 

 
 /****************2カラムラインナップページでアイエムリビングの紹介のみ4カラム*******************/
 
.door_lineup_door_info ul{
	overflow:hidden;
	margin:2% -2% 0 0;
}
 
 
.door_lineup_door_info ul li{
	 display:inline;
	 float:left;
	 width:20%;
	 margin:0 2% 2% 0;
 }

.door_lineup_door_info ul li:nth-child(4n+1){
	clear:both;
 }
   
 
 
.door_lineup_living_info ul{
	overflow:hidden;
	margin:2% -2% 0 0;
}
 
 
.door_lineup_living_info ul li{
	 display:inline;
	 float:left;
	 width:20%;
	 margin:0 2% 2% 0;
 }

.door_lineup_living_info ul li:nth-child(4n+1){
	clear:both;
 }
  
 
  
 
 /*================================================
 *  PC向けデザイン
 ================================================*/
 
 
 
@media print, screen and (min-width:768px) {
	.pc_none_lineup_headerlogo{
		display:none;

	}
	
	

/******.fs_12_lh_20{
	font-size:12px;
	line-height:20px;
}*************/

/***********YUシリーズ引き戸ラインナップ*****************/
.yu_hikido_lineup_description_text01{
	background:#963;
	font-size:16px;
	padding:5px 0 5px 5px;
	margin:0 0 10px 0;
	color:#FFF;
}

.yu_hikido_lineup_description_text02{
	margin:0 0 10px 0;
}
 
 
.yu_hikido_lineup_link{
	margin:0 0 10px 0;
}
 
.yu_hikido_lineup_link_text01{
	border:#039 solid 2px;
	padding:10px 10px 10px 10px;
	width:300px;
	letter-spacing:1px;
	text-align:center;
}


.yu_hikido_lineup_link_text01 a{
	color:#039 !important;
	text-decoration:none !important;
	display:block;
}


.yu_hikido_lineup_link_text01 a:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.news{
	padding:5px 0 10px 0;
}

.news img{
	
	padding:4px 0 0 10px;
}

.yu_hikido_lineup_imagephoto{
	margin:0 0 10px 0;
}


/***********YUヨーロピアンタイプのラインナップ***************/




.yue_spec_lineup_link{
	margin:0 0 10px 0;
}
 
.yue_spec_lineup_link_text01{
	border:#039 solid 2px;
	padding:10px 10px 10px 10px;
	width:450px;
	letter-spacing:1px;
	text-align:center;
}


.yue_spec_lineup_link_text01 a{
	color:#039 !important;
	text-decoration:none !important;
	display:block;
}


.yue_spec_lineup_link_text01 a:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/******* 玄関ドアラインナップ-製品枠付き（ PC向け ） *******/


.door_lineup_flex{
   display: flex;        /* Flex */
   flex-direction: row; /* 横並び */
   flex-wrap:wrap;　/* 折りかえす */
	
}


.door_lineup_flex a:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}


.door_lineup_itembox_flex{
	border:#666 dotted 1px;
	padding:5px 5px 5px 5px;
	margin:0 20px 20px 0;
	width:185px;
	text-align:center;
}

.door_lineup_itembox_flex a{
	display:block;
}


.door_lineup_itembox_text01{
	margin:5px 0 5px 0;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
}

.door_lineup_itembox_text01 a{
	text-decoration:none;
	
}

.door_lineup_itembox_text02{
	font-size:12px;
	line-height:20px;
	text-align:left;
}


/******* ラインナップ- 2カラム（ PC向け ） *******/

.door_cate_lineup_intro{
	margin:0 0 20px 0;
	width:500px;
}

.door_cate_lineup_intro_text01{
	font-size:14px;
	line-height:22px;
	border-left:#999 solid 5px;
	border-bottom:#999 solid 1px;
	padding:0 0 5px 5px;
}


.door_cate_lineup_headline_text02{
	font-size:14px;
	line-height:22px;
	border:#666 solid 2px;
	padding:5px 5px 5px 5px;
	margin:15px 0 10px 0;
	text-align:center;
	width:330px;
}


.door_cate_lineup_headline_text02 a{
	display:block;
	
}

.yu_door_nextlink{
	text-align:center;
}

.yu_door_nextlink ul{
	padding-left:0;
}


.yu_door_nextlink ul li{
	display:inline;
	text-align:center;
}

.other{
	border:#999 solid 2px;
	padding:5px 10px 5px 10px;
	width:10px;
}

.this{
	border:#999 solid 2px;
	background:#999;
	padding:5px 10px 5px 10px;
	width:10px;
    color:#FFF;
}


.this a{
    color:#FFF;
	
}


	.yu_catetop_link_bn{
		margin: 10px 0 30px 0;
	}	
	
	.yu_catetop_link_bn_text01{
		font-size: 14px;
		line-height: 24px;
		letter-spacing: 1px;
		padding: 5px;
		font-weight: bold;
		text-align: center;
		border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */
	
	
	background: -webkit-gradient(linear, left top, left bottom, from(#5c87cf), to(#5373a7));
    /* Mozilla邉ｻ */
    background: -moz-linear-gradient(top, #5c87cf, #5373a7);
    /* IE10+ */
    background: -ms-linear-gradient(top, #5c87cf, #5373a7);
    /* IE8-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c87cf', endColorstr='#5373a7', GradientType=0)";
    /* IE5.5-7 */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccff', endColorstr='#000066', GradientType=0); */
	}
	
	.yu_catetop_link_bn_text01 br{
		display: none;
	}
	
	.yu_catetop_link_bn_text01 a{
		color:#F7F7F7;
		text-decoration: none;
		display: block;
	}
	
	
	.yu_r_top_color_text01{
		font-size: 14px;
		line-height: 22px;
		margin: 5px 0 5px 0;
	}
	
	.yu_r_top_colorvarie{
		margin: 10px 0 10px 0;
	}
	
	
	.yu_r_top_colorvarie img{
		width: 60%;
		height: auto;
	}
	
	
	
	.dc_catetop_images_bn{
		margin: 10px 0 10px 0;
		text-align: center;
	}
	
	
    .door_mailmagazine_list{
        margin: 20px 0 50px 0;
        border: #BBB9B9 solid 3px;
        padding: 10px;
    }
    
    
    
    .door_mailmagazine_list h3{
        background: none;
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 10px 0;
        color: #7F7B7B;
        letter-spacing: 1px;
        border-bottom: #7F7B7B solid 1px;
        padding: 2px 2px 5px 10px;
    }
    
    
    .door_mailmagazine_list ul{
       
    }
    
	
    .door_mailmagazine_list ul li{
        font-size: 16px;
        line-height: 26px;
        margin: 10px 30px 10px 30px;
       
    }
	
    .mailmagazine_register_text01{
        font-size: 16px;
        line-height: 26px;
    }
	
	
    .mailmagazine_register_text01 a{
        color: #0917AF;
    }
    
    .door_mailmagazine_list ul li a{
        color: #0236AF;
       
    }
    
    
    
    
    
    
	
/* --------- breadcrumbs-area start PC --------- */
.breadcrumbs-area{
	width:850px;
	text-align:left;
}

.breadcrumbs-area ol{
	list-style-type: none;
	margin-top: 10px;
	padding-left: 0px;
	font-size: 12px;
	font-weight: normal;
}
.breadcrumbs-area ol li{
	display: inline;
	line-height:22px;
	list-style-type: none;
}
/* --------- breadcrumbs-area end PC --------- */

	
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	


.door_lineup_2017 ul li{
	font-size:10px;
	padding:0 5px 10px 0;
}
	
	.door_lineup_2017 ul li img{
		width:100%;
	
 }

.pc_none_lineup_headerlogo img{
	width:100%;
	height:auto;
}



.pc_none_lineup_headerlogo_text01{
	font-size:14px;
	line-height:22px;
	text-align:right;
	margin:2px 5px 5px 0;
}

.pc_none_lineup_headerlogo_text01 a{
	color:#039 !important;
}





/***********YUシリーズ引き戸ラインナップ*****************/
.yu_hikido_lineup_description_text01{
	background:#963;
	font-size:14px;
	padding:5px 0 5px 5px;
	margin:0 0 10px 0;
	color:#FFF;
}


.yu_hikido_lineup_description_text02{
	margin:0 0 5px 0;
}

.yu_hikido_lineup_link{
	margin:0 0 5px 0;
}


.yu_hikido_lineup_link_text01{
	border:#039 solid 2px;
	padding:5px 5px 5px 5px;
	letter-spacing:1px;
	text-align:center;
}


.yu_hikido_lineup_link_text01 a{
	color:#039 !important;
	text-decoration:none !important;
	display:block;
}





.news img{
	width:20%;
	height:auto;
	padding:0 0 0 5px;
}


.yu_hikido_lineup_imagephoto{
	margin:0 0 5px 0;
}
 
.yu_hikido_lineup_imagephoto img{
	width:100%;
	height:auto;
}

/*************YUヨーロピアンタイプのラインナップ*********************/

.yue_spec_lineup_link{
	margin:0 0 5px 0;
}


.yue_spec_lineup_link_text01{
	border:#039 solid 2px;
	padding:5px 5px 5px 5px;
	letter-spacing:1px;
	text-align:left;
}


.yue_spec_lineup_link_text01 a{
	color:#039 !important;
	text-decoration:none !important;
	display:block;
}



/****************Googleカスタム検索の窓内文字を非表示に*******************/
input.gsc-input {background-image:none !important;}

 
/****************Googleカスタム検索の幅を調整*******************/ 
.gsc-control-cse { padding: 0em !important; }


/******* 玄関ドアラインナップ-製品枠付き（ スマホ向け ） *******/

.door_lineup_itembox_flex{
   display: flex;        /* Flex */
   flex-direction: row; /* 横並び */
   border:#666 dotted 1px;
   padding:5px 5px 5px 5px;
   margin:0 0 20px 0;
	
}

.door_lineup_itembox_info{
	text-align:left;
	margin:0 0 10px 10px;
}

.door_lineup_itembox_text01{
	font-weight:bold;
}


.door_lineup_itembox_text02{
	font-size:12px;
	line-height:20px;
}


/******* ラインナップ- 2カラム（ スマホ向け ） *******/

.door_lineup_2017 ul li{
	 display:inline;
	 width:40%;
	 margin:0 5% 4% 0;
	 text-align:center;
	 font-size:14px;
	 line-height:22px;
 }

.door_lineup_2017 ul li:nth-child(2n+1){
	clear:both;
 }
 
 
 .door_cate_lineup_intro{
	margin:0 0 15px 0;
}

.door_cate_lineup_intro_text01{
	font-size:12px;
	line-height:20px;
	border-left:#999 solid 5px;
	border-bottom:#999 solid 1px;
	padding:0 0 5px 5px;
}


.door_cate_lineup_headline_text02{
	font-size:12px;
	line-height:20px;
	background:#960;
	padding:5px 5px 5px 5px;
	margin:15px 0 10px 0;
	text-align:left;
	text-align:center;
}


.door_cate_lineup_headline_text02 a{
	display:block;
	color:#FFF;
	
}


.door_lineup_door_info ul li{
	 display:inline;
	 width:40%;
	 margin:0 10% 10% 0;
	 text-align:center;
	 font-size:14px;
	 line-height:22px;
 }

.door_lineup_door_info ul li:nth-child(2n+1){
	clear:both;
 }
 



.door_lineup_living_info ul li{
	 display:inline;
	 width:40%;
	 margin:5% 5% 4% 0;
	 text-align:center;
	 font-size:14px;
	 line-height:22px;
 }

.door_lineup_living_info ul li:nth-child(4n+1){
	clear:both;
 }
 
 
.yu_door_nextlink{
	text-align:center;
}

.yu_door_nextlink ul{
	padding-left:0;
}


.yu_door_nextlink ul li{
	display:inline;
	text-align:center;
	margin:5px 5px 5px 0;
}

.other{
	border:#999 solid 2px;
	padding:5px 10px 5px 10px;
	width:10px;
}

.this{
	border:#999 solid 2px;
	background:#999;
	padding:5px 10px 5px 10px;
	width:10px;
    color:#FFF;
}


.this a{
    color:#FFF;
	
} 
 
 
 
 /* --------- breadcrumbs-area start SP--------- */
.breadcrumbs-area{
	margin: auto;
}
.breadcrumbs-area ol{
	margin-top: 10px;
	padding-left: 0px;
	font-size: 12px;
	font-weight: normal;
	display:inline;
}
.breadcrumbs-area ol li{
	display:inline-block;
	list-style:none;
}
/* --------- breadcrumbs-area end SP--------- */



	
	.yu_catetop_link_bn{
		margin: 10px 5px 40px 5px;
	}	
	
	.yu_catetop_link_bn_text01{
		font-size: 14px;
		line-height: 26px;
		padding: 5px;
		text-align: center;
		border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */
	
	
	background: -webkit-gradient(linear, left top, left bottom, from(#5c87cf), to(#5373a7));
    /* Mozilla邉ｻ */
    background: -moz-linear-gradient(top, #5c87cf, #5373a7);
    /* IE10+ */
    background: -ms-linear-gradient(top, #5c87cf, #5373a7);
    /* IE8-9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c87cf', endColorstr='#5373a7', GradientType=0)";
    /* IE5.5-7 */
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccccff', endColorstr='#000066', GradientType=0); */
		
		
	}
	
	
	
	.yu_catetop_link_bn_text01 a{
		color:#F7F7F7;
		text-decoration: none;
		display: block;
	}
	
	
	.yu_r_top_color_text01{
		font-size: 14px;
		line-height: 22px;
		margin: 5px 0 5px 0;
	}
	
	
	
	.yu_r_top_colorvarie{
		margin: 10px 0 10px 0;
		text-align: center;
	}
	
	.yu_r_top_colorvarie img{
		width: 80%;
		height: auto;
	}
	
	
	
		.dc_catetop_images_bn{
		margin: 10px;
		text-align: center;
	}
	
	
	.dc_catetop_images_bn img{
		width: 100%;
		height: auto;
		margin: auto;
	}
	
	
	
	 .door_mailmagazine_list{
        margin: 20px 10px 50px 10px;
        border: #BBB9B9 solid 3px;
        padding: 10px;
    }
    
    
    
    .door_mailmagazine_list h3{
        background: none;
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0 10px 0;
        color: #7F7B7B;
        letter-spacing: 1px;
        border-bottom: #7F7B7B solid 1px;
        padding: 2px 2px 5px 10px;
    }
    
    
    .door_mailmagazine_list ul{
       
    }
    
	
    .door_mailmagazine_list ul li{
        font-size: 16px;
        line-height: 26px;
        margin: 10px 30px 10px 30px;
       
    }
	
    
    .door_mailmagazine_list ul li a{
        color: #0236AF;
       
    }
    
    
	
     .mailmagazine_register_text01{
        font-size: 16px;
        line-height: 26px;
    }
	
	
    .mailmagazine_register_text01 a{
        color: #0917AF;
    }
    
	
	
	
 
 
 

	
}



/***spend**/