@charset "utf-8";

@media screen and (max-width : 768px) {
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/interior/design/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
.head_title {
	margin: 0 15px 20px;
}
/* -----------------------------------
    #section_design
----------------------------------- */
#section_design {
	margin: 0 0 50px 0;
	padding-bottom: 44px;
}
#section_design .section_inner {
	position: relative;
	z-index: 2;
}
#section_design .pic_full {
	margin: -40px 0 0 0;
}
#section_design .slider_inner {
	padding: 0;
}
#section_design .slider_inner .caption {
	margin: 0 15px;
}
#section_design .slick-slider {
	margin-bottom: 0;
}
/* -----------------------------------
    #section_design_gallery
----------------------------------- */
#section_design_gallery {
	margin: 0 0 20px 0;
}
/* -----------------------------------
    #section_color
----------------------------------- */
#section_color {
	margin: 0;
}
#section_color h3 {
	font-size: 15px;
}
#section_color .section_inner {
	margin-bottom: 72px;
}
#section_color .color_slider {
	margin: 0 auto 15px auto;
}
#section_color .color_slider .slider_inner {
	padding: 0 15px;
}
#section_color .color_slider .pic {
	margin: 0;
	line-height: 0;
	position: relative;
	background-color: #f8f8f8;
}
	
#section_color .color_slider .pic span.caption{
	margin: 0px;
    padding: 5px;
    font-size: 11px;
    line-height: 1.4;
    text-align: left;
	display: block;
}
#section_color .color_slider .parts {
	margin-bottom: 10px;
}
#section_color .color_slider .parts li {
	margin-top: 2px;
	display: table;
}
#section_color .color_slider .parts li .pic {
	width: 36%;
	display: table-cell;
}
#section_color .color_slider .parts li .caption {
	margin-bottom: 0;
	padding: 0 15px;
	display: table-cell;
	vertical-align: middle;
	background-color: #f8f8f8;
	font-size: 12px;
}
#section_color .color_slider .caption {
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 1.5em;
	text-align: left;
}
#section_color .color_slider .type {
	margin-bottom: 10px;
	text-align: center;
}
#section_color .color_slider .type h4 {
	height: 56px;
	margin: 0 0 5px 0;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0;
}
#section_color .color_slider .type p {
	font-size: 13px;
	line-height: 18px;
}
/* -----------------------------------
#section_prime
----------------------------------- */
#section_prime {
	margin-bottom: 75px;
}
#section_prime .section_inner {
	margin: 0 15px;
}
#section_prime .pic {
	width: 150px;
	margin: 0 0 10px;
}
#section_prime .caption {
	font-size: 11px;
	line-height: 1.5em;
}

/* -----------------------------------
*
    .photocaution
*
----------------------------------- */
#section_color .color_slider .pic{
	position: relative;
}

#section_color .color_slider .pic .photocaution{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
}

#section_style.section {margin: 0px;}
#section_style .section_column.black-style p {font-size: 14px;line-height: 1.4;/*margin: 0px;*/}
#section_style .section_column.black-style p.caution {font-size: 11px}
#section_style .section_column.black-style p.heading {font-size: 20px;line-height: 1.1;font-weight: bold;margin-bottom: 10px;}
#section_style .section_column.black-style p.heading span.normal {font-size: 12px;font-weight: normal;margin-bottom: 0px;position: relative;top: -3px;}
#section_style .section_column.black-style p.heading span.type {font-size: 10px;font-weight: normal;margin: 10px 0px 0px 0px;border: 1px solid #CCC;padding: 5px 7px 3px 7px;position: relative;top: 0px;display: inline-block;}

#section_style .section_column.black-style {border: 1px solid #CCC;width: 84%;margin: 0px auto;padding: 20px 4%; margin-bottom: 10%;}
#section_style .section_column.black-style img {width: 100%;}
#section_style .section_column.black-style .fL {float: left;width: 100%;margin-top: 20px;}
#section_style .section_column.black-style .fR {float: right;width: 100%;margin-top: 0px;}

#section_style .section_column.black-style .fR ul.list02 {clear: both;margin-top: 20px;display: block;}
#section_style .section_column.black-style .fR ul.list01 li {float: left;width: 100%;margin-right: 0%;margin-top: 20px;}
#section_style .section_column.black-style .fR ul.list01 li p {font-size: 13px;line-height: 1.4;padding-left: 1em;text-indent: -1em;}
#section_style .section_column.black-style .fR ul.list02 li {float: left;width: 100%;margin-right: 0%;}
#section_style .section_column.black-style .fR ul.list02 li p {font-size: 13px;line-height: 1.4;padding-left: 1em;text-indent: -1em;}

#section_style .section_column.fabtect p {font-size: 14px;line-height: 1.4;/*margin: 0px;*/}
#section_style .section_column.fabtect p.heading {font-size: 20px;line-height: 1.1;font-weight: bold;margin-bottom: 17px;}
#section_style .section_column.fabtect p.heading span.normal {font-size: 12px;font-weight: normal;margin-bottom: 0px;position: relative;top: -3px;}
#section_style .section_column.fabtect p.heading span.type {font-size: 10px;font-weight: normal;margin: 0px;border: 1px solid #CCC;padding: 5px 7px 3px 7px;position: relative;top: 2px;}
#section_style .section_column.fabtect {border: 1px solid #CCC;width: 84%;margin: 0px auto;padding: 20px 4%;background-color: #f8f8f8;}
#section_style .section_column.fabtect .fL {float: none;width: 100%;margin-top: 0px;}
#section_style .section_column.fabtect .fR {float: non;width: 100%;margin-top: 20px;}

#section_style .section_column.black-style .target {border: 1px solid #999;clear: both;margin-top: 20px;}
#section_style .section_column.black-style .target p {font-size: 14px;line-height: 1.6;margin: 0px;padding: 0px 0px 0px 0px;}
#section_style .section_column.black-style .target p span.heading {background-color: #999;color: #FFF;margin: 0px;width: 100%;padding: 10px 0px 7px 0px;display: block;text-align: center;}
#section_style .section_column.black-style .target p span.text {margin: 0px;padding: 15px;display: block;}
}