@charset "utf-8";
/*////////////////////////////////////////////////////////////

　お客様の声　詳細
	review/search/detail.html

///////////////////////////////////////////////////////////*/
.box_contact_link {
	margin: 90px auto 30px;
}
.box_contact_link::before {
	display: none;
}
/* 一覧へ戻る
------------------------------------------------------------------------*/
.back_list {
	margin-bottom: 52px;
}
.back_list a {
	display: block;
	width: 81px;
	height: 25px;
	margin: 0 auto;
	padding: 13px 0 0 29px;
	line-height: 1;
	color: #333;
	background: url("/public/img/showcase/detail/ico_arrow.png") 8px center no-repeat #eee;
	text-decoration: none;
	border-radius: 4px;
	font-size: 14px;
}

.voice_menu_facebook {
	height: 20px;
}
/* ==============================================
	ヘッダ
==============================================*/
#voice_head {
	z-index: 0;
	min-height: 161px;
	margin-top: 20px;

	*height: 200px; /* IE7 */
	*margin-top: 10px; /* IE7 */
}
#voice_head dl.uservoice {
	top: 50px;

	*top: 74px;
}
p.bt_back_header {
	margin: -34px 0 0;
}
p.bt_back_below {
	margin: 10px 0 -50px 30px;
}
#voice_head p.ttl_cap02 {
	margin: 24px 0 54px;
}
ul.bt_box_header {
	position: relative;
	z-index: 1;
	margin: -89px 0 0;
}
ul.bt_box_header li {
	float: left;
	margin-right: 10px;
}
ul.bt_box_header li a {
	display: block;
}

/* ==============================================
	工事例の情報ボックス
==============================================*/
.voice_contents {
	margin-bottom: 30px;
	font-family: verdana, Meiryo, sans-serif;/*2016/09/09追加【フォント調整】*/
	line-height: 1.6;/*2016/09/09追加【フォント調整】*/
	-ms-text-justify: inter-ideograph;/*2016/09/09追加【フォント調整】*/
	text-justify: inter-ideograph;
	text-align: justify;
}
.voice_contents .item_box {
	position: relative;/* before要素のため */
	margin-bottom: 30px;
	padding: 15px 16px 10px 17px;/* common.cssリライト */
	border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.05);
}
.voice_contents .item_box.last {
	margin-bottom: 50px;
}
.voice_contents .item_box.last::before {
	content: "";
	display: block;
	position:absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	height: 0px;
	border-bottom: 1px dotted #ccc;
}
.voice_contents .item_box div.item_info {
	float: left !important;/* common.cssリライト */
}
/*-----------------------------------------
	工事写真
---------------------------------------- */
.item_box .item_img {
	float: none !important;/* common.cssリライト */
	text-align: center;
}
.item_box .item_img img {/* common.cssリライト */
	padding: 0 !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* 写真No.
---------------------------------------- */
.pic_no {
	clear: both;
	padding: 5px 0 10px;
	font-size: 11px;
	text-align: right;
}


/* ==============================================
	工事情報エリア
==============================================*/
.item_info {
	max-width: 100%;
}
.item_info h3 {
	overflow: hidden;
	margin-bottom: 5px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.item_info h3 a {
	display: inline;
}

/*-----------------------------------------
	左カラム
---------------------------------------- */
.left-box {
	float: left;
	width: 50%;
}

/*-----------------------------------------
	右カラム
---------------------------------------- */
.right-box {
	float: right;
	width: 296px;
	padding-top: 37px;
}

/* お見積り額表示
---------------------------------------- */
.estimate-area dl {
	margin-top: -37px;
	margin-bottom: 4px;
	padding: 7px 10px 10px;
	border: 1px solid #ccc;
}
.estimate-area dl dt {/* "工事費込価格" */
	float: left;
	margin-right: 10px;
	line-height: 28px;
	vertical-align: middle;
}

/* 価格
---------------------------------------- */
.estimate-area dl dd {
	padding: 0 5px;
	color: #f00;
	line-height: 1;
}
.estimate-area dl dd span.price_num {/* 見積もり額 */
	float: left;
	display: block;
	width: 153px;
	color: #f00;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	*width: 130px;
}
.estimate-area dl dd span.txt_tax {/* "（税込）" */
	float: right;
	display: block;
	margin-right: -11px;
	color: #f00;
	font-size: 11px;
	text-align: center;
	line-height: 1.25;
	*margin-right: 0;/* IE7 */
}

/* ボタン共通
---------------------------------------- */
.bt_large {
}
.bt_large a {
	display: block;
	padding: 8px 0;
	box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.2);
	color: #fff;
	font-size: 14px;
	font-family: arial, meiryo, sans-serif;
	text-align: center;
	text-indent: -1em;
	line-height: 1;
}

/* お見積りリンクボタン
---------------------------------------- */
.estimate-area dl dd.estimate-link {
	clear: both;
	margin-top: 6px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}
.estimate-area .bt_large {
	border: 1px solid #1650b1;
	border-radius: 4.5px;
	background: #3f78d0;
	background: -moz-linear-gradient(top,  #3f78d0 0%, #285ec2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f78d0), color-stop(100%,#285ec2));
	background: -webkit-linear-gradient(top,  #3f78d0 0%,#285ec2 100%);
	background: -o-linear-gradient(top,  #3f78d0 0%,#285ec2 100%);
	background: -ms-linear-gradient(top,  #3f78d0 0%,#285ec2 100%);
	background: linear-gradient(to bottom,  #3f78d0 0%,#285ec2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f78d0', endColorstr='#285ec2',GradientType=0 );
}
.estimate-area .bt_large a {
	background-image: url(/public/img/review/search/icon_estimate-link.png);
	background-position: 82% center;
	background-repeat: no-repeat;
	*color: white;/* IE7 */
}
.estimate-area .bt_large a span.ext {/* 拡張子 */
	display: inline-block;
	margin-left: 3px;
	font-size: 85%;
	vertical-align: middle;
	text-indent: 0;
}
.estimate-area .bt_large a:hover {
	text-decoration: none;
}
.estimate-area ul.comment {/* コメント */
	color: #333;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 10px;
	line-height: 1.25;
	white-space: nowrap;
}
.estimate-area ul.comment li {/* コメント */
	/* chrome最少フォントサイズ対策 */
	/*-webkit-transform: scale(0.9);*/
	/*-webkit-transform-origin: 0 0;*/
}

/* リンクボタン
---------------------------------------- */
.bt_box_wrapper {
	margin: 24px 0 0;
	padding: 0 15px;
}
.image_drawing {
	float: left;
}
.image_drawing .img img {
	width: 51px;
	height: auto;
	border: 1px solid #999;
}
.image_drawing .txt {
	color: #999;
	font-size: 12px;
	text-align: center;
}
.bt_box {
	width: 196px;
	float: right;
}
.bt_box .bt_large {
	margin: 0 auto 10px;
	border: 1px solid #cb383d;
	border-radius: 4.5px;
	background: #de474c;
	background: -moz-linear-gradient(top,  #e45f64 0%, #db4449 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45f64), color-stop(100%,#db4449));
	background: -webkit-linear-gradient(top,  #e45f64 0%,#db4449 100%);
	background: -ms-linear-gradient(top,  #e45f64 0%,#db4449 100%);
	background: linear-gradient(to bottom,  #e45f64 0%,#db4449 100%);
}
.bt_box .bt_large a span.ext {
	display: inline-block;
	margin-left: 3px;
	color: #fff;
	font-size: 80%;
	vertical-align: middle;
	text-indent: 0;
}
.bt_box .bt_large a:hover {
	text-decoration: none;
}
.show_drawing a {/* PDFアイコン */
	background-image: url(/public/img/review/search/icon_pdf.png);
	background-position: 89% center;
	background-repeat: no-repeat;
}
.item_link a {/* リンクアイコン */
	background-image: url(/public/img/review/search/icon_item-link.png);
	background-position: 88% center;
	background-repeat: no-repeat;
}
/* ====================================================
	価格表示が無い場合
====================================================*/
.bt_box_wrapper--no-drawing {
	margin-top: 15px;
}
.bt_box_wrapper--no-drawing .bt_box {
	width: 256px;
}
.bt_box_wrapper--no-drawing .show_drawing a {/* PDFアイコン */
	background-position: 84% center;
}
.bt_box_wrapper--no-price .item_link a {/* リンクアイコン */
	background-position: 83% center;
}

/* ===========================================================================
	使用している商品紹介
===========================================================================*/
#item_detail {
	margin: 0 30px;
}
#item_detail img {
	vertical-align: bottom;
}
#item_detail dl {
	border: 1px solid #ddd;
}
#item_detail dl dt {
	height: 35px;
	line-height: 34px;
	font-size: 14px;
	text-align: left;
	background-color: #f0f0f0;
}
#item_detail dl dt span {
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	padding-left: 40px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url("/public/img/review/search/ico_box.png") 4px center no-repeat;
}
#item_detail dl dd {
	padding: 19px 19px 0 20px;
}
#item_detail dl dd .per_item_box {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #eee;
	/padding-bottom: 0;/* ie7 */
	*margin-bottom: 40px; /* IE7 */
	*border-bottom-color: #eee; /* IE7 */
}
#item_detail dl dd .last-child {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}
#item_detail dl dd .per_item_box:last-child {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}

/* 商品画像
------------------------------------------------------------------------*/
#item_detail dl dd .per_item_box p.item_img {
	float: left;
}
#item_detail dl dd .per_item_box p.item_img img {
	width: 301px;
	height: 226px;
}
#item_detail dl dd .per_item_box .right {
	font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;/*2016/09/09追加【フォント調整】*/
	float: right;
	width: 317px;
	-ms-text-justify: inter-ideograph;/*2016/09/09追加【フォント調整】*/
	text-justify: inter-ideograph;
	text-align: justify;
}

/* 商品名
------------------------------------------------------------------------*/
#item_detail dl dd .per_item_box h4 {
	margin-top: 4px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

/* 割引/基本工事費無料/値引き
------------------------------------------------------------------------*/
#item_detail dl dd .per_item_box ul.discount_list {
	margin-top: 10px;
}
#item_detail dl dd .per_item_box ul.discount_list li {
	float: left;
	margin: 0 2px 5px 0;
	padding: 0 7px 0 0;
	background: url("/public/img/review/search/ico_plus_discount.png") right center no-repeat;
}
#item_detail dl dd .per_item_box ul.discount_list li.last {
	margin-right: 0;
	padding-right: 0;
}
#item_detail dl dd .per_item_box ul.discount_list li span {
	display: block;
	padding: 5px 6px 4px;
	line-height: 1;
	font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;
	color: #fff;
	background-color: #f00;
	font-size: 14px;
}

/* エクスショップ工事費込価格
------------------------------------------------------------------------*/
#item_detail dl dd .per_item_box dl.price_box {
	margin: 4px 0 0 0;
	color: #f00;
	border: none;
}
#item_detail dl dd .per_item_box dl.price_box dt {
	float: left;
}
#item_detail dl dd .per_item_box dl.price_box dd {
	float: right;
	padding: 0 0 5px 0;
}
#item_detail dl dd .per_item_box dl.price_box dt {
	height: auto;
	line-height: 32px;
	text-align: left;
	font-weight: bold;
	background-color: #fff;
}
#item_detail dl dd .per_item_box dl.price_box span.price_num,
#item_detail dl dd .per_item_box dl.price_box span.price_unit {
	float: left;
}
#item_detail dl dd .per_item_box dl.price_box span.price_unit {
	padding-left: 2px;
}
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.range,
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.yen {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.yen,
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.tax {
	float: left;
	font-size: 12px;
}
#item_detail dl dd .per_item_box dl.price_box span.price_num {
		font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;/*2016/09/09追加【フォント調整】*/
	line-height: 27px;
	*line-height: 1.1; /* IE7 */
	font-size: 27px;
}
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.range {
	display: block;
	text-align: center;
	line-height: 16px;
	font-size: 26px;
}
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.currency {
	display: block;
	line-height: 1;
}

/* メーカー価格
------------------------------------------------------------------------*/
#item_detail dl dd .per_item_box p.maker_price {
	font-family: verdana, Meiryo, sans-serif;/*2016/09/09追加【フォント調整】*/
	padding: 4px 0 8px 0;
	text-align: right;
	white-space: nowrap;
	font-size: 11px;
	color: #333;
	border-top: 1px solid #ddd;
}

/* 商品説明
------------------------------------------------------------------------*/
#item_detail dl dd .per_item_box p.item_description {
	margin-bottom: 7px;
	line-height: 1.6;
	font-size: 13px;
}

/* ページネーション
------------------------------------------------------------------------*/
#item_detail .voice_pagination {
	/*margin-top: 10px;*/
}
#item_detail .voice_pagination p.prev_voice {
	float: left;
}
#item_detail .voice_pagination p.next_voice {
	float: right;
}

/* 一覧へ戻るボタン
------------------------------------------------------------------------*/
p.bt_back {
	margin-top: 50px;
	text-align: center;
}


/* ===========================================================================
	お問い合わせフォーム（css/mailform/form03/regist/）
===========================================================================*/
#voice_form {
	width: 634px;
	margin: 28px 0 0 50px;
	padding: 56px 0 0;
	background: url("/public/img/review/search/bg_item_detail.png") 50% 0 no-repeat;
}
/* ===========================================================================
	施工店リスト
===========================================================================*/
#partners_area {
	width: 675px;
	margin: 37px auto 33px;
}
#partners_area .partners {
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#partners_area .partners .bx-wrapper{
	margin: 0 auto;
	*width:expression(document.body.clientWidth > 622? "622px" : "auto"); /* IE7 */
}
#partners_area .partners .title {
	width: 633px;
	height: 34px;
	margin-bottom: 20px;
	padding-left: 40px;
	line-height: 34px;
	font-size: 16px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	border: 1px solid #ddd;
	background: url("/public/img/review/search/ico_partners_area.png") 4px center no-repeat #f0f0f0;
}
#partners_area .partners .bx-default-pager {
	display: none;
}
#partners_area .partners {
	position: relative;
	width: auto !important;
	font-size: 10px;
}
#partners_area .partners .bx-controls-direction a {
	position: absolute;
	text-indent: -9999px;
	top: 75px;
	width: 20px;
	height: 90px;
}
#partners_area .partners .bx-prev {
	left: 0px;
	background: url("/public/img/img_search/search_intro/estimate_input/bt_carousel_prev.png") left top no-repeat;
}
#partners_area .partners .bx-next {
	right: 0px;
	background: url("/public/img/img_search/search_intro/estimate_input/bt_carousel_next.png") right top no-repeat;
}
#partners_area .partners .bx-prev:hover,
#partners_area .partners .bx-next:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
#partners_area .partners bxslider {
	margin: 0px 25px;
}
#partners_area .partners dl {
	width: 198px;
	text-align: center;
	border: 1px solid #cce7f7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#partners_area .partners .partner-name {
	height: 24px;
	text-align: center;
	color: #00507f;
	background-color: #e1f2fc;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#partners_area .partners .partner-name a.allink {
	text-indent: 0;
	color: #00507f;
	text-align: center;
	text-decoration: none;
}
#partners_area .partners .partner-name a:hover {
	color: #00507f;
	text-decoration: none;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#partners_area .partners .partner-name .partner-name1,
#partners_area .partners .partner-name .partner-name2 {
	position: relative;
	top: 4px;
}
#partners_area .partners .partner-name .partner-name1 {
	font-size: 12px;
}
#partners_area .partners .partner-name .partner-name2 {
	font-size: 14px;
}
#partners_area .partners .partner-staff {
	display: inline-block;
	padding: 4px 1px 1px;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
}
#partners_area .partners .partner-staff .partner-staff-photo img {
	border: 1px solid #ddd;
}
#partners_area .partners .partner-staff .partner-staff-name {
	padding-top: 1px;
	color: #333;
	font-size: 11px;
	text-align: center;
}

/*2016/09/09追加【フォント調整】*/
.voice_contents .item_box div.item_info .item_spec td {
	font-size: 11px;
}
.voice_contents .item_box div.item_info .item_spec tr th {
	font-size: 11px;
		padding: 6px 5px 6px 5px;
}
.voice_contents .h_voice_contents .h_group {
	float: left;
}
.voice_contents p.date {
	color: #333;
}
.voice_contents .h_voice_contents h2,
.voice_contents .h_voice_contents h3 {
	font-size:16px;
}
.voice_contents .h_voice_contents h2 span.pict_no,
.voice_contents .h_voice_contents h3 span.pict_no {
	font-size: 12px;
	color: #111;
}
/*--------------------------------
	お気に入りボタン
--------------------------------*/
.voice_contents .btn_review_add_fav {
	float: right;
}
.voice_contents .btn_review_add_fav .bt_wishlist_register {
	margin-top: 10px;
	padding-left: 44px;
	border: 1px solid #ff8d5a;
	background-position: 10px center;
}
.voice_contents .btn_review_add_fav .bt_wishlist_register .txt {
	height: 30px;
	padding: 0 9px 0 8px;
	color: #ff8d5a;
	font-size: 13px;
	line-height: 30px;
}
.voice_contents .btn_review_add_fav .bt_wishlist_register .txt::before {
	left: -8px;
	width: 1px;
	height: 20px;
	background-color: #ffe1d3;
}
.voice_contents .item_box p.maker_logo span {
	font-size: 12px;
	color: #333;
}
.voice_contents .user_exshop p {
	line-height: 1.6;
	font-size: 14px;
}
.voice_contents .user_exshop p.now-writing {
	color: #555;
	text-align: center;
}
#item_detail dl dt span {
	font-size: 16px;
}
#item_detail dl dd .per_item_box dl.price_box dt {
	font-size: 16px;
}
#item_detail dl dd .per_item_box dl.price_box span.price_unit span.tax {
	margin-left: -5px;
}
#voice_head dl.uservoice dd.voice_date {
	font-size: 11px;
	color: #333;
}