@charset "utf-8";

@media screen and (min-width : 769px){ 
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/styling/design/
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
/* -----------------------------------
    #section_styling
----------------------------------- */
#section_styling .pic{
    line-height: 0;
}

#section_styling .pic img{
    width: 800px;
    height: auto;
}

#section_styling .img_slider{
    width: 800px !important;
}

	#section_styling .img_slider .switch_pc {
		display: inline;
	}

#section_styling .slick-arrow,
#section_styling .slick-dots {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
	
/* -----------------------------------
    #section_form
----------------------------------- */
.section .pic_full img{
    width: 100%;
    max-width: 1280px;
    height: auto;
}

/* -----------------------------------
    #section_gallery
----------------------------------- */
.section.gallery{
    width: 980px;
    margin: 0 auto 100px auto;
}

.section.gallery .section_desc {
	margin-bottom: 20px;
}

.section.gallery .img_slider{
	width: 780px !important;
}

.section.gallery .img_slider .caption {
	margin-top: -4px;
	line-height: 15px;
}

/* -----------------------------------
    #section_bodycolor
----------------------------------- */
#section_bodycolor{
    width: 980px;
    margin: 0 auto 100px auto;
}

#section_bodycolor .bodycolor_inner {
	margin-bottom: 100px;
}

#section_bodycolor .bodycolor_2tone_inner .head_title {
	margin: 0 0 25px;
}

#section_bodycolor .color_slider{
    margin: 0 0 20px 0;
}

#section_bodycolor .body_color_gallery{
    position: relative;
    text-align: center;
}

#section_bodycolor .body_color_gallery img{
    width: 730px;
    margin: 0 auto 10px auto;
    height: auto;
}

#section_bodycolor .body_color_gallery .pic{
    margin: 0 0 10px 0;
}

#section_bodycolor .body_color_gallery .name{
    margin: 0 0 10px 0;
    font-size: 22px;
}

#section_bodycolor .body_color_gallery .caption{
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 0 15px 0;
}

#section_bodycolor .body_color_gallery .type{
    font-size: 14px;
    line-height: 1.571em;
}

#section_bodycolor .body_color_gallery .caution{
    margin: 5px 0;
    font-size: 11px;
}
	
#section_bodycolor .body_color_gallery .caution_wrap{
    margin-top: 20px;
}

#section_bodycolor .body_color_gallery .caution_wrap .caution{
    font-size: 13px;
    line-height: 20px;
    color: #da4058;
    visibility: hidden;
}
    
#section_bodycolor .body_color_gallery .caution_wrap .caution.disp{
    visibility: visible;
}
	
	/* -----------------------------------
	#section_smartkey
	----------------------------------- */
	#section_smart_key .key_imgs ul {
		width: 930px;
		margin: 0 -50px 0 50px;
		position: relative;
		overflow: hidden;
	}
	
	#section_smart_key .key_imgs ul li {
		width: 48px;
		margin-right: 27px;
		float: left;
	}
	
	#section_smart_key .key_imgs ul li img {
		width: 100%;
		height: auto;
	}
}