@charset "shift-jis";
@import url("./reset.css");
@import url("./ScreenHeader.css");
/* @import url("./common/common.css"); */

/* COMMON */
/* ------------------------------ */
*{ margin:0;padding:0; }
body{ background-color: #FFFFFF; color:#222; font-family:Helvetica; margin:0; padding:0; text-align:center; font-size:80%; min-height:416px; -webkit-text-size-adjust:none; /* -webkit-perspective:800; *//* -webkit-transform-style:preserve-3d; */ }
body >*{ /* -webkit-backface-visibility:hidden; */ -webkit-box-sizing:content-box; display:none; position:absolute; left:0px; width:100%; /* -webkit-transform:translate3d(0,0,0) rotate(0) scale(1); */ min-height:420px !important; }
body >.current{ display:block !important; }
.red{color:#e60012}
.floatclear { margin:0; padding:0; clear: both; }
.floatclear_left { margin:0; padding:0; clear:left; }
.floatclear_right{ margin:0; padding:0; clear:right; }


#reformheader { background: /*#2f6b3d*/#e60012; color: #fff; min-width: 950px; margin:0 0 0px; }
#reformheader .logo { display: table-cell; float: left; margin:15px 0 0; }
#reformheader .logo ul { list-style:none;}
#reformheader div.headerblock { display:flex; justify-content: space-between; width: 95%; max-width: 1280px; margin: 0 auto; }
#reformheader  .logo img { padding: 10px 0;}


#shop_header a.close_win { display:inline-block; width:70px; height:27px; padding-top:8px; border:1px solid #E0E0E0; font-size:12px; color:#666666; text-align:center; float:right; }

#header  { display:inline-block; width:800px; margin:0 0 10px 0; padding:10px 0px; background-color:/*#dbebc4*/#fbd8b5; font-size:20px; letter-spacing:2px; /*color:#2f6b3d;*/ font-weight:bold; }
#content { margin: 0 0 10px 0; width:800px; display:inline-block; }


/* テーブル部分 */
#area_form table { width:100%; margin:10px auto; }
#area_form table,#area_form table th,#area_form table td { border:1px solid #c0c0c0; border-collapse: collapse; }
#area_form table th,#area_form table td { text-align:left; padding:10px; }
#area_form table th { vertical-align: top; background-color:#f5f5f5; width:30%; }
span.required { background-color:#e60012; padding:3px; color:#fff;margin-right:5px; }
span.required:after { content:"必須";}
.coutiontxt { font-size:0.9em; text-align:left; margin-top:5px; }
.tdinnertxt { font-size:1.1em; font-weight:bold; text-align:left; }

/* テーブル部分 */


.first_info{ display:inline-block; width:95%; background-color:#fafad2; text-align:left; padding:10px; letter-spacing:1px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.commentfst { text-align:left; font-size:1.2em; padding:10px; }

.page_info{ text-align:left; line-height:150%; font-size:12px; letter-spacing:1px; margin:5px 0; padding:0 10px; }
.page_info .center_red{ display:block; text-align:center; font-size:14px; font-weight:bold; color:#DB0207; margin-bottom:10px; }
.page_info hr{ margin:5px 0; }
h2.step_caption{ font-size:15px; letter-spacing:1px; border-left:10px solid #cc0000; padding:5px; margin:20px 0 10px 0; background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d0d0d0)); background-image:-moz-linear-gradient(top, #f3f3f3, #d0d0d0); text-align:left; font-weight:bold; color:#444444; text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff; }
h3.step_caption{ border:1px solid #999999; color:#333333; font-size:13px; font-weight:bold; letter-spacing:1px; padding:5px 5px 5px 10px; margin:15px 0 5px 0; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; }
ul.shop_contact { margin-top:10px; }
ul.shop_contact li { position:relative; padding:7px 0 5px 10px; font-size:12px; font-weight:normal; list-style:none; }
ul.shop_contact li:last-child { margin:0; }
ul.shop_contact li a{ display:block; margin:-8px 0 -5px -10px; text-decoration:none; color:inherit; background:url("//www.biccamera.com/bc/s/form/images/right_arrow.png") no-repeat right center; font-size:13px; background-color:#FFFFFF; border-top:2px solid #E1E1E1; border-left:2px solid #E1E1E1; border-bottom:2px solid #AAAAAA; border-right:2px solid #AAAAAA; padding: 13px 22px 12px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
ul.shop_contact li a:after{ content:"."; display:block; clear:both; height:1px; margin-top:-1px; visibility:hidden; }
ul.shop_contact li a:hover{ background-color:#FFCCCC; border-top:2px solid #FFECEC; border-left:2px solid #FFECEC; border-bottom:2px solid #FFACAC; border-right:2px solid #FFACAC; }

.li_value { display:block; padding-left:1em; text-indent:-1em; }

.page_caption{ display:block; padding:5px 0; margin-top:10px; font-size:13px; letter-spacing:1px; }
.indispensable{ display:inline; background-color:orange; color:#FFFFFF; font-size:12px; letter-spacing:1px; padding:2px 5px; margin:0; margin-right:5px; text-align:center; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.page_comment{}
img.pointcard { max-width:100%; }

ul.result_data{ margin:0 0 0 10px; }
ul.result_data li{ padding:3px 0; }
span.result_caption{ font-size:13px; letter-spacing:1px; margin-right:5px; }
span.result_value{ display:inline-block; color:#FF0000; font-size:13px; letter-spacing:1px; }

.kome { color:#FF0000; }
.data_table{ display:inline-block; margin:0 10px 5px 0; text-align:left; width:100%; }
.data_table table { border:1px solid #FC5F5F;border-collapse: collapse; width: 100%;}
.data_table .LT { width:30%; border-bottom:1px dashed #CC9999; border-right:1px solid #FD9F9F; padding: 17px 0 15px 5px; background-color:#FED8D8; font-size:12px; font-weight:bold; vertical-align:top; }
.data_table .RT { border-bottom:1px dashed #CC9999; padding: 5px 0 4px 5px; font-size:12px; }

.comment_word { font-size:13px; color:#333333; }

h2 { border:1px solid #2f6b3d; border-left:3px solid #2f6b3d; font-weight:bold; color:#000000; padding:5px; margin-bottom:5px; text-align:left; }
h3 { border-bottom:1px solid #2f6b3d; font-weight:bold; color:#000000; padding:5px; width:95%; }

.selected_color{ background-color:#FFFFCC; }

input[type="text"].text_field { width:80%; font-size:16px; letter-spacing:2px; padding:7px 5px; margin:0 0; border:1px solid #999999; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
input[type="tel"].text_field { width:80%; font-size:16px; letter-spacing:2px; padding:7px 5px; margin:0 0; border:1px solid #999999; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
input[type="number"].text_field { width:80%; font-size:16px; letter-spacing:2px; padding:7px 5px; margin:0 0; border:1px solid #999999; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

select{ width:100%; -webkit-appearance:button; -moz-appearance:button; appearance:button; padding:10px 5px; margin:0 0; font-size:13px; letter-spacing:1px; border:1px solid #999999; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
option{ margin:15px 0 15px 5px; font-size:13px; letter-spacing:1px; }
option[selected]{ background-color:#FFFFCC; }
ul.radio_list.twoli{ display:flex;flex-wrap: wrap; }
ul.radio_list.twoli li{ width:48%; }
ul.radio_list li{ font-size:12px; /*letter-spacing:2px; */display:block; margin-right:10px; padding:5px 0; }

ul.radio_list.threeli{ display:flex;flex-wrap: wrap; }
ul.radio_list.threeli li{ width:30%; }

.caption_comment{ margin:5px 0; font-size:13px; letter-spacing:1px; text-align:left; }
.caption_comment img.pointcard{}
.caption_comment img.receipt{ max-width:100%; }

textarea { width:96%; height:150px; border:1px solid #999999; resize: none; resize: vertical; padding:5px; font-size:13px; line-height:130%; }

.nextstep_field{ margin: 10px auto; text-align: center; }
.nextstep_field input[type="submit"].input_next { width:60%; background-color: #70c13f; padding: 10px 0; margin:0 auto 20px; font-size: 18px; letter-spacing:1px; font-weight: bold; color: #FFFFFF; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius:8px; border:none; }
.nextstep_field input[type="submit"].input_next:hover{background:#f60; color:#fff;}

.backstep_field{ width:100%; margin: 10px auto; text-align:center; }
.backstep_field input[type="submit"].input_back{ width:50%; background-color: #666666; padding: 10px 0; margin:0 0 20px 0; font-size: 1.2em; letter-spacing:1px; font-weight: normal; color: #FFFFFF; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius:8px; border:none; }
.backstep_field input[type="submit"].input_back:hover { background:#f96;}
.backstep_field a { display: block; width:50%; background-color: #666666; padding: 10px 0; margin:0 auto 20px; font-size: 16px; letter-spacing:1px; font-weight: normal; color: #FFFFFF; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius:8px; text-decoration:none; text-align:center; }
.backstep_field a:hover{background:#999999; color:#fff;}

input[type="submit"].formsubmit { -webkit-appearance: none; color:#FFFFFF; font-size:18px; letter-spacing:2px; font-weight:bold; background-color:#70c13f; width:60%; margin:10px 0 15px 0; padding:10px 0; border-radius: 8px; -webkit-border-radius:8px; -moz-border-radius:8px;  border:none; }
input[type="submit"].formsubmit:hover { background-color:#FF9900; color:#FFFFFF; text-shadow: 1px 1px 0px #000000; box-shadow:3px 3px 3px #E6E6E6; -webkit-box-shadow: 3px 3px 3px gray; -moz-box-shadow:3px 3px 3px gray; }

/* FOOTER ------------------------------ */
.footer span { background-color: #ccc; border-bottom: 1px solid #666; color: #222; display: block; font-size:10px; letter-spacing:1px; font-weight: bold; padding: 10px 0; text-align: center; text-decoration: none; text-shadow: 0px 1px 0px #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999)); }

/* ERROR */
.page_error_title { display:block; background-color:#FF7266; margin:10px 10px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:left; }
.page_error_title .alart_image { width:55px; float:left; text-align:center; padding:5px 0; }
.page_error_title .alart_word  { width:80%; float:left; margin-right:-55px; font-size:16px; padding:5px 0; color:#FFFFFF; line-height:130%; }
.page_error_title .alart_word >*{ margin-right:55px; }
.alart_field{ background-color:#FF0000; color:#FFFFFF; font-weight:bold; }

/* table */
.REFORM_KIND_select_tbl_wrp{
    margin-top: 10px;
}
.css_js_item_kind{font-size: 12px;}
.item_td_flx,.item_td_flx_lst{
    display: flex;
}
.item_td_flx_l,.item_td_flx_r{
    width: 50%;
    box-sizing: border-box;
}
.item_td_flx_img{
    width: 90%;
    margin: 5%;
}
.item_td_flx_lst_itm{
    width: calc( (100% - 30px) / 3 );
    margin: 10px 5px;
}
.item_td_txt{
    margin: 1em 0 0;
}
.using_caption_txt{
    font-weight: normal;
}
.item_depth_td{
    align-items: center;
}
.item_current_lst_itm,.item_lst_itm{
    list-style: none;
}
.item_current_lst_itm_txt{
    padding: 0 5%;
}
.item_num_flx{
    align-items: center;
}
.item_using_smp_txt{
    margin: 0 0 1em;
    color: #888;
}
.item_num_flx .item_using_smp_txt.js_item_kind{
    margin: 2px 0 0 3em;
}
.item_ih_current_td {
    min-height: 5em;
}
.item_ih_current_txt{
    margin: 0 0 1em;
}
.item_ih_current_txt_sml{
    display: block;
}
.item_ih_oven{
    padding-left: 1em;
}
.item_ih_change_itm_comment{
    margin: -.5em 1em 0;
    display: block;
}
.item_ih_highet_td {
    align-items: center;
}
.item_gas_change_lst_itm{
    /* width: 50%; */
    box-sizing: border-box;
    margin-bottom: 15px;
}
.item_gas_change_lst_itm_fgr{
    /* text-align: center; */
    padding-left: 10px;
}
.item_gas_change_lst_itm_img{
    width: 50%;
}
[for="REFORM_GAS_CHANGE2"] .item_gas_change_lst_txt {
    padding-left: 1.5em;
}
.item_gas_under_txt_wrp{
    display: flex;
    padding: 0 1.5em;
}
.item_gas_under_txt{
    margin-right: 1em;  
}
.item_wh_bathroomheater_lst{
    padding: 0 1.5em;
}
.item_wh_place_lst_itm_img,.item_wh_cover_fgr_img{
    width: 50%;
}
.item_wh_place_lst_itm_fgr{
    margin-left: 1em;
}
sup{
    font-size: 0.6em;
    vertical-align: top;
}

/* フッター 電話番号 */
#mitsumori .mitsumoriwaku { background:#f5a21b; padding:20px; }
#mitsumori .totallogo { margin-bottom:10px;width:400px; }
#mitsumori .mitsumorititle { font-size: 16px; text-align: center; color:#fff;margin:0 auto; }
#mitsumori .contact { font-size: 20px; color:#fff;text-align:center;border-bottom: 1px solid #fff;width: 60%;margin: 0 auto 10px;font-weight:bold; }
#mitsumori .contact span { font-size:20px; }
#mitsumori .tellno { font-size: 40px; text-align: center; font-weight: bold; color:#fff; }
#mitsumori .tellno span img { width:70px; vertical-align: middle; }
#mitsumori .tellno span.bg { background:#777777; padding:5px 10px; color:#fff; font-size:20px; border-radius: 4px; margin:0 0 0 20px; vertical-align: middle; }
#mitsumori .rtime { padding:20px 0 0; font-size:20px; color:#fff; }
#mitsumori .caut { font-size:14px; padding:5px 0 20px; color:#fff; }
#mitsumori .sp_only { display:none; }