@charset "utf-8";
@media screen and (max-width : 350px){
br.sp{
	display:none !important;
}
}
@media screen and (max-width : 768px){
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/styling/design/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
.desc01{
	font-size:15px !important;
}
.img_slider .copy {
	padding-bottom:10px;
}
#section_styling .img_slider .caption,
#section_ss .img_slider .caption {
    font-size: 10px;
    line-height: 1.3em;
}
.img_slider .caption{
	padding-bottom: 10px;
}
/* -----------------------------------
    #contents_area
----------------------------------- */
#contents_area .pic_wide{
	text-align:center;
	position:relative;
	width:100%;
	height:62vw;
	margin-bottom:60px;
}
#contents_area .pic_wide img {
	width:128vw;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-64vw;
}
/* -----------------------------------
    logo
----------------------------------- */

.bg_copper{
	background:#F6F6F6;
	margin-top:60px;
	padding-bottom:1px;
	margin-bottom:60px;
}
.detail_logo_wrap{
	position:relative;
	margin-bottom:2vw;

}
.detail_logo_wrap h3{
	margin-left:80px;
}
.section_bodycolor .detail_logo_wrap h3.copper{
	margin-left:0px;
}
	.detail_logo_wrap.copper h3{
	margin-top: 15px;
	margin-left:0;
	}
.detail_logo_wrap h3 sup{
	font-size:10px;
	vertical-align:top;
	line-height:23px;
}
.detail_logo{
	width:60px;
	height:60px;
	padding-left:15px;
	position:relative;
	float:left;
}
.detail_logo img{
		display:block;
	  position: absolute;
  left: 50% !important;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);

}
	.detail_logo.normal{
		border:solid 1px #777;
		border-left:0;
	}
	.detail_logo.custom{
		border:solid 1px #000;
		background:#000;
	}
.detail_logo.copper {
		background:#886E5F;
		width:220px;
		float:none;
		position:relative;
		top:-30px;
}
.section_bodycolor .detail_logo.copper {
		top:0;
		margin-bottom:20px;
}
	.detail_logo.normal img{
		height:45px;
		width:auto !important;
	}
	.detail_logo.custom img{
		height:45px;
		width:auto !important;
	}
.detail_logo.copper img {
	height: 45px;
		width:auto !important;
}
	.detail_logo_wrap .logo_copperbrown {
		text-align:center;
		margin-top:-10px;
	}
.detail_logo_wrap .logo_copperbrown img{
	width:80vw;
}
/* -----------------------------------
    #section_styling
----------------------------------- */
#section_styling{
    margin: 0 0 10px 0;
}

#section_styling .pic{
    line-height: 0;
	margin-bottom:20px !important;
}
.img_slider.col01 .caption{
}
#section_styling .img_slider{
	margin-bottom:0;
}
.img_slider div {
	margin-bottom:0;
}
#section_styling .img_slider .copy {
	font-size:20px;
	height:	75px;
	display:table-cell;
	vertical-align:middle;
	background-repeat:no-repeat;
	margin-bottom:-50px;
	line-height:130%;
}
	/*-- スライド ノーマル --*/
	#section_styling .img_slider{
		margin-bottom:15px;
	}
	#section_styling .img_slider.normal .copy{
		background-image:url(../image/logo_normal.png);
		background-size:31px auto;
		background-position:0px center;
		padding-left:55px;
		min-height:56px;
	}
	/*-- スライド カスタム --*/
	#section_styling .img_slider.custom .copy{
		background-image:url(../image/logo_custom.png);
		background-size:59px auto;
		background-position:0px center;
		padding-left:72px;
		min-height:71px;
	}


/* section_nmcordinate */
#section_styling_nmcordinate {
    padding: 30px 0;
    margin-bottom: 30px;
    background-color: #f2f2f2;
}
#section_styling_nmcordinate .section_inner {

}
#section_styling_nmcordinate h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
}
.codinate_logo_wrap {
	margin: 0 20px;
}
.codinate_logo_wrap .codinate_logo {
	margin: 0 0 30px;
	text-align: center;
}
.codinate_logo_wrap .codinate_logo img {
	width: 100%;
	height: auto;
}
.codinate_pic_wide {
	margin: 0 15px;
}
.codinate_pic_wide img {
	width: 100%;
	height: auto;
}

#section_styling_nmcordinate .caution_wrap{
  margin:30px 15px;
}
#section_styling_nmcordinate .caution_wrap .caution{
  font-size: 13px;
  line-height: 20px;
  color: #da4058;
  display: none;
}
#section_styling_nmcordinate .caution_wrap .caution.disp{
  display: block;
}

/* section_styling_cscordinate */
#section_styling_cscordinate {
    padding: 30px 0;
    background-color: #595758;
}
#section_styling_cscordinate .section_inner {

}
#section_styling_cscordinate h3 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	color: #fff;
}
#section_styling_cscordinate .caption_pic,
#section_styling_cscordinate .img_slider.col03 .desc {
	color: #fff;
}
.img_slider.col03 .desc {
	margin-bottom: 1em;
}

#section_styling_cscordinate .caution_wrap{
  margin:30px 15px;
}
#section_styling_cscordinate .caution_wrap .caution{
  font-size: 13px;
  line-height: 20px;
  color: #da4058;
  display: none;
}
#section_styling_cscordinate .caution_wrap .caution.disp{
  display: block;
}

/* -----------------------------------
    #section_design
----------------------------------- */
#section_design{
    margin: 0;
}

/* -----------------------------------
    #section_bodycolor
----------------------------------- */
.section_bodycolor{
    width: inherit;
    margin: 0 auto 0 auto;
}

.section_bodycolor .color_slider{
    margin: 0 0 30px 0;
}

#section_interiorcolor  .slick-slide{
	padding-bottom:0;
}
.section_bodycolor .body_color_gallery .pic{
    margin: 0 0 8px 0;
}

.section_bodycolor .body_color_gallery{
    position: relative;
	padding-right:15px;
	padding-left:15px;
}
.section_bodycolor .body_color_gallery .caption{
    font-size: 11px;
    margin: 0 0 3px 0;
	text-align:left;
	line-height:120%;
}
.section_bodycolor .body_color_gallery .caption br.sp{
	display:block !important;
}
    .section_bodycolor .color_slider .name {
        margin: 15px 0 10px 0;
        font-size: 14px;
        line-height: 1.333em;
/*        height: 2.5em;*/
    }

    .section_bodycolor .color_slider .name span {
        font-size: 11px;
    }

    .section_bodycolor .body_color_gallery .type {
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 1.333em;
        height: 4em;
				padding-bottom:0;
    }

.section_bodycolor .color_slider .name strong {
	font-weight: bold;
}

#section_interiorcolor .nav_wrap{
	/* position:absolute;
	bottom:20px; */
	width:100% !important;
	margin-top: -40px;
	padding-bottom: 100px;
}
.section_bodycolor .body_color_gallery .caution{
    margin: 25px 0 10px 0;
    font-size: 11px;
	min-height:1em;
	line-height:1.2em;
	position:absolute;
	bottom:0;
	text-align:left;
}

.section_bodycolor .color_slider .sup{
    top: 0px ;
    vertical-align: top ;
}

.logo_copperbrown_pic{
	text-align:center;
	margin-top:10px;
	margin-bottom:-5px;
}
.logo_copperbrown_pic img{
	width:70vw  !important;
	margin:0 auto  !important;
}
/* -----------------------------------
    #section_interiorcolor
----------------------------------- */
#section_interiorcolor {
	padding-top: 30px;
}
#section_interiorcolor .head_title{
}
#section_interiorcolor .section_inner{
	width:100%;
}
#section_interiorcolor,
#section_interiorcolor .tab_contents .tab,
#section_interiorcolor .rect_nav_tab{
	width:100% !important;
}

#section_interiorcolor .slick-slide{
}
#section_interiorcolor.section_bodycolor  img{
	width:100%;
	left:0;
	margin:0;
}

#section_interiorcolor .rect_nav{
	margin-bottom:30px;
}

#section_interiorcolor .caution_wrap{
  margin:65px auto 15px;
	height: 40px;
}
#section_interiorcolor .caution_wrap .caution{
	margin:0;
  font-size: 13px;
  line-height: 20px;
  color: #da4058;
  display: none;
}
#section_interiorcolor .caution_wrap .caution.disp{
  display: block;
}

/* -----------------------------------
    #section_gallery
----------------------------------- */
#section_ss .img_slider .copy {
	font-size:20px;
	line-height: 130%;
	margin-bottom:13px;

}
#section_ss .img_slider .copy span{
	display:block;
	font-size:14px;
	padding-left:0.5em;
	text-indent:-1em;

}
.caption_pic{	    font-size: 11px;		margin:0 15px 40px;		line-height:120%;}


#section_bottom_voice {
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 40px;
}
#section_bottom_voice img {
	width: 100%;
}

}