@charset "shift-jis";

.d_ib{display: inline-block;}
p{line-height: 1.6;}
.t_blk{color:black;}
.t_u_r{display: inline-block;border-bottom:1px solid #F00;margin-bottom: 5px;}
.t_u_b{display: inline-block;border-bottom:1px solid #00F;margin-bottom: 5px;}

.pos_rela{position: relative;}


/* 
a:link,a:visited,a:active,a:focus{
	text-decoration: underline;
}
*/
#lnav_outer a, #path a, #C01 a, #C02 a, .grid a,#FOOTER_NEW a{
	text-decoration: none;
}
a.noline{text-decoration: none;}

.btn {
    border-bottom: 2px solid #999;
}
#NAME .el-sub-title {color: #666;}
#page_top{background: rgba(0,0,0,0.6);}
#page_top a:before{border-color: #fff;}

/* 汎用見出し */
.h_topic1{
	font-weight: bold;
	border-bottom:1px solid #CCC;
}

/* 汎用ボタン（白） */
a.btn_wht,.btn_wht{
	text-decoration: none;
	color: #000;
	font-weight: normal;
	padding: 7px 0;
	border:1px solid #CCC;
	border-bottom:2px solid #999;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top, #FFF 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top, #FFF 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top, #FFF 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom, #FFF 0%,#e1e1e1 100%);
}
a.btn_wht:link, a.btn_wht:active,a.btn_wht:hover,a.btn_wht:visited,a.btn_wht:focus{color: #000;}
a.btn_wht:hover{text-decoration: underline;}
a.btn_wht.ib_padding{padding:7px 10px;}/* インラインブロック用のpadding */

.btn_wht.btn_op{display: block;border-radius: 3px;text-align: center;}

.btn.md-estimate{
	border-bottom:2px solid #888;
}

/* メーカーカタログへアイコンフォントの調整 */
.btn i.icon-book-open.right{
	margin-left: 5px;
}

/*スマホ用*/
.sp_dsp_on_ib{display:none;}
.sp_dsp_on_b{display: none;}

.lh10{line-height: 1;}
.lh13{line-height: 1.3;}

.t_normal{font-weight:normal;}
.t_red_mtsw{color: #E10A17;}

.bg_gry_tc1 {background-color: #ededed;}
.btnSP{
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
	padding:0.6em 0;
}


/*
a.normal_link:link, a.normal_link:active,a.normal_link:hover,a.normal_link:visited,a.normal_link:focus{color:#0044CC;text-decoration: underline;}
*/


/**/
.icons.md-top .el-icon-source.color_push{
	background:#F25F5C;
}
.el-icon .comment, .el-icon .bouen{
	position:absolute;
	bottom:-3px;
	right:1px;
	color:#FFF;
}
.el-icon .comment{
	font-size:12px;	
}
.el-icon .bouen{
	font-size: 10px;font-weight: normal;letter-spacing: -0.1em;
	right: 2px;
}

.hp_cata_link{
	background:#E1E1E1;border-radius:6px;padding:10px 0;
}



/*indexページ用*/
.heading.md-catalog-top.idx{
	font-size: 40px;
	padding: 10px 0px 10px 7px;
}


.topic_nt, .topic_dt{
	font-size: 16px;
	font-weight: bold;
	padding:2px 0 0 5px;
}
.topic_nt{background:#bdd22e;}
.topic_dt{background:#f50017;}

.topic_nt a, .topic_dt a{
	text-decoration: none;
}
.topic_nt a{color: #333;}
.topic_dt a{color: #FFF;}

.series_col_cum{
	position:absolute;
	bottom:10px;
	right:5px;
	color:#FFF;
	font-weight: bold;
	background-color: rgba(0,0,0,0.4);
	display:block;
	padding:3px 8px;
}
.icons.md-top.idx li.att{
	letter-spacing: 0;
	text-align: left;
	font-size: 11px;
	margin-top: 2px;
}

/*製品一覧
----------------------------------------------------------*/
#C01,#C02 {
	background-position: right top;
	background-repeat: no-repeat;
}

.name_s{font-size: 10px;font-weight: normal;color: #666;}
.unit{font-size: 11px;}

/*ラベル*/
.labels{
	margin-top:5px !important;
	margin-bottom:5px !important;
}
.label.hf_label{
	display:inline-block;
	display:inline;
	color:#666;
	font-weight:normal;
	padding:0 5px;
	border-radius:2px;
	letter-spacing:normal;
	margin:0 2px 0 0;
	border: solid 1px #BBB;
}
/*.item.md-series .el-price{
	margin-top:5px !important
}*/
.name_s{font-size: 13px;font-weight: normal;color: #666;}
/*テキスト*/
.g03 .el-price{font-size: 16px; }
.unit{font-size: 13px;}
.t-copy {
	font-size:16px;
	line-height:1.5;
	text-align:center;
	font-weight:bold;
	color:#779438;
	margin-bottom:5px;
}
/* 色チップ・色数 */
.color_tip_bk{
	display:block;position:relative;
}
.color_tip_img{
	border-radius:50%; margin-right:2px; width:16px; height:16px;
}
.color_tip_bk img:first-child{margin-left: 40px;}
.color_tip_etc{
	position: absolute;display: inline-block;
	top: 5px;
}
.color_tip_num{
	position:absolute;display:inline-block;
	border:1px solid #BBB;
/*	background: #45899F;
	color:#FFF;*/
	border-radius:2px;padding:2px 1px;top:-1px;left:0;
}


/*全ページ共通*/
.heading.md-catalog-top{
	border-left-color: #919191;
}


/*各生地ページ用*/
.heading.md-catalog-top h2 .sub_title{
	font-size: 14px;
	margin-bottom: 5px;
}


/* 参考価格見積もりボタン（PC用） */
.pc_m_btn{position:absolute;bottom:50px;right:5px;}

.btn.md-estimate i.icon-basket-1,.sp_m_btn_s i.icon-basket-1{
	display:inline-block;
	margin-right:10px;
}


.page_nav{margin:10px 0 20px 0;}
.page_nav li{
	float: left;
	margin-left: 20px;
	padding:3px 10px;
	width: 110px;
	text-align: center;
	border: 1px solid #CCC;
	background:#EEE;
}
.page_nav li:first-child{margin:0;}


.grid_s{width: 160px;padding:5px 5px;}
.num{font-size: 14px;font-weight:bold;}


.name_ura,.name_seiden{
	margin-top:10px;
	padding:5px 5px;
	border-radius:3px;
	background:#EBEDC8;
}
.name_seiden{background:#BBE4E9;}

#ura_nori{
	width:700px;
	padding:10px;
	margin:0 auto 20px;
	background:#f0f0f0;
}
#ura_nori .ura_nori_left{
	background:#FFF;padding:10px;border-radius:6px;
}
ul.att_dot li{
	list-style: disc;
	margin-left:20px;
	margin-top:5px;
}
ul.side li{
	float: left;
	margin-right:15px;
}

table.seiden{border:1px solid #CCC;width:100%;}
table.seiden th,table.seiden td{text-align: center;border:1px solid #CCC;padding:3px 0;}
table.seiden th{
	background:#bbd305;
	font-weight: bold;
}


/* 見積もり例 */
ul.order_num li{
	text-indent:-1em;
	margin-left:1em;
}

/* 生地下サンプルボタン用 */
.samp_btn_blk{
	background:#f6f6f6;
	width:95%;
	padding:5px;
	margin:0 auto 20px;
	border:1px dotted #999;
}
.btn_wht.samp_btn{
	display:block;
	width:60%;
	font-size: 16px;
	text-align: center;
	padding:7px 0;
	margin:5px auto 10px;
	border-radius:4px;
}


/* --------  jQuerycycle  -------- */

#slider_box {
	width:740px;
	margin:0 auto 30px auto;
	position:relative;
	overflow:hidden;
	_zoom:1;
}
/*
#slider {width: 680px;margin-left: 20px;}
*/
/* id版
#prev-button, #next-button {
	display:block;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	background: #AAA;
	text-align:center;
	text-decoration:none;
	width:30px;
	height:50px;
	line-height:50px;
	position:absolute;
	z-index:100;
	display:block;
	opacity:0.8;
}
#prev-button:hover, #next-button:hover {
	cursor:pointer;
}
#prev-button {
	border-radius:0 6px 6px 0;
	top:40%;
	left:0;
}
#next-button {
	border-radius:6px 0 0 6px;
	top:40%;
	right:0;
}
*/
.prev-button, .next-button{
	display:block;
	color:#000;
	font-size:18px;
	font-weight:bold;
	background: #FFF;
	text-align:center;
	text-decoration:none;
/*	width:30px;
	height:50px;
*/
	width: 50px;
	height: 50px;
	line-height:50px;
	position:absolute;
	z-index:100;
	display:block;
	opacity:0.7;
	border: 1px solid #888;

}
.prev-button:hover, .next-button:hover {
	cursor:pointer;
	text-decoration: none;
}
.prev-button{
/*	border-radius:0 6px 6px 0;*/
	border-radius: 50%;
	top:40%;
	left:0;
}
.next-button{
/*	border-radius:6px 0 0 6px;*/
	border-radius: 50%;
	top:40%;
	right:0;
}
.prev-button i,.next-button i{
    margin: 10px 0 0 -3px;
    display: inline-block;
    font-size: 30px;
}
.next-button i{
	margin: 10px -3px 0 0px;
}


#nav_box {
	width:404px;
	margin:5px auto 0 auto;
}
#nav {
	margin-right:-10px;
	overflow:hidden;
	_zoom:1;
}
#nav li {
	margin-right:10px;
	float:left;
}
#nav li a.activeSlide img{ opacity:0.7; }


/*--------- ページャーボタン -------*/
#navi { text-align:center; }
#navi a {
	color:#444;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 100%;
	font-size:14px;
	font-weight:bold;
	background-color:#DDD;
	border:1px solid #BBB;
}
#navi a:first-child {
	left: 0;
}
#navi a.activeSlide {
}
/* 空ブロック用 */
/* 全体が720になるのが未解決 */
.grid .g03.null{width: 177px;}



/*
#navi { text-align:center; }
#navi a {
	color:#444;
	display:inline-block;
	*display:inline;
	width:14px;
	height:14px;
	padding:7px 15px;
	font-size:14px;
	font-weight:bold;
	background-color:#DDD;
	margin-left:10px;
	border-radius:2px;
	line-height:1;
	border:1px solid #BBB;
}
#navi a:first-child {
	margin-left:0px;
}
#navi a.activeSlide {
	background-color:#ef9754;
	color:#FFF;
	border:1px solid #ef9754;
}
*/


/* サブフッター */
/* 他の床アイテム */
.tc-otherfloor{margin-bottom: 15px;}
.tc-otherfloor a{
	display: block;
	text-align: center;
}
.tc-otherfloor span{
	display: block;
	width: 200px;
	color: #000;
	font-size: 12px;
	margin: 8px auto 0;
	text-align: left;
	line-height: 18px;
}
.tc-otherfloor img{
	border-radius:6px;
	border:1px solid #ccc;
	border-bottom:4px solid #777;
}



/* topへ戻る仮設置 */

#page-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
	font-size: 120%;
	font-weight: bold;
}
#page-top a {
    background: #333;
    text-decoration: none;
    color: #FFF;
    width: 60px;
    height: 60px;
    /* padding: 5px 0 0; */
    text-align: center;
    display: block;
    border-radius: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 40px;
    line-height: 14px;
    font-size: 30px;
    border: 1px solid #888;
    opacity: 0.7;
}
#page-top .arr{
	display:inline-block;
	margin:-3px 0 -3px;
}



/* 枚単価表示　20171211 */
.case_kkk {
	display:block;
	color:#E10A17;
}


/* 20181030以降追加 */

.icons.md-top .el-icon-source {
	background-color: #919191;
}

.icons.md-top img {
	background-color: #919191;
}

.heading.md-top{
	background-color: #919191;
}

/* 20190309追加*/
.sq_glue_txt{
	text-indent: 5em;
}

.sq_glue_txt6{
	text-indent: 6em;
}

.sq_glue_price{
	color: #C63329;
	font-size: 15px;
	font-weight: bold;
	display: block;
}

/*-------------------------------------------*/
/* 価格                                      */
/*-------------------------------------------*/
.price-area.md-sample-price{
	background-color: #FFFAF5;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
	margin: 5px 5px 30px;
	padding: 10px 10px;
	position: relative;
}

.pr_title{
	font-weight: bold;
	display: block;
	font-size: 18px;
}

.el-price-maker,.el-price-matusou {
	float:left;
	width: 200px;
}

.price-area.md-sample-price .el-box {
	overflow:hidden;
	_zoom:1;
}

.el-price-maker {
	color:#666;
	margin:4px 0 0 10px;
}
.el-price-matusou {
	color:#E10A17;
	margin-top:4px;
}

.el-zeikomi {
	display:block;
	font-size:12px;
	font-weight: normal;
}

.el-name {
	margin-bottom:5px;
	font-weight:bold;
	display:block;
}

.el-price-piece,.el-price-case,.el-price-square {
	display:block;
	font-weight:bold;
	margin:12px 0;
	text-align:right;
}

.el-price-piece {
	font-size:26px;
}

.el-price-matusou .el-price-piece {
	font-size:40px;
	line-height: 1.05;

}

.el-price-piece .el-unit {
	font-size:14px;
}

.el-price-case,.el-price-square {
	font-size:14px;
}

.el-price-case .el-unit,.el-price-square .el-unit {
	font-size:12px;
}

.h_topic1 {
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}



/*-------------------------------------------*/
/* 特徴背景青                                */
/*-------------------------------------------*/


.bg-blue01{
	background-color: #2A8CBE;
	color: #FFF;
}

.bg-green {
	background-color:#90C030;
	color:#FFF;
}

.bg-green01{
	background-color:#53820F;
	color:#FFF;
}
.btn_wht.btn_op{
	display: block;
	border-radius: 3px;
	text-align: center;
}

a.btn_wht,.btn_wht{
	text-decoration: none;
	font-weight: normal;
	color: #000;
	padding: 7px 0;
	border:1px solid #CCC;
	border-bottom: 2px solid #999;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	background: linear-gradient(to bottom, #FFF 0%,#e1e1e1 100%);
}


/*-------------------------------------------*/
/* ヨコ型メニュー h-menu                     */
/*-------------------------------------------*/

.h-menu {
	text-align:center;
}
.h-menu .el-item {
	display:inline-block;
}
.h-menu .el-item + .el-item:before {
	content:"\FF5C\a0";
	font-weight:normal !important;
}


/*-------------------------------------------*/
/* 価格割引                                      */
/*-------------------------------------------*/


.price-area.md-sample-price .el-arrow {
	background-image:url(/images/common/arrow_price_area.png);
	width:75px;
	height:100px;
	display:inline-block;
	float:left;
	padding:0;
	margin:40px 30px 0 70px;
	position:relative;
}
.price-area.md-sample-price .el-arrow-txt {
	display:inline-block;
	width:3em;
	color:#F27900;
	font-weight:bold;
	font-size:20px;
	line-height:1.0;
	position:absolute;
	top:25px;
	left:7px;
	text-shadow:
		1px 1px 0px #FFF,
		1px 0px 0px #FFF,
		0px 1px 0px #FFF,
		2px 2px 0px #FFF,
		2px 0px 0px #FFF,
		0px 2px 0px #FFF,
		-1px -1px 0px #FFF,
		-1px 0px 0px #FFF,
		0px -1px 0px #FFF,
		-2px -2px 0px #FFF,
		-2px 0px 0px #FFF,
		0px -2px 0px #FFF;
	transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	/*IE7,IE8*/
	margin/***/:3px 0 0;
	
}
.price-area.md-sample-price .el-arrow-txt.md-percent-off {
}

/*商品情報*/
.info_icon img{margin:2px 5px 2px 0;}
.info_icon th{width: 66px;}
.harikata li{
	display: inline-block;
}

/* メーカー価格より割引中
-------------------------------------------*/
.price_table_title {
	padding:5px 10px;
	color:#ce1512;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-top:2px #ce1512 solid;
	border-bottom:2px #ce1512 solid;
	background-color:#fff2f2;
}
.sample-price-area.md-bordered {
	border-top:none;
}
.sample-price-area{padding-top: 0;}

/*webkit系CSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.price-area.md-sample-price .el-arrow-txt {
	margin:0;
}
}
.price-area.md-sample-price i.icon-right-bold {
	font-size:95px;
	margin:0 -10px;
	*margin:0 -20px 0 5px;
	color:#F4D5A2;
}

/*テキスト*/
.t-copy {
	font-size:16px;
	line-height:1.5;
	text-align:center;
	font-weight:bold;
	color:#779438;
	margin-bottom:5px;
}

.page_nav a{
display:block;
}
.bg-gray{
	background-color:#f0f0f0;
}
.bg-white{
	background-color:#FFF;
}
.mt90{
	margin-top:90px!important;
	}

.feat_m{
	margin-right:10px;
	width: 80px;
}

/* .aside.md-sample-cloth02（のり付きタイプ用）
----------------------------------------- */
.aside.md-sample-cloth02 {
	border:2px #9b7373 solid;
	background-color:#eae6e5;
	margin:0 10px;
}
.aside.md-sample-cloth02 .heading.md-sample-cloth02 {
	color:#4E2728;
	font-size:15px;
	vertical-align:bottom;
	margin-top:2px;
	margin-bottom:5px;
}
.aside.md-sample-cloth02 .heading.md-sample-cloth02 .icon-img {
	vertical-align:middle;
}
.aside.md-sample-cloth02 dd {
	font-size:12px;
	line-height:18px;
}
/* 無料サンプル申し込み(のり付きタイプ用）
-------------------------------------------*/
.btn.md-sample-cloth02 {
	background-color:#714C44;
}
.btn.md-sample-cloth02 i {
}
.btn.md-sample-cloth02 i.icon-mail {
}


/* 生地画像アイコン
-------------------------------------------*/
.rank_icon{
position: absolute;
bottom: 5px;
left: 5px;
z-index: 100;
display: flex;
flex-wrap: wrap-reverse;
}

.rank_icon span{
display: inline-block;
background: #fff;
border: solid #666 1px;
color: #333;
padding: 2px 4px;
font-size: 12px;
margin-right: 5px;
}