@charset "utf-8";

@media screen and (min-width: 769px){ 
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/interior/design/
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
/* -----------------------------------
    #section_style
----------------------------------- */
#section_style .section_inner {
    width: 100%;
    min-width: 880px;
    margin-bottom: 50px;
}
#section_style .section_inner:last-child {
    margin-bottom: 0;
}

#section_style h4,
#section_style .section_inner>p,
#section_style .btn_accordion_detail,
	#section_style .accordion_content ul {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}

#section_style h4 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
}

#section_style .ico_type {
    top: 0;
}

#section_style .desc {
    margin-bottom: 30px;
    font-size: 20px;
}

#section_style .pic {
    overflow: hidden;
    height: 385px;
    margin-bottom: 10px;
}

#section_style .pic img {
    margin-top: -10px;
}

#section_style .caption {
    text-align: right;
    font-size: 11px;
    line-height: 1;
}

#section_style .detail {
    text-align: center;
}

#section_style .accordion_content {
    margin-top: 50px;
    border-top: 0;
}

#section_style .btn_accordion_detail {
    border-top: 1px solid #ccc;
    white-space: nowrap;
    text-indent: 0;
    letter-spacing: -.4em;
    cursor: default;
}

#section_style .btn_accordion_detail.on {
    width: 880px !important;
}

#section_style .btn_accordion_detail:before,
#section_style .btn_accordion_detail:after {
    display: inline-block;
    position: relative;
    top: -12px;
    vertical-align: middle;
    background-color: #f8f8f8;
    cursor: pointer;
}

#section_style .btn_accordion_detail:before {
    left: 0;
    width: auto;
    padding: 0 10px 0 20px;
    letter-spacing: 0;
}

#section_style .btn_accordion_detail:after {
    right: 0;
    padding: 0 20px 0 0;
    background-position: 0 0;
}

#section_style .accordion_inner {
    margin-top: -4px;
}

#section_style .accordion_content ul {
    padding: 20px 0 16px;
}

#section_style .accordion_content ul:after {
    content: '';
    display: block;
    clear: both;
}

#section_style .accordion_content li {
    overflow: hidden;
    float: left;
    width: 438px;
    height: 172px;
    margin: 0 4px 4px 0;
}

#section_style .accordion_content li:nth-child(1) {
    width: 100%;
    height: auto;
}

#section_style .accordion_content li:nth-child(2) img,
#section_style .accordion_content li:nth-child(3) img {
    margin-top: -15px;
}

#section_style .accordion_content li:nth-child(3),
#section_style .accordion_content li:nth-child(5) {
    margin-right: 0;
}

#section_style .accordion_content li:nth-child(4),
#section_style .accordion_content li:nth-child(5) {
    height: 380px;
}

#section_style .accordion_content li:nth-child(4) img,
#section_style .accordion_content li:nth-child(5) img{
    width: auto;
    height: 390px;
}

#section_style .accordion_content li:nth-child(4) {
    width: 498px;
}
#section_style .accordion_content li:nth-child(4) img {
    margin-left: -175px;
}

#section_style .accordion_content li:nth-child(5) {
    width: 378px;
}
#section_style .accordion_content li:nth-child(5) img {
    margin-left: -235px;
}

#section_style .accordion_content img {
    width: 100%;
}

#style_indie .btn_accordion_detail:before {
    content: 'インディロックスタイルをもっと見る';
}

#style_indie .accordion_inner {
    background: #333;
}

#style_nova .btn_accordion_detail:before {
    content: 'ノヴァカントリースタイルをもっと見る';
}

#style_nova .accordion_inner {
    background: #c3a77f;
}

#style_dark .btn_accordion_detail:before {
    content: 'ダーク スタイルをもっと見る';
}

#style_dark .accordion_inner {
    background: #000;
}

#style_diner .btn_accordion_detail:before {
    content: 'ダイナー スタイルをもっと見る';
}

#style_diner .accordion_inner {
    background: #c30d23;
}

#style_trekking .btn_accordion_detail:before {
    content: 'トレッキング スタイルをもっと見る';
}

#style_trekking .accordion_inner {
    background: #e0a951;
}

#style_trekking .accordion_content li:nth-child(2),
#style_trekking .accordion_content li:nth-child(3) {
    height: 210px;
}

#style_trekking .accordion_content li:nth-child(2) {
    width: 408px;
}

#style_trekking .accordion_content li:nth-child(3) {
    width: 468px;
}

#style_trekking .accordion_content li:nth-child(2) img,
#style_trekking .accordion_content li:nth-child(3) img {
    margin-top: 0;
}

#style_trekking .accordion_content li:nth-child(2) img {
    width: auto;
    height: 100%;
}

#style_glide .btn_accordion_detail:before {
    content: 'グライド スタイルをもっと見る';
}

#style_glide .accordion_inner {
    background: #c0dde7;
}

#style_glide .accordion_content li:nth-child(2) img {
    margin-top: 0;
}

#style_session .btn_accordion_detail:before {
    content: 'セッション スタイルをもっと見る';
}

#style_session .accordion_inner {
   background: #4a2200;
}

#style_session .accordion_content li:nth-child(1),
#style_session .accordion_content li:nth-child(2),
#style_session .accordion_content li:nth-child(3) {
    width: 290px;
    height: 300px;
}

#style_session .accordion_content li:nth-child(1),
#style_session .accordion_content li:nth-child(2) {
    margin-right: 5px;
}

#style_session .accordion_content li:nth-child(1) img,
#style_session .accordion_content li:nth-child(2) img,
#style_session .accordion_content li:nth-child(3) img {
    width: auto;
    height: 100%;
    margin: 0;
}

#style_session .accordion_content li:nth-child(1) img {
    margin-left: -140px;
}

#style_session .accordion_content li:nth-child(2) img {
    margin-left: -120px;
}

#style_session .accordion_content li:nth-child(3) img {
    margin-left: -190px;
}

#style_bright .btn_accordion_detail:before {
    content: 'ブライトロッド スタイルをもっと見る';
}

#style_bright .accordion_inner {
    background: #ece4d7;
}


/* -----------------------------------
    #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 .type{
    padding: 25px 0 0 25px;
    text-align: left;
}

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

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

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

#section_color .color_slider .type_option {
    position: absolute;
    left: 635px;
    bottom: 25px;
}

#section_color .color_slider .col_right .key {
    position: absolute;
    left: 620px;
    bottom: 10px;
    letter-spacing: -.4em;
    font-size: 12px;
}

#section_color .color_slider .col_right .key p {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

#section_color .color_slider .col_right .key .pic {
    width: 80px;
    margin-right: 10px;
}

}