@charset "utf-8";

@media screen and (min-width : 769px){
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/interior/design/
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
/* -----------------------------------
    #section_design
----------------------------------- */
#section_design .section_inner{
    position: relative;
    z-index: 2;
}

#section_design .pic_full{
    margin: -160px 0 0 0;
}

#section_design .img_slider{
    width: 880px !important;
}

/* -----------------------------------
    #section_color
----------------------------------- */
#section_color .color_slider{
    width: 880px;
    margin: 0 auto 40px auto;
}

#section_color .color_slider .slider_inner{
    background-color: #e6e6e6;
}

#section_color .color_slider .pic{
    margin: 0;
    line-height: 0;
    position: relative;
}

#section_color .color_slider .col_left{
    width: 608px;
    border-right: 2px solid #fff;
    float: left;
}

#section_color .color_slider .col_right{
    width: 270px;
    float: right;
}

#section_color .color_slider .col_right .pic{
    border-bottom: 2px solid #fff;
}

#section_color .color_slider .col_right .caption{
    padding: 5px 0 0 7px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 1.3em;
    text-align: left;
}

#section_color .color_slider .combi .col_right .caption{
    margin-bottom: -10px;
}

#section_color .color_slider .col_right .caption.empty{
    height: 0;
    margin: 0;
}

#section_color .color_slider .col_right .type{
    padding: 22px 5px 5px 25px;
    text-align: left;
}

#section_color .color_slider .col_right .type p span.mb10{
    line-height: 30px;
}

#section_color .color_slider .col_right .type h4{
    margin: 0 0 7px 0;
    font-size: 18px;
    letter-spacing: 0;
}

#section_color .color_slider .col_right .type h4 .small{
    font-size: 16px;
    margin-left: -6px;
}

#section_color .color_slider .col_right .type p{
    font-size: 13px;
    line-height: 1.4em;
}


/* 161011 追記*/
.section .section_pic {
    max-width: 880px !important;
    margin: 0 auto 80px;
}
.section .section_pic img {
    width: 100%;
    height: auto;
}

#section_color .col_right .pic {
    height: 110px;
}

#section_color .col_right .pic img {
    height: 110px;
}

/* 161118 追記 */

/*追記*/

#section_color .slider_col {
    overflow: auto;
}
#section_color .color_slider .caption{
    box-sizing: border-box;
    font-size: 11px;
    line-height: 1.4em;
    text-align: left;
    background-color: #fff;
    padding: 10px 0;
}

/*追記*/
#section_color .color_slider .col_right .type .notes{
    font-size: 12px;
    line-height: 1.5em;
    display: block;
    /*text-indent: -1em;
    padding-left: 1em;*/
    /*margin-top: 10px;*/
    margin: 0 0 15px 0;
}

}