@charset "utf-8";

@media screen and (max-width : 768px) {
/*------------------------------------------------------------------------------------------
*
*
    /webcatalog/styling/design/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
.section_styling {
	margin-bottom:20px;
}
.pic_wide{
	position:relative;
}
.pic_wide img{
	position:absolute;
	left:50%;
	display:block;
}
.pic_wide.pic_styling,
.pic_wide.pic_styling img{
	height:70vw;
}
.pic_wide.pic_styling img{
	margin-left:-70vw;
}
.caption {
    font-size: 11px;
    line-height: 120%;
    margin: 10px 15px 0;
}
/* -----------------------------------
    .section_type
----------------------------------- */
/* ---logo---- */
/* ----------------- */
	.section.normal{
		background-color: #f8f8f8;
	}
.section_type{
    margin: 0 auto 0 auto;
	padding-bottom:25px;
}
.section_type.normal{
	padding-top:40px;
}
	.section_type.plusstyle_fun,
	.section_type.plusstyle_cool{
		padding-top:40px;
		margin-bottom:25px;
	}

.section_type .detail_logo_wrap{
	position:relative;
	margin-bottom:23px;
	text-align:center;
	
}
.section_type .detail_logo{
	position:relative;
}
	.section_type .detail_logo img{
		height:28px;
	}
	
	.section_type.plusstyle_fun .detail_logo{
		text-indent:0;
	}
	.section_type.plusstyle_fun .detail_logo .slash{
		font-size:20px;
		font-weight:bold;
		position:relative;
		top:-5px;
	}
	
	.section_type.plusstyle_fun .detail_logo img{
		height:44px;
	}
	.section_type .detail_logo:after{
		content:"";
		height:0;
		display:block;
		margin:20px auto 0;
		width:39px;
		border-top:solid 4px #454545;
	}
	.section_type.plusstyle_cool .detail_logo:after{
		border-top:solid 4px #fff;
	}
	.section_type.plusstyle_fun .detail_logo:after{
		display:none;
	}

.section_type  .detail_logo_wrap h3{
	margin:26px 0 0;
}
.section_type .pic_wide{
	text-align:center;
	position:relative;
	height:70vw;
}
	.section_type.plusstyle_fun .pic_wide,
	.section_type.plusstyle_cool .pic_wide{
	height:70vw;
		padding-top:10px;
	}
.section_type .pic_wide img {
	display:block;
	position:absolute;
	left:50%;
	height:70vw;
	margin-left:-85vw;
}
	.section_type.plusstyle_fun .pic_wide img,
	.section_type.plusstyle_cool .pic_wide img{
	height:80vw;
	margin-left:-90vw;
	}

/* -----------------------------------
    .section_equipment
----------------------------------- */
.section_equipment {
	margin:0;
padding: 0 0 10px 0;
}
	.section_equipment.plusstyle_fun ,
	.section_equipment.plusstyle_cool {
		margin-bottom:20px;
	}
.section_equipment .img_slider .desc{
	line-height:140%;
	margin:10px 0 0;
	font-size:14px;
}

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

.tab_wrap .tab_contents > .tab{
	width:100%;
}
/* -----------------------------------
    .section_bodycolor
----------------------------------- */
.section_bodycolor {
	width: inherit;
	margin: 0 auto 10px auto;
	padding-bottom:30px;
}
.section_bodycolor .head_title {
	margin: 60px 0 15px;
}
.section_bodycolor .head_title.first {
	margin-top: 0;
	margin-bottom: -15px;
}
.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 {
	position: relative;
}
.section_bodycolor .body_color_gallery02{
	margin-top:40px;
}
.section_bodycolor .color_slider .name {
	margin: 0 0 10px 0;
	font-size: 13px;
}
.section_bodycolor .body_color_gallery .desc_small{
	font-size:11px;
	line-height:140%;
	margin:-10px 15px 20px;
	text-align:left;
}
.section_bodycolor .body_color_gallery .name .special{
    font-size: 11px;
	display:block;
	line-height: 1.8em;
}
.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;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.333em;
	text-align: left;
}
.section_bodycolor .body_color_gallery .type span {
	font-size: 11px;
}
.section_bodycolor .body_color_gallery .caution {
	margin: 5px 0 10px 0;
	font-size: 12px;
}
.section_bodycolor .color_slider .sup {
	top: 0px;
	vertical-align: top;
}
.section_bodycolor .body_color_gallery .caution_wrap {
	margin: 10px 15px 0;
}
.section_bodycolor .body_color_gallery .caution_wrap .caution {
	font-size: 13px;
	line-height: 19px;
	color: #da4058;
	visibility: hidden;
}
.section_bodycolor .body_color_gallery .caution_wrap .caution.disp {
	visibility: visible;
}
.section_bodycolor .nav_wrap{
	opacity:0;
	pointer-events:none;
	height:0;
}

}