@charset "utf-8";

@media screen and (min-width : 769px){
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/interior/design/
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */

	
/* -----------------------------------
    #section_design
----------------------------------- */

		
.section .pic_full img {
    width: 100%;
    max-width: none;
}


/* -----------------------------------
    #section_design_gallery
----------------------------------- */
#section_design_gallery .img_slider{
    width: 880px !important;
}

	
.txt_s{
	font-size:12px;
}


/* -----------------------------------
    #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: 12px;
    line-height: 1.4em;
    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: 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;
}
		


/* ------------------------------
    .slider_set
------------------------------ */

.slider_set .section_column{
	line-height:1em !important;
}
.slider_set .section_column .col_right{
	line-height:1.6em;
}
.slider_set .pic{
	margin:0 0 30px 0 !important;
}
.slider_set h6 {
	font-size:16px;
	font-weight: bold;
}
.slider_set .txt_s{
	font-size:12px;
}
.slider_set_inner{
	position:relative;
}


.slider_set .col_left .img_slider div {
	padding-bottom: 10px;
}
	
/* ------------------------------
    movie
------------------------------ */
	
	#section_movie .section_desc{
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 20px;
	}
	
	#section_movie .modal_mov_open {
		width: 880px;
		margin: 0 auto;
	}
    .modal_mov_open {
        position: relative;
        cursor: pointer;
        line-height: 0;
    }
    
    .modal_mov_open.play_btn::after {
        content:"";
        width: 100%;
        height: 100%;
        
        position: absolute;
        top: 0;
        left: 0;
        
        background: url(/auto-archive/civic/4door/2019/common/image_common/movie_play.png) center center no-repeat rgba(0, 0, 0, .5);
        background-size: 190px auto;
        transition: background .2s ease-out;
    }
    
    .modal_mov_open.play_btn:hover::after {
        background-color: rgba(0, 0, 0, 0);
    }
	
	#section_movie .caution {
		font-size: 12px;
		text-align: right;
		margin: 5px 50px 0 50px;
	}
	

	#section_movie .video_tag {
		width: 880px;
		margin: 0 auto;
	}
		
	.ico_type {
		left: 0px;
	}
	
	.sup2{
    margin: 0 2px;
    padding: 0 !important;
	height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	bottom: 1ex;
	font-size: 60%;
	}
}