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

.box_list.margin .split2:nth-child(even){
    margin-right: 0;
}

.tag_white {
    color: #333;
    background-color: #fff;
    border: 1px solid #333; 
}

.cblue{ color: #17479a; }
.clblue{ color: #00a0e9; }
.corange{ color: #f39700; }
.cgreen{ color : #84b076; }
.clgreen{ color : #b9daaf; }
.cred{ color: #f00; }
.cwhite{ color: #fff; }

/* 背景色変更 */
.bg-optional{
    background: #fee0be;
}
.bg-standard{
    background-color: #b9daaf;
}
.bg-cold{
    background-color: #00a0e9;
}

/* テーブルの幅を均等割り仁しない場合 */
.tl_auto{
    table-layout: auto;
}

.m-txt-p{
    font-size: 1.4rem;
    line-height: 1.6;
    color: #414141;
    margin-top: 30px;
}

ul.list_desc {
    margin-top : 20px;
}
ul.list_desc > li {
    position : relative;
    display : block;
    padding-left : 1em;
    font-size: 1.4rem;
}
ul.list_desc > li + li {
    margin-top : 5px;
}
ul.list_desc > li:before {
    content : '';
    position : absolute;
    top : 0.5em;
    left : 0;
    width : 6px;
    height : 6px;
    border-radius: 3px;
    background-color: #414141;
}

h1.has-icon,
h2.has-icon,
h3.has-icon{
    line-height: 1.5;
}
h1.has-icon > span,
h2.has-icon > span,
h3.has-icon > span{
    display: inline-block;
    padding-left: 10px;
}
h1.has-icon > span > img,
h2.has-icon > span > img,
h3.has-icon > span > img{
    height: 36px;
}
/*きれい除菌水専用*/
h1.has-icon.kirei > span > img{
    height: 40px;
}

.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}

.mt0{margin-top: 0 !important;}
.mt-s{margin-top: 15px !important;}
.mt-m{margin-top: 30px !important;}
.mt-l{margin-top: 60px !important;}
.mt-xl{margin-top: 90px !important;}

.pal-m{padding-left: 30px !important;}

.fzl{font-size: 1.6rem !important;}

.txt_catch{
    font-size: 1.8rem !important;
    font-weight: bold;
    margin-top: 45px !important;
    text-align: center !important;
}

.ttl_black-small{
    font-size: 1.6rem !important;
    font-weight: bold;
    text-align: left;
}

#contents aside {
    height: 120px;
}

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


#side_nav ul li.catalogue a,
#side_nav ul li.showroom a{
    background-color: #000 !important;
}
#side_nav2 > nav > ul > li > dl > dt{
    background-color: #000 !important;
}
#side_nav2 > nav > ul > li > dl > dt > a > span:before{
    background-color: transparent !important;
}


/* 全体 */
.commonparts_box > *:first-child{
    margin-top: 0 !important;
}

#main_ttl {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 30px;
    line-height: 1.3;
    padding: 20px 0;
    color: #fff;
}
#main_ttl span {
    font-size: 22px;
}

.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 {
    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/synla/images/icn_arrow.png) no-repeat right bottom;
    transition: all .1s ease-in-out;
}
.relation2 .commonparts_box ul li span {
    background: #fff;
    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.ttl{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.8rem;
}
.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/synla/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!important;
}

.commonparts_sec .commonparts_box .box_list.wide{
    width: 1280px !important;
    margin-left: -160px;
    margin-right: -160px;
    margin-top: 60px;
}
.commonparts_sec .commonparts_box .box_list.wide .split1{
    width: 1280px !important;
}
.commonparts_sec .commonparts_box .box_list.wide + *{
    margin-top: 60px;
}

.caption_large{
    font-size: 1.6rem !important;
    margin-top: 10px !important;
}

.box_list li a > *:first-child,
.box_list li span > *:first-child{
    margin-top: 0 !important;
}

.commonparts_table .commonparts_cell > *:first-child{
    margin-top: 0 !important;
}


.synla_color .commonparts_box .color_btn + .color_btn {
    margin-top: 15px;
}
.synla_color .commonparts_box h2+.color_btn {
    margin-top: 30px;
}

.btn_large a {
    display: block;
}
.btn_large a .box_table {
    background: #000;
    margin-top: 0;
    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: #fff;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 2.0rem;
}
.btn_large a .box_cell p {
    font-size: 1.4rem;
    color: #fff;
    margin-top: 24px;
}
.btn_large a .box_cell .btn_arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url(/products/bath/synla/images/icn_arrow.png) no-repeat 0 0;
}
.btn_large a:hover {
    text-decoration: none;
}
.btn_large a:hover .box_table {
    background: #414141;
}
.btn_large a:hover .box_cell .btn_arrow {
    background: url(/products/bath/synla/images/icn_arrow_on.png) no-repeat 0 0;
}
.btn_small a {
    display: block;
}
.btn_small a .box_table {
    background: #000;
    margin-top: 0;
    transition: all .1s ease-in-out;
}
.btn_small a .box_cell {
    padding: 0 30px;
    height: 54px;
}
.btn_small a .box_cell:last-child {
    position: relative;
    padding-left: 0;
    vertical-align: middle;
    text-align: center;
}
.btn_small a .box_cell h2 {
    color: #fff;
    border-bottom: none;
    padding-bottom: 0;
    font-size: 1.6rem;
}
.btn_small a .box_cell p {
    font-size: 1.4rem;
    color: #fff;
    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/synla/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/synla/images/icn_arrow_on.png) no-repeat 0 0;
}

.reference_price .commonparts_cell:nth-child(1) .price_box {
    border: solid #e7ebed 1px;
    padding: 16px;
}
.reference_price .commonparts_cell:nth-child(1) p {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #414141;
    padding: 0;
    border: none;
}
.reference_price .commonparts_cell:nth-child(1) p + p {
    margin-top: 20px;
}
.reference_price .commonparts_cell:nth-child(1) p span {
    font-weight: bold;
    font-size: 1.8rem;
}
.reference_price .commonparts_cell:nth-child(2) > *:first-child {
    margin-top: 0 !important;
}
.reference_price .commonparts_cell:nth-child(2) ul li {
    font-size: 1.2rem;
    text-indent: -1em;
    margin-bottom: 4px;
    padding-left: 1em;
}


/* タグ　見出し内で使用 */
.tag_normal{
    height: 20px;
    box-sizing: border-box;
    border: solid 1px #333;
    color: #333;
    background-color: #fff;
}
.tag_normal_re{
    height: 20px;
    box-sizing: border-box;
    border: solid 1px #f00;
    color: #f00;
    background-color: #fff;
}
.type_icon{
    display: inline-block;
    line-height: 1.2;
    margin: 0 0 4px 4px;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
    height: 20px !important;
    width: 20px !important;
}
.type_icon + .type_icon{
}
.type_icon img{
    height: 20px !important;
    width: 20px !important;
    width: auto;
}

/* タグ　本文中で使用 */
.item_tags{
    vertical-align: middle;
    margin-top: 5px;
    letter-spacing: -0.4em;
}
.item_tags .type_icon,
.item_tags .tag_normal,
.item_tags .tag_normal_re{
    display: inline-block;
    letter-spacing: normal;
}
.item_tags .type_icon:first-child,
.item_tags .tag_normal:first-child,
.item_tags .tag_normal_re:first-child{
    margin-left: 0 !important;
}
.item_tags .type_icon{
    margin-bottom: 0;
}

.item_tags .tag_normal,
.item_tags .tag_normal_re{
    display: inline-block;
    height: 20px;
    margin: 0 0 4px 4px;
    padding: 2px 8px 3px;
    font-size: 1.2rem;
    line-height: 1;
}
.box_list > li .item_tags > .tag_normal_re{
    margin-bottom: 0 !important;
}
.box_list > li .item_tags > .type_icon img{
    height: 20px !important;
    width: 20px !important;
}


/* box_list */
.box_list > li .box_list{
    width: 100% !important;
}.box_list > li .box_list + .box_list{
    margin-top: 10px;
}
.box_list > li .box_list li.split6{
    margin: 0 10px 10px 0;
}
.box_list > li .box_list li.split6{
    margin: 0 10px 10px 0;
}
.box_list > li.split3 .box_list li.split6{
    margin: 0 17px 10px 0;
}
.box_list > li.split3 .box_list li.split6:nth-child(even){
    margin: 0 0 10px 0;
} 

/* relation */
.relation2 .commonparts_table{
    margin-top: 0;
}

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

.relation2 .commonparts_box ul li span {
    background: #fff;
    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.ttl{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.8rem;
}

.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/synla/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!important;
}



/* movie h2→pに変更*/
.commonparts_box.mov > .ttl_mov{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    color: #414141;
    text-align: center;
}


/* 背景画像ありH1（画像の高さ不問） */
.commonparts_sec.main + *{
    margin-top: 0 !important;
}
.commonparts_sec.main .commonparts_box{
    padding: 0;
}
.commonparts_sec.main .ttl-main{
    position: relative;
    display: block;
}
.commonparts_sec.main .ttl-main .main-img{
}
.commonparts_sec.main .ttl-main .main-img img{
    width: 960px;
    opacity: .8;
}
.commonparts_sec.main .ttl-main .main-logo{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.commonparts_sec.main .ttl-main .main-logo img{
    width: auto;
    height: 36px;
}


.commonparts_sec.main .ttl-main .main-txt{
    position: absolute;
    top: 0;
    bottom: 0;
    padding-left: 60px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}.commonparts_sec.main .ttl-main .main-txt.topleft{
    padding-top: 60px;
    height: auto;
    display: block;
    box-sizing: border-box;
}
.commonparts_sec.main .ttl-main .main-txt .txt-ttl{
    color: #333;
    font-size: 3.0rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px #eee, 2px 2px 4px #eee;
}
.commonparts_sec.main .ttl-main .main-txt .txt-desc{
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 10px;
    text-shadow: 1px 1px 4px #eee, 1px 1px 4px #eee;
}
.commonparts_sec.main .ttl-main .main-txt .txt-note{
    color: #333;
    font-size: 1.2rem;
    margin-top: 5px;
    text-shadow: 1px 1px 4px #eee, 1px 1px 4px #eee;
}

.commonparts_sec.main .ttl-main .main-txt .txt-logo{
    margin-top: 5px;
    letter-spacing: -0.4em;
}
.commonparts_sec.main .ttl-main .main-txt .txt-logo .logo-img{
    letter-spacing: normal;
    display: inline-block;
}
.commonparts_sec.main .ttl-main .main-txt .txt-logo .logo-img + .logo-img{
    margin-left: 10px;
}
.commonparts_sec.main .ttl-main .main-txt .txt-logo .logo-img > img{
    height: 36px;
    width: auto;
}
.commonparts_sec.main .ttl-main .main-txt .label{
    border: 1px  solid #333;
    font-weight: normal;
}
.commonparts_sec.main .ttl-main .main-txt .item_tags{
    margin-top: 10px;
}

.commonparts_sec.main .ttl-main .main-txt.white .txt-ttl{
    color: #fff;
    text-shadow: 2px 2px 4px #414141, 2px 2px 4px #414141;
}
.commonparts_sec.main .ttl-main .main-txt.white .txt-desc,
.commonparts_sec.main .ttl-main .main-txt.white .txt-note{
    color: #fff;
    text-shadow: 1px 1px 4px #414141, 1px 1px 4px #414141;
}

.commonparts_sec.main .ttl-main .main-txt.white .label{
    border: 1px  solid #fff;
}


/* type */
.commonparts_table.table_type .commonparts_cell.splilt2{
    padding: 0;
}
ul.box_list.list_price li > p {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #414141;
    border: solid #e7ebed 1px;
    padding: 16px;
    text-align: center;
}
ul.box_list.list_price li > p span {
    font-weight: bold;
    font-size: 1.8rem;
}


/* 1カラム画像に文字を重ねる */
.box_list li.has_catch{
    position: relative;
}
.box_list li.has_catch .catch_txt{
    position: absolute;
    top: 60px;
    left: 60px;
    color: #fff;
    text-shadow: 2px 2px 1px #414141;
    font-size: 2.2rem;
    margin: 0;
}
.box_list li.has_catch .catch_txt.black{
    color: #333;
    text-shadow: 2px 2px 1px #f0f0f0;
}

/* 1カラム画像にタイトルh2を重ねる */
.box_list li.has_logo{
    position: relative;
}
.box_list li.has_logo .logo_img{
    position: absolute;
    bottom: 60px;
    left: 60px;
    margin: 0;
}
.box_list li.has_logo .logo_img img{
    height: 36px;
    width: auto;
}
/*.box_list li.has_ttl .ttl_txt.black{
    color: #333;
    text-shadow: 2px 2px 1px #f0f0f0;
}*/

/* commonparts_table内のpが重なったとき *//**/
.commonparts_sec .commonparts_table .commonparts_cell p + p{
    margin-top: 10px;
}

/* commonparts_table内でカラム割を使用する */
.commonparts_sec .commonparts_table .commonparts_cell.split2 > .box_list.margin{
    margin-right: -15px;
}
.commonparts_sec .commonparts_table .commonparts_cell.split2 > .box_list.margin > li.split2 {
    width: 230px;
    margin: 0 10px 10px 0;
}
.commonparts_sec .commonparts_table .commonparts_cell.split2 > .box_list.margin > li.split6 {
    width: 150px;
    margin: 0 10px 10px 0;
}
.commonparts_sec .commonparts_table .commonparts_cell.split2 > .box_list.margin > li.split8 {
    margin: 0 10px 10px 0;
}


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

    .commonparts_sec.relation2 .commonparts_box {
        width: auto;
        padding: 16px 0;
    }

    #contents aside .prd_nav .cat_nav ul li:hover,
    #contents aside .prd_nav .cat_nav ul li.active2 {
        background: #fff;
    }

    .anc-abjust{
        margin-left: 16px;
        margin-right: 16px;
    }

    .item_pc {
        display: none;
    }
    .item_sp {
        display: block;
    }
    
    .m-txt-p{
        font-size: 1.4rem;
        margin: 12px 16px 0;
    }

    h1.has-icon > span,
    h2.has-icon > span,
    h3.has-icon > span{
        padding-left: 5px;
    }
    h1.has-icon > span > img,
    h2.has-icon > span > img,
    h3.has-icon > span > img{
        height: 30px;
    }
    /*きれい除菌水専用*/
    h1.has-icon.kirei > span > img{
        height: 30px;
    }

    ul.list_desc {
        margin-top : 12px;
    }
    ul.list_desc > li {
        font-size: 1.3rem;
    }
    ul.list_desc > li + li {
        margin-top : 3px;
    }
/*    ul.list_desc > li:before {
    }*/

    .mt-s{margin-top: 8px !important;}
    .mt-m{margin-top: 15px !important;}
    .mt-l{margin-top: 30px !important;}
    .mt-xl{margin-top: 45px !important;}

    .pal-m{padding-left: 15px !important;}

    .fzl{font-size: 1.4rem !important;}

    .txt_catch{
        font-size: 1.6rem !important;
        margin-top: 24px !important;
    }

    .ttl_black-small{
        font-size: 1.4rem !important;
        margin-left: 16px;
        margin-right: 16px;
    }

    .box_list li:last-child{
        margin-bottom: 0;
    }

    .commonparts_table .ttl_blue,
    .commonparts_table .ttl_blue-icon{
        margin-left: 0;
        margin-right: 0;
    }

    .item_tags{
        margin: 2px 16px 0; 
    }

    #contents aside {
        height: auto;
    }
    #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.synla ul li:nth-child(3),
    .cat_nav.synla ul li:nth-child(4) {
        width: 100%;
    }
    #main_ttl {
        background: #282828;
        width: auto;
        font-size: 1.4rem;
        padding: 10px 13px;
    }
    #main_ttl span {
        font-size: 1.2rem;
    }

    .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/synla/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/synla/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 ul li:first-child .commonparts_table{
        margin-top: 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 p {
        font-size: 1.2rem;
        padding: 10px;
    }
    .relation2 .commonparts_cell p.ttl{
        font-size: 1.4rem;
        margin-bottom: 0;
        padding: 10px 10px 0;
    }
    .relation2 .commonparts_cell p span {
        font-size: 1rem;
        margin-top: 8px;
    }

    .box_list .split2:last-child,
    .box_list .split3:last-child,
    .box_list .split4:last-child,
    .box_list .split5:last-child,
    .box_list .split6:last-child,
    .box_list .split7:last-child,
    .box_list .split8:last-child {
        margin-bottom: 0 !important;
    }

    .commonparts_sec .commonparts_box > h2,
    .commonparts_sec .commonparts_box > h3{
        margin-left: 16px;
        margin-right: 16px; 
    }

    .commonparts_sec .commonparts_box .box_list.wide{
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
    }
    .commonparts_sec .commonparts_box .box_list.wide .split1{
        width: 100% !important;
        margin-bottom: 0;
    }
    .commonparts_sec .commonparts_box .box_list.wide + *{
        margin-top: 20px;
    }

    .caption_large{
        font-size: 1.4rem !important;
    }

    .box_list li a .m-txt-p, .box_list li span .m-txt-p{
        margin: 12px 0 0;
    }

    .synla_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: #fff;
        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;
    }

    .commonparts_sec.main .ttl-main .main-img img{
        width: 100%;
    }

    .commonparts_sec.main .ttl-main .main-logo{
        bottom: 10px;
        right: 10px;
    }
    .commonparts_sec.main .ttl-main .main-logo img{
        width: auto;
        height: 24px;
    }
    .commonparts_sec.main .ttl-main .main-txt{
        position: static;
        padding: 20px 16px;
        box-sizing: border-box;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-wrap .txt-desc,
    .commonparts_sec.main .ttl-main .main-txt .txt-wrap .txt-note{
        color: #414141 !important;
        font-weight: normal;
        text-shadow: none !important;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-wrap .txt-desc{
        margin-top: 0;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-wrap .txt-note{
        margin-top: 0;
    }

    .commonparts_sec.main .ttl-main .main-txt.topleft{
        padding-top: 20px;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-ttl{
        position: absolute;
        top: 40px;
        left: 20px;
        font-size: 2.4rem;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-desc{
        font-size: 1.3rem;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-logo{
        position: absolute;
        top: 10px;
        margin: 0;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-logo .logo-img + .logo-img{
        margin-left: 5px;
    }
    .commonparts_sec.main .ttl-main .main-txt .txt-logo .logo-img > img{
        height: 24px;
        width: auto;
    }
    .commonparts_sec.main .ttl-main .main-txt .item_tags{
        margin: 5px 0 0;
    }

    .commonparts_table .commonparts_cell p + p{
        margin-top: 6px;
    }

    /* commonparts_table内でカラム割を使用する */
    .commonparts_sec .commonparts_table .commonparts_cell.split2 > .box_list.margin{
        margin-right: -2%;
    }

    h2 + .commonparts_table,
    h3 + .commonparts_table,
    h4 + .commonparts_table{
        margin: 20px 16px 0 16px;
    }

    /* .box_list */
    .box_list > li .item_tags{
        margin-left: 0;
        margin-right: 0;
    }
    .box_list > li .box_list{
        margin-left: 0;
        margin-right: 0;
    } 

    .box_list li.has_catch .catch_txt{
        top: 30px;
        left: 30px;
        font-size: 1.4rem;
    }

    .box_list li.has_logo .logo_img{
        top: 30px;
        left: 30px;
        font-size: 1.4rem;
    }
    .box_list li.has_logo .logo_img img{
        height: 18px;
        width: auto;
    }

    .ttl_blue-icon .icon-txt{
        width: calc(100% - 80px);
    }
    .ttl_blue-icon .icon-img{
        width: 80px;
    }
}