@charset "utf-8";
@media screen and (max-width:768px) {
/*------------------------------------------------------------------------------------------
*
*
	/webcatalog/styling/design/
	Responsive / SP
*
*
------------------------------------------------------------------------------------------ */

#section_design.section .pic_full img {vertical-align: bottom;}
#section_design.section .mt5 {margin-top: 2px !important;}
	
.section_column {margin: 0 auto 40px auto;}
.slick-dotted.slick-slider {margin-bottom: 0px;}

/* ----------------------------------- */
/* #section_point */
/* ----------------------------------- */
#section_point .section_inner .section_column {padding: 0px 0px;}
#section_point .section_inner .section_column .inner_details p.caption {font-size: 16px;line-height: 1.6;margin-top: 5px;}
#section_point .section_inner .section_column div:first-child {margin-bottom: 0px;}
#section_point .slick-dots {bottom: -4px !important;}
#section_point .section_inner .section_column .inner_details .img_slider div {margin: 0px;}

/*#section_point .section_inner .section_column .slider_inner {padding: 0 0px;}*/
	/* ----------------------------------- */
	/* #section_styling */
	/* ----------------------------------- */
	#section_styling h3 {margin-bottom:20px;}


	/* ----------------------------------- */
	/* #section_bodycolor */
	/* ----------------------------------- */
	#section_bodycolor {
		width:inherit;
		margin:0 auto;
		}
	#section_bodycolor .color_slider {
		margin:0 0 15px 0;
		}
	#section_bodycolor .body_color_gallery .pic {
		margin:0 0 20px 0;
		}
	#section_bodycolor .body_color_gallery {
		margin: 0 auto 60px;
    	position: relative;
		}
	#section_bodycolor .color_slider .name {
		margin:0 0 10px 0;
		font-size:14px;
		}
	#section_bodycolor .color_slider .caption {
		font-size:14px;
		line-height:1.285em;
		margin:0 15px 10px 15px;
		}
	#section_bodycolor .body_color_gallery .type {
		font-size:12px;
		line-height:1.333em;
		}
	#section_bodycolor .body_color_gallery .caution {
		margin:5px 0 10px 0;
		font-size:12px;
		}
	#section_bodycolor .body_color_gallery .caution_wrap {
	    padding: 0 15px;
		}
	#section_bodycolor .color_slider .sup {
		font-size:14px;
		position:relative;
		top:0;
		left:0;
		}
	#section_bodycolor h4 {
		margin: 0 15px 40px;
		font-size:14px;
		}
	
#section_type_navi.section {margin: 0 0 40px 0;}
#section_type_navi{width: 100%;border-bottom: solid 4px #e0e0e0;margin-bottom: 0px;text-align: center;box-sizing: border-box;}
#section_type_navi p.heading{font-size: 22px;line-height: 1.2;margin-bottom: 15px;}
#section_type_navi ul.type_navigation{width: 92%;margin: 0px 4%;}
#section_type_navi ul.type_navigation li {width: 33%;float: left;position: relative;bottom: -4px;}
#section_type_navi ul.type_navigation li a{display: block;width: 100%; color: #444;font-size: 16px;font-weight: bold;padding: 25px 0;}
#section_type_navi ul.type_navigation li.active {border-bottom: solid 4px #444;}
#section_type_navi ul.type_navigation li a.current {border-bottom: solid 4px #444;box-sizing: border-box;}

#section_type{width: 100%;margin-bottom: 20px;text-align: center;}
#section_type.section .section_inner .logo {width: 45%;margin: 0px auto 20px auto;}
#section_type.section .section_inner .logo img {width: 100%;;}

	
.section .pic_full_sub{width: 100%;text-align: center;position: relative;}
.section .pic_full_sub img{width: 100%;height: auto;}
.is-fixed {position: fixed;top: 50px;left: 0;z-index: 99;width: 100%;}
	
.clearfix:after {content: "";display: block;clear: both;}
.clearfix:before {content: "";display: block;clear: both;}
.clearfix {display: block;}
	
}