@charset "UTF-8";

/*////////////////////▼201704_ADD▼////////////////////*/
.pt90 {
	padding-top: 90px !important
}

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

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

p.t_small,
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;
}

p .round_number {
	display: inline-block !important;
	text-align: center;
	background: #ea8b00;
	color: #fff;
	padding: 0px 1px 6px 1px;
	width: 2.2rem;
	height: 1.8rem;
	font-size: 1.6rem;
	margin-right: 0.4em;
	font-weight: bold;
	margin-bottom: 3px;
	border-radius: 0.9em;
}

p.caption .round_number {
	display: inline-block !important;
	text-align: center;
	background: #ea8b00;
	color: #fff;
	padding: 1px 1px 4px 1px;
	width: 2rem;
	height: 1.8rem;
	font-size: 1.6rem;
	margin-right: 0.4em;
	font-weight: bold;
	margin-bottom: 3px;
	border-radius: 0.9em;
}

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;
}

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

span.tag_gray {
	display: inline-block !important;
	line-height: 1.5;
	font-size: 0.9em;
	background: #c0c1c1;
	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,
.caption span.tag_orange,
.caption span.tag_gray {
	font-size: 1.1rem;
	vertical-align: middle;
	margin-left: 1em;
	letter-spacing: normal;
	padding: 2px 5px;
	margin-bottom: 3px;
}

.caption span.tag_option,
.caption span.tag_orange,
.caption span.tag_gray {
	font-size: 1.1rem;
	vertical-align: middle;
	margin-left: 0;
	letter-spacing: normal;
	padding: 2px 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.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
	}

	.box_list.mh70 .caption {
		min-height: 70px
	}

	.box_list.mh60 .caption {
		min-height: 60px
	}

	.box_list li.mh150 .caption {
		min-height: 150px
	}

	.box_list li.mh200 .caption {
		min-height: 200px
	}

	.box_list li.mh300 .caption {
		min-height: 300px
	}

	.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.feature09 .commonparts_box,
.showcase.feature10 .commonparts_box,
.showcase.feature001 .commonparts_box,
.showcase.feature002 .commonparts_box,
.showcase.feature003 .commonparts_box,
.showcase.parts .commonparts_box,
.showcase.simulation .commonparts_box,
.showcase.bathtub .commonparts_box,
.showcase.floor .commonparts_box,
.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.wiper .commonparts_box,
.showcase.option .commonparts_box {
	background: none;
}

.showcase.feature01 .commonparts_box .showcase_ttl,
.showcase.feature02 .commonparts_box .showcase_ttl,
.showcase.feature03 .commonparts_box .showcase_ttl,
.showcase.feature04 .commonparts_box .showcase_ttl,
.showcase.feature07 .commonparts_box .showcase_ttl,
.showcase.feature08 .commonparts_box .showcase_ttl,
.showcase.feature09 .commonparts_box .showcase_ttl,
.showcase.feature001 .commonparts_box .showcase_ttl,
.showcase.feature002 .commonparts_box .showcase_ttl {
	left: auto;
	right: 30px;
}

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

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

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

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

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

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

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

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

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

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


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

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

.showcase.feature09 {
	background-image: url(/products/bath/mansion_remodel_bathroom/feature/images/pht_mv_feature09.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

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

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

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

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

.showcase.parts {
	background-image: url(/products/bath/mansion_remodel_bathroom/color/images/pht_mv_parts.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

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

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

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

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

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

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

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

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

.showcase.option {
	background-image: url(/products/bath/mansion_remodel_bathroom/parts/images/pht_mv_option.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,
	.showcase.feature09 {
		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;
	}
}

/* 180530 */
#logo.manrimo_top_main span.tag_new {
	width: 280px !important;
	text-align: center;
	margin: 2px 0 0 0 !important;
}

.manrimo_top_main_newarea {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.manrimo_top_main_newarea {
		margin-top: 10px;
	}

	.manrimo_top_main {
		width: 50% !important;
	}

	span.tag_new {
		padding-right: 0 !important;
		padding-left: 0 !important;
		width: 100% !important;
	}

	#logo.manrimo_top_main span.tag_new {
		padding-right: 0 !important;
		padding-left: 0 !important;
		width: 100% !important;
	}

	.manrimo_main .commonparts_box #logo {
		top: 10px;
		right: 10px;
		padding: 10px 0;
	}

	.manrimo_top_main {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
}

/* 180529追記 */
.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;
}

/* 180530追記 */
.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;
}

#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;
}

/*////////////////////▼20181128_ADD▼////////////////////*/
.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;
}

@media screen and (min-width: 768px) {
	.sp_area {
		display: none;
	}
}

/* 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;
}

.atataka_3area {
    margin-bottom: 5px;
    margin-top: 12px !important;
}
@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;
	}

}

/*////////////////////▼2018122807_ADD▼////////////////////*/
span.tag_new.width_auto{
	width: auto!important;
}

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


/* feature06 */
.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;
}


/* feature09 */
.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%;
	}
}


.font_normal{
	font-weight: normal;
}
.font08em{
	font-size: 0.8em;
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝H19.12add＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

.auto{
	width: auto!important;
}
/* 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;
    }
}



@media screen and (max-width: 767px){
	.ttl_blue.eco_tit,
	.sp_ttl{
		margin: 30px 0 0;
	}
}

.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{
    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;
}
.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;
	padding-bottom: 8px;
}
.tag_area dd span{
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.5;
}
.tag_under_txt{
	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;
}
.gradparts_box .tag_cat {
    margin: 0 0 10px 30px;
}
.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;
}
.titIcon.clean_icon img{
	padding-top: 2px;
}
@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;
	}
	.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;
	}
}



@media screen and (max-width:767px){
	.atataka_min_h32{
		min-height: 32px;
	}
	.relation2 .commonparts_box ul li:first-child .commonparts_table {
	margin-top: 0;
	}
	.relation2 .commonparts_table {
	margin: 12px 0 0 0;
	}
}
.mrb_facility .commonparts_box .box_list a:hover .btn .tag_box {
    color: #fff;
    background: #13449d url(/products/bath/mansion_remodel_bathroom/images/icn_arrow_on.png) no-repeat right bottom;
}

.mrb_facility .commonparts_box .box_list.menu_list li a .btn p {
    height: auto;
}

.anchor.box_list li .clean_anc_long_txt {
    padding: 10px 5px!important;
}
.ml05 {
    margin-left: 0.5em!important;
}

/* 鏡面アイコン */
.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
}