@charset "UTF-8";

/*////////////////////▼201704_ADD▼////////////////////*/

.plan_list li .plan_half img {
    width: 50%;
    height: auto;
    vertical-align: bottom !important;
}

.plan_half {
    display: inline!important
}

.circle {
    font-family: "メイリオ", "Meiryo"
}

.pt90 {
    padding-top: 90px!important
}

.ttl_blue-center .blue_sub,
.ttl_blue .blue_sub {
    font-size: 0.8em;
    font-weight: normal
}

p span.t_large {
    font-size: 1.2em!important
}

p span.t_small {
    font-size: 0.9em!important
}

.box_list li h4.ttl_black {
    margin-top: 10px;
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 10px;
}

.ttl_blue-center img.icn {
    vertical-align: baseline;
    margin-left: 2em
}

@media screen and (max-width: 767px) {
    .box_list li.split2 {
        width: 100%!important;
        margin: 0 0 4%!important;
    }
    .ttl_blue-center img {
        display: block;
        margin: 0 auto;
    }
    .commonparts_table .split3 {
        margin: 0 auto;
        max-width: 100%;
    }
    .anchor.box_list li {
        width: 100%
    }
    .anchor.box_list li:nth-child(even) a,
    .anchor.box_list li:nth-child(even) span {
        border-right: solid #ccc 1px;
    }
}

.ttl_blue.small {
    font-size: 1.2rem;
    border: none
}

.optional {
    background-color: #fee0be
}

.lyt-select-01 .switch-plan {
    background-size: 40px
}

span.caution {
    color: #fff;
    font-weight: bold;
    padding: 0 .2em;
    margin: auto .5em;
    text-align: center;
    background: #b66112;
    display: inline-block;
}

.icn-1 {
    vertical-align: middle;
    margin: auto 3px;
    width: 9px!important;
    height: auto;
}

.box-contents-03 p,
.box-contents-03 ul li {
    font-size: 1.4rem
}

.commonparts_btn li a.double {
    line-height: 27px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tables_split2 dt a,
.tables_split2 dd a,
.tables_split2 dt span,
.tables_split2 dd span {
    padding: 5px 12px
}

.box_list.reference_price li {
    box-sizing: border-box;
    font-size: 1.4rem;
    color: #414141;
    border: solid #e7ebed 1px;
    padding: 1em
}

.box_list.reference_price li p strong {
    font-size: 1.2em;
}

.box_list.reference_price li .ttl_blue {
    border: none;
    font-size: 1em;
}

.no_price {
    line-height: 3.3
}

#logo span.tag_new {
    font-size: 1.4rem!important;
    background: rgba(255, 255, 255, 0.6);
    color: #c00;
    border: 1px solid #c00;
    padding: 3px 5px!important;
    margin: 0 auto!important;
}

@media screen and (max-width: 767px) {
    #logo span.tag_new {
        font-size: 1em!important
    }
}


/*////////////////////▼feature tags▼////////////////////*/

p.tag_orange {
    margin-top: 10px;
    text-align: center;
}

p.tag_orange span {
    display: inline-block;
    line-height: 1.6;
    font-size: 1em;
    background: #ed6d1f;
    color: #fff;
    font-weight: bold;
    margin-right: 0.5rem;
    padding: 3px 10px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 5px;
}

.sq_number {
    display: inline-block!important;
    text-align: center;
    background: #414141;
    color: #fff;
    padding: 2px 1px 3px 1px;
    width: 1.5em;
    font-size: 0.9em;
    margin-right: 0.4em;
    font-weight: bold;
    margin-bottom: 3px;
}

span.tag_basic {
    display: inline-block!important;
    line-height: 1.5;
    font-size: 0.9em;
    border: 1px solid #000;
    font-weight: bold;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    padding: 3px 5px;
    margin-bottom: 5px;
}

span.tag_option {
    display: inline-block!important;
    line-height: 1.5;
    font-size: 0.9em;
    background: #e60012;
    color: #fff;
    font-weight: bold;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    padding: 3px 5px;
    margin-bottom: 5px;
}

.ttl_blue-center span.tag_option,
.caption span.tag_option {
    font-size: 1.1rem;
    vertical-align: middle;
    margin-left: 1em;
    letter-spacing: normal;
    padding: 2px 5px;
    margin-bottom: 3px;
}

.caption span.tag_basic,
.caption span.tag_option {
    margin-left: 0
}

.blue_list .blue_list_child {
    display: table;
    background: #dce7ed!important;
    font-weight: bold;
    min-height: 6em
}

.blue_list p {
    display: table-cell;
    font-size: 0.8em;
    color: #2a72ba!important;
    vertical-align: middle;
}

@media screen and (max-width:767px) {
    .box-contents-03 p,
    .box-contents-03 ul li {
        font-size: 1.0rem
    }
    .box_list.reference_price li {
        min-height: 90px;
        font-size: 1rem
    }
    .box_list.reference_price li p strong {
        font-size: 1.2em;
    }
    .box_list.reference_price li .ttl_blue {
        margin: 0;
        border: none;
        font-size: 1.2em;
    }
    .box_list.feature07 .split3 .caption {
        min-height: 100px;
    }
    .box_list.mh115 .caption {
        min-height: 115px
    }
    .blue_list .blue_list_child {
        min-height: 0;
        margin: 10px 0!important
    }
}


/*////////////////////▼feature mv▼////////////////////*/

.showcase.feature01 .commonparts_box,
.showcase.feature02 .commonparts_box,
.showcase.feature03 .commonparts_box,
.showcase.feature04 .commonparts_box,
.showcase.feature05 .commonparts_box,
.showcase.feature06 .commonparts_box,
.showcase.feature06_0 .commonparts_box,
.showcase.feature06_1 .commonparts_box,
.showcase.feature06_2 .commonparts_box,
.showcase.feature06_3 .commonparts_box,
.showcase.feature06_4 .commonparts_box,
.showcase.feature06_5 .commonparts_box,
.showcase.feature06_6 .commonparts_box,
.showcase.feature06_7 .commonparts_box,
.showcase.feature06_8 .commonparts_box,
.showcase.feature06_9 .commonparts_box,
.showcase.feature06_10 .commonparts_box,
.showcase.feature07 .commonparts_box,
.showcase.feature08 .commonparts_box,
.showcase.feature10 .commonparts_box,/* 20181207追記 */
.showcase.feature001 .commonparts_box,
.showcase.feature002 .commonparts_box,
.showcase.feature003 .commonparts_box,
.showcase.feature004 .commonparts_box,
.showcase.feature005 .commonparts_box,
.showcase.wall .commonparts_box,
.showcase.bathtub .commonparts_box,
.showcase.floor .commonparts_box,
.showcase.wiper .commonparts_box,/* 20181207追記 */
.showcase.counter .commonparts_box,
.showcase.faucet .commonparts_box,
.showcase.mirror .commonparts_box,
.showcase.door .commonparts_box,
.showcase.illumination .commonparts_box,
.showcase.ceiling .commonparts_box,
.showcase.option .commonparts_box,
.showcase.simulation .commonparts_box {
    background: none;
}

.showcase.feature001 .commonparts_box .showcase_ttl,
.showcase.feature003 .commonparts_box .showcase_ttl {
    left: auto;
    right: 30px;
}

.showcase.feature01 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature01.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature02 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature02.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature03 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature03.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature04 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature04.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature05 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature05.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature06 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_0 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_0.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_1 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_1.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature06_2 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature06_3 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_3.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature06_4 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_4.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_5 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_5.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_6 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_6.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_7 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_7.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_8 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_8.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature06_9 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_9.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature06_10 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature06_10.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature07 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature07.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature001 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature001.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature002 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature002.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature003 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature003.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature004 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature004.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature005 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature005.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.feature08 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature08.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.wall {
    background-image: url(/products/bath/sazana/color/images/pht_mv_wall.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.simulation {
    background-image: url(/products/bath/sazana/color/images/pht_mv_simulation.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.bathtub {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_bathtub.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.floor {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_floor.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.counter {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_counter.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.faucet {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_faucet.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.mirror {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_mirror.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.door {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_door.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.illumination {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_illumination.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.showcase.ceiling {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_ceiling.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:767px) {
    .mt60 {
        margin-top: 20px!important
    }
    .showcase_ttl {
        left: 1rem
    }
	.showcase.feature03,
    .showcase.feature04,
    .showcase.feature05,
    .showcase.feature06,
	.showcase.feature06_1,
	.showcase.feature06_2,
	.showcase.feature06_6,
	.showcase.feature06_7,
    .showcase.feature07,
    .showcase.feature08 {
        background-position: right;
    }
}


/*////////////////////▼カラーシミュレーション▼////////////////////*/

.colorsimulation .simulation_body div {
    display: none
}

.colorsimulation .simulation_body div.active {
    display: block
}

.colorsimulation .simulation_body ul#selectbtn {
    display: none
}

.colorsimulation .simulation_body .pickup {
    display: none
}

.colorsimulation .split2 .box_list.margin .split7 {
    box-sizing: border-box;
    /*    border: 1px solid #ccc;*/
    width: 56px;
    height: 34px;
    margin: 0 14px 10px 0;
}

.colorsimulation .split2 .box_list.margin .split7:nth-child(7n) {
    margin-right: 0
}

.colorsimulation .split2 .box_list.margin .active {
    box-sizing: border-box;
    border: 3px solid #13449d;
}

.colorsimulation .split2 .box_list.margin .active img {
    vertical-align: top
}

.colorsimulation .split2 .box_list.margin .active img {
    opacity: 0.7
}

.colorsimulation .simulation_select p.close {
    display: none;
}

@media screen and (max-width:767px) {
    .colorsimulation .simulation_body ul#selectbtn {
        display: block;
        width: 90%;
        margin: 20px auto;
    }
    .colorsimulation .simulation_body ul li {
        width: 100%;
        text-align: center;
    }
    .colorsimulation .simulation_body .pickup {
        display: block;
    }
    .colorsimulation .split2 .box_list.margin .split7,
    .colorsimulation .split2 .box_list.margin .split7:nth-child(7n) {
        box-sizing: border-box;
        width: 15%;
        height: 7.6vw;
        margin: 0 2% 2% 0;
    }
    .colorsimulation .split2 .box_list.margin .split7:nth-child(6n) {
        margin-right: 0
    }
    .colorsimulation .simulation_select {
        display: none;
        overflow: scroll;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6)
    }
    .colorsimulation .simulation_select.open {
        display: block
    }
    .colorsimulation .simulation_select_inner {
        width: 98%;
        margin: 50px auto 50px;
    }
    .colorsimulation .simulation_select_inner .ttl_blue {
        color: #fff!important;
        border-bottom: 1px solid #fff!important;
        padding: 0!important
    }
    .colorsimulation .simulation_select .mt20,
    .colorsimulation .simulation_select .mt30 {
        margin-top: 10px!important
    }
    .colorsimulation .simulation_select p.close {
        display: block;
        border: 1px solid #fff;
        color: #fff;
        padding: 10px;
        width: 80%;
        margin: 15px auto;
        margin: 5% auto 15%;
        font-size: 2em;
        text-align: center;
        line-height: 20px;
    }
    .colorsimulation .simulation_select p.close img {
        margin-right: 0.5em;
        width: 1em;
        height: auto;
        vertical-align: middle;
    }
    /*////////////////////▼ランキング▼////////////////////*/
    ul.ranking li {
        min-height: 70vw
    }
}


/*////////////////////▼浴槽▼////////////////////*/

li.size_list {
    border: 1px solid #82a6e9;
    text-align: center;
    padding: 4px 0 4px;
    box-sizing: border-box;
    font-size: 1.5rem;
    height: 34px;
    margin-bottom: 10px!important;
}

li.size_list.off {
    border: none;
    background: #f7f7f7;
    color: #dbdbdb;
}


/*css整理*/

.zh_boxh260 {
    height: 260px;
}

.zh_boxh220 {
    height: 220px;
}

.zh_boxh200 {
    height: 200px;
}

.box_list.margin .split2:nth-child(6),
.box_list.margin .split4:nth-child(4n) {
    margin-right: 0;
}

.commonparts_btn li {
    display: inline-block;
    background: #fff;
    border: solid #13449d 1px;
    box-shadow: none;
}


/*base*/

.lyt-select-01 .select .list-btnzh li.active {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-01_04.gif");*/
    background: #ffffff;
}

.lyt-select-01 .select.synla .list-btnzh li.active {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-02_04.gif");*/
    background: #ffffff;
}

.lyt-select-01 .select .list-btnzh li.active a span {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-01_03.gif");*/
    background: #ffffff;
}

.lyt-select-01 .select.synla .list-btnzh li.active a span {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-02_03.gif");*/
    background: #ffffff;
}


/* tbl-cc-01
----------------------------------------------------------- */

.tbl-cc-01 {
    width: 100%;
    /*background:url("/products/common/images/v2/bg_tbl-plan-01_01.gif") no-repeat 100% 100%;*/
}


/*new style*/

.zh_title01 {
    font-size: 12px;
    padding: 5px 0px 0px 0px;
}

.zh_table01 {
    padding: 10px 0px 30px 0px;
}

.lyt-select-01 .select .list-btnzh {
    margin: 0 0 0 -18px;
}

.lyt-select-01 .select .list-btnzh li,
.lyt-select-01 .select.synla .list-btnzh li {
    float: left;
    width: 144px;
    margin-left: 15px;
    background: url("/products/common/images/v2/bg_lyt-select-01_02.gif") no-repeat 0 100%;
}

.lyt-select-01 .select.synla .list-btnzh li {
    width: 274px;
    background: url("/products/common/images/v2/bg_lyt-select-02_02.gif") no-repeat 0 100%;
}

.lyt-select-01 .select .list-btnzh li a {
    display: block;
}

.lyt-select-01 .select .list-btnzh li a span,
.lyt-select-01 .select.synla .list-btnzh li a span {
    display: block;
    padding: 6px 9px 5px 10px;
    font-weight: bold;
    font-size: 12px;
}

.lyt-select-01 .select .list-btnzh li a img {
    display: block;
    padding: 5px 9px 11px;
}

.lyt-select-01 .select .list-btnzh li.active {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-01_04.gif");*/
    background: #ffffff;
}

.lyt-select-01 .select.synla .list-btnzh li.active {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-02_04.gif");*/
    background: #ffffff;
}

.lyt-select-01 .select .list-btnzh li.active a span {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-01_03.gif");*/
    background: #ffffff;
}

.lyt-select-01 .select.synla .list-btnzh li.active a span {
    /*background-image: url("/products/common/images/v2/bg_lyt-select-02_03.gif");*/
    background: #ffffff;
}

@media screen and (max-width:767px) {
    .zh_boxh260 {
        height: 260px;
    }
    .zh_boxh220 {
        height: 240px;
    }
    .zh_boxh200 {
        height: 220px;
    }
    .zhttl_black {
        margin: 0 16px;
        font-size: 1.6rem;
    }
    .zh_table01 {
        display: none;
    }
    .lyt-select-01 .select .list-btnzh {
        margin: 0;
    }
    .lyt-select-01 .select .col-grid2 .list-btnzh li,
    .lyt-select-01 .select .col-grid4 .list-btnzh li {
        width: 100%;
        margin: 0;
        background: #f4f4f4;
        border-radius: 2px;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
    }
    .lyt-select-01 .select .list-btnzh li.active {
        box-sizing: border-box;
        background: none;
        /*border: 3px solid #004fa2;*/
        border: 0px;
    }
    .lyt-select-01 .select .col-grid4 .list-btnzh li {
        width: 48%;
    }
    .lyt-select-01 .select .col-grid4 .list-btnzh li:first-child {
        margin-right: 4%;
    }
    .lyt-select-01 .select .list-btnzh li a span {
        background: none;
    }
    .lyt-select-01 .select .list-btnzh li.active a span {
        /*background: #d3e2ff;*/
        background: #ffffff;
    }
    .lyt-select-01 .select .col-grid4 .list-btnzh li {
        width: 48.5%;
    }
    .lyt-select-01 .select .col-grid4 .list-btnzh li:first-child {
        margin-right: 3%;
    }
    .lyt-select-01 .select .list-btnzh li a span {
        padding-top: 9px;
        font-size: .8125rem;
    }
    .commonparts_btn li {
        min-width: 0;
    }
}



/*////////////////////▼201805_ADD▼////////////////////*/
.sazana_top_main{
	padding-right: 15px!important;
    padding-left: 15px!important;
    width: 290px!important;
}

#logo.sazana_top_main span.tag_new{
	width: 220px!important;
    text-align: center;
    margin: 2px 0 0 0!important;
}
.sazana_top_main_newarea{
	margin-top: 20px;
}

.tag_new_sale {
background: #fff;
color: #c00;
border: 1px solid #c00;
display: inline-block !important;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: normal;
font-size: 10px !important;
letter-spacing: 0 !important;
line-height: 1 !important;
margin: 0 0 4px 8px !important;
padding: 2px 3px !important;
vertical-align: middle;
}

.tag_new_sale.tag_feature{
	font-size: 1.1rem!important;
	padding: 3px 4px 4px 4px!important;
	margin-bottom: 3px !important;
}

@media screen and (max-width:767px) {
	.sazana_top_main{
	    width: 50%!important;
	}
	#logo.sazana_top_main span.tag_new{
		padding-right: 0!important;
	    padding-left: 0!important;
	    width: 100%!important;
	}
	.sazana_top_main_newarea{
		margin-top: 10px;
	}

	.tag_new_sale {
		margin: 0 0 4px 0px !important;
	}

	.tag_new_sale_sp{
		margin-left: 1em !important;
	}
}

.tag_plan {
    display: inline-block!important;
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 0;
    border: 1px solid #000;
    padding: 5px 8px;
    margin: 0 0 5px 8px;
    vertical-align: middle;
}

#prd_common #prd_cmmn_box #prd_catalog h4, #prd_common #prd_cmmn_box #prd_reform h4, #prd_common #prd_cmmn_box #prd_tdy_case h4 {
    font-size: 1.8rem !important;
    font-weight: bold !important;
    line-height: 1 !important;
    border-left: solid #13449d 4px !important;
    padding: 2px 0 2px 18px !important;
    color: #414141!important;
    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px){
    #contents #prd_common #prd_cmmn_box #prd_catalog h4,
    #contents #prd_common #prd_cmmn_box #prd_reform h4,
    #contents #prd_common #prd_cmmn_box #prd_tdy_case h4 {
      font-size: 1.4rem !important;
      line-height: 1.4 !important;
      padding: 2px 0 2px 10px !important;
      color: #414141!important;
      -webkit-font-smoothing: antialiased;
  }
}

/*////////////////////▼201811_ADD▼////////////////////*/
.new_products_banner{
    padding: 30px 0 0!important;
    /*margin-bottom: 30px;*/
}
@media screen and (max-width: 767px) {
    .new_products_banner{
        width: 90%;
        padding: 20px 0 0!important;
        margin-bottom: 20px;
    }
}

.pt0{
    padding-top: 0!important;
}


/* 181109追加 */
.features_table th,
.features_table td{
  padding-top: 12px;
}

.features_table th{
  vertical-align: top;
}

.features_table span.tag_basic {
margin: 0 0.5rem 0 0;
font-size: 1.45em;
min-width: 26px;
line-height: 1.3;
}

.features_table2 th{
  width: 19%;
}

.features_table2 span.tag_basic {
width: 80%;
text-align: center;
}

.sp_area{
	display: none;
}

@media screen and (max-width: 767px){
	.sp_area{
		display: block;
	}
	.box_list.margin .split2.imgWd100{
		width: 100%!important;
	}
}


/* feature01 ■足裏温度測定結果 */
.floor_area_temperature .commonparts_cell.split2 {
    width: 645px;
    padding-top: 20px;
}

@media screen and (max-width: 767px){
	.floor_area_temperature .commonparts_cell.split2 {
		width: auto;
	}
	.floor_area_temperature .commonparts_cell.split4 {
		margin: 0 auto;
	}
}
/* オプションタグ */
.ttl_blue span.tag_option{
    font-size: 1.1rem;
    vertical-align: middle;
    margin-left: 1em;
    letter-spacing: normal;
    padding: 2px 5px;
    margin-bottom: 3px;
}

/* feature11 浴室・洗面所あたたか快適セット */
.mt0{
	margin-top: 0px!important;
}
.mr0{
	margin-right: 0!important;
}
.ml05{
	margin-left: 0.5em!important;
}
.auto{
	width: auto!important;
}
.atataka_3area {
    margin-bottom: 10px;
    margin-top: 12px !important;
}
.warm_split3_area .split3{
	width: 144px!important;
}
.t_middle{
	font-size: 2.1rem;
}
@media screen and (max-width: 767px){
	.warm_split3_area,
	.warm_split3_area .split3:nth-child(3){
	    margin-right: 0!important;
	}
	.t_middle{
		font-size: 1.4rem;
	}
}


@media screen and (max-width: 767px){
	.atataka_2area img,
	.atataka_2area .atataka_txt,
	.atataka_1area .atataka_txt{
		width: 86%!important;
	}
	.atataka_2area .atataka_txt,
	.atataka_1area .atataka_txt{
		min-height: 95px;
	}

	.atataka_3area {
	    margin-top: 0 !important;
	}

	.box_list.anchor li.split2 {
		margin-top: -1px!important;
	    margin-bottom: 0!important;
	}

}

/* 20181207追記 */
.showcase.wiper {
    background-image: url(/products/bath/sazana/parts/images/pht_mv_wiper.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.showcase.feature10 {
    background-image: url(/products/bath/sazana/feature/images/pht_mv_feature10.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


/* feature05 */
.titIcon img{
	padding-top: 5px;
	display: inline;
}

.ttl_blue-center .subTit{
	font-size: 1.6rem;
    letter-spacing: 0 !important;
}

.noteTxt{
	font-size: 1.4rem!important;
    padding-left: 10px;
    font-weight: normal;
}

.borderWaku{
	display: inline-block;
    border: 1px solid #000;
    padding: 1px 3px;
    line-height: 1.2;
}

.wd450 img{
    width: 450px!important;
}

.commonparts_cell.split2.wd450 {
    width: 430px;
}


/* feature10 */
.wd510 img{
    width: 510px!important;
}

.commonparts_cell.split2.wd510 {
    width: 380px;
}

.wd568 img{
    width: 568px!important;
}
.commonparts_cell.split2.wd568 {
    width: 569px;
}

.commonparts_cell.split2.wd370 {
    width: 370px;
}

.conditions_wrap{
	padding-top: 30px;
}


/* wiper */
.wd555 img{
    width: 555px!important;
}
.commonparts_cell.split2.wd555 {
    width: 555px;
}


/* common */
.ttl_black {
    line-height: 1.2;
}
.pt30 {
    padding-top: 30px !important;
}

.conditions_area .first-indent{
	padding-left: 3em;
	text-indent: -3em;
}

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

	.titIcon img {
	    padding-top: 0;
		width: 8%;
	}

	.commonparts_cell.split2.wd450,
	.commonparts_cell.split2.wd510,
	.commonparts_cell.split2.wd568,
	.commonparts_cell.split2.wd370,
	.commonparts_cell.split2.wd555,
	.wd450 img,
	.wd510 img,
	.wd568 img,
	.wd555 img{
	    width: auto;
	}

	.conditions_wrap{
		padding-top: 10px;
	}

	/* common */
	.commonparts_box > .ttl_black {
    	margin: 12px 16px 0;
	}
	.spwd100{
		width: 100%;
	}
}

/* 181218追加 */
.img_10_hover a:hover img{
	opacity: 0.8;
}
.feature_01_span {
	font-size: 1.6rem;
	font-weight: normal;
}
.feature_05_h3 {
	text-align: center;
}

.tag_new_sale.tag_setplan{
	margin-left: 0!important;
	margin-top: 5px!important;
}

/* お客様の声を非表示にしたため、2段目のmtを0にする */
.relation2 .commonparts_table {
    margin-top: 0;
}


/* 191128追加 */
.mov_box .movie_ttl {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

.float_l_pc_none{
    float: none!important;
}

.w260{
    width: 260px!important;
    margin-right: 10px!important;
}
.w198{
    width: 198px!important;
}
.w180{
    width: 180px!important;
}
.w190{
    width: 190px!important;
}
.w308{
    width: 308px!important;
}
.w346{
    width: 346px!important;
}

.w370{
    width: 370px!important;
}
.w380{
    width: 380px!important;
}
.pr20{
    padding-right: 20px!important;
}


.showcase_ttl_white {
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 99px;
}

@media screen and (max-width: 767px){
    .w180{
        width: auto!important;
    }
    .w260{
        width: 57%!important;
    }
    .w198{
        width: 43%!important;
    }
    .w346{
        width: 100%!important;
    }
    .pr20{
        padding-right: 0!important;
    }

    .showcase_ttl_white {
        color: #000;
    }

    .float_l_pc_none{
        float: left!important;
    }
}
/* 191204追加 */
@media screen and (max-width: 767px){
	.ttl_blue.eco_tit,
	.sp_ttl{
		margin: 30px 0 0;
	}
}
/* 191205追加 */
.option::after{
	content: "オプション";
	font-size: 10px;
	vertical-align: middle;
	color: #fff;
	background: #800012;
	padding: 5px;
}
.option.ml10::after{
	margin-left: 10px;
}
.pr10{
	padding-right: 10px;
}
.mt0{
	margin-top: 0;
}
.vbottom{
	vertical-align: bottom;
}

.bigTxt{
	font-size: 28px;
	font-weight: bold;
	color: #83ccd7;
}

.ttl_over{
	font-size: 25px;
}
.long .ttl_blue{
	line-height: 1.3;
}
.showcase_ttl .tag_option{
	font-size: 1.1rem;
	font-size: 1.1rem;
	vertical-align: middle;
	margin-left: 1em;
	letter-spacing: normal;
	padding: 2px 5px;
	margin-bottom: 3px;
}
.subTitType2{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 5px 0;
}

.caption.type2{
	font-size: 15px!important;
	line-height: 1.5!important;
}

.ttl_black_large{
	font-size: 2.3rem!important;
	font-weight: bold;
	margin-bottom: 5px!important;
}
.pcw420{
	width: 420px!important;
}
.mb5{
	margin-bottom: 5px;
}
.mt5{
	margin-top: 5px;
}
.n_wrap{
	flex-wrap: nowrap!important;
}

.n_wrap li:nth-child(2){
	padding-left: 10px;
	width: 240px!important;
	margin: 0!important;
}
.middle_showcase_ttl{
	font-size: 2rem;
}
@media screen and (max-width: 767px){
	.pcw420{
		width: auto!important;
	}
	.back150{
		background-size: 150%;
	}
	.n_wrap{
		display: block!important;
	}
	.box_list.margin.n_wrap .split4{
		width: 100%!important;
	}
	.box_list.margin .split2.spw100{
		width: 100%!important;
	}
	.ttl_black_large{
		margin: 20px 16px 0;
		font-size: 1.8rem!important;
	}
	.ttl_black{
		font-size: 1.6rem;
	}
	.box_list.margin .split3.spwd100{
	width: 100%!important;
	}
}


/* メインビジュアルグラデーション */

/* 共通 */
.gradparts_box h1 .grad_main{
    color: #595757;
    display: inline-block;
    padding: 15px 8% 15px 30px;
    margin-bottom: 8px;
    text-shadow:2px 2px 2px rgba(255,255,255,0.75);
    letter-spacing: 8px;
}
.gradparts_box h1 .grad_sub{
    margin-left: 30px;
    display: block;
}
.gradparts_box .commonparts_box{
    padding: 20px 30px 20px 0;
}

/* くつろぎ */
.gradparts_box h1 .grad_relaxing{
    background: rgb(216,103,121);
    background: -moz-linear-gradient(90deg, rgba(216,103,121,1) 0%, rgba(234,171,181,0.5466387238489145) 65%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(216,103,121,1) 0%, rgba(234,171,181,0.5466387238489145) 65%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(216,103,121,1) 0%, rgba(234,171,181,0.5466387238489145) 65%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d86779",endColorstr="#ffffff",GradientType=1);
}
/* あたたか */
.gradparts_box h1 .grad_warm{
    background: rgb(232,126,77);
    background: -moz-linear-gradient(90deg, rgba(232,126,77,1) 0%, rgba(244,196,173,0.5494398442970938) 65%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(232,126,77,1) 0%, rgba(244,196,173,0.5494398442970938) 65%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(232,126,77,1) 0%, rgba(244,196,173,0.5494398442970938) 65%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e87e4d",endColorstr="#ffffff",GradientType=1);
}
/* きれい */
.gradparts_box h1 .grad_beautiful{
    background: rgb(80,190,203);
    background: -moz-linear-gradient(90deg, rgba(80,190,203,1) 0%, rgba(181,227,233,0.5522409647452731) 65%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(80,190,203,1) 0%, rgba(181,227,233,0.5522409647452731) 65%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(80,190,203,1) 0%, rgba(181,227,233,0.5522409647452731) 65%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#50becb",endColorstr="#ffffff",GradientType=1);
}
/* エコ */
.gradparts_box h1 .grad_eco{
	padding: 15px 16% 15px 30px!important;
	background: rgb(65,155,94);
	background: -moz-linear-gradient(90deg, rgba(65,155,94,1) 0%, rgba(65,155,94,0.55) 35% rgba(65,155,94,0.3) 65%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(65,155,94,1) 0%, rgba(65,155,94,0.55) 35%, rgba(65,155,94,0.3) 65%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(65,155,94,1) 0%, rgba(65,155,94,0.55) 35%, rgba(65,155,94,0.3) 65%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#419b5e",endColorstr="#ffffff",GradientType=1);
}
/* ユニバーサル */
.gradparts_box h1 .grad_uni{
	background: rgb(132,195,107);
	background: -moz-linear-gradient(90deg, rgba(132,195,107,1) 0%, rgba(132,195,107,0.55) 20%,rgba(132,195,107,0.3) 30%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(132,195,107,1) 0%, rgba(132,195,107,0.55) 20%,rgba(132,195,107,0.3) 30%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(132,195,107,1) 0%, rgba(132,195,107,0.55) 20%,rgba(132,195,107,0.3) 30%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c36b",endColorstr="#ffffff",GradientType=1);
}


@media screen and (max-width:767px) {
    .gradparts_box .commonparts_box{
        padding: 20px 16px 10px 0;
    }
    .gradparts_box h1{
        padding: 15px 30px 15px 0 ;
        width: 100%;
        box-sizing: border-box;
    }
    .gradparts_box .showcase_ttl{
        font-size: 2rem;
    }
    .gradparts_box h1 .grad_main{
        letter-spacing: 5px;
    }
}
.showcase{
	background-size: auto;
}
.showcase .commonparts_box{
	min-height: 350px;
}
/* feature/index用 */
.feature_top .feature_mv{
	position: relative;
}
.feature_top.gradparts_box .commonparts_box{
	padding: 90px 0 0;
}
.feature_top .showcase_ttl{
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0;
    width: 100%;
}
.feature_top  .feature_mv{
	margin-top: 30px;
}

@media screen and (max-width:767px){
	.feature_top.gradparts_box .commonparts_box{
		padding: 30px 0 0;
	}
	.feature_top  .feature_mv{
	    margin: 12px 16px 0;
	}
	.feature_top .showcase_ttl{
		top: 0;
		left: 0;
	}
	.gradparts_box.feature_top h1 .grad_main {
		padding: 10px 15% 10px 15px;
	}
}

.tag_box{
	/* width: 284px; */
    /* max-height: 120px; */
    font-size: 1.2rem;
    line-height: 1.6;
    color: #414141;
    background: #eee url(/products/bath/sazana/images/icn_arrow.png) no-repeat right bottom;
    padding: 12px 12px 0 12px;
    text-align: left;
	min-height: 132px;
}
/* .tag_box:hover{
	color: #fff;
    background: #13449d url(/products/bath/sazana/images/icn_arrow_on.png) no-repeat right bottom;
} */

.sazana_facility .commonparts_box .box_list a:hover .btn .tag_box{
    color: #fff;
    background: #13449d url(/products/bath/sazana/images/icn_arrow_on.png) no-repeat right bottom;
}
.tag_area{
	display: flex;
	/* align-items: center; */
	padding-bottom: 8px;
}
.tag_area dd span{
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.5;
}
.tag_under_txt{
	/* height: inherit!important; */
	background: none!important;
	padding: 0!important;
}
.top_movie_btn{
	margin: 0;
	padding: 40px 0;

}
.tag_general{
	color: #fff;
	font-size: 1.2rem!important;
    padding: 2px 11px!important;
	line-height: 1.3;
	display: inline-block!important;
	margin-right: 1rem;
	font-weight: bold;
}
.tag_relaxing{
	background: #c86375;
}
.tag_warm{
	background: #d87a4c;
}
.tag_beautiful{
	background: #50afba;
}
.pc{
	display: block;
}
.sazana_facility .commonparts_box .box_list.menu_list li a .btn p{
	height: auto;
}
.split2_ttl{
	min-height: 80px
}

.box_list.margin .split4.mb0{
	margin-bottom: 0!important;
	margin: 0 !important;
}
@media screen and (max-width:767px){
	.tag_area{
		display: block;
	}
	.tag_area dd span{
		font-size: 1.4rem;
	}
	.tag_box{
		line-height: 1.4;
		padding: 12px;
		/* min-height: 190px; */
	}
	.tag_general{
		font-size: 1rem!important;
		padding: 3px 6px!important;
	}
	#feature .split2:nth-child(even){
		margin: 0!important;
	}
	.pc{
		display: none;
	}
	.split2_ttl{
		min-height: auto;
	}
	.sppt30{
		padding-top: 30px!important;
	}
	.sppl0{
		padding-left: 0!important;
	}
}
@media screen and (min-width:768px){

	.split2_ttl_bottom{
		height: 80px;
	}

	.split2_ttl_bottom{
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
		display: flex;
	    -webkit-box-align: end;
	    -webkit-align-items: flex-end;
	    -ms-flex-align: end;
	    align-items: flex-end;
	}
}

/* きれいアイコン */
.gradparts_box .tag_cat{
    margin: 0 0 10px 30px;
}

.titIcon.clean_icon img{
	padding-top: 2px;
}

.anchor.box_list li .clean_anc_long_txt{
	padding: 10px 5px!important;
}

@media screen and (max-width: 767px){
	.atataka_min_h32 {
	    min-height: 32px;
	}

	.showcase_ttl .tag_new_sale{
		margin: 0 0 4px 8px !important;
	}
	.relation2 .commonparts_box ul li:first-child .commonparts_table {
    margin-top: 0;
	}
	.relation2 .commonparts_table {
    margin: 12px 0 0 0;
	}

}

/* 鏡面アイコン */
.tag_black{
	background: #fff;
	color: #323232;
	border: 1px solid #323232;
	display: inline-block !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	font-size: 1.1rem!important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	margin: 0 0 4px 8px !important;
	padding: 3px 4px 4px 4px!important;
	vertical-align: middle;
    margin-bottom: 3px !important;
}
.align_txt{
	min-height: 2.5em
}