@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap');
/****************************************
基本
****************************************/
*{
	margin: 0;
	padding: 0;
}
body{
	line-height: 1.7;
	letter-spacing: 0.05em;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-weight: normal;
}
p{
	margin: 0;
}
img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
a, a:visited{
	color: inherit;
	text-decoration: none;
}
a:hover{
	opacity: 0.7;
	color: inherit;
	text-decoration: none;
}
ul, ol {
	list-style: none;
}


/****************************************
main
****************************************/
main.fs-l-main{
	max-width: inherit;
	margin: 0;
	padding: 0;
}
@media (min-width: 768px){
}


/****************************************
ルックブック	
****************************************/
/****アニメーション****/
.fadeup {
	transition: all 2000ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(0px, 50px);
}
.fadeleft{
	transition: all 2000ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50px, 0px);
}
.fadein {
	opacity: 1;
	visibility: visible;
	transform: translate(0px, 0px);
}
.fadeUpA{
	animation-name:fadeUpAnime;
	animation-delay: 0.5s;
	animation-duration:2s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
		visibility: hidden;
  	transform: translateY(50px);
  }
  to {
    opacity: 1;
		visibility: visible;
		transform: translateY(0);
  }
}

@media (min-width: 768px){
.fDelay_1{
	transition-delay: 0.5s;
}
.fDelay_2{
	transition-delay: 1s;
}
}
/****コンテナ****/
.main--collection{
	margin: 60px auto;
}
@media (min-width: 768px){
	.main--collection{
		margin: 160px auto;
	}
}
/****タイトル****/
.main--collection h2{
	padding-bottom: 20px;
	text-align: center;
	font-family: "Cormorant Garamond", serif;
	font-size: 16px;
}
@media (min-width: 768px){
	.main--collection h2{
		padding-bottom: 40px;
		text-align: center;
		font-size: 28px;
	}
}
/****アイテム****/
.main--collection .colItem{
	width: 100%;
}
.main--collection .colItem img{
	display: block;
}
.main--collection .colItem .credit{
	white-space: nowrap;
	line-height: 1.7;
	color: #000000;
}
.main--collection .colItem .credit a{
	display: inline-block;
	border: solid 1px #000000;
	padding: 1px 8px;
	line-height: 1.25;
	font-size: 8px;
}
.main--collection .colItem .credit a:hover{
	background-color: #000000;
	color: #ffffff;
	opacity: 1;
}
@media (min-width: 768px){
	.main--collection .colItem .credit a{
		padding: 0 10px;
		line-height: 1.6;
		font-size: 10px;
		transform: translateY(-2px);
	}
}

/****24SS****/
.main--collection.col24ss{
	padding-left: 15px;
	padding-right: 15px;
	max-width: 1060px;
}
@media (min-width: 768px){
	.main--collection.col24ss{
		padding-left: 30px;
		padding-right: 30px;
	}
}
.col24ss .colItem{
	padding-top: 40px;
}
.col24ss .colItem .credit{
	padding: 10px 10px 0;
	font-size: 10px;
}
.col24ss .colItem02{
	width: 62.5%;
	margin: 0 auto;
}
.col24ss .colItem03{
	width: 60%;
}
.col24ss .colItem06{
	width: 47.5%;
}
.col24ss .colItem05 img, 
.col24ss .colItem07 img{
	width: 60%;
	margin: 0 0 0 auto;
}
.col24ss .colItem05 .credit, 
.col24ss .colItem07 .credit{
	text-align: right;
}
@media (min-width: 768px){
	.col24ss .colItem{
		padding-top: 120px;
	}
	.col24ss .colItem .credit{
		padding: 10px 0 0;
		line-height: 1.75;
		font-size: 16px;
	}
	.col24ss .colItem05, 
	.col24ss .colItem07{
		width: 60%;
		margin: 0 0 0 auto;
	}
	.col24ss .colItem05 img, 
	.col24ss .colItem07 img{
		width: 100%;
	}
	.col24ss .colItem05 .credit, 
	.col24ss .colItem07 .credit{
		text-align: left;
	}
}


/****26SS****/
.col26ss .colItem + .colItem{
	padding-top: 5px;
}
.col26ss > .colItem{
	width: 80%;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}
.col26ss .colGroup{
	margin-top: 60px;
}
.col26ss .colGroup img{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.col26ss .colItem .credit{
	padding-top: 1vw;
	font-size: 2.5vw;
	text-align: right;
}
.col26ss .colGroup .colItem{
	text-align: center;
}
.col26ss .colGroup .colItem .credit{
	display: inline-block;
}
@media (min-width: 768px){
	.col26ss .colItem + .colItem{
		padding-top: 0;
	}
	.col26ss > .colItem{
		width: 75%;
		max-width: 1440px;
		margin-top: 12%;
	}
	.col26ss .colGroup{
		display: flex;
		justify-content: space-between;
		margin-top: 12%;
		margin-left: auto;
		margin-right: auto;
	}
	.col26ss .colGroup img{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.col26ss .colGroup .colItem{
		text-align: right;
	}
	.col26ss .colItem .credit{
		padding-top: 8px;
		font-size: 1.25vw;
	}
	.col26ss .colGroup.colGroup02, 
	.col26ss .colGroup.colGroup07, 
	.col26ss .colGroup.colGroup10, 
	.col26ss .colGroup.colGroup15{
		width: 71.66%;
		max-width: 1376px;
	}
	.col26ss .colGroup.colGroup02 .colItem, 
	.col26ss .colGroup.colGroup07 .colItem, 
	.col26ss .colGroup.colGroup10 .colItem, 
	.col26ss .colGroup.colGroup15 .colItem{
		width: 50%;
		padding: 0 8px;
	}
	.col26ss .colGroup.colGroup03, 
	.col26ss .colGroup.colGroup06, 
	.col26ss .colGroup.colGroup09, 
	.col26ss .colGroup.colGroup12, 
	.col26ss .colGroup.colGroup13, 
	.col26ss .colGroup.colGroup16{
		width: 70%;
		max-width: 1344px;
	}
	.col26ss .colGroup.colGroup03 .colItem, 
	.col26ss .colGroup.colGroup06 > div, 
	.col26ss .colGroup.colGroup09 > div, 
	.col26ss .colGroup.colGroup12 > div, 
	.col26ss .colGroup.colGroup13 > div, 
	.col26ss .colGroup.colGroup16 > div{
		width: 50%;
	}
	.col26ss .colGroup.colGroup03 .colItem05 img, 
	.col26ss .colGroup.colGroup09 .colGroupR img, 
	.col26ss .colGroup.colGroup12 .colItem25 img{
		padding-left: 48px;
	}
	.col26ss .colGroup.colGroup06 .colGroupL img, 
	.col26ss .colGroup.colGroup13 .colGroupL img, 
	.col26ss .colGroup.colGroup16 .colGroupL img{
		padding-right: 48px;
	}
	.col26ss .colGroup.colGroup04, 
	.col26ss .colGroup.colGroup11, 
	.col26ss .colGroup.colGroup14, 
	.col26ss .colGroup.colGroup17{
		width: 82%;
		max-width: 1530px;
	}
	.col26ss .colGroup.colGroup04 .colItem, 
	.col26ss .colGroup.colGroup11 .colItem, 
	.col26ss .colGroup.colGroup14 .colItem, 
	.col26ss .colGroup.colGroup17 .colItem{
		width: calc(100% / 3);
		padding: 0 5px;
	}
	.col26ss .colGroup .colGroupL .colItem + .colItem, 
	.col26ss .colGroup .colGroupR .colItem + .colItem{
		padding-top: 40px;
	}
	.col26ss .colGroup .colItem18, 
	.col26ss .colGroup .colItem31, 
	.col26ss .colGroup .colItem39{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
}
@media (min-width: 1281px){
	.col26ss .colItem .credit{
		font-size: 18px;
	}
	.main--collection h2{
		font-size: 41px;
	}
}