/* CSS Document */
#cole_top .collection-nav li .tmb::after,
#collectionList .cole-box::before{
	color: rgba(255,40,40,1.00);
}
#cole_top .collection-nav li{
	width: 13%;
	padding-top: 20%;
}
#cole_top .collection-nav li:first-child .tmb{
	background-image: url(../../img/collection/2018_aw/01.jpg);
}
#cole_top .collection-nav li:nth-child(2) .tmb{
	background-image: url(../../img/collection/2018_aw/02.jpg);
}
#cole_top .collection-nav li:nth-child(3) .tmb{
	background-image: url(../../img/collection/2018_aw/03.jpg);
}
#cole_top .collection-nav li:nth-child(4) .tmb{
	background-image: url(../../img/collection/2018_aw/04.jpg);
}
#cole_top .collection-nav li:nth-child(5) .tmb{
	background-image: url(../../img/collection/2018_aw/05.jpg);
}
#cole_top .collection-nav li:nth-child(6) .tmb{
	background-image: url(../../img/collection/2018_aw/06.jpg);
}
#cole_top .collection-nav li:nth-child(7) .tmb{
	background-image: url(../../img/collection/2018_aw/07.jpg);
}
.videoWrp {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cole_top .collection-nav li .tmb::after{
	counter-increment: collection;
	content: counter(collection,decimal-leading-zero);
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	font-size: 5vw;
	font-family: Didot;
	font-style: oblique;
	color: rgba(255,40,40,1.00);
	z-index: 3;
	display: inline-block;
	text-align: center;
	border-bottom: solid 1px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#collectionList .cole-box:first-child::before{
	content:"01-05";
}
#collectionList .cole-box:nth-child(2)::before{
	content:"06";
}
#collectionList .cole-box:nth-child(3)::before{
	content:"07";
}
#collectionList{
	counter-reset: stylist;
}
.stylist{
	margin-top: 15px;
}
.stylist > div::before{
	counter-increment: stylist;
	content: counter(stylist,decimal-leading-zero);
	color: rgba(255,40,40,1.00);
	border-bottom: 1px solid rgba(255,40,40,1.00);
}
@media screen and (max-width:768px){
	.stylist.flexbox div{
		width: 33%;
		margin-bottom: 20px;
	}
	.stylist.flexbox::after{
		content: "";
		display: block;
		width: 33%;
	}
}
@media screen and (max-width:480px){
	.stylist.flexbox div{
		width: 100%;
	}
	.stylist.flexbox::after{
		content: none;
	}
}