@charset "utf-8";
/*new-kyutoki*/
img {margin: 0;padding: 0;vertical-align: bottom;}
@media screen and (max-width: 767px) {
.new-kyutoki-text {width: 100%;margin: -10px auto 0;line-height: 1.5;font-size: 13px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
.box-delete {display: none;}
.sp-img {width: 100%;}
.font12 {width: 100%;font-size: 12px;line-height:1.2;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
}
.new-kyutoki-text {margin-bottom :10px;}
.font12 {font-size: 12px;line-height:1.2;}
.maker-box {padding-left: 20px;padding-top: 20px;padding-bottom: 5px;margin-bottom: 40px;background-image: url(/images/new-kyutoki/maker_box_bg.gif?20170731);background-repeat: repeat;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #f47221;border-bottom-color: #f47221;border-left-color: #f47221;}
.maker-box:after {content: "";display: table;clear: both;}
.box-maker li {float: left;margin-right: 15px;margin-bottom: 15px;}
.maker-box2 {padding-left: 18px;padding-right: 18px;padding-top: 20px;padding-bottom: 5px;margin-bottom: 38px;background-image: url(/images/new-kyutoki/maker_box_bg.gif?20170731);background-repeat: repeat;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #f47221;border-bottom-color: #f47221;border-left-color: #f47221;position: relative;}
.maker-box2:after {content: "";display: table;clear: both;}
.choice-box ul {width: 450px;font-size: 20px;font-weight: bold;margin: 0 auto;display: block;}
.choice-box li {height: 100px;padding: 0 10px;float: left;margin: 0 auto 5px auto;}
.return {font-size: 12px;clear: both;margin-bottom: 20px;}
.text-c {display: flex;align-items: center;line-height: 24px;}
.top-part-number {margin: 25px 25px 30px 25px;}
.top-part-number p, .part-number p, .part-number2 p, .part-number3 p {font-size: 14px;line-height: 18px;padding-bottom: 30px;}
.top-part-number li {float: left;font-weight: bold;width: 90px;display: block;padding: 0 0 30px 15px;background: url(/images/new-kyutoki/icon_under.gif) no-repeat left 4px;}
.top-part-number li a, .part-number li a, .part-number2 li a, .part-number3 li a {color: #f47221;}
h4 {clear: both;margin: 0 25px;padding: 15px;background-color: #1f71b8;text-align: center;font-size: 14px;color: #fff;}
.part-number {margin: 0 25px 25px 25px;padding: 30px 30px 10px 30px;background-color: #fff;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #e8e8e8;border-bottom-color: #e8e8e8;border-left-color: #e8e8e8;}
.part-number :after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.part-number li {float: left;font-size: 14px;font-weight: bold;width: 130px;display: block;padding: 0 0 15px 10px;background: url(/images/new-kyutoki/icon_right.gif) no-repeat left 4px;}
.part-number2 {margin: 0 25px 25px 25px;padding: 30px 30px 10px 30px;background-color: #fff;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #e8e8e8;border-bottom-color: #e8e8e8;border-left-color: #e8e8e8;}
.part-number2 :after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.part-number2 li {float: left;font-size: 14px;font-weight: bold;width: 260px;display: block;padding: 0 0 15px 10px;background: url(/images/new-kyutoki/icon_right.gif) no-repeat left 4px;}
.part-number3 {margin: 0 25px 25px 25px;padding: 30px 30px 10px 30px;background-color: #fff;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #e8e8e8;border-bottom-color: #e8e8e8;border-left-color: #e8e8e8;}
.part-number3 :after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.part-number3 li {float: left;font-size: 14px;font-weight: bold;width: 180px;display: block;padding: 0 0 15px 10px;background: url(/images/new-kyutoki/icon_right.gif) no-repeat left 4px;}
.form-contact-s {display: none;}
.form-contact-w {text-align: center;padding: 0 0 40px 0;}
.water-heater-data-title {margin: 0;padding: 12px 10px 10px 15px;background-color: #d0d0d0;font-size: 14px;font-weight: bold;color: #333;}
.water-heater-data {padding: 15px 0 15px 15px;margin-bottom: 15px;background-color: #f3f3f3;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #d0d0d0;border-bottom-color: #d0d0d0;border-left-color: #d0d0d0;}
.water-heater-data :after {content: "";display: table;clear: both;}
.water-heater-data li {float: left;padding-right: 10px;}
.ps-data {padding-right: 10px;padding-top: 17px;}
.water-heater-info {font-size: 12px;text-align: right;}
.water-heater-info li {float: left;display:inline-block;display: block;padding: 0 0 25px 20px;margin: 0 15px 0 0;background: url(/images/new-kyutoki/icon_info.gif) no-repeat left 0px;}
.data-img {float: left;background-color: #FFF;border: 1px solid #d0d0d0;width: 300px;height: 300px;padding: 9px;margin: 0 20px 20px 0;}
.data-basic {width: 348px;padding: 0px;margin: 0 0 0 340px;}
.data-basic:after {content: "";display: table;clear: both;}
.data-title {font-size: 20px;font-weight: bold;text-align: center;color: #fff;padding: 11px 0 9px 0;background-color: #348eaa;}
.data-title-eco {font-size: 20px;font-weight: bold;text-align: center;color: #fff;padding: 11px 0 9px 0;background-color: #36a455;}
.data-basic ul {padding: 17px 0;}
.data-basic li {font-size: 18px;font-weight: bold;line-height: 1.2;}
.data-basic span {font-size: 14px;}
.b10 {margin-bottom: 10px;}
.b20 {margin-bottom: 20px;}
.b40 {margin-bottom: 40px;}
.btn {text-align: center;margin-bottom: 20px;}
/* table追加 PC用 */
.spec-box {background-color: #FFF;padding: 20px;margin-bottom: 20px;position: relative;border: 1px solid #e6e6e6;}
.spec-box table {word-break:break-all;display: table;table-layout: fixed;width:100%;border-collapse:collapse;border-spacing:0;padding:0;margin:0;}
.spec-box table tr {display: table-row;border-bottom:1px solid #ddd;padding:5px;}
.spec-box table th {display: table-cell;font-weight: bold;color: #FFF;padding:10px;text-align:center;font-size:12px;letter-spacing:1px;font-weight: bold;background-color: #1f71b8;}
.spec-box table td {display: table-cell;padding:15px;text-align:center;vertical-align:top;}
.spec-box table td a {font-size: 14px;}
.spec-box table thead {display:table-row-group;}
.tmoney {font-size: 14px;}
.tlistp {font-size: 14px;color:#666;}
.tlistp1 {font-size: 18px;color: #d72400;}
.yen {font-size: 14px;}
.sp-info {display:none;}
.tlistp2 {font-size: 24px;color: #d72400;}
.spec-box table td:before {display:none;}
@media screen and (max-width: 767px) {
.maker-box {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 5px;margin-bottom: 20px;}
.maker-box2 {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 5px;margin-bottom: 20px;}
.maker-box2:after {content: "";display: table;clear: both;}
.water-heater-data {text-align: center;}
.water-heater-data li {float:none;padding-bottom: 10px;}
.ps-data {padding-top: 0px;}
.box-maker li {display: block;width: 100%;text-align: center;margin-left: auto;margin-right: auto;}
.choice-box ul {width: 220px;font-size: 20px;font-weight: bold;margin: 0 auto;display: block;}
.choice-box li {width: 220px;margin: 0 auto;float: none;}
.return {font-size: 12px;clear: both;margin-bottom: 20px;}
.text-c {display: flex;align-items: center;line-height: 24px;}
.top-part-number {margin: 15px 15px 30px 15px;}
.top-part-number li {float: left;font-weight: bold;width: 130px;display: block;padding: 0 0 15px 15px;margin: 0 0 25px 0;background: url(/images/new-kyutoki/icon_under.gif) no-repeat left 4px;}
.part-number li, .part-number2 li, .part-number3 li {float: none;font-size: 14px;font-weight: bold;width: 200px;display: block;padding: 0 0 20px 10px;margin-left: 30px;margin-bottom: 25px;background: url(/images/new-kyutoki/icon_right.gif) no-repeat left 4px;}
.form-contact-s {display: block;text-align: center;padding: 0 0 30px 0;}
.form-contact-w {display: none;}
.data-img {float: none;max-width: 300px;margin: 0 auto 16px;}
.data-basic {margin: 0;width:auto;padding:0;}
.data-basic li {font-size: 16px;font-weight: bold;line-height: 1.5;}
.data-basic span {font-size: 14px;font-weight: normal;}
/* table追加 スマホ用 */
.spec-box {width: 100%;}
.spec-box table {table-layout: fixed;word-break:break-all;width: 100%;border:none;}
.spec-box table thead {display:none;}
.spec-box table tr {display:block;width: 100%;margin-bottom:10px;border-bottom:2px solid #ddd;border:1px solid #ddd;padding:5px;}
.spec-box table td {display:block;text-align:center;width: 100%;padding:10px;font-size:13px;border-bottom:1px dotted #ccc;background-color: #eee;}
.spec-box table td:last-child {border-bottom:0;}
.spec-box table td:before {content:attr(data-label);float:left;font-weight: bold;}
.tmoney {font-weight: normal;}
.tam {font-weight: normal;}
.tlistp {color:#999;font-size: 12px;}

section {width: auto;padding: 0 15px;}
.underPage h1 { width:100%; margin:0 auto 80px; }
.part-number, .part-number2, .part-number3 {margin: 0 15px 25px 15px;padding: 15px 15px 10px 15px;background-color: #fff;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #e8e8e8;border-bottom-color: #e8e8e8;border-left-color: #e8e8e8;}
h4 {clear: both;margin: 0 15px;padding: 15px;background-color: #1f71b8;text-align: center;font-size: 14px;color: #fff;}
.sp-info {display: inline;font-size: 14px;}
.btn {margin-bottom: 30px;}
/* iPhone / mobile webkit */
@media screen and (max-device-width: 767px) {
.tlistp, .sp-info { display: none;}
.tam { width: 100%; display: block; text-align: left;}
}
}