@charset "utf-8";

body {
	background: #fff;
	color: #000;
}
a {
	color: #000;
}

#main {
	width: 100%;
	margin: 0;
}
.default_wrap {
	position: relative;
	z-index: 1;
}
.default_wrap .text p {
	display: inline;
	position: relative;
	z-index: 1;
}

.collection_images li {
	position: relative;
}
.collection_images li a {
	display: block;
}
.collection_images li .dark {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

@media screen and ( min-width: 641px ) {

	#header {
		width: 0;
	}
	#header h1 {
		width: 10%;
		position: fixed;
	}

	/*#wrp {
		width: 1440px;
		height: 30000px;
		margin: 0 auto;
		background: url("../images/2026ss/bg_pc.jpg") top 18px center no-repeat;
		background-size: 100% auto;
	}*/

	#pg_menu {
		margin: 0px 0 0 89%;
	}

	/*// info //*/
	.collection_info {
		width: 83.3%;
		margin: 9.1vw 0 0 auto;
		padding: 0 2.5%;
		position: relative;
	}
	.collection_info h2.titleL {
		font-size: clamp( 55px, 7vw, 100px );
		letter-spacing: 0.05em;
		font-weight: normal;
		margin-left: -0.1em;
		margin-bottom: 0.6em;
	}

	.collection_info .text {
		font-size: clamp( 18px, 2vw, 30px );
		letter-spacing: 0.05em;
		line-height: 1.55;
		position: relative;
	}
	.collection_info .text p {
		display: block;
		margin-bottom: 1.4em;
	}
	.collection_info .text p:last-child {
		margin-bottom: 0;
	}
	.collection_info .text p .sp {
		display: none;
	}
	.collection_info .text.jp {
		font-size: clamp( 12px, 1vw, 16px );
		letter-spacing: -0.03em;
		margin-top: 7em;
		line-height: 2.17;
	}
	
	.collection_credit {
		margin: 16.5em 0 0 2%;
	}
	.collection_credit .credit {
		margin: 11em 0 0 17.5%;
		font-size: clamp( 10px, 1vw, 12px );
		letter-spacing: 0.03em;
	}
	.collection_credit .more {
		text-align: right;
		font-size: clamp( 12px, 1.5vw, 16px );
		letter-spacing: 0.065em;
		width: 80em;
		max-width: 74vw;
	}
	.collection_credit .more a {
		text-decoration: underline;
	}
	.collection_credit .more a:hover {
		text-decoration: none;
	}


	/*// images //*/
	#image01 {
		width: 42.3%;
		margin: 2.8vw 2.8% 0 auto;
	}
	#image02 {
		width: 45.1%;
		margin: 7.5vw 0 0 6.2%;
	}
	#image03 {
		width: 25.7%;
		margin: -17.7vw 0 0 auto;
	}
	#image04 {
		width: 36.8%;
		margin: 9.4vw 0 0 25.7%;
	}
	#image05 {
		width: 36.8%;
		margin: 12.5vw 6.5% 0 auto;
	}
	#image06 {
		width: 38.8%;
		margin: -8.6vw 0 0 0;
	}
	#image07 {
		width: 36.8%;
		margin: 8.8vw 0 0 auto;
	}
	#image08 {
		width: 42.3%;
		margin: -0.4vw 0 0 9%;
	}
	#image09 {
		display: block;
		width: 25%;
		margin: -8.6vw 12.1% 0 auto;
	}
	#image10 {
		width: 45.1%;
		margin: 18.2vw 0 0 3%;
	}
	#image11 {
		display: block;
		width: 28.6%;
		margin: -9.6vw 0 0 auto;
	}
	#image12 {
		width: 36.8%;
		margin: 8.2vw 0 0 17.2%;
	}
	#image13 {
		width: 31.9%;
		margin: 12.4vw 18.7% 0 auto;
	}
	#image14 {
		width: 38.8%;
		margin: 27vw 0 0 0;
	}
	#image15 {
		width: 32.6%;
		margin: -23.6vw 5.7% 0 auto;
	}
	#image16 {
		width: 38.8%;
		margin: 12.7vw 0 0 17.2%;
	}
	#image17 {
		width: 42.3%;
		margin: 12.4vw 0 0 auto;
	}
	#image18 {
		width: 28.6%;
		margin: -6.9vw 0 0 8.5%;
	}
	#image19 {
		width: 45.1%;
		margin: 12vw 5.5% 0 auto;
	}
	#image20 {
		width: 32.6%;
		margin: -16.9vw 0 0 0;
	}
	#image21 {
		width: 36.8%;
		margin: 9.8vw 0 0 auto;
	}
}
@media screen and ( max-width: 640px ) {
	
	/*#wrp {
		width: 100%;
		height: 30000px;
		margin: 0 auto;
		background: url("../images/2026ss/bg_sp.jpg") top center no-repeat;
		background-size: 100% auto;
	}*/

	#main {
		width: 100%;
	}
	#pg_menu {
		width: auto;
        right: 5.35%;
        float: right;
        margin: 0;
	}

	/*// info //*/
	.collection_info {
		width: 89.3%;
		margin: 20vw auto 0 auto;
		position: relative;
	}
	.collection_info h2.titleL {
		font-size: 13.33vw;
		letter-spacing: 0.04em;
		font-weight: normal;
		margin-left: -0.1em;
		margin-bottom: 0.75em;
	}

	.collection_info .text {
		font-size: 4.8vw;
		letter-spacing: 0.04em;
		line-height: 1.65;
		position: relative;
	}
	.collection_info .text {
		display: block;
	}
	.collection_info .text p {
		display: block;
		margin-bottom: 1.4em;
	}
	.collection_info .text p:last-child {
		margin-bottom: 0;
	}
	.collection_info .text p .pc {
		display: none;
	}
	.collection_info .text.jp {
		font-size: 3.2vw;
		letter-spacing: -0.04em;
		margin-top: 18.3vw;
		line-height: 2.17;
	}

	.collection_credit {
		margin: 5.6vw 0 0 0;
	}
	.collection_credit .credit {
		margin: 23vw 0 0 5%;
		font-size: 2.4vw;
		letter-spacing: 0.03em;
	}
	.collection_credit .more {
		text-align: right;
		margin: 0 9% 0 0;
		font-size: 2.1vw;
		letter-spacing: 0.05em;
	}
	.collection_credit .more a {
		text-decoration: underline;
	}

	/*// images //*/
	.collection_images {
		padding-top: 34.5vw;
	}
	#image01 {
		width: 73.3%;
		margin: 0 5.2% 0 auto;
	}
	#image02 {
		width: 78.1%;
		margin: 29.6vw 0 0 0;
	}
	#image03 {
		width: 44.5%;
		margin: 33vw 0 0 auto;
	}
	#image04 {
		width: 63.7%;
		margin: 17vw 0 0 5.3%;
	}
	#image05 {
		width: 63.7%;
		margin: 30.8vw 5% 0 auto;
	}
	#image06 {
		width: 67.2%;
		margin: 17vw 0 0 0;
	}
	#image07 {
		width: 63.7%;
		margin: 33vw 0 0 auto;
	}
	#image08 {
		width: 73.3%;
		margin: 17vw 0 0 5.3%;
	}
	#image09 {
		width: 43.2%;
		margin: 17vw 8% 0 auto;
	}
	#image10 {
		width: 78.1%;
		margin: 30.4vw 0 0 5.3%;
	}
	#image11 {
		width: 49.3%;
		margin: 20vw 0 0 auto;
	}
	#image12 {
		width: 63.4%;
		margin: 32.3vw 0 0 8%;
	}
	#image13 {
		width: 55.2%;
		margin: 19.6vw 8% 0 auto;
	}
	#image14 {
		width: 67.2%;
		margin: 32.3vw 0 0 0;
	}
	#image15 {
		width: 56.5%;
		margin: 19.6vw 8% 0 auto;
	}
	#image16 {
		width: 67.2%;
		margin: 31.7vw 0 0 7.9%;
	}
	#image17 {
		width: 73%;
		margin: 28vw 0 0 auto;
	}
	#image18 {
		width: 49.3%;
		margin: 19.7vw 0 0 5.2%;
	}
	#image19 {
		width: 78.1%;
		margin: 28vw 5.3% 0 auto;
	}
	#image20 {
		width: 56.5%;
		margin: 19.7vw 0 0 5.2%;
	}
	#image21 {
		width: 63.7%;
		margin: 25vw 0 0 auto;
	}
}

/*///// dark mode /////*/

.collection_images .last .to_dark_btn {
	display: none;
}
.collection_images .to_dark .itemlink {
	pointer-events: none;
}
.collection_images .to_dark .to_dark_btn {
	display: block;
	width: 37.9%;
	position: absolute;
    top: 19.5%;
    left: 7%;
}
.collection_images .to_dark .default {
	opacity: 0;
}

#pre_dark {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #A54444;
	z-index: 99;
	mix-blend-mode: exclusion;
}
#pre_dark::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	mix-blend-mode: difference;
}

/* dark */
body.dark {
	background-color: #070708;
	color: #707070;
}
body.dark a {
	color: #707070;
}
body.dark #pg_menu,
body.dark #pg_menu a {
	color: #707070;
}
body.dark #header,
body.dark #header a {
	color: #707070;
}
body.dark #header h1 a svg {
	fill:#707070;
}
body.dark #header #nav ul.main_menu li.snslink a {
	display: inline-block;
	vertical-align: bottom;
	background: url("../images/2026ss/icon_instagram_gray.svg") top left no-repeat;
	background-size: 100% auto;
}
body.dark #header #nav ul.main_menu li.snslink a img {
	opacity: 0;
}
body.dark #header.active #nav {
	background: #070708;
}
body.dark #header #menuBtn::before,
body.dark #header #menuBtn::after {
	background: #707070;
}

body.dark .collection_images li .default {
	display: none;
}
body.dark .collection_images li .dark {
	opacity: 1;
	position: relative;
}