/**************************************
common
**************************************/
#collectionSection{
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 32px 0 326px 0;
	position: relative;
}

#collectionSection a{
	color: #000000;
	text-decoration: none;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#collectionSection a:hover{ opacity: .6;}

#collectionSection *{box-sizing: border-box;}
/**************************************
#mainTTL
**************************************/
#mainTTL{
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 100px;
}
#mainTTL img{display: block; width: 100%; height: auto;}
/**************************************
#itemContents
**************************************/
#itemContents{
	margin: 0 auto;
	padding: 0 0 0;
}

#itemContents figure,
#itemContents figure a{ display: block;}
#itemContents figure img{display: block; width: 100%; height: auto;}
/**************************************
.visualList
**************************************/
#itemContents .visualList{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#itemContents .visualList{display: block;}

#itemContents .visualList figure,
#itemContents .visualList figure > a{display: block; width: 100%;}
#itemContents .visualList figure > a img{display: block; width: 100%; height: auto;}
/**************************************
slideArea
**************************************/
#itemContents .visualList > div > .fadeImg,
#itemContents .visualList > .line3 .fadeImg{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#itemContents .visualList > div > .fadeImg .wrap,
#itemContents .visualList > .line3 .fadeImg .wrap{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#itemContents .visualList > div > .fadeImg .wrap a.slider,
#itemContents .visualList > .line3 > li > .fadeImg .wrap a.slider{
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	display: block;
	width: 100%;
	padding: 0;
	position: relative;
	background: #ffffff;
	z-index: 0;
}
#itemContents .visualList > div > .fadeImg a.slider.swiper-slide-active,
#itemContents .visualList > .line3 > li > .fadeImg a.slider.swiper-slide-active{z-index: 1;}

#itemContents .visualList > div > .fadeImg .wrap a.slider:hover,
#itemContents .visualList > .line3 > li > .fadeImg .wrap a.slider:hover{
	opacity: 0.6;
}
/**** credit***************/
#itemContents .credit{
	display: inline-block;
	padding-top: 9px;
}

#itemContents ul.credit > li,
#itemContents dl.credit > dt,
#itemContents dl.credit > dd{
	display: block;
	padding-top: 1.1em;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.025em;
	color: #333333;
	text-align: center;
}
#itemContents .credit a span{font-size: 11px;}

/*box*/

/*1*/
#box01{
	margin-left: 100px;
	width: 300px;
	height: 218.77px;
}
/*2*/
#box02{
	width: 360px;
	margin-left: 569.35px;
}
/*3*/
#box03{
	width: 360px;
	margin-left: 69.35px;
	margin-top: 36px;
	height: 302px;
}
/*4*/
#box04{
	width: 300px;
	margin-left: 600px;
}
/*5*/
#box05{
	width: 580px;
	margin-top: 123px;
}
/*6*/
#box06{
	width: 400px;
	margin-left: 550px;
	margin-top:60px;
	height: 323.77px;
}
/*7*/
#box07{
	width: 300px;
	margin-left: 100px;
}
/*8*/
#box08{
	width: 660px;
	margin: 140px auto 0;
}
/*9*/
#box09{
	width: 580px;
	margin-top: 150px;
}
/*10*/
#box10{
	width: 580px;
	margin-top: 134px;
	margin-left: 420px;
}
/*11*/
#box11{
	width: 380px;
	margin-left: 60px;
	height: 188px;
	margin-top: 160px;
}
/*12*/
#box12{
	width: 400px;
	margin-left: 550px;
}
/*131415*/
.line3{
	display: flex;
	margin-top: 170px;
}
.line3 > li{
	width: 310px;
	margin-right: 35px;
}
.line3 > li:nth-child(3){
	margin-right: 0;
}
/*16*/
#box16{
	width: 660px;
	margin:160px auto 0;
}
/*atelier*/
#atelier{
	width: 470px;
	margin: 240px auto 0;
}