/**************************************
common
**************************************/
#collectionSection{
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 200px 0;
}

#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; color: #333333;}

/**************************************
#mainTTLAre
**************************************/
#mainTTLAre{
	display: block;
	width: 100%;
	height: 540px;
	padding:215px 0 0 605px;
	margin: 0 auto;
	background: url(../img/bg_img_main.jpg) 0 0 no-repeat;
}
#mainTTLAre #mainTTL{
	width: 306px;
}
#mainTTLAre #mainTTL > img{display: block; width: 100%; height: auto;}


/**************************************
#itemContents common
**************************************/
#itemContents{
	width: 100%;
	padding-top: 125px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

#itemContents figure{display: block;}
#itemContents figure img{display: block; width: 100%; height: auto;}
#itemContents figure > a{display: block;}


#itemContents .itemTTL{
	display: block;
	margin: 0 auto 33px;
	font-size: 18px;
	text-align: center;
}

#itemContents .lede{
	display: block;
	padding-bottom: 25px;
	font-size: 14px;
	text-align: center;
	line-height: 2;
	border-bottom: 2px solid #323333;
}

#itemContents .caption{
	display: block;
	padding: 28px 44px 53px;
}

#itemContents .caption p{
	text-align: center;
	font-size: 13px;
	line-height: 2;
	letter-spacing: 0.045em;
	font-feature-settings : "palt";
}

#itemContents .credit{}
#itemContents ul.credit > li{
	display: block;
	margin-top: 13px;
	font-size: 13px;
	line-height: 1;
}
#itemContents ul.credit > li:nth-of-type(1){margin-top: 0;}
#itemContents ul.credit > li > a{
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #000000;
}
#itemContents ul.credit > li > a > span{font-size: 11px;}

#itemContents .boxOneLine{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

#itemContents .boxOneLine .img,
#itemContents .boxOneLine .text{
	width: 460px;
	text-align: center;
}


#itemContents .boxTwoLine{
	display: block;
	width: 100%;
	margin: 0 auto;
}
#itemContents .boxTwoLine .img,
#itemContents .boxTwoLine .textUnder{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

#itemContents .boxTwoLine .img{
	padding-bottom: 70px;
}

#itemContents .boxTwoLine .textUnder{
	padding-top: 25px;
}

#itemContents .boxTwoLine .img figure,
#itemContents .boxTwoLine .textUnder .caption,
#itemContents .boxTwoLine .textUnder .credit{
	display: block;
	width: 460px;
	text-align: left;
}
#itemContents .boxTwoLine .textUnder .caption p{
	text-align: left;
}


#itemContents .boxTwoLine .itemTTL{margin-bottom: 12px;}
#itemContents .boxTwoLine .lede{padding-bottom: 41px;}
#itemContents .boxTwoLine .textUnder .caption{padding: 0;}
#itemContents .boxTwoLine .textUnder .credit{padding-top: 5px;}

/**************************************
box01
**************************************/
#itemContents .box01{
	padding-bottom: 135px;
}

/**************************************
box02
**************************************/
#itemContents .box02{
	-ms-flex-direction: row-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding-bottom: 145px;
}

/**************************************
box03
**************************************/
#itemContents .box03{
	padding-bottom: 120px;
}


/**************************************
box04
**************************************/
#itemContents .box04{
	padding-bottom: 130px;
}
#itemContents .box04 > .img{
	-ms-flex-direction: row-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/**************************************
box05
**************************************/
#itemContents .box05{
	padding-bottom: 140px;
}