@charset "shift_jis";

/*============================================================*/
/*	common.css 移植 2017/8/29
/*============================================================*/

/*-------------------------------------------*/
/* media                                     */
/*-------------------------------------------*/
.media {
	*zoom:1; 
	display:block; 
}
.media:after {
	content:"\0020"; 
	display:block; 
	height:0; 
	clear:both; 
	overflow:hidden; 
	visibility:hidden; 
}
.media figure,
.media .el-figure,
.media .el-thumb {
	float:left; 
	margin-right:10px; 
}
.media .item figure,
.media .item .el-figure,
.media .item .el-thumb {
	float:none; 
	margin-right:0px; 
}
.media figure img,
.media .el-figure img {
	display:inline-block; 
}
.media figure.right,
.media .el-figure.right,
.media .el-thumb.right,
.media figure.md-right,
.media .el-figure.md-right,
.media .el-thumb.md-right {
	float:right; 
	margin-right:0px; 
	margin-left:10px; 
}
.media .el-body {
	overflow:hidden;
}
.media .el-caption {
	font-size:12px;
	color:#666; 
}

/* md-gutter
-------------------------------------------*/
.media.md-gutter05 figure,
.media.md-gutter05 .el-figure,
.media.md-gutter05 .el-thumb {
	margin-right:5px; 
}
.media.md-gutter05 figure.right,
.media.md-gutter05 .el-figure.right,
.media.md-gutter05 .el-thumb.right,
.media.md-gutter05 figure.md-right,
.media.md-gutter05 .el-figure.md-right,
.media.md-gutter05 .el-thumb.md-right {
	margin-right:0px; 
	margin-left:5px; 
}

.media.md-gutter20 figure,
.media.md-gutter20 .el-figure,
.media.md-gutter20 .el-thumb {
	margin-right:20px; 
}
.media.md-gutter20 figure.right,
.media.md-gutter20 .el-figure.right,
.media.md-gutter20 .el-thumb.right,
.media.md-gutter20 figure.md-right,
.media.md-gutter20 .el-figure.md-right,
.media.md-gutter20 .el-thumb.md-right {
	margin-right:0px; 
	margin-left:20px; 
}


/*-------------------------------------------*/
/* 虫眼鏡アイコン thumb-zoom                 */
/* highslideのリンク要素に付ける             */
/*-------------------------------------------*/
.thumb-zoom {
	display:inline-block;
	*display:inline;
	position:relative;
	max-width:100%;
}
.thumb-zoom i {
	color:#555;
	font-size:18px;
	background-color:rgba(255,255,255,0.5);
	padding:2px;
	margin:0;
	border-radius:3px;
	position:absolute;
	right:4px;
	bottom:4px;
	transition:all 0.2s ease-in-out;
}

/*-------------------------------------------*/
/* コンテンツ                                */
/*-------------------------------------------*/
#contents {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	width:740px;
	color:#333;
	font-size:13px;
	overflow:visible !important;
	position:relative;
	margin:0 0 20px;
}

#path {
	color:#222;
	font-size:12px;
	padding:12px 0 8px 0;/*現行に見た目合わせる*/
	float:left;
	display:inline;/*ie6*/
	width:auto;
	max-width:740px;
	margin:0 0 0 10px;
}

/*-------------------------------------------*/
/* ボックス化                                */
/*-------------------------------------------*/

/* jQueryの「.show() .hide()」対策のため、    */
/*「!important」は使わず、「#page 〜」としている */
#page .block {display:block;}

/*-------------------------------------------*/
/* 汎用クラス                            */
/*-------------------------------------------*/

/* 表示・非表示
-----------------------------------------*/

#page .hidden {display:none;}


/* 画像要素
-----------------------------------------*/
.fix-img {max-width:100%; height:auto;}

/* ぶら下がりインデント
-----------------------------------------*/
.notes {
	color:#666;
	font-size:12px;
}
p.notes {
	text-indent:-1em;
	margin-left:1em;
}
ul.notes li {
	list-style-type:none !important;
	list-style-position:outside !important;
	text-indent:-1em;
	margin-left:1em;
}


/*-------------------------------------------*/
/* 余白                                      */
/*-------------------------------------------*/

/* マージン
-----------------------------------------*/
.mt-05 {margin-top:-5px !important;}
.mb-10 {margin-bottom:-10px !important;}
.mt08 {margin-top:8px!important;}
.mb02 {margin-bottom:2px !important;}
.mb08 {margin-bottom:8px!important;}
.mb15 {margin-bottom:15px !important;}
.mr05{margin-right:5px !important;}
.ml15{margin-left:15px !important;}
.mw00 {margin-left:0px !important; margin-right:0px !important;}
.mw05 {margin-left:5px !important; margin-right:5px !important;}
.mw20 {margin-left:20px !important;margin-right:20px !important;}


/*-------------------------------------------*/
/* 幅                                        */
/*-------------------------------------------*/
.w250 {width:250px !important;}
.w430 {width:430px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}


/*-------------------------------------------*/
/* 全般                            */
/*-------------------------------------------*/
img {
	vertical-align: bottom;
}

/*-------------------------------------------*/
/* ポジション                                */
/*-------------------------------------------*/
.relative {position:relative;}


/*-------------------------------------------*/
/* テキスト                                  */
/*-------------------------------------------*/

.txt {
	font-size:14px;
	line-height:1.5;
}

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


/* テキストカラー
-----------------------------------------*/
.t_red, .red {color:#f00 !important;}

/* テキストサイズ
-----------------------------------------*/
.t13 {font-size:13px !important;}
.t16 {font-size:16px !important;}

/*-------------------------------------------*/
/* grid_system                               */
/*-------------------------------------------*/
.grid {
	width:auto;
	overflow:visible;
	margin:0;
}

.grid:after,
.grid > div:after,
.grid > li:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}


.grid.fill {margin-left:-5px;margin-right:-5px;}
.grid.gutter15.fill05 {margin-left:-2.5px;margin-right:-2.5px;}
.grid.gutter15.fill20 {margin-left:12.5px;margin-right:12.5px;}

.grid .g02 {width:16.666%;}
.grid .g03 {width:25%;*width:24%;}
.grid .g04 {width:33.333%;*width:33%;}
.grid .g05 {width:41.666%;}
.grid .g06 {width:50%;*width:49%;}
.grid .g07 {width:58.333%;}
.grid .g09 {width: 75%;}
.grid .g5-1 {width:20%;}

.g3-1, .g3-2, .g4-1, .g4-2, .g4-3, .g5-1, .g5-2, .g5-3, .g5-4, .g6-1, .g6-2, .g6-3, .g6-4, .g6-5,
.g7-1, .g8-1, .g8-3, .g8-5, .g9-1, .g9-4, .g9-5, .g10-1, .g10-2, .g10-3, .g10-4, .g10-5, .g10-6, .g10-7, .g10-8, .g10-9, .g11-1,
.g01, .g02, .g03, .g04, .g05, .g06, .g07, .g08, .g09, .g10, .g11, .g12 {
	float:left;
	position:relative;
	overflow:visible;
	padding:0 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.grid.gutter15 > .g3-1, .grid.gutter15 > .g3-2, .grid.gutter15 > .g4-1, .grid.gutter15 > .g4-2, .grid.gutter15 > .g4-3,
.grid.gutter15 > .g5-1, .grid.gutter15 > .g5-2, .grid.gutter15 > .g5-3, .grid.gutter15 > .g5-4,
.grid.gutter15 > .g6-1, .grid.gutter15 > .g6-2, .grid.gutter15 > .g6-3, .grid.gutter15 > .g6-4, .grid.gutter15 > .g6-5,
.grid.gutter15 > .g7-1, .grid.gutter15 > .g8-1, .grid.gutter15 > .g8-3, .grid.gutter15 > .g8-5, .grid.gutter15 > .g9-1, .grid.gutter15 > .g9-4, .grid.gutter15 > .g9-5,
.grid.gutter15 > .g10-1, .grid.gutter15 > .g10-2, .grid.gutter15 > .g10-3, .grid.gutter15 > .g10-4, .grid.gutter15 > .g10-5,
.grid.gutter15 > .g10-6, .grid.gutter15 > .g10-7, .grid.gutter15 > .g10-8, .grid.gutter15 > .g10-9, .grid.gutter15 > .g11-1,
.grid.gutter15 > .g01, .grid.gutter15 > .g02, .grid.gutter15 > .g03, .grid.gutter15 > .g04, .grid.gutter15 > .g05, .grid.gutter15 > .g06,
.grid.gutter15 > .g07, .grid.gutter15 > .g08, .grid.gutter15 > .g09, .grid.gutter15 > .g10, .grid.gutter15 > .g11, .grid.gutter15 > .g12 {
	padding:0 7.5px;
}

/*===========================================*/
/* コンポーネンツ                            */
/*===========================================*/

/*-------------------------------------------*/
/* heading                                   */
/*-------------------------------------------*/
.heading {
	position:relative;
	font-weight:bold;
	color:#333;
	font-size:14px;
	margin:0 0 2px;
	height:auto;
	clear:both;
}

/* md-related
-------------------------------------------*/
.heading.md-related {
	font-size: 16px;
	padding:6px 10px;
	margin: 0 0 10px;
	background-color:#EEE;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
}

/* md-main
-------------------------------------------*/
.heading.md-main {
	border-bottom:1px solid #888;
	font-size:16px;
	margin:0 0 10px;
	padding:0;
}

/*-------------------------------------------*/
/* 補足説明等                                */
/*-------------------------------------------*/
.aside {
	position:relative;
	border:1px dotted #999;
	padding:10px;
	margin:0 20px;
}
.aside:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}

/* .aside.md-help
-------------------------------------------*/
.aside.md-help {
	background-color:#F9F9F9;
	border: 1px solid #C4C4C4;
	margin:0 10px;
}
.aside.md-help .heading.md-help {
	padding: 5px;
	margin:-10px -10px 10px;
	color: #47433A;
	font-weight: bold;
	font-size: 15px;
	background-color: #E0DDCE;
}

/* .aside.md-info
-------------------------------------------*/
.aside.md-info {
	border:none;
	background-color:#F1F1F1;
	box-shadow:0 0 1px 0px rgba(0,0,0,0.32);
	border-radius:3px;
}





/*-------------------------------------------*/
/* テーブル関係                              */
/*-------------------------------------------*/
.table {
	width:100%;
	border:1px solid #999;
	margin:0 0 2px;
}
.table caption {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}
.table td,
.table th {
	border:1px solid #BBB;
	padding:3px 8px;
	text-align:center;
}
.table th {
	background-color:#E5E5E5;
	font-weight:normal;
}
/* 左寄せ  md-left-align
-------------------------------------------*/
.table.md-left-align th,
.table.md-left-align td {
	text-align:left;
}
.table.md-left-align th {
	text-align:center;
}


/*-------------------------------------------*/
/* 施工イメージ、リピート部分                          */
/*-------------------------------------------*/
.gridin {
    width: 200px;
}


/*-------------------------------------------*/
/* シリーズ一覧                          */
/*-------------------------------------------*/
.category_list .g03 {
    margin-bottom: 10px;
}

.category_list .g03 a {
    display: block;
    background-color: #eee;
    height: 100%;
    margin-bottom: 10px;
}



/*-------------------------------------------*/
/* 見積もりフォーム                          */
/*-------------------------------------------*/
.form .aside,
.form-area .aside,
.mitumori-form .aside {
	margin:0 10px;
}
.mitumori-form .estimate-area .aside {
	margin:0 20px;
}

.mitumori-form textarea {
	width:98%;
	height:6em;
	resize: vertical;
}
.mitumori-form input[type=text] {
	width:4em;
	text-align:center;
}
.mitumori-form input[type=text][name=cloth_num] {
	width:6em;
	text-align:left;
}
.mitumori-form input[type=text].is-error-validate {
	border-radius:2px;
	border:1px solid #F00;
}
.mitumori-form select.is-error-validate {
	border-radius:2px;
	border:1px solid #F00;
}
.mitumori-form .validate-alert {
	color:#F00;
	font-size:12px;
	margin:4px 0;
	display:block;
}
.mitumori-form .label-required,
.mitumori-form .el-label-required {
	font-size:12px;
	display:block;
	color:#F00;
}

.mitumori-tab-menu .el-item.btn {
	border:1px solid #999;
	padding:10px;
	background-color:#AAA;
	color:#FFF;
	box-shadow:0 0 0 0 rgba(0,0,0,0.1);
}
.mitumori-tab-menu .el-item.btn i.icon-angle-double-down {
	transition:all 0.2s ease-in-out;
	transform:rotate(-90deg);
}
.mitumori-tab-menu .el-item.btn.is-selected {
	border-color:#F08300;
	background-color:#FFF;
	color:#555;
	color:#F08300;
}
.mitumori-tab-menu .el-item.btn.is-selected {
	opacity:1.0;
}
.mitumori-tab-menu .el-item.btn.is-selected i.icon-angle-double-down {
	color:#F08300;
	transform:rotate(0deg);
}


/* 見積もりフォーム  md-mitumori-form
-------------------------------------------*/
.table.md-mitumori-form {
	width:94.8%;
	margin:0 2.6%;
}
.table.md-mitumori-form th,
.table.md-mitumori-form td {
	padding:10px 8px;
	transition:all 0.2s ease-in-out;
}
.table.md-mitumori-form td {
	text-align:left;
	background-color:#FFF;
}
.table.md-mitumori-form th {
	width:8em;
}
.table.md-mitumori-form .el-item-size {
	display:inline-block;
	*display:inline;
	background-color:#F5F5F5;
	padding:5px 8px;
	border:1px solid #DDD;
}
.table.md-mitumori-form .el-item-size.md-width {
}
.table.md-mitumori-form .el-item-size.md-height {
}
.table.md-mitumori-form td.is-error-validate {
	box-shadow:1px 1px 0 0 #F00 inset, -1px -1px 0 0 #F00 inset;
}

/* input-block
-------------------------------------------*/
.mitumori-form .el-input-block,
.mitumori-form .input-block {
	display: inline-block;
	background-color: #F5F5F5;
	padding: 5px 8px;
	border: 1px solid #DDD;
	margin-bottom:2px;
	margin-top:2px;
}
.mitumori-form .el-input-block.md-block,
.mitumori-form .input-block.md-block {
	display: block;
}

/* フォーム関係
-----------------------------------------*/
input,
select,
textarea {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
}


/* 見積もりフォーム記入例 md-guide-form
-------------------------------------------*/
.table.md-guide-form {
	width:96%;
	margin:0 2%;
}
.table.md-guide-form th,
.table.md-guide-form td {
	padding:4px 8px;
}
.table.md-guide-form th {
	width:6em;
}
.table.md-guide-form td {
	text-align:left;
}


/*埋め込みフォームロープタッセル
-------------------------------------------*/
.form_ropeTassel{
	padding: 5px;
	border: 1px solid #666;
	border-radius: 6px;
	display: inline-block;
}

/*-------------------------------------------*/
/* ボタン                                    */
/*-------------------------------------------*/

.btn {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	background-color:#4BAA9F;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:7px 10px;
	border-radius:4px;
	text-align:center;
	cursor:pointer;
	position:relative;
	transition:all 0.2s ease-in-out;
	margin:2px auto;
}
.btn:focus,
.btn:hover {
	color:#FFF;
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.btn:link,
.btn:visited,
.btn:active {
	color:#FFF;
}
.btn i {
	font-size:18px;
}
.btn i:before {
}
.btn i.right {
	float:right;
	margin-left:10px;
}
.btn i.left {
	float:left;
	margin-right:10px;
}



/* インラインブロック ボタン
-------------------------------------------*/
.btn.md-iblock {
	display:inline-block;
}

/* メーカーページヘ
-------------------------------------------*/
.btn.md-maker {
	background-color:#999;/*#8BB143*/
	padding-left:20px;
	padding-right:20px;
	border-radius:20px;
	font-size:14px;
}
.btn.md-maker i {
	margin-right:15px;
}
.btn.md-maker i.right {
	margin-right:0px;
	margin-left:15px;
}
.btn.md-maker i {
	font-size:18px;
}

/* ヘルプ、お問い合せ
-------------------------------------------*/
.btn.md-help {
	background-color:#E05823;
}
.btn.md-help i {
}
.btn.md-help i.icon-mail {
}

/* 見積もりボタン
-------------------------------------------*/
.btn.md-estimate {
	background-color:#C63329;
}
.btn.md-estimate i {
	font-size:20px;
}
.btn.md-estimate i.icon-document:before {
	float:left;
	margin:-1px 0 0 2px;
}
.btn.md-estimate i.icon-angle-double-right {
	font-size:18px;
	margin:-2px 0 0 0;
}

/* 「これで見積もる」ボタン
-------------------------------------------*/
.btn.md-estimate.md-set-form {
	background-color:#F5D2D0;
	border:1px solid #D7716A;
	color:#CB4138;
	box-shadow:none;
}
.btn.md-estimate.md-set-form:hover {
	border:1px solid #C63329;
	color:#C63329;
	background-color:#F2B6B2;
	opacity:1;
}

/* md-mitumori-form
-------------------------------------------*/
.estimate-area.md-mitumori-form {
	text-align:left;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:2px solid #999;
	padding:10px;
	background-color:#F5F5F5;
}
.estimate-area.md-mitumori-form .el-copy {
	text-align:center;
}
.estimate-area.md-mitumori-form .el-flow {
	margin:0 0 20px;
	text-align:center;
}

/* 大きいボタン
-------------------------------------------*/
.btn.md-large {
	font-size:16px;
	font-weight:bold;
	padding:12px 10px;
	border-radius:6px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}
.btn.md-large i {
	font-size:20px;
}

/* もっと大きいボタン
-------------------------------------------*/
.btn.md-xlarge {
	font-size:18px;
	font-weight:bold;
	padding:16px 10px;
	border-radius:6px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}
.btn.md-xlarge i.icon-document,
.btn.md-xlarge i.icon-angle-double-right,
.btn.md-xlarge i {
	font-size:25px;
}
.btn.md-xlarge i.icon-easel,
.btn.md-xlarge i.icon-mail {
	font-size:28px;
	margin-top:-2px;
}

/* もっともっと大きいボタン
-------------------------------------------*/
.btn.md-xxlarge {
	font-size:20px;
	font-weight:bold;
	padding:20px 10px;
	border-radius:7px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}
.btn.md-xxlarge i.icon-angle-double-right,
.btn.md-xxlarge i {
	font-size:28px;
}
.btn.md-xxlarge i.icon-document {
	font-size:30px;
}

/*-------------------------------------------*/
/* 見積もりボタンエリア                      */
/*-------------------------------------------*/
.estimate-area .el-copy {
	font-size:16px;
	color:#53820F;
	margin:0 0 5px;
	font-weight:bold;
}

/*-------------------------------------------*/
/* items                                     */
/*-------------------------------------------*/
.item {
	display:block;
	position:relative;
	margin:0 0 10px;
}

.item .el-thumb-img {
	max-width:100%;
	transition:all 0.2s ease-in-out;
}

.item .el-price {
	color:#C63329;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.item .el-body {
	position:relative;
	display:block;
}


/* テキストラベル
-------------------------------------------*/

.label.md-txt-label.md-basic-info {
	background-color:#F08300;
}

.label.md-txt-label {
	background-color:#999;
	display:inline-block;
	*display:inline;
	color:#FFF;
	font-weight:normal;
	padding:2px 5px;
	font-size:11px;
	border-radius:1px;
	letter-spacing:normal;
	margin:1px;
}


/* メーカーページヘ
-------------------------------------------*/
.btn.md-maker {
	background-color:#999;/*#8BB143*/
	padding-left:20px;
	padding-right:20px;
	border-radius:20px;
	font-size:14px;
}
.btn.md-maker i {
	margin-right:15px;
}
.btn.md-maker i.right {
	margin-right:0px;
	margin-left:15px;
}
.btn.md-maker i {
	font-size:18px;
}

/* ヘルプ、お問い合せ
-------------------------------------------*/
.btn.md-help {
	background-color:#E05823;
}
.btn.md-help i {
}
.btn.md-help i.icon-mail {
}

/* 無料サンプル申し込み
-------------------------------------------*/
.btn.md-sample-cloth {
	background-color:#714C44;
}
.btn.md-sample-cloth i {
}
.btn.md-sample-cloth i.icon-mail {
}


/* .aside.md-sample-cloth
----------------------------------------- */
.aside.md-sample-cloth {
	border:2px #9b7373 solid;
	background-color:#eae6e5;
	margin:0 10px;
}
.aside.md-sample-cloth .heading.md-sample-cloth {
	color:#4E2728;
	font-size:15px;
	vertical-align:bottom;
	margin-top:2px;
	margin-bottom:5px;
}
.aside.md-sample-cloth .heading.md-sample-cloth .icon-img {
	vertical-align:middle;
}
.aside.md-sample-cloth dd {
	font-size:12px;
	line-height:18px;
}

/* 見積もりボタン
-------------------------------------------*/
.btn.md-estimate {
	background-color:#C63329;
}
.btn.md-estimate i {
	font-size:20px;
}
.btn.md-estimate i.icon-document:before {
	float:left;
	margin:-1px 0 0 2px;
}
.btn.md-estimate i.icon-angle-double-right {
	font-size:18px;
	margin:-2px 0 0 0;
}

/* もっと大きいボタン
-------------------------------------------*/
.btn.md-xlarge {
	font-size:18px;
	font-weight:bold;
	padding:16px 10px;
	border-radius:6px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.2); 
}


/*-------------------------------------------*/
/* items                                     */
/*-------------------------------------------*/
.item {
	display:block;
	position:relative;
	margin:0 0 10px;
}

.item .el-thumb-img {
	max-width:100%;
	transition:all 0.2s ease-in-out;
}

/* input-label
-------------------------------------------*/
.mitumori-form .input-label {
	display:block;
	border:1px solid transparent;
	border-radius:2px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	position:relative;
	padding:3px;
	font-size: 12px;
}
.mitumori-form .input-label:hover {
	border:1px solid #CCC;
}
.mitumori-form .input-label.checked {
	border:1px solid #F9AE56;
	background-color:rgba(255, 222, 126, 0.4);
}
.mitumori-form .input-label img {
}
.mitumori-form .input-label.md-iblock {
	display:inline-block;
}

.mitumori-form .hide {
	display: none;
}

.mitumori-form .submit {
}


.mitumori-form .el-unit {
	font-size:12px;
	color:#666;
	margin-left:2px;
}

.mitumori-form select[name^=op_] {
	
}
.mitumori-form select[name^=value_op_] {
	margin-left:5px;
}
.ph10 {padding-top:10px !important;padding-bottom:10px !important;}

/*===========================================*/
/* 外部コンポーネント                        */
/*===========================================*/

/*-------------------------------------------*/
/* fontello                                  */
/*-------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
  vertical-align:middle !important;
}


/*-------------------------------------------*/
/* pagetopBtn                                */
/*-------------------------------------------*/

/*「トップへ」*/
#PAGETOP_BTN {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display:block;
	z-index:999;
}
#PAGETOP_BTN a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	display:table-cell;
	*display:block;
	width:60px;
	height:60px;
	vertical-align:middle;
	border-radius:45px;
	background-color:rgba(0,0,0,0.5);
	*background-color:#444;
	transition:all 0.2s ease-in-out;
}
#PAGETOP_BTN a i.icon-arr-up {
	font-size:20px;
}
#PAGETOP_BTN a:hover {
	text-decoration: none;
	background-color:rgba(0,0,0,0.6);
	*background: #333;
}

/*============================================================*/
/*	common.css 移植end 2017/8/29
/*============================================================*/



/* インデックページ用
-----------------------------------------*/
.category_block {
    color: #fff;
    padding: 5px 15px 5px 15px;
    font-size: 20px;
    font-weight: bold;
    display: block;
}
.category_block .btn {
    font-family: "メイリオ", Meiryo, Osaka, sans-serif;
    background-color: #FFFFFF;
    color: #293500;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 3px 0px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
    margin: 8px auto 4px auto;
    width: 65%;
}
.category a{
	text-decoration: none;
}

/*============================================================*/
/*	カタログ単位
/*============================================================*/

/*色*/
.bg01{ background:rgba(121 112 96 / 90%);}

/* 裏地つきの価格関連（基本統一）
-------------------------------------------*/
.t_andok { margin:0 10px 10px 10px; padding:15px 0; font-size:18px; font-weight:bold; text-align:center; color:#ffffff; background-color:#ff6666;}

/*形態安定・形状記憶・レースの標準縫製
-------------------------------------------*/
.wave_area{
	margin: 0 5px 5px 5px;
}
.wave_title{
	font-size:20px;
	border-bottom: 1px #cccccc solid;
	margin:0 0 5px 0;
}

/* TOP画像下
-----------------------------------------*/
.top-icon-area li p {
	color:#ffffff;
	font-size:15px;
	text-align: center;
	border:1px #cccccc solid;
	background-color:#524944;
	padding:2px 0 0;
}

/* TOP-カテゴリ見出し
-------------------------------*/
.arrow {font-size:16px;	font-weight:normal;}
span.thum_name{
	display:block;
	position:absolute;
	top:0;
	width:92%;
	color:#fff;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	font-size:20px;
	
}

/* 画像版ズームアイコン
-------------------------------*/
.zoom-icon {
    position: relative;
}
.zoom-icon-img{
    display: block;
    position: absolute;
    right: 4px;
    bottom: 4px;
    opacity: 0.7;
}

/* 生地画像ランクアイコン
-------------------------------*/
.rank_icon {
    width: 80%;
}

/*============================================================*/
/*	以下共通部分
/*============================================================*/

/* 見出し
---------------------------------------*/
.heading.item-name {
	padding: 5px 10px;
	font-size: 30px;
	border-bottom: 3px solid #ccc;
	background-color: #eee;
}
.heading.item-title {
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 24px;
	border-left: 5px solid #ccc;
	background-color: #eee;
}

.heading.md-mitu-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-grouptitle{
	font-size: 15px;
	padding:6px 10px;
	margin: 0 0 10px;
	background-color:#f2ecd6;
	border-top: 1px solid #776347;
	border-bottom: 1px solid #776347;
}


/* メーカー価格より割引中
-------------------------------------------*/
.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;
}


/* カテゴリー一覧
-------------------------------*/
.category_list .p_price {display:block;margin:5px 0 5px 2px; line-height:18px; color:#252525;}
.category_list .p_price span:after{content:"円";}/*IE6,IE7が非対応*/
.category_list .product_name {word-break: break-all;display:block; font-size:14px;color: #1146B3; line-height:17px; margin:4px 0 0 3px;}
.category_list .icon_co img{margin-left: 3px;}
.category_list .g03{margin-bottom: 10px;}
.c_color_chip { display:block; height:25px; margin:5px 0 0 5px; text-align:left; color:#666666; }
.c_color_chip img {margin-right:3px;margin-top:3px;border-radius: 15px;width: 20px;border: 1px solid #bbb;}
.c_color_chip span { display:block; width:48px; font-size:12px; margin:2px 0; padding:2px 0; text-align:center; border:1px #888 solid;}
.c_color_chip span, .c_color_chip img { float:left;}
.category_list .g03 a{display: block; background-color: #eee; height: 100%; margin-bottom: 10px; text-decoration: none;}
.category_list .el-price {color: #C63329; font-size: 14px; font-weight: bold; display: block;}



/*	ヨコ使い
/*-------------------------------------------*/
.yoko{width:70px; position:absolute;top:5px;right:15px;}


/*	.price
/*-------------------------------------------*/
.price dt {font-size:16px;margin:5px 0 0 5px;font-weight:bold;line-height:20px;}
.price dd {text-align:right;line-height:20px;margin:0 0 20px 0;}
.price span {color:#900;font-family:ariel;font-size:23px;font-weight:bold;margin:0 0 0 8px;}
.price p {color:#666;border-top:2px solid #aaa;font-size:10px;padding:3px 0 0 0;}




/*	注記
/*-------------------------------------------*/
.comment{color:#666;font-size:12px;line-height:16px;border:1px dashed #999;padding:10px 10px;}


/*	.num_nav (BACK,NEXT)
/*-------------------------------------------*/
.num_nav div.name{float:left;width:520px;line-height:16px;text-align:center;font-size:16px;font-weight:bold;color:#888;}
.num_nav.tp{margin-bottom:5px;}
.num_nav.bm{border-top:2px solid #CCC; margin-bottom:50px; padding-top:3px;}
.num_nav div.back , .num_nav div.next{width:110px;}
.num_nav div.back {float:left;}
.num_nav div.next {float:right;}
.num_nav a{color:#666; font-size:16px; font-weight:bold;}



/*「ul li div」内の要素に以下クラス(.rt.rb.lb.lt)記述すれば好きな位置を基準に画像に要素を乗せられます
-------------------------------------------*/
ul li div{position:relative;}.rb{right:0;bottom:0;}.rt{right:0;top:0;}.lb{left:0;bottom:0;}.lt{left:0;top:0;}
ul li div .rb,ul li div .rt,ul li div .lb,ul li div .lt{position:absolute ;margin:5px; z-index:10;}
ul li div .rb *,ul li div .rt *,ul li div .lb *,ul li div .lt *{margin:2px;}


/* 防炎ラベル
-------------------------------------------*/
.bouen_label{
	margin:20px 0;
	padding:15px 20px;
	border-radius:5px;
	font-size:12px;
	color:#888;
	border:2px #f66 solid;
}
.bouen_label_img{
	width:170px;
	height:104px;
	margin:0 0 10px;
}


/* 製品情報テーブル
---------------------------------------*/
.table.item-info th {color: #666;width:80px;}
.table.item-info td {padding-top: 5px;padding-bottom: 5px;}
tr.curtain-icon td img{margin:2px 4px 2px 0;}


/* ピックアップ機能性
-----------------------------------------*/
.menu-kinou .item .el-thumb {float:left; margin-right:10px;}
.menu-kinou .item {border: 1px solid #ccc;}
.menu-kinou .item.media .el-body {padding: 5px 5px 3px 0;}
.menu-kinou .item.media .title {display: block; color: #333; font-size: 14px; font-weight: bold;}
.menu-kinou .item.media .kinoutxt {display: block; margin-top: 3px; color: #333; font-size: 13px;}


/* アイコンの説明
-------------------------------------------*/
.go_box_rank {display:block;margin:10px 0 5px 0; text-align:center;padding:3px 0; border:1px #cccccc solid; border-radius:3px; background-color:#eeeeee; }


/*-------------------------------------------*/
/* 虫眼鏡アイコン thumb-zoom                 */
/* highslideのリンク要素に付ける             */
/*-------------------------------------------*/
.thumb-zoom-omoteura {
	display:inline-block;
	*display:inline;
	position:relative;
	max-width:100%;
}
.thumb-zoom-omoteura i {
	color:#555;
	font-size:18px;
	background-color:rgba(255,255,255,0.5);
	padding:2px;
	margin:0;
	border-radius:3px;
	position:absolute;
	right:4px;
	bottom:145px;
	transition:all 0.2s ease-in-out;
	z-index:100;
}
.thumb-zoom-omoteura:hover i {
	color:#DDD;
	opacity:1.0;
	filter:alpha(opacity=100);
	background-color:rgba(0,0,0,0.4);
}
.thumb-zoom-omoteura:hover img {
	opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
}

.p3.cloth ul li.ura div.omote span.lb{
	bottom:140px;
	}



/*コンビネーションスタイル裏地付き生地*/
li.comb-ura { position:relative;margin:0px 7px;}
li.comb-ura div{ overflow: hidden;height:82px;}
li.comb-ura div.omote{ width:60px;float:left;}
li.comb-ura div.ura{width:50px;}
li.comb-ura div.omote img.cu_item{margin-left:-45px;}
li.comb-ura div.ura img.cu_item{margin-left:-70px;}
li.comb-ura p{font-weight:normal !important;}
li.comb-ura p span{text-align:right; font-size:12px; margin-top:-17px; color:#999;}




/* フェルタ追記CSS
-------------------------------------------*/
.ft_table {
	width:100%;
	border:1px solid #999;
	margin:0 0 2px;
}
.ft_table caption {
	font-family:"メイリオ", Meiryo, Osaka, sans-serif;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}
.ft_table td,
.ft_table th {
	border:1px solid #BBB;
	padding:3px 8px;
	text-align:center;
}
.ft_table th {
	font-weight:normal;
}
.ft_table_color{
	background-color:#E5E5E5;
}
.go_box_rank{
	display: block; 
    width: 220px;
    padding: 3px 0;
    text-align: center;
    border: 1px #cccccc solid;
    border-radius: 3px;
    background-color: #eeeeee;
}


/* PC時、非表示
----------------------------------------*/
.sp_dsp_on_b {
    display: none;
}


/* 廃番の表示追記CSS
-------------------------------------------*/
.zaiko {
	font-size:12px;
	color:#F00;
	font-weight:normal;
	text-align:center;
	display:block;
}
.zaiko.md-no,
.zaiko.md-end {
	margin-top:3px;
	color:#FFF;
	background-color:#F00;
	padding:5px;
}