@charset 'UTF-8';

.sp_wapper_block {
    gap: 15px;
    margin: 100px 0;
}
.column2 {
    border: solid 2px var(--bk-brown) ;

    @media screen and (max-width: 1050px) {
        width: 100%!important;
    }

}
.column2 .anc_box_b {
    padding: 20px 10px 20px 210px;
    position: relative;
}
.column2 .ceramic:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_ceramic_img.png) no-repeat 20%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .el_stove:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_elstove_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .el_blanket:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_blanket_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .fanheater:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_fanheater_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .stove:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_stove_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .oilheater:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_oilheater_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .kotatsu:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_kotatsu_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .carpet:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_carpet_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .yutanpo:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_yutanpo_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 .hotitem:before {
    content: "";
    position: absolute;
    background: url(/excludes/KEC/img/special/heater/cat_hotitem_img.png) no-repeat 50%;
    background-size: cover;
    width: 200px;
    height: 100%;
    left: 0;
    top: 0;
}
.column2 > a {
    background: var(--bk-brown);
    color: var(--fc-white)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 5px 5px 20px 5px;
    position: relative;
}
.column2 > a:before {
    content: "";
    position: absolute;
    border-top: solid 10px;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    left: 50%;
    bottom: 10px;
    transform: translate(0,-50%);
}
.column2 .anc_box_b .anc_cont {

}
.column2 .anc_box_b .anc_cont > h4 {
    color: var(--fc-brown) !important;
    border-bottom: solid 1px var(--bk-brown);
    padding: 0 0 5px;
    text-align: center;
    margin: 0 0 15px;
    font-weight: bold;
    font-size: 2.0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.column2 .anc_box_b .anc_cont .cont_com {
    margin: 0 0 20px;

}
.column2 .anc_box_b .anc_cont .cont_com > p:first-child {
    font-size: 1.8rem;
    margin: 0 0 10px;
    height: 91px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;

    @media screen and (max-width: 1050px) {
        height: auto;
        text-overflow: unset;
        -webkit-line-clamp: none;
    }
}
.column2 .anc_box_b .anc_cont .cont_com > p.purp {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 3px 0 0 15px;
    position: relative;
}
.column2 .anc_box_b .anc_cont .cont_com > p.purp:before {
    content: "";
    position: absolute;
    border-left: solid 10px;
    border-top: solid 6px transparent;
    border-bottom: solid 6px transparent;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.column2 .anc_box_b .anc_cont .cont_com > p.purp > span {
    border: solid 1px;
    display: inline-block;
    margin: 0 0 0 15px;
    background: var(--bk-wbeige);
    width: 100px;
    text-align: center;
    font-size: 1.4rem;
    padding: 5px 0 0;
    border-radius: 3px;
    height: 30px;
}
.column2 .anc_box_b .anc_cont .cont_spec {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.column2 .anc_box_b .anc_cont .cont_spec .specbox {
    width: calc((100% - 10px) / 3);
}
.column2 .anc_box_b .anc_cont .cont_spec .specbox > p.box_in_tit {
    font-size: 1.4rem;
    text-align: center;
    color: var(--fc-brown);
    border: solid 1px var(--bk-brown);
    font-size: 1.6rem;
    padding: 8px 3px 6px;
    margin: 0 0 10px;
    font-weight: bold;
}
.column2 .anc_box_b .anc_cont .cont_spec .specbox > p.box_in_icon {
    width: 100%;
    height: 50px;
}
.column2 .anc_box_b .anc_cont .cont_spec .specbox > p.i_r {
    background: url(/excludes/KEC/img/special/heater/icon_round.png) no-repeat center center;
    background-size: contain;
}
.column2 .anc_box_b .anc_cont .cont_spec .specbox > p.i_dr {
    background: url(/excludes/KEC/img/special/heater/icon_dround.png) no-repeat center center;
    background-size: contain;
}
.column2 .anc_box_b .anc_cont .cont_spec .specbox > p.i_t {
    background: url(/excludes/KEC/img/special/heater/icon_triangle.png) no-repeat center center;
    background-size: contain;
}
.tit5 > h3 {
    position: relative;
    padding: 0 0 10px 110px;
    color: #ea5413;
    font-weight: bold;
}
.tit5 > h3:after {
    background: repeating-linear-gradient(90deg,transparent 0px 4px, var(--bk-orange) 4px 8px);
}
.tit5 > h3:before {
    background: url(/excludes/KEC/img/special/heater/cat_icon.png) no-repeat;
    background-size: 100px;
    position: absolute;
    content: "";
    width: 100px;
    height: 52px;
    bottom: 10px;
    left: 0;
}