@charset "UTF-8";
@font-face {
    font-family: 'MyMincho';
    font-weight: normal;
    src: local('YuMincho-Medium'), local('Yu Mincho Medium'), local('YuMincho-Regular');
}

@font-face {
    font-family: 'MyMincho';
    font-weight: bold;
    src: local('YuMincho-Bold'), local('Yu Mincho');
}

.roboto {
    font-family: Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
}

.yumin {
    /*font-family: "游明朝", MyYuMincho, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", serif;*/
}

.item_pc {
    display: block;
}

.item_sp {
    display: none;
}

#contents aside {
    height: 140px;
}

#contents aside .prd_nav .cat_nav {
    height: 80px;
}

#contents aside .prd_nav .cat_nav ul li a span {
    line-height: 60px;
}
/*
#contents aside .prd_nav .cat_nav ul li a.double {
    padding: 20px 0;
}*/

#contents aside .prd_nav .cat_nav ul li a.double span {
    line-height: 20px;
}

#contents aside .prd_nav .cat_nav ul li a.triple span {
    line-height: 20px;
}

.cat_nav.mrb ul li:nth-child(3),
.cat_nav.mrb ul li:nth-child(4) {
    /*width: 240px;*/
}

#commonparts_ttl {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 30px;
    line-height: 1.3;
    padding: 20px 0;
}

#commonparts_ttl span {
    font-size: 22px;
}

.mrb_main {
    background: #eee;
}

.mrb_main .commonparts_box {
    position: relative;
    width: 960px;
    height: 590px;
    background: url(/products/bath/mansion_remodel_bathroom/images/pht_mv_mrb.jpg) no-repeat 0 0;
    padding-top: 0;
}

.mrb_main .commonparts_box #logo {
    position: absolute;
    width: 335px;
    top: 20px;
    right: 20px;
    background: rgba(255, 255, 255, .6);
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
}

.mrb_main .commonparts_box #logo img {
    width: 292px;
    height: auto;
}

.mrb_concept {
    background: #ece2d6 url(/products/bath/mansion_remodel_bathroom/images/top_concept.jpg) no-repeat center 0;
}

.mrb_concept .commonparts_box {
    position: relative;
    width: 960px;
    height: 700px;
    padding-top: 0;
}

.mrb_concept .commonparts_box h2 {
    position: absolute;
    top: 256px;
    left: 24px;
    display: inline-block;
    line-height: 1.8;
    color: #414141;
    border-bottom: none;
    text-align: center;
    padding-bottom: 0;
}

.mrb_concept .commonparts_box h2 .roboto {
    font-size: 1.6rem;
    letter-spacing: 2px;
}

.mrb_concept .commonparts_box h2 .yumin {
    font-size: 2.6rem;
    letter-spacing: 4px;
}

.mrb_concept .commonparts_box .concept_txt {
    position: absolute;
    top: 206px;
    left: 676px;
    width: 340px;
}

.mrb_concept .commonparts_box .concept_txt p {
    font-size: 1.2rem;
}

.mrb_concept .commonparts_box .concept_txt p.strong {
    font-weight: bold;
    font-size: 2.6rem;
    letter-spacing: 1px;
}

.mrb_concept .commonparts_box .concept_txt p+p {
    margin-top: 32px;
}

.mrb_point,
.mrb_plan {}

.mrb_point .commonparts_box,
.mrb_plan .commonparts_box {
    padding: 60px 0 0 0;
}

.mrb_color .commonparts_box {
    padding: 80px 0 0 0;
}

.mrb_point .commonparts_box+.commonparts_box {
    padding: 30px 0 0 0;
}

.mrb_point .commonparts_box h2,
.mrb_plan .commonparts_box h2,
.mrb_color .commonparts_box h2,
.mrb_facility .commonparts_box h2 {
    line-height: 1.8;
    color: #13449d;
    border-bottom: none;
    text-align: center;
    padding-bottom: 0;
}

.mrb_color .commonparts_box h2,
.mrb_facility .commonparts_box h2 {
    color: #13449d;
}

.mrb_point .commonparts_box h2 .roboto,
.mrb_plan .commonparts_box h2 .roboto,
.mrb_color .commonparts_box h2 .roboto {
    font-size: 1.6rem;
    letter-spacing: 1px;
}

.mrb_point .commonparts_box h2 .yumin,
.mrb_plan .commonparts_box h2 .yumin,
.mrb_color .commonparts_box h2 .yumin {
    font-size: 2.6rem;
    letter-spacing: 2px;
}

.mrb_point .commonparts_box .lead {
    color: #eee;
    line-height: 1.8;
    text-align: center;
    margin-top: 24px;
}

.mrb_point .commonparts_box .box_list {
    margin-top: 36px;
}

.mrb_point .commonparts_box .box_list+.box_list {
    margin-top: 0;
}

.mrb_point .commonparts_box .box_list+.box_list.margin {
    margin-top: 48px;
}

.mrb_point .commonparts_box .box_list li {
    background: #fff;
}

.mrb_point .commonparts_box .box_list li a {
    display: block;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box {
    position: relative;
    width: 960px;
}

.mrb_point .commonparts_box .box_list li.split2 a .mrb_btn_box {
    width: 480px;
}

.mrb_point .commonparts_box .box_list li.split3 a .mrb_btn_box {
    width: 308px;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box .hover_wrap {
    width: 100%;
    height: 100%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box h3 {
    font-weight: bold;
    font-size: 1.6rem;
    text-decoration: none;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-decoration: none;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box p.btn {
    display: inline-block;
    text-decoration: none;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box h3+p {
    margin-top: 10px;
}

.mrb_point .commonparts_box .box_list li a .mrb_btn_box p.btn {
    margin-top: 16px;
    padding: 12px 30px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.mrb_point .commonparts_box .box_list li a:hover {
    text-decoration: none;
}

.mrb_point .commonparts_box .box_list li a:hover img {
    opacity: 0.8;
}

.mrb_point .commonparts_box .box_list li a:hover .mrb_btn_box .hover_wrap {
    background: rgba(255, 255, 255, 0.2);
}

#mrb_btn1 {
    height: 480px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_1.jpg) no-repeat 0 0;
}

#mrb_btn1 h3 {
    color: #eee;
    margin-left: 48px;
    padding-top: 180px;
    text-shadow: 0 0 4px #414141;
}

#mrb_btn1 p {
    color: #eee;
    margin-left: 48px;
    text-shadow: 1px 1px 4px #414141;
}

#mrb_btn1 p.btn {
    border: solid #eee 1px;
    text-shadow: none;
}

#mrb_btn2 {
    height: 240px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_2.jpg) no-repeat 0 0;
}

#mrb_btn2 h3 {
    color: #414141;
    margin-left: 528px;
    padding-top: 66px;
    text-shadow: 0 0 4px #eee;
}

#mrb_btn2 p {
    color: #414141;
    margin-left: 528px;
    text-shadow: 1px 1px 4px #eee;
}

#mrb_btn2 p.btn {
    border: solid #414141 1px;
    text-shadow: none;
}

#mrb_btn3 {
    height: 480px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_3.jpg) no-repeat 0 0;
    text-align: right;
}

#mrb_btn3 h3 {
    color: #414141;
    margin-right: 44px;
    padding-top: 118px;
    text-shadow: 0 0 4px #eee;
}

#mrb_btn3 p {
    color: #414141;
    margin-right: 44px;
    text-shadow: 1px 1px 4px #eee;
}

#mrb_btn3 p.btn {
    border: solid #414141 1px;
    text-shadow: none;
}

#mrb_btn4 {
    height: 240px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_4.jpg) no-repeat 0 0;
    text-align: right;
}

#mrb_btn4 h3 {
    color: #414141;
    margin-right: 44px;
    padding-top: 56px;
    text-shadow: 0 0 4px #eee;
}

#mrb_btn4 p {
    color: #414141;
    margin-right: 44px;
    text-shadow: 1px 1px 4px #eee;
}

#mrb_btn4 p.btn {
    border: solid #414141 1px;
    text-shadow: none;
}

#mrb_btn5 {
    height: 240px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_5.jpg) no-repeat 0 0;
}

#mrb_btn5 h3 {
    color: #eee;
    margin-left: 44px;
    padding-top: 56px;
    text-shadow: 0 0 4px #414141;
}

#mrb_btn5 p {
    color: #eee;
    margin-left: 44px;
    text-shadow: 1px 1px 4px #414141;
}

#mrb_btn5 p.btn {
    border: solid #eee 1px;
    text-shadow: none;
}

#mrb_btn6 {
    height: 240px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_6.jpg) no-repeat 0 0;
    text-align: right;
}

#mrb_btn6 h3 {
    color: #eee;
    margin-right: 44px;
    padding-top: 56px;
    text-shadow: 0 0 4px #414141;
}

#mrb_btn6 p {
    color: #eee;
    margin-right: 44px;
    text-shadow: 1px 1px 4px #414141;
}

#mrb_btn6 p.btn {
    border: solid #eee 1px;
    text-shadow: none;
}

#mrb_btn7 {
    height: 240px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_7.jpg) no-repeat 0 0;
}

#mrb_btn7 h3 {
    color: #414141;
    margin-left: 44px;
    padding-top: 56px;
    text-shadow: 0 0 4px #eee;
}

#mrb_btn7 p {
    color: #414141;
    margin-left: 44px;
    text-shadow: 1px 1px 4px #eee;
}

#mrb_btn7 p.btn {
    border: solid #414141 1px;
    text-shadow: none;
}

#mrb_btn8 {
    height: 240px;
    background: url(/products/bath/mansion_remodel_bathroom/images/top_btn1_8.jpg) no-repeat 0 0;
}

#mrb_btn8 h3 {
    color: #414141;
    margin-left: 48px;
    padding-top: 56px;
    text-shadow: 0 0 4px #eee;
}

#mrb_btn8 p {
    color: #414141;
    margin-left: 48px;
    text-shadow: 1px 1px 4px #eee;
}

#mrb_btn8 p.btn {
    border: solid #414141 1px;
    text-shadow: none;
}

.mrb_point .commonparts_box .box_list li.split3 p {
    width: 268px;
    height: 110px;
    background: #fff url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat right bottom;
    font-weight: bold;
    font-size: 1.6rem;
    color: #414141;
    padding: 20px 20px 0 20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.mrb_point .commonparts_box .box_list li.split3 p span {
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: 6px;
}

.mrb_point .commonparts_box .box_list li a:hover #mrb_btn1 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn2 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn3 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn4 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn5 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn6 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn7 p.btn,
.mrb_point .commonparts_box .box_list li a:hover #mrb_btn8 p.btn {
    background: #414141;
    border: solid #414141 1px;
    color: #fff;
}

.mrb_point .commonparts_box .box_list li.split3 a:hover .mrb_btn_box p {
    background: #13449d url(/products/bath/mansion_remodel_bathroom/images/icn_arrow_on.png) no-repeat right bottom;
    color: #fff;
}

.mrb_plan .commonparts_box .plan_list {
    margin-top: 24px;
}

.mrb_plan .commonparts_box .commonparts_btn {
    margin-top: 30px;
    text-align: center;
}

.mrb_color .commonparts_box h2+a {
    margin-top: 30px;
}

.btn_large a {
    display: block;
}

.btn_large a .box_table {
    background: #eee;
    margin-top: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.btn_large a .box_cell {
    padding: 30px;
}

.btn_large a .box_cell:last-child {
    position: relative;
    width: 330px;
    padding-left: 0;
    vertical-align: middle;
}

.btn_large a .box_cell h2 {
    color: #000;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2.0rem;
    font-weight: bold;
}

.btn_large a .box_cell p {
    font-size: 1.4rem;
    color: #000;
    margin-top: 24px;
}

.btn_large a .box_cell .btn_arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat 0 0;
}

.btn_large a:hover {
    text-decoration: none;
}

.btn_large a:hover .box_table {
    background: #fff;
}

.btn_large a:hover .box_cell .btn_arrow {
    background: url(/products/bath/mansion_remodel_bathroom/images/icn_arrow_on.png) no-repeat 0 0;
}

.btn_small a {
    display: block;
}

.btn_small a .box_table {
    background: #eee;
    margin-top: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.btn_small a .box_cell {
    padding: 30px;
    height: 80px;
}

.btn_small a .box_cell:last-child {
    position: relative;
    width: 550px;
    padding-left: 0;
    vertical-align: middle;
}

.btn_small a .box_cell h2 {
    color: #000;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2rem;
    font-weight: bold;
}

.btn_small a .box_cell p {
    font-size: 1.4rem;
    color: #000;
    margin-top: 24px;
}

.btn_small a .box_cell img {
    max-height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

.btn_small a .box_cell .btn_arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat 0 0;
}

.btn_small a:hover {
    text-decoration: none;
}

.btn_small a:hover .box_table {
    background: #414141;
}

.btn_small a:hover .box_cell .btn_arrow {
    background: url(/products/bath/mansion_remodel_bathroom/images/icn_arrow_on.png) no-repeat 0 0;
}

.mrb_relation .commonparts_box .box_list li a .btn {
    width: 176px;
    min-height: 166px;
}

.mrb_relation .commonparts_box .box_list li a .btn p {
    width: 176px;
    height: 46px;
    font-size: 1.2rem;
    line-height: 1;
    color: #414141;
    background: #eee url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat right bottom;
    padding: 12px 0 0 0;
    text-align: center;
    -webkit-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out;
}

.mrb_relation .commonparts_box .box_list li a:hover {
    text-decoration: none;
}

.mrb_relation .commonparts_box .box_list li a:hover .btn p {
    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 li.split3:nth-child(3n) {
    margin-right: 0;
}


/*.mrb_facility .commonparts_box .box_list li.split3:nth-child(3) {
    margin-right: 18px;
}*/

.mrb_facility .commonparts_box .box_list li a .btn {
    /*width: 308px;*/
}

.mrb_facility .commonparts_box .box_list li a .btn .btn_img {
    /*width: 306px;*/
    /*    border: solid #d9e0e3 1px;*/
}

.mrb_facility .commonparts_box .box_list li a .btn p {
    /*width: 284px;*/
    height: 120px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #414141;
    background: #eee url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat right bottom;
    padding: 12px 12px 0 12px;
    text-align: left;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.mrb_facility .commonparts_box .box_list li a .btn p span {
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    padding-bottom: 8px;
}

.mrb_facility .commonparts_box .box_list li a .btn p strong {
    font-weight: bold;
}

.mrb_facility .commonparts_box .box_list li a:hover {
    text-decoration: none;
}

.mrb_facility .commonparts_box .box_list li a:hover .btn p {
    color: #fff;
    background: #13449d url(/products/bath/mansion_remodel_bathroom/images/icn_arrow_on.png) no-repeat right bottom;
}


/*空間プラン*/

.showcase.plan {
    background: #000 url(/products/bath/mansion_remodel_bathroom/images/showcase_plan_bg.jpg) no-repeat center center;
    /*background-size:cover;*/
}

.showcase.plan .commonparts_box {
    background: none;
}

.showcase.plan .commonparts_box h1 {
    top: 110px;
    left: 0;
    font-weight: normal;
    color: #fff;
}

.showcase.plan .commonparts_box .lead {
    top: 210px;
    left: 0;
    color: #fff;
}

.anchor.plan {
    background: none;
}

.anchor.plan .box_list {
    margin-top: 0;
}

.anchor.plan .box_list li a {
    color: #414141;
    background: #fff;
    padding: 0 30px;
    text-align: left;
}

.anchor.plan .box_list li a:hover {
    color: #fff;
    background: #2e1f1b;
    text-decoration: none;
}

.plan_type .box_list.margin li {
    margin-bottom: 30px;
}

.plan_type .box_list.margin li a {
    color: #414141;
}

.plan_type .box_list.margin li a strong {
    font-weight: bold;
}

.plan_type .box_list.margin li a img {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.plan_type .box_list.margin li a:hover img {
    opacity: 0.8;
}

.relation2 .commonparts_box {
    width: 900px;
    border: none;
    background: #eee;
}

.relation2 .commonparts_box ul li a {
    background: #fff url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat right bottom;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.relation2 .commonparts_box ul li span {
    background: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.relation2 .commonparts_cell:nth-child(1) {
    width: 140px;
    background: #fff;
    padding-right: 0;
}

.relation2 .commonparts_cell:nth-child(2) {
    width: 268px;
    padding: 20px;
}

.relation2 .commonparts_cell img {
    width: 140px;
    height: 140px;
}

.relation2 .commonparts_cell p {
    font-weight: bold;
    font-size: 1.4rem;
}

.relation2 .commonparts_cell p span {
    display: block;
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: 16px;
}

.relation2 .commonparts_box ul li a:hover {
    background: #13449d url(/products/bath/mansion_remodel_bathroom/images/icn_arrow_on.png) no-repeat right bottom;
    text-decoration: none;
}

.relation2 .commonparts_box ul li a:hover .commonparts_cell img {
    opacity: 0.8;
}

.relation2 .commonparts_box ul li a:hover .commonparts_cell h2,
.relation2 .commonparts_box ul li a:hover .commonparts_cell p {
    color: #fff;
}

@media screen and (max-width:767px) {
    #contents aside .prd_nav .cat_nav ul li:hover,
    #contents aside .prd_nav .cat_nav ul li.active2 {
        background: #fff;
    }
    .item_pc {
        display: none;
    }
    .item_sp {
        display: block;
    }
    #contents aside,
    #contents aside .prd_nav .cat_nav,
    #contents aside .prd_nav .cat_nav ul li {
        height: auto;
    }
    #contents aside .prd_nav .cat_nav dl dd ul li a ,
    #contents aside .prd_nav .cat_nav dl dd ul li a.double ,
    #contents aside .prd_nav .cat_nav dl dd ul li a.triple {
    font-size: 1.2rem;
    color: #414141;
    padding: 0 16px;
    text-align: left;
}
    #contents aside .prd_nav .cat_nav dl dt {
        background: #414141 url(/products/images/common/btn_menu_sp.png) no-repeat right 0;
        background-size: 25px 80px;
    }
    #contents aside .prd_nav .cat_nav dl dd ul {
        margin-bottom: 0;
    }
    .cat_nav.mrb ul li:nth-child(3),
    .cat_nav.mrb ul li:nth-child(4) {
        width: 100%;
    }
    #commonparts_ttl {
        width: auto;
        font-size: 1.4rem;
        padding: 10px 13px;
    }
    #commonparts_ttl span {
        font-size: 1.2rem;
    }
    .mrb_main {
        background: none;
    }
    .mrb_main .commonparts_box {
        width: 100%;
        height: auto;
        background: none;
    }
    .mrb_main .commonparts_box img {
        width: 100%;
        height: auto;
    }
    .mrb_main .commonparts_box h1 {
        font-size: 1.2rem;
        top: 15.5%;
        left: 0;
        right: 0;
        width: 247px;
        height: 65px;
        background-size: 247px 65px;
        margin: 0 auto;
    }
    .mrb_concept {
        background: none;
    }
    .mrb_concept .commonparts_box {
        width: 100%;
        height: auto;
    }
    .mrb_concept .commonparts_box img {
        width: 100%;
        height: auto;
    }
    .mrb_concept .commonparts_box h2 {
        top: 9.5%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .mrb_concept .commonparts_box .concept_txt {
        position: static;
        width: auto;
        text-align: center;
    }
    .mrb_concept .commonparts_box .concept_txt p.yumin {
        position: absolute;
        top: 27%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .mrb_concept .commonparts_box .concept_txt p.strong {
        font-size: 2rem;
    }
    .mrb_concept .commonparts_box .concept_txt p+p {
        margin-top: 24px;
    }
    .mrb_concept .commonparts_box .concept_txt p.concept_txt2 {
        position: absolute;
        top: 36%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .mrb_concept .commonparts_box .concept_txt p.concept_txt3 {
        position: absolute;
        top: 54%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .mrb_concept .commonparts_box h2,
    .mrb_point .commonparts_box h2,
    .mrb_plan .commonparts_box h2,
    .mrb_color .commonparts_box h2,
    .mrb_facility .commonparts_box h2 {
        line-height: 1.6;
    }
    .mrb_concept .commonparts_box h2 .roboto,
    .mrb_point .commonparts_box h2 .roboto,
    .mrb_plan .commonparts_box h2 .roboto,
    .mrb_color .commonparts_box h2 .roboto,
    .mrb_facility .commonparts_box h2 .roboto {
        font-size: 1.3rem;
    }
    .mrb_concept .commonparts_box h2 .yumin,
    .mrb_point .commonparts_box h2 .yumin,
    .mrb_plan .commonparts_box h2 .yumin,
    .mrb_color .commonparts_box h2 .yumin,
    .mrb_facility .commonparts_box h2 .yumin {
        font-size: 2.1rem;
    }
    .mrb_point {
        padding-bottom: 16px;
    }
    .mrb_point .commonparts_box.bb {
        border-bottom: solid #666 1px;
    }
    .mrb_point .commonparts_box .box_list {
        margin: 36px 0 0 0;
    }
    .mrb_point .commonparts_box .box_list.bb {
        border-bottom: solid #666 1px;
    }
    .mrb_point .commonparts_box .box_list li {
        width: 100%;
        background: none;
    }
    .mrb_point .commonparts_box .box_list li a .mrb_btn_box,
    .mrb_point .commonparts_box .box_list li.split2 a .mrb_btn_box {
        position: static;
        width: 100%;
    }
    .mrb_point .commonparts_box .box_list li a .mrb_btn_box .block_sp {
        padding-bottom: 40px;
        text-align: center;
    }
    #mrb_btn1,
    #mrb_btn2,
    #mrb_btn3,
    #mrb_btn4,
    #mrb_btn5,
    #mrb_btn6,
    #mrb_btn7,
    #mrb_btn8 {
        height: auto;
        background: none;
        text-align: left;
    }
    #mrb_btn1 h3,
    #mrb_btn2 h3,
    #mrb_btn3 h3,
    #mrb_btn4 h3,
    #mrb_btn5 h3,
    #mrb_btn6 h3,
    #mrb_btn7 h3,
    #mrb_btn8 h3 {
        font-size: 1.3rem;
        color: #eee;
        text-shadow: none;
        margin: 12px 16px 0 16px;
        padding: 0;
    }
    #mrb_btn1 p,
    #mrb_btn2 p,
    #mrb_btn3 p,
    #mrb_btn4 p,
    #mrb_btn5 p,
    #mrb_btn6 p,
    #mrb_btn7 p,
    #mrb_btn8 p {
        font-size: 1.2rem;
        color: #eee;
        text-shadow: none;
        margin: 0 16px;
    }
    #mrb_btn1 p.btn,
    #mrb_btn2 p.btn,
    #mrb_btn3 p.btn,
    #mrb_btn4 p.btn,
    #mrb_btn5 p.btn,
    #mrb_btn6 p.btn,
    #mrb_btn7 p.btn,
    #mrb_btn8 p.btn {
        color: #13449d;
        background: #fff url(/products/bath/mansion_remodel_bathroom/images/icn_arrow.png) no-repeat right center;
        border: solid #13449d 1px;
        margin: 12px auto 0 auto;
        padding: 10px 50px 10px 40px;
    }
    .more_list {
        border: solid #fff 1px;
        margin: 0 16px;
    }
    .more_list a {
        display: block;
        font-size: 1.2rem;
        color: #fff;
        line-height: 40px;
        background: url(/products/bath/mansion_remodel_bathroom/images/icn_open_w.png) no-repeat right center;
        background-size: 20px 10px;
        text-decoration: none;
        text-align: center;
    }
    .more_list a.close {
        background: url(/products/bath/mansion_remodel_bathroom/images/icn_close_w.png) no-repeat right center;
        background-size: 20px 10px;
    }
    #accordion1 {
        display: none;
    }
    #accordion1 .box_list {
        margin-top: 0;
    }
    .mrb_point .commonparts_box .box_list li.split3 {
        width: 50%;
        margin: 0 0 16px 0;
    }
    .mrb_point .commonparts_box .box_list li.split3 a .mrb_btn_box {
        position: relative;
    }
    .mrb_point .commonparts_box .box_list li.split3:nth-child(odd) a .mrb_btn_box {
        width: auto;
        margin: 0 8px 0 16px;
    }
    .mrb_point .commonparts_box .box_list li.split3:nth-child(even) a .mrb_btn_box {
        width: auto;
        margin: 0 16px 0 8px;
    }
    .mrb_point .commonparts_box .box_list li.split3 a p {
        width: auto;
        height: 36px;
        font-size: 1.2rem;
        line-height: 1.4;
        background: #fff;
        padding: 8px 10px;
    }
    .mrb_point .commonparts_box .box_list li.split3 p span {
        display: none;
    }
    .mrb_point .commonparts_box .box_list li a:hover #mrb_btn9 p,
    .mrb_point .commonparts_box .box_list li a:hover #mrb_btn10 p,
    .mrb_point .commonparts_box .box_list li a:hover #mrb_btn11 p,
    .mrb_point .commonparts_box .box_list li a:hover #mrb_btn12 p,
    .mrb_point .commonparts_box .box_list li a:hover #mrb_btn13 p,
    .mrb_point .commonparts_box .box_list li a:hover #mrb_btn14 p {
        background: #fff;
        color: #414141;
    }
    .mrb_plan .commonparts_box .plan_list {
        width: 100%;
    }
    .mrb_plan .commonparts_box .plan_list li {
        margin-bottom: 5px;
    }
    .mrb_plan .commonparts_box .commonparts_btn li {
        border: solid #13449d 1px;
    }
    .mrb_plan .commonparts_box .commonparts_btn li a {}
    .mrb_plan .commonparts_box .commonparts_btn li a span {
        font-size: 1.2rem;
        line-height: 1.6;
        padding: 10px 50px 10px 40px;
    }
    .mrb_color .commonparts_box {
        padding: 60px 0 0 0;
    }
    .mrb_color .commonparts_box h2+a {
        margin-top: 12px;
    }
    .mrb_color .commonparts_box .box_table {
        width: auto;
    }
    .btn_large a .box_cell {
        padding: 12px;
    }
    .btn_large a .box_cell:last-child {
        width: auto;
    }
    .btn_large a .box_cell p {
        font-size: 1.2rem;
        color: #000;
        margin-top: 12px;
    }
    .btn_small a .box_cell {
        padding: 12px;
        height: auto;
    }
    .btn_small a .box_cell:last-child {
        width: auto;
    }
    .btn_small a .box_cell p {
        font-size: 1.2rem;
        color: #fff;
        margin-top: 12px;
    }
    .btn_small a .box_cell img {
        width: 100%;
        height: auto;
    }
    .mrb_relation .commonparts_box .box_list li a .btn {
        width: auto;
        min-height: auto;
    }
    .mrb_relation .commonparts_box .box_list li a .btn p {
        position: static;
        width: auto;
        height: auto;
        font-size: 1.2rem;
        line-height: 1.4;
        background: #eee;
        padding: 8px 10px;
    }
    .mrb_facility {
        /*padding: 60px 0 16px 0;*/
    }
    .mrb_facility .commonparts_box .box_list {
        width: auto;
        margin: 12px 16px 0 16px;
    }
    .mrb_facility .commonparts_box .box_list li.split3 {
        width: 100%;
        margin: 0 0 16px 0;
    }
    .mrb_facility .commonparts_box .box_list li a .btn,
    .mrb_facility .commonparts_box .box_list li a .btn .btn_img,
    .mrb_facility .commonparts_box .box_list li a .btn p {
        width: auto;
        height: auto;
    }
    .mrb_facility .commonparts_box .box_list li a .btn p {
        line-height: 1.4;
        padding: 12px;
    }
    .mrb_facility .commonparts_box .box_list li a .btn p span {
        font-size: 1.4rem;
    }
    .more_facility {
        border: solid #414141 1px;
        margin: 0 16px;
    }
    .more_facility a {
        display: block;
        font-size: 1.2rem;
        color: #414141;
        line-height: 40px;
        background: url(/products/bath/mansion_remodel_bathroom/images/icn_open_b.png) no-repeat right center;
        background-size: 20px 10px;
        text-decoration: none;
        text-align: center;
    }
    .more_facility a.close {
        background: url(/products/bath/mansion_remodel_bathroom/images/icn_close_b.png) no-repeat right center;
        background-size: 20px 10px;
    }
    #accordion2 {
        display: none;
    }
    /*空間プラン*/
    .showcase.plan {
        background-size: cover;
    }
    .showcase.plan .commonparts_box h1 {
        top: 100px;
        left: 16px;
        font-size: 3.6rem;
    }
    .showcase.plan .commonparts_box .lead {
        top: 200px;
        left: 16px;
        margin: 0 16px 0 0;
    }
    .plan_type .commonparts_box h2 span {
        font-size: 1.4rem;
    }
    .plan_type .box_list.margin li {
        margin-bottom: 0;
    }
    .relation2 .commonparts_box {
        width: auto;
        padding: 16px 0;
    }
    .relation2 .commonparts_box h3 {
        font-size: 1.6rem;
    }
    .relation2 .commonparts_box ul li a,
    .relation2 .commonparts_box ul li span {
        margin: 0 16px;
    }
    .relation2 .commonparts_table {
        margin: 12px 0 0 0;
    }
    .relation2 .commonparts_cell:nth-child(1) {
        width: 100px;
    }
    .relation2 .commonparts_cell:nth-child(2) {
        width: auto;
        padding: 0;
    }
    .relation2 .commonparts_cell img {
        width: 100px;
        height: 100px;
    }
    .relation2 .commonparts_cell h2 {
        font-size: 1.4rem;
        padding: 10px;
    }
    .relation2 .commonparts_cell p {
        font-size: 1.2rem;
        padding: 10px;
    }
    .relation2 .commonparts_cell p span {
        font-size: 1rem;
        margin-top: 8px;
    }
    .mrb_point .commonparts_box,
    .mrb_plan .commonparts_box {
        width: 100%;
        padding: 16px 0 0 0;
    }
    .mrb_main .commonparts_box #logo {
        width: 110px;
        top: 10px;
        right: 10px;
        padding: 10px 0;
    }
    .mrb_main .commonparts_box #logo img {
        width: auto;
        height: 25px;
    }
}


/* 20181218add **/
.plan_list .floatl{
    float:left;
}