@charset "UTF-8";


/*---背景色---*/
.Bg_Green{
	height: 120px;
	background: #a3d6ce;
	padding:0;
}

.White_Bg {
	background: #fff;
}

.Img_Bg {
	background: -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
	background: linear-gradient(to bottom, #fefefe, #f4f4f4);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*---改行---*/
.pc_none {
	display:none;
}

/*---見だし---*/
#Heading{
	height: 120px;
	background: url(../img/tit_01.png) no-repeat;
	background-size: 120px;
	position: relative;
	top: 20px;
	font-size: 48px;
	padding: 8px 0px 0px 150px;
}

.Title_01{
	padding: 8px 0px 4px 0px;
	border-left:24px solid #59ced9;
	background: #d4f0f3;
}

.Title_01 .lbW{
	font-size: 20px;
	color: #000;
	height: 100%;
	padding: 8px 0px 4px 10px;
	border-left:6px solid #fff;
}

.Icon_01 {
	width: 100%;
	height: 40px;
	text-align: center;
	background: #0099ff;
	color: #fff;
	line-height: 40px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.Return a {
	height: 30px;
	font-size:16px;
	background: url(../img/ico_return.png) no-repeat left center / 26px 26px;
	padding:1px 0px 0px 36px;
}

/*---床面積ラベル---*/
.product_label{
	display:table;
	width:100%;
	margin-bottom:1em;
}
.product_label li{
	width:50%;
	display:table-cell;
}

/*---機能アイコン---*/
.product_icon{
	overflow:hidden;
	padding:1em 0;
}
.product_icon li{
	float:left;
	width:9%;
	padding:0.5%;
}

/*---ビルトインコンロ 装飾---*/
.built_01{
	padding: 2px 20px 1px;
	color: #fff;
	background: #5c839f;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.built_02{
	padding: 2px 20px 1px;
	color: #fff;
	background: #7c6b52;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.built_03{
	padding: 2px 20px 1px;
	color: #fff;
	background: #628979;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*---衣類乾燥機 装飾---*/
.dryer_01{
	padding: 2px 20px 1px;
	color: #fff;
	background: #578bd8;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*---ファンヒーター 装飾---*/
.heater_01{
	padding: 2px 16px 1px;
	color: #fff;
	background: #a97443;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.heater_02{
	padding: 2px 16px 1px;
	color: #fff;
	background: #7d7b82;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*---給湯器 装飾---*/
.boiler_01{
	padding: 2px 10px 1px;
	color: #fff;
	background: #597490;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.boiler_02{
	padding: 2px 10px 1px;
	color: #fff;
	background: #717a63;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.boiler_03{
	padding: 2px 10px 1px;
	color: #fff;
	background: #a5974e;
	margin-right: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*---ボタン（見積り依頼）---*/
.button_estimate {
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 80px;
	text-align: center;
	text-decoration: none;
	background-color: #e61984;
	color: #fff;
	line-height: 80px;
	overflow: hidden;
	font-size: 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.button_estimate::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #f9349b;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .5s;
}
.button_estimate:hover {
	color: #fff;
}
.button_estimate:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}

/*---文字サイズ設定---*/
.fsz18 {
	font-size: 18px;
}

.fsz24 {
	font-size: 24px;
	line-height: 1.2em;
}

.fsz28 {
	font-size: 28px;
	line-height: 1em;
}

/*---fontカラー---*/
.fcGray { color: #ccc;}
.fcRed { color: #ca353b;}

/*---文字位置---*/
.taC_spL { text-align: center !important;}

/*---商品を探す 2カラム---*/
.Product_box {
	display: table;
	margin: 0px;
	padding: 30px;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.Product_box .box_left {
	float: left;
	display: table-cell;
	width: 55%;
}
.Product_box .box_right {
	float: left;
	display: table-cell;
	width: 40%;
}
.Product_box .box_center {
	float: left;
	display: table-cell;
	width: 5%;
}
@media screen and (max-width:767px){
	/*---幅・マージン調整---*/
	.Product_box {
		display: table;
		margin: 0px;
		padding: 6px;
		width: 100%;
		background-color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.Product_box .box_left {
		float: left;
		display: table-cell;
		width: 70%;
	}
	.Product_box .box_right {
		float: left;
		display: table-cell;
		width: 28%;
	}
	.Product_box .box_center {
		float: left;
		display: table-cell;
		width: 2%;
	}
}

/*---商品詳細 2カラム---*/
.Product_detail {
	display: table;
	margin: 0px;
	padding: 40px 20px;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.Product_detail .cont_left {
	float: left;
	display: table-cell;
	width: 38.9%;
}

.Product_detail .cont_right {
	float: left;
	display: table-cell;
	width: 56.9%;
}

.Product_detail .cont_blank {
	float: left;
	display: table-cell;
	width: 4.2%;
}

/*---幅・マージン調整---*/
.Product_detail .mgnt40 {
	margin-top: 40px;
}

.Product_detail .wdh80per {
	width: 80%;
}

@media screen and (max-width:767px){

	.Product_detail {
		margin: 0px;
		padding: 14px;
		width: 100%;
		background-color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.Product_detail .cont_left {
		width: 100%;
	}

	.Product_detail .cont_right {
		width: 100%;
		margin-top: 10px;
	}
	
	.Product_detail .cont_blank {
		display: none;
	}

	/*---幅・マージン調整---*/
	.Product_detail .mgnt40 {
		margin-top: 0;
	}

}

/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {

	.Bg_Green{
		height: 50px;
		background: #a3d6ce;
		padding:0;
		margin-bottom:20px;
	}

	.pc_none {
		display:inline;
	}

	#Heading{
		height: 60px;
		background: url(../img/tit_01.png) no-repeat left top;
		background-size: 60px;
		font-size: 18px;
		padding: 4px 0px 0px 70px;
		position: relative;
		top: 8px;
	}

	.sp_img {
		width: 60%;
	}

	.Title_01{
		padding: 6px 0px 3px 0px;
		border-left:14px solid #59ced9;
		background: #d4f0f3;
	}
	
	.Title_01 .lbW{
		font-size: 14px;
		color: #000;
		height: 100%;
		padding: 6px 0px 3px 10px;
		border-left:3px solid #fff;
	}

	.Icon_01 {
		width: 100%;
		height: 22px;
		text-align: center;
		background: #0099ff;
		color: #fff;
		line-height: 22px;
		font-size: 12px;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
	}

	.Return a {
		height: 18px;
		font-size:14px;
		background: url(../img/ico_return.png) no-repeat left center / 16px 16px;
		padding:1px 0px 0px 22px;
	}

	/*---ビルトインコンロ 装飾---*/
	.built_01{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #5c839f;
		margin-right: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	.built_02{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #7c6b52;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	.built_03{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #628979;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	/*---衣類乾燥機 装飾---*/
	.dryer_01{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #578bd8;
		margin-right: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	/*---ファンヒーター 装飾---*/
	.heater_01{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #a97443;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		line-height: 2.2em;
	}
	
	.heater_02{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #7d7b82;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	/*---給湯器 装飾---*/
	.boiler_01{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #597490;
		margin-right: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		line-height: 2.2em;
	}
	
	.boiler_02{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #717a63;
		margin-right: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	.boiler_03{
		font-size: 10px;
		padding: 2px 6px 1px;
		color: #fff;
		background: #a5974e;
		margin-right: 4px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

	/*---ボタン（見積り依頼）---*/
	.button_estimate {
		display: inline-block;
		position: relative;
		z-index: 2;
		width: 86%;
		height: 30px;
		text-align: center;
		text-decoration: none;
		background-color: #e61984;
		color: #fff;
		line-height: 30px;
		overflow: hidden;
		font-size: 12px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
	}

	/*---文字サイズ設定---*/
	.fsz18 {
		font-size: 10px;
	}
	
	.fsz24 {
		font-size: 12px;
		line-height: 1.2em;
	}
	
	.fsz28 {
		font-size: 13px;
		line-height: 1em;
	}

	/*---文字位置---*/
	.taC_spL { text-align: left !important;}

	/*---改行---*/
	.sp_none {
		display:none;
	}

}