@charset "shift_jis";


/****************************************
/* 見出し
/***************************************/

/* カタログTOP
-----------------------------------------*/
.heading.md-ctlgtop {
	font-size: 28px;
}
.heading.md-ctlgtop .sub {
	font-size: 18px;
}

/* 各種色設定
-----------------------------------------*/
.heading.md-top {
	background:#ffb93a;
}




/****************************************
/* TOP
/***************************************/

/* TOP icon
-----------------------------------------*/

.icons.md-top .el-icon{
	width: 12%;
}

.icons.md-top .el-icon .el-icon-source.md-color-length{
	width: 12%;
	background-color: #c69062;
}


/* 見出しカラー
-----------------------------------------*/
.heading.md-top{
	background-color: #c69062;
}

/* 参考価格
-----------------------------------------*/
.sample-price-wrap {
	padding: 10px;
	border: 3px solid #e5e5e5;
	border-radius: 3px;
}
.sample-price {
	font-size: 16px;
	border-bottom: 1px solid #bbb;
}
.sample-price .maker {
	float: left;
	margin-right: 8px;
	padding-top: 6px;
	color: #666;
	font-weight: bold;
}
.sample-price .price {
	float: left;
	padding-left: 5px;
	color: #d24345;
	font-weight: bold;
}
.sample-price .price .price-off {
	margin-left: 5px;
	padding: 0 5px;
	color: #fff;
	font-size: 18px;
	background-color: #d24345;
}
.sample-price-info {
	padding: 5px 0;
	color: #666;
	font-size: 12px;
}
.sample-price-info .link {
	margin-top: 2px;
}
.sample-price-info .link a {
	color: #103CE5;
	text-decoration: underline;
}
.sample-price-info .link a:hover {
	text-decoration: none;
}

/* 案内文※使ってない※
-----------------------------------------*/
.top-info-txt {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}




/****************************************
/* FEAT
/***************************************/

/* 製品特徴
-----------------------------------------*/
.feat-item .title {
	margin-top: 2px;
	color: #444;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.feat-item .txt {
	margin-top: 2px;
}
.feat-item .link {
	margin-top: 2px;
	font-weight: bold;
}

/* 紹介文的な
-----------------------------------------*/
.aside.md-feat {
	    font-size: 14px;
    line-height: 1.7;
    border: 3px solid #ffe3b0;
    border-radius: 3px;
}




/****************************************
/* LINEUP
/***************************************/

/* 見出し
-----------------------------------------*/
.lineup-headwrap {
	display: block;
	margin-bottom: 10px;
	padding: 8px 10px;
	border-left: 5px solid #968C7B;
	background-color: #f5ede4;
}
.lineup-headwrap .heading {
	font-size: 20px;
}
.lineup-headwrap .heading .point {
	margin-left: 10px;
	padding: 0 5px;
	color: #fff;
	font-size: 16px;
	background-color: #95C33C;
}
.lineup-headwrap .txt {
	font-size: 14px;
}


/****************************************
/* 共通
/***************************************/

/* メーカー価格より大幅割引中
-----------------------------------------*/
.price_table_title {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	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;
}

/* トップページへ戻る
-------------------------------------------*/
.returnlink .btn{
	background:#FAFFF0;
	border:2px solid #B0C786;
	color:#555;
}


/****************************************
/* 見出し
/***************************************/
.heading.md-sereuni-title {
	font-weight:bold;
	color:#CB4138;
	padding:10px 0 5px 10px;
	font-size:24px;
	margin:0 0 2px;
	border-left: 5px solid #E0BBB9;
	background-color: #F5D2D0;
}

.heading.md-catalog-top {
	border-left-color:#c69062;
}
.heading.md-catalog-top-small {
	border-left-color:#c69062;
}

.heading.md-top {
	background:#c69062;
}




/****************************************
/* TOP
/***************************************/

/* テキストラベル
-------------------------------------------*/
.label.md-txt-label.md-basic-info {
    background-color: #6d6d6d;
}

/* MVキャプション
-----------------------------------------*/
.mv-caption {
	margin-top: 2px;
	color: #666;
	font-size: 12px;
}

/* 参考価格
-------------------------------------------*/
.sample-price-area.md-basic p {
	display:block;
}

/* メーカー価格より割引中
-------------------------------------------*/
.price_table_title {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	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;
}

/* マーカー
-------------------------------------------*/
.highlight {
	background: linear-gradient(transparent 60%, #ffe1a9 60%);
}





/****************************************
/* COLOR
/***************************************/

/* タブ
-----------------------------------------*/
.color-series-tab li a {
	font-size: 12px;
	font-weight: normal;
	background-color: #968C7B;
}
.color-series-tab li a i {
	font-size: 15px;
	font-weight: normal;
}
.color-series-tab li.is-selected a {
    background-color: #dea3a3;
}


/* カラーラインナップ
-----------------------------------------*/

/*色名文字を追加したことによる要素の高さを統一
タブ切り替えにはfix-height非対応なため
*/
.color_listbox .g02{
	height:127px;
}


.color-series {
	margin: 15px 0 20px;
}
.color-series .item {
	margin-bottom: 20px;
}
.color-series .item .el-code {
	color: #555;
	font-size: 12px;
}
.color-series .item .el-code .gloss-type {
	font-size: 10px;
	font-weight: normal;
}
.color-series .item .el-name {
	color: #555;
	font-size: 10px;
	font-weight: normal;
}
.color-series .item .el-parts {
	margin-top: 5px;
	color: #555;
	font-size: 12px;
	font-weight: normal;
}
/* マウスオーバー等 */
.color-series .item a img {
	border: 1px solid #fff;
}
.color-series .item a img:hover {
	border: 1px solid #F28A00;
}
.color-series .item a img.active {
	border: 1px solid #F28A00;
}


/****************************************
/* 各商品ページ
/***************************************/

/* 仕様
-----------------------------------------*/
.bg-color01 {
	background-color: #badff5;
}


/****************************************
/* カラーアソート・カラーアラカルト
/***************************************/

/* topのボタン
-----------------------------------------*/
.item-info-area .btn.md-color {
	padding: 0;
	color: #333;
	font-weight: normal;
	border: 2px solid #95C33C;
	background-color: #DBF8B3;
}
.item-info-area .btn.md-color span {
	display: block;
}
.item-info-area .btn.md-color .txt {
	margin: 10px 10px 3px;
}
.item-info-area .btn.md-color .name {
	margin: 0 10px 5px;
	font-size: 18px;
	font-weight: bold;
}
.item-info-area .btn.md-color .lead {
	padding: 3px 10px;
	color: #59791c;
	font-size: 12px;
	background-color: #fff;
}

/* 見出し
-----------------------------------------*/
.heading.md-color-top {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 26px;
	border-left: 10px solid #95C33C;
	border-bottom: 2px solid #95C33C;
	background-color: #dbf8b3;
}

/* カラーラインナップ
-----------------------------------------*/
.color-series.md-nonebdr .item img {
	border: none;
}
.color-series.md-nonebdr .item img:hover {
	border: none;
}
.color-series.md-nonebdr .item img.active {
	border: none;
}


/* 商品一覧
-----------------------------------------*/
.lineup-item {
	margin-bottom: 30px;
}
.lineup-item .thumb {
	display: block;
	position: relative;
	margin-bottom: 3px;
}
.lineup-item .thumb .color-num {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #777;
    background-color: #807f7e;
}
.lineup-item .name {
	font-weight: bold;
}
.lineup-item .price {
	color: #D90205;
}
.lineup-item .txt {
	font-size: 12px;
}




.t-gray666 {
    color: #666 !important;
}


/* トップページへ戻る
-------------------------------------------*/
.returnlink .btn {
    background: #ffdd9f;
    border: 2px solid #ffb93a;
    color: #555;
}


/* 価格表
-------------------------------------------*/
.table.md-price td.plist_6m {
    background-color: #A4EBEB;
}

.notes .el-blank.plist_6m {
    border: 1px solid #CCC;
    background-color: #A4EBEB;
}


/* スタッフおすすめポイント
-------------------------------------------*/
.txt_brwn, .t-brown {
    color: #A0763F !important;
}


/* 品質保証・安全対策
-------------------------------------------*/
.heading_hosyo{
	color:#8D9438;
}

.heading_point{
	color:#A0763F;
}


/* メーカーページヘ
-------------------------------------------*/
.btn.md-maker {
	padding: 7px 20px!important;
	font-size:14px;
}


/* 見積もりフォーム
-------------------------------------------*/
.heading.md-psilky-title {
    font-weight: bold;
    color: #CB4138;
    padding: 10px 0 5px 10px;
    font-size: 24px;
    margin: 0 0 2px;
    border-left: 5px solid #E0BBB9;
    background-color: #F5D2D0;
}

.heading_hosyo {
    color: #8D9438;
}

.taio_label.label.md-txt-label.md-basic-info {
	background-color:#53BDCF;
}

.n_icon_chain {
	color: #fff;
	font-size: 10px;
	background-color:#F14950;
	margin-left: 2px;
	padding: 1px 2px;
}


/* item_spec
-------------------------------------------*/
.item_spec_link {
	margin: 15px 0 30px 0;
	overflow: hidden;
	zoom: 1;
}
.item_spec_link li {
	float:left;
}
.item_spec_link li a {
	color: #FFF;
	background: #999;
	border-radius: 16px;
	text-align: center;
	width: 160px;
	margin: 2px;
	padding: 8px;
	display: block;
}
.item_spec_link li a:hover {
	background: #BBB;
}


.b00 {
	border: 1px dotted #CCC;
}

.rimocon_t{
font-weight: bold;
margin-top: 5px;
}



/* オプションページ
-------------------------------------------*/
.boder_b{
	border-bottom: 1px dotted #515050;
}

@media screen and (min-width: 480px) {
	/* 481px以上に適用されるCSS（PC用） */
	.pcNone{
		display: none;
	}
}

@media screen and (max-width: 480px) {
	/* 481px以上に適用されるCSS（PC用） */
/* TOP icon
-----------------------------------------*/

.icons.md-top .el-icon{
	width: 22%;
}

.icons.md-top .el-icon .el-icon-source.md-color-length{
	width: 12%;
}
	
}
	

/* grid
-------------------------------------------*/
.grid_flex {
	display: flex;
	flex-wrap: wrap;
}
.grid_flex * { box-sizing: border-box; }
.grid_flex img {
	border-style: none; /* IE10以前のリンク画像の枠線を削除 */
	max-width: 100%;
	height: auto; /* max-widthが有効になっても、画像のアスペクト比を維持 */
}
.v_middle { align-items: center; }/* grid_flexで縦の中央指定したい際に使用 */

@media screen and (max-width: 480px) {
	.grid_flex .g01 {width:33.333%;}
	.grid_flex .g02 {width:33.333%;}
	.grid_flex .g03 {width:50%;}
	.grid_flex .g04 {width:100%;}
	.grid_flex .g05 {width:100%;}
	.grid_flex .g06 {width:100%;}
	.grid_flex .g07 {width:100%;}
	.grid_flex .g08 {width:100%;}
	.grid_flex .g09 {width:100%;}
	.grid_flex .g10 {width:100%;}
	.grid_flex .g11 {width:100%;}
	.grid_flex .g12 {width:100%;}

	.grid_flex .g01,.grid_flex .g02,.grid_flex .g03,.grid_flex .g04,.grid_flex .g05,.grid_flex .g06,.grid_flex .g07,.grid_flex .g08,.grid_flex .g09,.grid_flex .g10,.grid_flex .g11 {
		padding:0 5px;
	}
}

@media screen and (min-width: 481px) {
	.grid_flex .g01 {width:8.333%;}
	.grid_flex .g02 {width:16.666%;}
	.grid_flex .g03 {width:25%;}
	.grid_flex .g04 {width:33.333%;}
	.grid_flex .g05 {width:41.666%;}
	.grid_flex .g06 {width:50%;}
	.grid_flex .g07 {width:58.333%;}
	.grid_flex .g08 {width:66.666%;}
	.grid_flex .g09 {width:75%;}
	.grid_flex .g10 {width:83.33%;}
	.grid_flex .g11 {width:91.666%;}
	.grid_flex .g12 {width:100%;}

	.grid_flex .g01,.grid_flex .g02,.grid_flex .g03,.grid_flex .g04,.grid_flex .g05,.grid_flex .g06,
	.grid_flex .g07,.grid_flex .g08,.grid_flex .g09,.grid_flex .g10,.grid_flex .g11,.grid_flex .g12 {
		padding:0 5px;
	}
}

/* 2024/1106追記 */
span.border_btm{
	display: inline-block;
	padding-bottom: 3px;
	text-decoration:underline double #000000
}
.d_block{
	display: block;
}

.attent {
    padding: 10px 15px;
    border: 1px dotted #CCC;
}