@charset "utf-8";

@media screen and (max-width : 768px){
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/interior/utility/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */

/* -----------------------------------
    #section_luggage
----------------------------------- */

.section .golf{
	font-weight:bold;
}
	

	#section_luggage {
		margin-bottom: 10px;
	}


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

.slider_set .section_column{
	line-height:1em !important;
	padding:0;
}
.slider_set .section_column .col_right{
	line-height:1.5em;
	padding:0 15px;
}
.slider_set_inner{
	position:relative;
}
.slider_set .img_slider div{
	margin:0 0 10px 0;
}

.slider_set h6 {
	font-weight: bold;
	padding-bottom: 0.5em;
}
	
	
/* ------------------------------
    movie
------------------------------ */
	#section_movie .modal_mov_open {
		width: auto;
		margin: 0 15px;
	}
	
    .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/2020/common/image_common/movie_play.png) center center no-repeat rgba(0, 0, 0, .5);
        background-size: auto 50%;
        transition: background .2s ease-out;
    }
    
    .modal_mov_open.play_btn:hover::after {
        background-color: rgba(0, 0, 0, 0);
    }


}