@charset "utf-8";

ul {
    list-style: none;
}
a {
    transition: .3s;
    display: block;
}
a:hover {
    opacity: .7;
}
img {
    vertical-align: bottom;
/*	object-fit: cover;*/
	width: 100%;
}

/*　Anime
-----------------------------*/
.fade-in {
	opacity: 0;
	transition: all 1s;
}
.fade-in.view {
	opacity: 1;
}

.down-to-top {
	opacity: 0;
	transform: translateY(20px);
	transition: all 1s;
    transition-delay: .3s;
}
.down-to-top.view {
	opacity: 1;
	transform: translate(0);
}

.left-to-right {
	opacity: 0;
	transform: translateX(-20px);
	transition: all 1s;
    transition-delay: .3s;
}
.left-to-right.view {
	opacity: 1;
	transform: translate(0);
}

.right-to-left {
	opacity: 0;
	transform: translateX(20px);
	transition: all 1s;
    transition-delay: .3s;
}

.right-to-left.view {
	opacity: 1;
	transform: translate(0);
}

.down-to-top_parent > .down-to-top_child {
	opacity: 0;
	transform: translateY(20px);
	transition: all 1s;
    transition-delay: .3s;
}
.down-to-top_parent.view > .down-to-top_child {
	opacity: 1;
	transform: translate(0);
}
.down-to-top_parent > .down-to-top_child:nth-child(2) {
    transition-delay: .4s;
}
.down-to-top_parent > .down-to-top_child:nth-child(3) {
    transition-delay: .5s;
}
.down-to-top_parent > .down-to-top_child:nth-child(4) {
    transition-delay: .6s;
}
.down-to-top_parent > .down-to-top_child:nth-child(5) {
    transition-delay: .7s;
}
.down-to-top_parent > .down-to-top_child:nth-child(6) {
    transition-delay: .8s;
}
.down-to-top_parent > .down-to-top_child:nth-child(7) {
    transition-delay: .9s;
}
.down-to-top_parent > .down-to-top_child:nth-child(8) {
    transition-delay: 1s;
}

/*　Anime Delay
-----------------------------*/
.delay_time02 {
    transition-delay: 0.2s;
}
.delay_time04 {
    transition-delay: 0.4s;
}
.delay_time06 {
    transition-delay: 0.6s;
}
.delay_time08 {
    transition-delay: 0.8s;
}


.fs-l-main {
	margin: 0 auto;
	padding: 0;
	max-width: 1100px;
}
.fs-l-page {
	margin-top: 90px;
}

#lp_wrap {
    width: 100%;
	max-width: 560px;
	height: auto;
    margin: 0 auto;
	padding-top: 0px;
	position: relative;
	background-color: #edeae5;
	color: #0d153b;
	    padding-bottom: 100px;
/*	background-color: #fef8e6;*/
}

.lp_wrap_content {
    max-width: 560px;
    width: 100%;
}



/*　FV
--------------------------------------------*/

.fv {
  position: relative;
  width: 74%;
  max-width: 500px;
  margin: 0 auto;
}

/* メイン画像 */
.fv-img {
	padding-top: 30%;
  width: 100%;
  height: auto;
  display: block;
}

/* 文字画像（LOOKBOOK ’26 Spring Collection） */
.fv-text {
  position: absolute;
  top: 40px;              /* 位置は微調整してください */
  left: 50%;
  transform: translateX(-50%);
  width: 94%;             /* 文字画像の横幅調整 */
  max-width: 700px;
  height: auto;
}

/* サイドテキスト共通 */
.fv-side {
  position: absolute;
  bottom: 40px;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #0f1c3f;
  writing-mode: vertical-rl;
  text-orientation: mixed;
	    margin-bottom: 36%;
}

/* 左右 */
.fv-side.left {
  left: -45px;
	 transform: rotate(180deg);
}

.fv-side.right {
  right: -45px;
}



/* 各アイテム共通部分
--------------------------------------------------*/

/*　クレジット　*/
.item_credit {
  padding-left: 15px;
  padding-top: 5px;
}
.item05 .item_credit {
	width: 88%;
    margin: -50px auto 0;
}
.item09 .item_credit {
	width: 68%;
	margin-left: auto;
  
}
.item_credit_ul li {
	width: 170px;
}


.item_credit a {
  display: flex;
  align-items: center;
  width: 100%;        /* ← これが重要 */
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  padding: 1px 0;
}

.item_credit_ul li span {
  margin-left: auto; /* BUYを右へ */
  text-decoration: underline;
}

/*　スライダー　*/
.slick-slide {
	height: fit-content !important; 
}


/*　共通配置 */

.img_right{
	width: 80%;
	margin: 0 0 0 15%;
}

.img_left{
	width: 80%;
	margin: 0 15% 0 0;
}

section{
	margin-top: 150px!important;
}
section h2{
	  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.pinyon {
  font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
}
.operetta {
	font-family: "operetta-32", serif;
font-weight: 400;
font-style: normal;
/*	margin: 50px auto;*/
	font-size: 1.45rem;
}


/*インサート
-------------------------------------------*/
.incert{
	margin-top: 120px;
}
.incert img{
	display: block;
	width: 50%;
	margin: 0 auto;
}

.incert p{
	text-align: center;
	margin-top: 50px;
	
}

/*　item01
------------------------------------------*/

.item01_container1{
	width: 80%;
	margin-right: auto;
}

.item01_container2{
	width: 45%;
	margin: -89% 3% 0 auto;
}

.item01_container3{
   	width: 38%;
	margin: 37% auto 0 20%;
	z-index: -1;

}

.item01{
	margin-bottom: 200px;
}


/*item02
-------------------------------------------*/

.item02_container1{
	width: 75%;
	margin: 0 auto 50px;
}

.item02_container2{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	
}
.item02_container2 img{
	width: 33%;
}

.item02 .pinyon,
.item05 .pinyon{
	font-size: 7.2rem;
	width: 87%;
	text-align: center;
	margin: 0 auto;
}





/*item03
-------------------------------------------*/

.item03_flex{
	display: flex;
	justify-content: space-between;
	width: 95%;
	margin: 0 auto;
}

.item03_container1{
	width: 60%;
}

.item03_container2{
	width: 37%;
	margin-top: 30%;
}

.item03_container2 .right-top{
	margin-bottom: 10px;
}




/*item04
-------------------------------------------*/
.item04_grid {
	width: 85%;
	margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 横2列 */
  gap: 14px; /* 画像間の余白（不要なら削除） */
}

.item04_grid img {
  width: 100%;
  height: auto;
  display: block;
}

.item04 p{
	text-align: center;
	margin: 60px 0;
}

.item04_container1{
	width: 48%;
	margin: 0 auto;
}


/*item05
-------------------------------------------*/

.item05_container1{
	width: 65%;
	margin: 0 auto;
}

.item05_flex{
	display: flex;
	width: 88%;
	margin: 0 auto;
	justify-content: space-between;
	gap: 5px;
	padding: 0;
}
.item05_flex li{
	width: 49%;
}

/*item06
-------------------------------------------*/

.item06_container1{
	width: 88%;
	margin: 0 auto;
}

.item06_container2{
	width: 45%;
	margin: 5% 7% 0 auto;
}

.item06_container3{
	width: 42%;
	margin: -10% auto 0 13%;
}

/*item07
-------------------------------------------*/
.item07_container2,
.item07_container3{
	width:45%;
    margin: 4% auto 0 18%;
}

.item07{
	position: relative;
	z-index: 0;
	margin-bottom: 300px;
}

.bk{
	position: absolute;
	background-image: url("https://serve.itembox.design/item/project/lookbook/26spring/assets/img/bk.jpg");
	background-size: cover;
	background-position: center;
	width: 80%;
	left: 50%;
  transform: translateX(-50%);
	height: 550px;
    top: 55%;
	z-index: 0;
}

/* 手前に来る要素 */
.item07_container1,
.item07_container2,
.item07_container3 {
  position: relative;
	z-index: 1;}
.item07_container1{
	margin-bottom: 80px
}

/*item08
-------------------------------------------*/

.item08_container1{
	width: 68%;
	margin: 0 auto 0 5%;
}

.item08_container2{
	width: 37%;
	margin: -115% 10% 0 auto;
}

.item08_container3{
	width: 55%;
    margin: 23% auto 0 12%; 
}
.item08{
	padding-bottom: 400px;
}

/*item09
-------------------------------------------*/

.item09_flex{
	display: flex;
	justify-content: space-between;
	width: 87%;
	margin:  0 auto;
}

.item09_flex .flex_inner{
	width: 48%;
}

.item09_container1{
	width: 70%;
	margin-left: auto;
	margin-top: 60px;
}
.item09 .slider{
	margin-bottom: 0px!important;
}

/*item10
-------------------------------------------*/



/*ページ下部リンク
------------------------------------------*/
.bottom {
  margin: 20% auto 10%;
  text-align: center;
}

.bottom_inner {
  position: relative;
  max-width: 300px;
  margin: 10% auto 20%;
}

/* 画像＋ロゴを重ねるエリア */
.bottom_visual {
  position: relative;
  display: inline-block;
}

/* メイン画像 */
.bottom_img {
  width: 80%;
  height: auto;
  display: block;
margin: 0 auto;
}

/* spring lookbook（画像） */
.bottom_logo {
  position: absolute;
  bottom: 0;   /* 写真の下に重ねる */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 600px;
  height: auto;
}

/* 下のテキスト */
.bottom_text {
  margin-top: 10px; /* ロゴ分の余白 */
  font-size: 14px;
  letter-spacing: 0.02rem;
  line-height: 1.8;
}

.bottom_link {
	width: 45%;
	display: block;
	margin: 0 auto 8%;
	padding: 3% 0;
	text-align: center;
	border: solid 1px #3d3837;
	font-size: 13px;
	letter-spacing: 2px;
}













	
/***************▼タブレット▼*****************/
@media screen and (max-width: 768px) {
	
	.fs-l-main {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	.fs-l-page {
		margin-top: 80px;
	}

    #lp_wrap {
        padding-top: 0px;
    }
	
    
}




/***************▼スマホ大▼*****************/
@media screen and (max-width: 640px) {

}




/***************▼スマホ小▼*****************/
@media screen and (max-width: 479px) {
section{
	margin-top: 130px!important;
}
.fv-side.left {
  left: -38px;
}
.fv-side.right {
  right: -38px;
}

	.bottom_title {
		font-size: 15px;
	}
.bk{
	height: 420px;
}
	.operetta{
		font-size: 1.2rem;
		font-weight: bold;
	}
	.item_credit a{
		font-size: 13px;
	}
	.item_credit_ul li {
	width: 150px;
}
	.item02 .pinyon,
.item05 .pinyon{
	font-size: 5rem;
}
.item08 {
    padding-bottom: 300px;
}

}