@charset "shift-jis";


/* common.css 移植 2017/10/24
-----------------------------------------*/

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


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

#page .hidden {display:none;}
#page .pc-hidden {display:none;}


/*-------------------------------------------*/
/* grid_system （旧型）                      */
/*-------------------------------------------*/
.wrap_grid {
	width:100%;
}
.wrap_grid:after,
.wrap_grid > div:after,
.wrap_grid > li:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}
.grid3_1, .grid3_2, .grid4_1, .grid4_2, .grid4_3, .grid5_1, .grid5_2, .grid5_3, .grid5_4,
.grid6_1, .grid6_2, .grid6_3, .grid6_4, .grid6_5 {
	float:left;
	position:relative;
	overflow:hidden;
	zoom:1;
}
.grid3_1, .grid3_2,
.grid6_1, .grid6_2, .grid6_3, .grid6_4, .grid6_5 {
	margin:0 0 0 22px;
}
.grid4_1, .grid4_2, .grid4_3,
.grid5_1, .grid5_2, .grid5_3, .grid5_4 {
	margin:0 0 0 20px;
}
.grid3_1 { width:232px; }
.grid3_2 { width:486px; }
.grid4_1 { width:170px; }
.grid4_2 { width:360px; }
.grid4_3 { width:550px; }
.grid5_1 { width:132px; }
.grid5_2 { width:284px; }
.grid5_3 { width:436px; }
.grid5_4 { width:588px; }
.grid6_1 { width:105px; }
.grid6_2 { width:232px; }
.grid6_3 { width:359px; }
.grid6_4 { width:486px; }
.grid6_5 { width:613px; }
.wrap_grid .grid_first {
	margin-left:0px !important;
	clear:left;
}


/*-------------------------------------------*/
/* 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.fill05 {margin-left:0px;margin-right:0px;}

.grid.gutter15.fill05 {margin-left:-2.5px;margin-right:-2.5px;}
.grid.gutter20.fill05 {margin-left:-5px;margin-right:-5px;}


.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;
}

.g01:after, .g02:after, .g03:after, .g04:after, .g05:after, .g06:after, .g07:after, .g08:after, .g09:after, .g10:after, .g11:after, .g12:after {
  content:"."; 
  display:block; 
  height:0; 
  font-size:0;	
  clear:both; 
  visibility:hidden;
}
.grid.gutter00 > .g3-1, .grid.gutter00 > .g3-2, .grid.gutter00 > .g4-1, .grid.gutter00 > .g4-2, .grid.gutter00 > .g4-3,
.grid.gutter00 > .g5-1, .grid.gutter00 > .g5-2, .grid.gutter00 > .g5-3, .grid.gutter00 > .g5-4,
.grid.gutter00 > .g6-1, .grid.gutter00 > .g6-2, .grid.gutter00 > .g6-3, .grid.gutter00 > .g6-4, .grid.gutter00 > .g6-5,
.grid.gutter00 > .g7-1, .grid.gutter00 > .g8-1, .grid.gutter00 > .g8-3, .grid.gutter00 > .g8-5, .grid.gutter00 > .g9-1, .grid.gutter00 > .g9-4, .grid.gutter00 > .g9-5,
.grid.gutter00 > .g10-1, .grid.gutter00 > .g10-2, .grid.gutter00 > .g10-3, .grid.gutter00 > .g10-4, .grid.gutter00 > .g10-5,
.grid.gutter00 > .g10-6, .grid.gutter00 > .g10-7, .grid.gutter00 > .g10-8, .grid.gutter00 > .g10-9, .grid.gutter00 > .g11-1,
.grid.gutter00 > .g01, .grid.gutter00 > .g02, .grid.gutter00 > .g03, .grid.gutter00 > .g04, .grid.gutter00 > .g05, .grid.gutter00 > .g06,
.grid.gutter00 > .g07, .grid.gutter00 > .g08, .grid.gutter00 > .g09, .grid.gutter00 > .g10, .grid.gutter00 > .g11, .grid.gutter00 > .g12 {
	padding:0;
}
.grid.gutter05 > .g3-1, .grid.gutter05 > .g3-2, .grid.gutter05 > .g4-1, .grid.gutter05 > .g4-2, .grid.gutter05 > .g4-3,
.grid.gutter05 > .g5-1, .grid.gutter05 > .g5-2, .grid.gutter05 > .g5-3, .grid.gutter05 > .g5-4,
.grid.gutter05 > .g6-1, .grid.gutter05 > .g6-2, .grid.gutter05 > .g6-3, .grid.gutter05 > .g6-4, .grid.gutter05 > .g6-5,
.grid.gutter05 > .g7-1, .grid.gutter05 > .g8-1, .grid.gutter05 > .g8-3, .grid.gutter05 > .g8-5, .grid.gutter05 > .g9-1, .grid.gutter05 > .g9-4, .grid.gutter05 > .g9-5,
.grid.gutter05 > .g10-1, .grid.gutter05 > .g10-2, .grid.gutter05 > .g10-3, .grid.gutter05 > .g10-4, .grid.gutter05 > .g10-5,
.grid.gutter05 > .g10-6, .grid.gutter05 > .g10-7, .grid.gutter05 > .g10-8, .grid.gutter05 > .g10-9, .grid.gutter05 > .g11-1,
.grid.gutter05 > .g01, .grid.gutter05 > .g02, .grid.gutter05 > .g03, .grid.gutter05 > .g04, .grid.gutter05 > .g05, .grid.gutter05 > .g06,
.grid.gutter05 > .g07, .grid.gutter05 > .g08, .grid.gutter05 > .g09, .grid.gutter05 > .g10, .grid.gutter05 > .g11, .grid.gutter05 > .g12 {
	padding:0 2.5px;
}
.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;
}
.grid.gutter20 > .g3-1, .grid.gutter20 > .g3-2, .grid.gutter20 > .g4-1, .grid.gutter20 > .g4-2, .grid.gutter20 > .g4-3,
.grid.gutter20 > .g5-1, .grid.gutter20 > .g5-2, .grid.gutter20 > .g5-3, .grid.gutter20 > .g5-4,
.grid.gutter20 > .g6-1, .grid.gutter20 > .g6-2, .grid.gutter20 > .g6-3, .grid.gutter20 > .g6-4,.grid.gutter20 > .g6-5,
.grid.gutter20 > .g7-1, .grid.gutter20 > .g8-1, .grid.gutter20 > .g8-3, .grid.gutter20 > .g8-5, .grid.gutter20 > .g9-1, .grid.gutter20 > .g9-4, .grid.gutter20 > .g9-5,
.grid.gutter20 > .g10-1, .grid.gutter20 > .g10-2, .grid.gutter20 > .g10-3, .grid.gutter20 > .g10-4, .grid.gutter20 > .g10-5,
.grid.gutter20 > .g10-6, .grid.gutter20 > .g10-7, .grid.gutter20 > .g10-8, .grid.gutter20 > .g10-9, .grid.gutter20 > .g11-1,
.grid.gutter20 > .g01, .grid.gutter20 > .g02, .grid.gutter20 > .g03, .grid.gutter20 > .g04, .grid.gutter20 > .g05, .grid.gutter20 > .g06,
.grid.gutter20 > .g07, .grid.gutter20 > .g08, .grid.gutter20 > .g09, .grid.gutter20 > .g10, .grid.gutter20 > .g11, .grid.gutter20 > .g12 {
	padding:0 10px;
}
.grid.gutter30 > .g3-1, .grid.gutter30 > .g3-2, .grid.gutter30 > .g4-1, .grid.gutter30 > .g4-2, .grid.gutter30 > .g4-3,
.grid.gutter30 > .g5-1, .grid.gutter30 > .g5-2, .grid.gutter30 > .g5-3, .grid.gutter30 > .g5-4,
.grid.gutter30 > .g6-1, .grid.gutter30 > .g6-2, .grid.gutter30 > .g6-3, .grid.gutter30 > .g6-4, .grid.gutter30 > .g6-5,
.grid.gutter30 > .g7-1, .grid.gutter30 > .g8-1, .grid.gutter30 > .g8-3, .grid.gutter30 > .g8-5, .grid.gutter30 > .g9-1, .grid.gutter30 > .g9-4, .grid.gutter30 > .g9-5,
.grid.gutter30 > .g10-1, .grid.gutter30 > .g10-2, .grid.gutter30 > .g10-3, .grid.gutter30 > .g10-4, .grid.gutter30 > .g10-5,
.grid.gutter30 > .g10-6, .grid.gutter30 > .g10-7, .grid.gutter30 > .g10-8, .grid.gutter30 > .g10-9, .grid.gutter30 > .g11-1,
.grid.gutter30 > .g01, .grid.gutter30 > .g02, .grid.gutter30 > .g03, .grid.gutter30 > .g04, .grid.gutter30 > .g05, .grid.gutter30 > .g06,
.grid.gutter30 > .g07, .grid.gutter30 > .g08, .grid.gutter30 > .g09, .grid.gutter30 > .g10, .grid.gutter30 > .g11, .grid.gutter30 > .g12 {
	padding:0 15px;
}


.grid .g01 {width:8.333%;}
.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 .g08 {width:66.666%;}
.grid .g09 {width:75%;}
.grid .g10 {width:83.33%;}
.grid .g11 {width:91.666%;}
.grid .g12 {width:100%;}



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

/* マージン
-----------------------------------------*/
.mt05 {margin-top:5px!important;}
.mt15 {margin-top:15px!important;}

.mb05 {margin-bottom:5px!important;}

.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}

.mr05{margin-right:5px !important;}

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


/*-------------------------------------------*/
/* 補足説明等                                */
/*-------------------------------------------*/
.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;
}

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

/*-------------------------------------------*/
/* ボタン                                    */
/*-------------------------------------------*/
.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-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;
}


/*===========================================*/
/* 汎用クラス                                */
/*===========================================*/

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




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

/*-------------------------------------------*/
/* fontello                                  */
/*-------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
  vertical-align:middle !important;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  speak:none;
 
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  margin-right:0em;
  text-align:center;
  /* opacity:.8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant:normal;
  text-transform:none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height:1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left:0em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size:120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*-------------------------------------------*/
/* 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;
}




/*===========================================*/
/* warmCSS                        */
/*===========================================*/

/* 商品一覧
-------------------------------------------*/
.grid {
	width:auto;
	overflow:visible;
	margin:0;
}
.grid.gutter15.fill05 {margin-left:-2.5px;margin-right:-2.5px;}
.grid .g03 {width:25%;*width:24%;}

.g03 {
	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;
}

.category_list .item a{display:block;background-color: #f6f6f6; padding:0 0 10px 0; border-top:solid #fa9353 4px;}

.category_list .item .product_name {word-break: break-all;display:block; font-size:14px; line-height:17px; margin:4px 0 0 3px;color: #993300;font-weight: bold;}

.c_color_chip { display:block; height:25px; margin:5px 0 0 5px; text-align:left; color:#666666; }
.c_color_chip img {width:18px;
height:18px;	margin-right:3px;margin-top:3px;border-radius: 15px;border: 1px solid #bbb;}
.c_color_chip span { display:block; width:35px; font-size:10px; margin:4px 0; padding:2px 0; text-align:center; border:1px #cccccc solid;vertical-align:middle;}
.c_color_chip span, .c_color_chip img { float:left;}
.grid.gutter15 > .g03 {
	padding:0 7.5px;
}

.item {
	display:block;
	position:relative;
	margin:0 0 10px;
}


/* ピックアップ機能性
-----------------------------------------*/
.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;}
.item {display:block; position:relative; margin:0 0 10px;}
.item .el-body {position:relative; display:block;}
.txt {font-size:14px; line-height:1.5;}


/* テキスト関連
-------------------------------------------*/
.warm_title{padding:3px 0 0 5px; border-left: 5px solid #FFD6A9; border-radius:5px; background-color:#FFE5BC;font-size:24px;color:#6d472e;}
.dot{border-bottom:3px dashed #fedbb3;}
.text01{letter-spacing:1px;}
.t_point{color:#897366; font-size:22px; line-height:1.6;}
.picup {margin:0 0 0 5px; padding:5px 0; color:#ffffff; background-color:#a08677;}
.appeal{color:#3D3D3D;}


/* icon
-------------------------------------------*/
.icon_on_img {
	position:absolute;
	top:9px;
	left:12px;
	z-index:90;
}


/* 保温カーテンのポイント
------------------------------------*/
.t_point02{color:#897366; font-size:18px; font-weight:bold;}
.point_box{border: 3px solid #f3dfc6;border-radius: 8px; padding-left:5px;}
.point_box li{font-size:15px;margin:10px 0 10px 0;padding-left:25px;background:url(img/icon/icon_warm.gif) 0 0 no-repeat;}