@charset "utf-8";

#collection_25aw_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
}
#collection_25aw_bg.animation {
	animation:blink 25s linear infinite normal;
}
#collection_25aw_bg .bg_image {
	width: 100vw;
	height: 100vh;
}
#collection_25aw_bg .bg_image picture {
	display: inline;
}
#collection_25aw_bg .bg_image img {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}
@keyframes blink{
	0% {opacity: 0;}

	31.95% {opacity: 0;}
	32% {opacity: 1;}
	33.5% {opacity: 1;}
	33.55% {opacity: 0;}

	60.95% {opacity: 0;}
	61% {opacity: 1;}
	62.5% {opacity: 1;}
	62.55% {opacity: 0;}

	64.35% {opacity: 0;}
	64.4% {opacity: 1;}
	65.2% {opacity: 1;}
	65.25% {opacity: 0;}

	97.45% {opacity: 0;}
	97.5% {opacity: 1;}
	99.95% {opacity: 1;}
	100% {opacity: 0;}
}

@media screen and ( min-width: 641px ) {
	
	body {
		overflow-x: hidden;
	}

	/*// info //*/
	.collection_info {
		width: 74%;
		margin-left: 2%;
		position: relative;
		color: #000;
	}
	.collection_info a {
		text-decoration: underline;
	}
	.collection_info a:hover {
		text-decoration: none;
	}
	.collection_info .collection_info_image {
		width: 45.5%;
		position: absolute;
		bottom: 100%;
		left: 100%;
		transform: translate(-26%, 17.5em);
	}
	.collection_info h2 {
		font-size: 9.3em;
		font-weight: normal;
		margin-left: -0.05em;
		margin-bottom: 0.55em;
	}

	.collection_info .text {
		font-size: 2.45em;
		letter-spacing: 0.04em;
		line-height: 1.5;
	}
	.collection_info .text p {
		margin-bottom: 1.5em;
	}
	.collection_info .text p:last-child {
		margin-bottom:0;
	}
	.collection_info .text.jp {
		font-size: 1.2em;
		margin-top: 7em;
		line-height: 2.3;
	}
	
	.collection_credit {
		position: relative;
		margin: 9vw 0 5vw 2%;
	}
	.collection_credit::after {
		content:'';
		display: block;
		clear: both;
	}
	.collection_credit .credit {
		font-size: 0.9em;
		margin-top: 3vw;
		float: left;
		clear: both;
	}
	.collection_credit .more {
		float: right;
		clear: both;
		margin-right: 25%;
		font-size: 1.2em;
		letter-spacing: -0.03em;
	}
	.collection_credit .more a {
		text-decoration: underline;
	}
	.collection_credit .more a:hover {
		text-decoration: none;
	}
	
	/*// images //*/
	.collection_images {
		position: relative;
		width: 100%;
		margin-top: 50px;
		margin-bottom: 32vw;
	}
	.collection_images ul {
		width: 100%;
	}
	.collection_images ul li:nth-child(1) {
        width: 40.3%;
        margin-left: auto;
        margin-right: 37.1%;
	}
	.collection_images ul li:nth-child(2) {
        width: 39.2%;
		margin-left: -1%;
		margin-top: 18vw;
	}
	.collection_images ul li:nth-child(3) {
        width: 33.3%;
        margin-left: auto;
        margin-right: 13%;
        margin-top: 5.5vw;
	}
	.collection_images ul li:nth-child(4) {
        width: 40.3%;
        margin-left: auto;
        margin-right: 37%;
        margin-top: 12.5vw;
	}
	.collection_images ul li:nth-child(5) {
        width: 29.1%;
        margin-left: -4%;
        margin-top: 15.5vw;
	}
	.collection_images ul li:nth-child(6) {
        width: 39.2%;
        margin-left: auto;
        margin-right: 10%;
        margin-top: -3.5vw;
	}
	.collection_images ul li:nth-child(7) {
        width: 40.1%;
        margin-left: -1.5%;
        margin-top: 9.5vw;
	}
	.collection_images ul li:nth-child(8) {
        width: 33.2%;
        margin-left: auto;
        margin-right: 0%;
        margin-top: -2.5vw;
	}
	.collection_images ul li:nth-child(9) {
        width: 40.3%;
        margin-left: auto;
        margin-right: 48.5%;
        margin-top: 11vw;
	}
	.collection_images ul li:nth-child(10) {
		width: 29.1%;
        margin-left: auto;
        margin-right: 18.5%;
        margin-top: 18vw;
	}

	.collection_images ul li:nth-child(11) {
		width: 38%;
        margin-left: -3.7%;
        margin-top: -2.8vw;
	}
	.collection_images ul li:nth-child(12) {
        width: 32%;
        margin-left: 26%;
        margin-top: 19.8vw;
		float:left
	}
	.collection_images ul li:nth-child(13) {
        width: 32%;
        margin-left: auto;
        margin-right: 1.4%;
        margin-top: 19.8vw;
	}
	.collection_images ul li:nth-child(14) {
        width: 35%;
        margin-left: -3.7%;
        margin-top: 20vw;
	}
	.collection_images ul li:nth-child(15) {
        width: 32%;
        margin-left: auto;
        margin-right: 20.4%;
        margin-top: -6.1vw;
	}
	.collection_images ul li:nth-child(16) {
        width: 27%;
        margin-left: auto;
        margin-right: 6.3%;
        margin-top: 22vw;
	}
	.collection_images ul li:nth-child(17) {
		width: 27%;
        margin-left: auto;
        margin-right: 6.3%;
        margin-top: 5.5vw;
	}
	.collection_images ul li:nth-child(18) {
		width: 40%;
        margin-left: -1.7%;
        margin-top: -18.7vw;
	}
	.collection_images ul li:nth-child(19) {
        width: 40%;
        margin-left: auto;
        margin-right: 6.3%;
        margin-top: 15.5vw;
	}
	.collection_images ul li:nth-child(20) {
		width: 43%;
        margin-left: 5.3%;
        margin-top: 10.4vw;
	}
}
@media screen and ( max-width: 640px ) {
	
	#main {
		width: 100%;
	}
	#pg_menu {
		width: auto;
		right: 5.35%;
		float: right;
		margin: 0;
	}
	
	/*// info //*/
	.collection_info {
		width: 89%;
		position: relative;
		margin: 0 auto;
		color: #000;
	}
	.collection_info a {
		text-decoration: underline;
	}
	.collection_info .collection_info_image {
		width: 37.5%;
		position: absolute;
		bottom: 100%;
		right: -3.5%;
		transform: translate(0, 5.5em);
	}
	.collection_info h2 {
		font-size: 14.2vw;
		font-weight: normal;
		margin-left: -0.05em;
		margin-bottom: 0.85em;
	}

	.collection_info .text {
		font-size: 4.75vw;
		letter-spacing: 0.04em;
		line-height: 1.6;
	}
	.collection_info .text p {
		margin-bottom: 1.7em;
	}
	.collection_info .text p:last-child {
		margin-bottom: 0;
	}
	.collection_info .text.jp {
		font-size: 2.9vw;
		letter-spacing: 0.05em;
		margin-top: 5em;
		line-height: 1.9;
	}
	.collection_info .more {
		margin-top: 6vw;
		text-align: right;
		letter-spacing: -0.03em;
	}
	.collection_info .credit {
		margin-top: 23vw;
		font-size: 2vw;
	}
	
	.collection_credit {
		position: relative;
		width: 89%;
		margin: 2em auto 0;
	}
	.collection_credit::after {
		content: '';
		display: block;
		clear: both;
	}
	.collection_credit .credit {
		float: left;
		font-size: 2.4vw;
		margin-top: 25vw;
	}
	.collection_credit .more {
		float: right;
		margin-right: 4vw;
		font-size: 2.4vw;
		letter-spacing: -0.03em;
	}
	.collection_credit .more a {
		text-decoration: underline;
	}

	/*// images //*/
	.collection_images {
		position: relative;
		width: 100%;
		margin: 0 auto 56.6vw;
		padding-top: 34.4vw;
	}
	.collection_images ul {
		width: 100%;
	}
	.collection_images ul li:nth-child(1) {
		width: 78.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 46.4vw;
	}
	.collection_images ul li:nth-child(2) {
		width: 76.8%;
		margin-left: 5.3vw;
		margin-bottom: 34.6vw;
	}
	.collection_images ul li:nth-child(3) {
		width: 65.3%;
		margin-left: auto;
		margin-right: 7.9vw;
		margin-bottom: 42.6vw;
	}
	.collection_images ul li:nth-child(4) {
		width: 78.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 34.6vw;
	}
	.collection_images ul li:nth-child(5) {
		width: 53.3%;
		margin-left: 5.3vw;
		margin-bottom: 44.6vw;
	}
	.collection_images ul li:nth-child(6) {
		width: 76.8%;
		margin-left: auto;
		margin-right: 5.3vw;
		margin-bottom: 43vw;
	}
	.collection_images ul li:nth-child(7) {
		width: 78.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 34.6vw;
	}
	.collection_images ul li:nth-child(8) {
		width: 69.3%;
		margin-left: auto;
		margin-right: 10.6vw;
		margin-bottom: 34.6vw;
	}
	.collection_images ul li:nth-child(9) {
		width: 78.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40vw;
	}
	.collection_images ul li:nth-child(10) {
		width: 65.3%;
		margin-left: auto;
		margin-right: 5.3vw;
		margin-bottom: 38.4vw;
	}
	.collection_images ul li:nth-child(11) {
		width: 76%;
		margin-left: 5.3vw;
		margin-bottom: 29vw;
	}
	.collection_images ul li:nth-child(12) {
		width: 61.3%;
		margin-left: auto;
		margin-right: 7.9vw;
		margin-bottom: 15.4vw;
	}
	.collection_images ul li:nth-child(13) {
		width: 61.3%;
		margin-left: auto;
		margin-right: 7.9vw;
		margin-bottom: 38vw;
	}
	.collection_images ul li:nth-child(14) {
		width: 69.3%;
		margin-left: 5.3vw;
		margin-bottom: 37.3vw;
	}
	.collection_images ul li:nth-child(15) {
		width: 61.3%;
		margin-left: auto;
		margin-right: 11.9vw;
		margin-bottom: 37.3vw;
	}
	.collection_images ul li:nth-child(16) {
		width: 58.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25.3vw;
	}
	.collection_images ul li:nth-child(17) {
		width: 58.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 42.4vw;
	}
	.collection_images ul li:nth-child(18) {
		width: 78.6%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 36.6vw;
	}
	.collection_images ul li:nth-child(19) {
		width: 65.3%;
		margin-left: 7.9vw;
		margin-bottom: 37.3vw;
	}
	.collection_images ul li:nth-child(20) {
		width: 66.6%;
		margin-left: auto;
		margin-right: 9vw;
	}

}