.cf {
  *zoom: 1;
}

.cf:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}


/**************************************
common
**************************************/
#collectionSection{
	display: block;
	width: 100%;
	padding-top: 0;
	padding-bottom: 80px;
	margin: 0 auto;
    font-family: "Karla", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
#collectionSection *{box-sizing: border-box;}

#collectionSection img{
	display: block;
	width: 100%; height: auto;
}

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

#collectionSection a:hover{ opacity: .6;}
#collectionSection figure a{display: block;}


#collectionSection > .mainImage{
	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: center;
	justify-content: center;
	width: 100%;
	padding: 25px 0;
	margin-bottom: 30px;
	background: url(../../../../Contents/ImagesPkg/collection/2018/aw/bg_collection_01.jpg) center center no-repeat;
	background-size: cover;
}

#collectionSection > .mainImage > figure{
	width: 35.71428571428571%;
	background: #FFFFFF;
	margin: 0 auto;
}


#collectionSection > .mainTTL{
	width: 432px;
	line-height: 1.3;
	text-align: center;
	margin: 0 auto 50px;
}

#collectionSection > .ledeBox{
	width: 100%;
	margin: 0 auto 100px;
}

#collectionSection > .ledeBox > .subTTL{
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}
#collectionSection > .ledeBox > p{
	padding-top: 20px;
	font-size: 11px;
	line-height: 2.0;
	text-align: center;
}

#collectionSection .credit{
	padding-top: 15px;
	font-size: 11px;
	color: #58595b;
	text-align: left;
	line-height: 2.0;
}
#collectionSection .credit a{ color: #242424; text-decoration: underline;}
#collectionSection .credit a:hover{}

#collectionSection ul.credit{}
#collectionSection ul.credit:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
#collectionSection ul.credit > li{}

#collectionSection .credit > dl{margin-bottom: 10px;}
#collectionSection .credit > dl:nth-last-of-type(1){margin-bottom: 0;}
#collectionSection .credit > dl > dt,
#collectionSection .credit > dl > dd{ display: block;}


#collectionSection .lrBox{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -ms-flex-align:flex-start;
    -webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
}
#collectionSection .lrBox > .left,
#collectionSection .lrBox > .right{
	width: 50%;
}
#collectionSection .lrBox > .right .credit{text-align: right;}

/**************************************
box01
**************************************/
#collectionSection .box01{
	width: 85.71428571428571%;
	padding: 0 1.42857142857143%;
	margin: 0 auto 50px;
}


#collectionSection .box01 .left{
	width: 51.72413793103448%;
}
#collectionSection .box01 .right{
	width: 48.27586206896552%;
	padding-left: 5.17241379310345%;
}


/**************************************
box02
**************************************/
#collectionSection .box02{
	width: 85.71428571428571%;
	margin: 0 auto 50px;
}

/**************************************
box03
**************************************/
#collectionSection .box03{
	width: 100%;
	margin: 0 auto 50px;
}

#collectionSection .box03 .left{
	width: 66.78571428571429%;
}

#collectionSection .box03 .left .credit{
	padding-left: 10.6951871657754%;
}

#collectionSection .box03 .right{
	width: 33.21428571428571%;
}
#collectionSection .box03 .right .credit{
	padding-right: 21.50537634408602%
}

/**************************************
box04
**************************************/
#collectionSection .box04{
	width: 85.71428571428571%;
	padding: 0 1.42857142857143%;
	margin: 0 auto 50px;
}


#collectionSection .box04 .left{
	width: 51.72413793103448%;
}
#collectionSection .box04 .right{
	width: 48.27586206896552%;
	padding-left: 5.17241379310345%;
}

/**************************************
box05
**************************************/
#collectionSection .box05{
	width: 85.71428571428571%;
	margin: 0 auto 50px;
}

/**************************************
box06
**************************************/
#collectionSection .box06{
	width: 85.71428571428571%;
	padding: 0 1.42857142857143%;
	margin: 0 auto 50px;
}

#collectionSection .box06 .left{
	width: 51.72413793103448%;
}
#collectionSection .box06 .right{
	width: 48.27586206896552%;
	padding-left: 5.17241379310345%;
}


/**************************************
box07
**************************************/
#collectionSection .box07{
	width: 85.71428571428571%;
	padding: 0 2.85714285714286%;
	margin: 0 auto 50px;
}

#collectionSection .box07 .left{
	width: 50%;
}
#collectionSection .box07 .right{
	width: 50%;
	padding-left: 5.35714285714286%;
}

/**************************************
box08
**************************************/
#collectionSection .box08{
	width: 85.71428571428571%;
	margin: 0 auto 50px;
}


/**************************************
box09
**************************************/
#collectionSection .box09{
	width: 85.71428571428571%;
	padding: 0 5%;
	margin: 0 auto 50px;
}

#collectionSection .box09 .left{
	width: 56.60377358490566%;
}
#collectionSection .box09 .right{
	width: 43.39622641509434%;
	padding-left: 5.66037735849057%;
}

/**************************************
box10
**************************************/
#collectionSection .box10{
	width: 100%;
	margin: 0 auto 50px;
}

#collectionSection .box10 .credit{
	width: 85.71428571428571%;
	margin: 0 auto;
	text-align: right;
}

/**************************************
box11
**************************************/
#collectionSection .box11{
	width: 87.14285714285714%;
	margin: 0 5.71428571428571% 50px auto;
}

#collectionSection .box11 .left{
	width: 46.72131147540984%;
}
#collectionSection .box11 .right{
	width: 53.27868852459016%;
	padding-left: 6.55737704918033%;
}


/**************************************
box12
**************************************/
#collectionSection .box12{
	width: 89.28571428571429%;
	margin: 0 auto 50px 3.57142857142857%;
}

#collectionSection .box12 .left{
	width: 50%;
	padding-right: 2%;
}
#collectionSection .box12 .right{
	width: 50%;
	padding-left:2%;
}
	
/**************************************
box13
**************************************/
#collectionSection .box13{
	width: 85.71428571428571%;
	padding: 0 1.42857142857143%;
	margin: 0 auto 50px;
}


#collectionSection .box13 .left{
	width: 51.72413793103448%;
}
#collectionSection .box13 .right{
	width: 48.27586206896552%;
	padding-left: 5.17241379310345%;
}

/**************************************
box14
**************************************/
#collectionSection .box14{
	width: 75%;
	margin: 0 auto 50px;
}

#collectionSection .box14 .left{
	width: 50%;
	padding-right: 0.4761904761904762%;
}
#collectionSection .box14 .right{
	width: 50%;
	padding-left:0.4761904761904762%;
}


/**************************************
box15
**************************************/
#collectionSection .box15{
	width: 85.71428571428571%;
	margin: 0 auto 50px;
}


/**************************************
box16
**************************************/
#collectionSection .box16{
	width: 73.57142857142857%;
	margin: 0 auto 50px;
}

#collectionSection .box16 .left{
	width: 48.54368932038835%;
}
#collectionSection .box16 .right{
	width: 51.45631067961165%;
	padding-left: 3.68932038834951%;
}

/**************************************
box17
**************************************/
#collectionSection .box17{
	width: 73.57142857142857%;
	margin: 0 auto 50px;
}

#collectionSection .box17 .left{
	width: 50.48543689320388%;
	padding-right: 1.94174757281553%;
}
#collectionSection .box17 .right{
	width: 49.51456310679612%;
	padding-right: 0.97087378640777%;
}


/**************************************
box18
**************************************/
#collectionSection .box18{
	width: 73.57142857142857%;
	margin: 0 auto 50px;
}

#collectionSection .box18 .left{
	width: 48.54368932038835%;
}
#collectionSection .box18 .right{
	width: 51.45631067961165%;
	padding-left: 2.9126213592233%;
}

/**************************************
box19
**************************************/
#collectionSection .box19{
	width: 73.57142857142857%;
	margin: 0 auto 50px;
}

#collectionSection .box19 .left{
	width: 50.48543689320388%;
	padding-right: 1.94174757281553%;
}
#collectionSection .box19 .right{
	width: 49.51456310679612%;
	padding-right: 0.97087378640777%;
}