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

/*
=========================================
fade-in animation
=========================================
*/

/*fadein*/
.fade-in{
	opacity: 0;
	transition: opacity 1.2s ease, transform 1.2s ease;
}
.fade-in.show{
	opacity: 1;
}

/*
=========================================
Original Layout
=========================================
*/

.wrapper{
	overflow-x: clip;
}

.header__inner{
	position: relative;
}
.header__inner .header__guide{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: clamp(1.0rem, calc(0.789rem + 0.563vw), 1.6rem);
	line-height: 1.4;
	text-align: center;
}
@media (max-width: 767px){
	.header__inner .header__guide{
		line-height: 1.1;
	}
}
.header__logo{
	max-width: clamp(9.5rem, 20vw, 22.0rem);
}


/*
=========================================
Original Layout
=========================================
*/

/*  LOOK BOOK - grid  */

.look-book__grid {
	display: grid;
	grid-template-columns: 1fr 50.0rem 1fr;
	grid-template-rows: repeat(9, auto);
}
@media (max-width: 999px){
	.look-book__grid {
		grid-template-columns: 1fr 45.0rem 1fr;
	}
}
@media (max-width: 767px){
	.look-book__grid {
		display: block;
	}
}
.look-book__heading {
	grid-row: 1 / -1;
	grid-column: 1 / 2;
}
.look-book__sticky {
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	gap: 6.0rem;
	align-items: center;
	padding: 8.0rem 2.0rem 8.0rem 0;
	z-index: 1;
}
@media (max-width: 767px){
	.look-book__sticky {
		position: static;
		gap: 3.6rem;
		height: auto;
		padding: 6.0rem 0;
	}
}
.look-book__heading img:first-of-type{
	max-width: 20.0rem;
	height: auto;
}
@media (max-width: 767px){
	.look-book__heading img:first-of-type{
		width: 55%;
	}
}
.look-book__heading img:last-of-type{
	max-width: 13.7rem;
	height: auto;
}
@media (max-width: 999px){
	.look-book__heading img:last-of-type{
		width: 80%;
	}
}
@media (max-width: 767px){
	.look-book__heading img:last-of-type{
		width: 40%;
	}
}

.look-book__txt{
	font-family: "ryo-gothic-plusn", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.0rem;
	line-height: 1.8;
	letter-spacing: 0.05em;
	color: #644600;
}
.look-book__grid p.look-book__txt{
	align-self: flex-end;
	margin-left: 2.6rem;
	margin-block: 2.8rem;
}
@media (max-width: 999px){
	.look-book__grid p.look-book__txt{
		margin-left: 2.0rem;
	}
}
@media (max-width: 767px){
	.look-book__grid p.look-book__txt{
		margin-left: 0;
		margin-block: 1.0rem 6.0rem;
	}
}
.look-book__grid p.look-book__txt--top{
	align-self: flex-start;
	z-index: 1;
}


/*  LOOK BOOK - flex  */

.look-book__flex{
	display: flex;
	margin-bottom: 2.0rem;
}
@media (max-width: 767px){
	.look-book__flex{
		flex-direction: column;
		gap: 6.0rem;
		margin-bottom: 6.0rem;
	}
}
.look-book__flex--left, .look-book__flex--right{
	display: flex;
	flex-direction: column;
	row-gap: 3.4rem;
	align-items: center;
}
.look-book__flex--right{
	align-items: flex-end;
}
@media (max-width: 767px){
	.look-book__flex--left, .look-book__flex--right{
		row-gap: 1.0rem;
		align-items: flex-start;
	}
}
.look-book__flex--right .look-book__txt--caution{
	margin-top: 1.3rem;
}

/*  LOOK BOOK - profile  */

.look-book__profile{
	max-width: 70.0rem;
	margin-inline: auto;
	margin-bottom: 14.5rem;
	color: #644600;
	font-size: 1.3rem;
}
@media (max-width: 767px){
	.look-book__profile{
		max-width: none;
		width: 100%;
		margin-bottom: 7.0rem;
		font-size: 1.2rem;
	}
}
.look-book__profile-heading{
	max-width: 13.0rem;
	padding: 1.4rem;
	border: 1.3px solid #644600;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
	text-align: center;
}

.look-book__profile-detail{
	border: 1.3px solid #644600;
	padding: 2.5rem;
	line-height: 1.8;
}
.look-book__profile-detail .name{
	font-size: 1.6rem;
	font-weight: 600;
}
@media (max-width: 767px){
	.look-book__profile-detail .name{
		font-size: 1.5rem;
	}
}
.look-book__profile-detail .occupation{
	font-weight: 600;
	margin-bottom: 2.8rem;
}