@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/* =============
  theme original
================ */
.h_bar,
#beltbnr_ {
  display: none;
}
#beltbnr {
  display: none;
}
html {
  font-size: 62.5%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

img {
  width: 100%;
}

body{
	 background: #F8FCF3;
}
.slide-area{
	position: relative;
}
/*--フォント--*/
.cormorant-infant-medium {
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  font-style: normal;
}
.cormorant-infant-bold {
  font-family: "Cormorant Infant", serif;
  font-weight: 700;
  font-style: normal;
}

/*--SP--*/
@media only screen and (max-width: 767px) {
.sp {
  display: block;
}
.pc {
  display: none;
}
#specialty{
	overflow-x: hidden;
}
/**/
.op_anime {
  position: fixed;
  width: 100vw;
  max-width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background: #ffffff;
}
.img_wrapper{
  width: 100%;
  height: 100%;
  position: relative;
  background: #7F8B5D;
}
.animated-image {
  width: 100vw;
  height: 80vh;
  position: absolute;
  object-fit: contain;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  animation: fade-in-out 3s forwards;
}

.image1 { 
	animation-delay: 0s; 
	}
.image2 { 
	animation-delay: 1s; 
	}
.image3 { 
	animation-delay: 2s; 
	}
.image4 { 
	animation-delay: 3s; 
	}
.image5 { 
	animation-delay: 4s;
	}
.image6 { 
	animation-delay: 5s; 
	}
.image7 { 
	animation-delay: 6s; 
	}
@keyframes fade-in-out {
  0% { opacity: 0; }
  10% { opacity: 1; }
  40% { opacity: 1; }
  60% { opacity: 0; }
  100% { opacity: 0; }
}
.fixed_title {
  position: fixed;
  width: 600px;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  animation: logo-fadein 1s forwards;
}

@keyframes logo-fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.hidden {
  display: none;
}	



/**/
.wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/**/
.fixed_title {
  width: 60.51%;
  position: fixed;
  bottom: 6.89%;
  left: 3.98%;
  z-index: 2;
}

/**/
.main_visual {
  /* margin-bottom: 440px; */
}

/**/



.item {
  width: 160px;
  height: 160px;
  position: relative;
}

/*ここまでKV*/
/*-----------------------------*/	
	
.main-content {
  position: relative;
  z-index: 2;
  background: #F8FCF3;
  padding-top: 80px;
/* スクロールしたら現れる */
  opacity: 1;
  transition: opacity 0.5s ease;
  pointer-events: none; /* 必要なら操作も無効化 */
}
/* スクロールしたら現れる */
.main-content.visible {
  opacity: 1;
  pointer-events: auto;
}
.look-credit {
  position: relative;
  z-index: 2;
  background: #F8FCF3;
  margin-top: -100px;
  padding-top: 100px;
/* スクロールしたら現れる */
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; /* 必要なら操作も無効化 */
}
/* スクロールしたら現れる */
.look-credit.visible {
  opacity: 1;
  pointer-events: auto;
}

	
.product-info-fixed {
  display: none;
  position: fixed;
  top: 40px;
  left: 40px;
  font-size: 18px;
  font-weight: bold;
  z-index: 100;
  transition: opacity 0.3s ease;
  text-align: left;
}



.product-info-fixed .title {
  font-size: 2rem;
  font-style: italic;
  display: block;
  margin-top: 1rem;
}

.look-section {
  margin: 0 0 32px 0;
  /* display: flex; */
  /* align-items: center; */
  justify-content: end;
  background: #F8FCF3;
}
.look-section img {
  max-width: 100%;
  height: auto;
}

	
.container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding-left: 10px;
}
	.content-area{
		padding-bottom: 104px;
	}

  /* 左の縦書きタイトル */
  .vertical-title {
	color: #3F5401;
	writing-mode: vertical-rl; /* 縦書き */
	text-orientation: mixed;
	font-family: Adamina;
	font-style: normal;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.72px;
	user-select: none;
	margin-top: 25px;
	}

  /* 真ん中の番号 */
  .center-number {
	  align-self: stretch;
	  color:#3F5401;
	  text-align: center;
	  font-family: Carattere;
	  font-size: 64px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 64px; /* 100% */
	  padding-bottom: 40px;
	  }

  /* 右のリスト全体 */
  .right-list, .left-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 20px 0px;
  }

  /* セクションタイトル */
  .section-title {
	align-self: stretch;
	color: #3F5401;
	text-align: center;
	font-family: Adamina;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */
	margin: 20px 0 20px;
	}

  /* 商品リスト */
  .item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 16px 0px;
    justify-content: right;
    height: auto;
  }

  .item-price {
	  text-align: right;
	  color: #3F5401;
	  font-family: Adamina;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 20px; /* 100% */
	  letter-spacing: 0.4px;
	}
	.item-price span{
		font-family: Adamina;
		margin-right: 11px;
	}
  .buy-button {
    background-color: #4a5b21;
    font-family: Adamina;
    color: white;
    border: none;
    padding: 4px;
    font-size: 11px;
    cursor: pointer;
	pointer-events: auto;
    transition: background-color 0.3s ease;
    border: solid 0.5px #3F5401;
	white-space: nowrap;
  }
	.buy-button a{
		font-weight: 400;
		line-height: 14px; /* 100% */
		letter-spacing: 0.4px;
	}
  .buy-button:hover {
    background-color: #F8FCF3;
	border: solid 0.5px #3F5401;
	color: #3F5401;
  }
	
	
	


#product-info {
  transition: opacity .3s ease 0s;
  opacity: 1;
}


#product-info.fade-out {
  opacity: 0;
}
/*
product-info {
  width: 20%;
  padding: 2rem 1rem;
  writing-mode: vertical-rl;
  text-align: left;
}
*/


product-info .title {
  font-size: 2rem;
  font-style: italic;
  margin-bottom: 2rem;
}

product-info ul {
  list-style: none;
  padding: 0;
}

product-info li {
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.section-title2{
		padding-bottom: 32px;
		text-align: left;
		margin-left: auto;
		margin-right: 0;
}
.section-title3{
		padding-bottom: 16px;
		text-align: right;
		max-width: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: 0;
	}
.section-title4{
		text-align: right;
		max-width: 100%;
		margin-left: 16px;
		margin-right: 20px;
	}
.section-title5{
		position: absolute;
		text-align: right;
		margin-top: 30px;
		margin-left: 20px;
		margin-right: 0;
	}
	
.section-title2 p{
	color: #3F5401;
	font-family: "Abril Fatface";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 100% */
	letter-spacing: 0.96px;
	padding: 0 0 0 24px;
	}
.section-title3 p{
	color: #3F5401;
	font-family: "Abril Fatface";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 100% */
	letter-spacing: 0.96px;
	padding-right: 24px;
	}
.section-title4 p{
	color: #3F5401;
	writing-mode: vertical-rl;
	font-family: "Abril Fatface";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 100% */
	letter-spacing: 0.96px;
	}
.section-title5 p{
	color: #3F5401;
	font-family: "Abril Fatface";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 100% */
	letter-spacing: 0.96px;
	}
	
	
	
	
	
/* 画像のグリッドレイアウト */
/* グリッド全体：2列×2行 */
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  border-right: 1.5px solid #3F5401;
  border-bottom: 1.5px solid #3F5401;
}
  .grid-item {
     /* 高さ固定 */
     overflow: hidden;
     border-top: 1.5px solid #3F5401;
     border-left: 1.5px solid #3F5401;
  }

  /* slickの高さバグ防止 */
  .slider-1, .slider-2,
  .slick-track, .slick-slide {
    height: 100%;
  }

  .slider-1 img, .slider-2 img,
  .static-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }



.grid-item.slider {
  height: 200px; /* 好きな高さに固定 */
}

.grid-item.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* はみ出した部分は切り取り */
}

.one-grid {
	max-width: 90%;
	width: 90%;
	margin-left: auto;
	margin-right: 0;
	/* margin-bottom: 160px; */
	border: 1.5px solid #3F5401;
	}

.one-grid2{
	max-width: 90%;
	width: 90%;
	margin-left: auto;
	margin-right: 0;
	border: 1.5px solid #3F5401;
	}
	.one-grid3{
	max-width: 70%;
	width: 70%;
	margin-left: auto;
	/* margin-right: -140px; */
	border: 1.5px solid #3F5401;
	}
	.vertical-flex{
		display: flex;
		align-items: flex-start;
		width: 90%;
	}	
	.vertical-flex2{
		display: flex;
		align-items: flex-start;
		width: 90%;
	}	
	.vertical-flex3{
		display: flex;
		align-items: flex-start;
		width: 100%;
		margin: 0 auto;
	}	
		
.slider-wrap {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  width: 100%;
}
.slider-wrap2 {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  margin: 0 auto;
}
.image-slider {
  max-width: 80%;
  width: 80%;
  border: 1.5px solid #3F5401;
}

.image-slider img {
  width: 100%;
  display: block;
}

.side-text {
    writing-mode: vertical-rl;
    text-align: center;
    color: #3F5401;
    font-family: "Abril Fatface";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 100% */
    letter-spacing: 0.96px;
    margin: 0 10px 0px 30px;
}
	.side-text2 {
    text-align: center;
    color: #3F5401;
    font-family: "Abril Fatface";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 100% */
    letter-spacing: 0.96px;
    margin: 0 auto 16px;
}
	
.member-credit{
	margin: -50px 34px 50px;
	color: #3F5401;
	text-align: left;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 187.5% */
	letter-spacing: 0.4px;
	}
.member-credit p{
		font-family: Adamina;
	}
/*-----------------------------*/		
}

/*--PC--*/
@media only screen and (min-width: 768px) {
.sp {
  display: none;
}
.pc {
  display: block;
}
#footer{
	position: relative;
	z-index: 10;
}
#pagetop {
	z-index: 15;
}
#h_nav dt {
    font-weight: normal;
}
/**/
.op_anime {
/*  margin-top: -50px;*/
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background: #7F8B5D;
}
.img_wrapper{
  width: 100%;
  max-width: 1280px;
  height: 100%;
  max-height: 800px;
  position: relative;
}

.animated-image {
  width: 320px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  animation: fade-in-out 3s forwards;
}

.image1 { 
	animation-delay: 0s; 
	}
.image2 { 
	animation-delay: 1s; 
	}
.image3 { 
	animation-delay: 2s; 
	}
.image4 { 
	animation-delay: 3s; 
	
	}
@keyframes fade-in-out {
  0% { opacity: 0; }
  10% { opacity: 1; }
  40% { opacity: 1; }
  60% { opacity: 0; }
  100% { opacity: 0; }
}
.fixed_title {
  position: fixed;
  width: 600px;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  animation: logo-fadein 1s forwards;
}

@keyframes logo-fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


.hidden {
  display: none;
}	
.image1-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}
.image2-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}
.image3-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}
.image4-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}
.image5-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}
.image6-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}	
.image7-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}
.image8-1 {
  animation-delay: 4.5s;
  animation-duration:1s;
}



.move1 {
  animation-name: move1;
  animation-delay: 0.5s;
}
@keyframes move1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: -400px;
    left: -960px;
  }
}
.move2 {
  animation-name: move2;
  animation-delay: 0.5s;
}
@keyframes move2 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: -400px;
    left: -320px;
  }
}
.move3 {
  animation-name: move3;
  animation-delay: 0.5s;
}
@keyframes move3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: -400px;
    right: -320px;
  }
}
.move4 {
  animation-name: move4;
  animation-delay: 0.5s;
}
@keyframes move4 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    top: -400px;
    right: -960px;
  }
}
.move5 {
  animation-name: move5;
  animation-delay: 0.5s;
}
@keyframes move5 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    bottom: -400px;
    left: -960px;
  }
}
.move6 {
  animation-name: move6;
  animation-delay: 0.5s;
}
@keyframes move6 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    bottom: -400px;
    left: -320px;
  }
}
.move7 {
  animation-name: move7;
  animation-delay: 0.5s;
}
@keyframes move7 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    bottom: -400px;
    right: -320px;
  }
}
.move8 {
  animation-name: move8;
  animation-delay: 0.5s;
}
@keyframes move8 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    bottom: -400px;
    right: -960px;
  }
}

/**/
.wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/**/
.fixed_title01{
  width: 458px;
  position: absolute;
  bottom: 9.5%;
  z-index: 2;
  opacity: 0;
  animation: fadeout 4.5s forwards;
}
@keyframes fadeout {
  0% { opacity: 1; }
  
  95% { opacity: 1; }
  100% { opacity: 0; }
}

/*ここまでKV*/
/*-----------------------------*/	
	

.main-content {
  position: relative;
  z-index: 2;
  background: #F8FCF3;
  margin-top: 0px;
  padding-top: 200px;
}

	
.product-info-fixed {
  position: fixed;
  top: 90px;
  left: 40px;
  font-size: 18px;
  font-weight: bold;
  z-index: 100;
  transition: opacity 0.3s ease;
  text-align: left;
  z-index: 1;
}

.product-info-fixed .title {
  font-size: 2rem;
  font-style: italic;
  display: block;
  margin-top: 1rem;
}

.look-section {
  margin: 0 0 160px 0;
  display: flex;
  align-items: center;
  justify-content: end;
  background: #F8FCF3;
}
.look-section img {
  max-width: 100%;
  height: auto;
}

	
.container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding-left: 10px;
}



  /* 左の縦書きタイトル */
  .vertical-title {
	color: #3F5401;
	writing-mode: vertical-rl; /* 縦書き */
	text-orientation: mixed;
	font-family: Adamina;
	font-style: normal;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.72px;
	user-select: none;
	margin-top: 25px;
	}

  /* 真ん中の番号 */
  .center-number {
	  align-self: stretch;
	  color:#3F5401;
	  text-align: center;
	  font-family: Carattere;
	  font-size: 56px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 56px; /* 100% */
	  padding-bottom: 20px;
	  }

  /* 右のリスト全体 */
  .right-list, .left-list {
    font-size: 16px;
  }

  /* セクションタイトル */
  .section-title {
	align-self: stretch;
	color: #3F5401;
	text-align: center;
	font-family: Adamina;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 100% */
	margin-bottom: 15px;
	}

  /* 商品リスト */
  .item {
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 5px;
    justify-content: space-between;
  }

  .item-price {
	  color: #3F5401;
	  font-family: Adamina;
	  font-size: 12px;
	  font-style: normal;
	  font-weight: 400;
	  line-height: 17px; /* 100% */
	  letter-spacing: 0.4px;
	}
.item-price span{
		font-family: Adamina;
		display: inline-block;
  width: 70px; /* ここを調整して揃える */
  font-family: Adamina;
  padding-right: 0; /* 不要なら削除 */
	}
  .buy-button {
    background-color: #4a5b21;
    font-family: Adamina;
    color: white;
    border: none;
    padding: 4px;
    font-size: 12px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s ease;
    border: solid 0.5px #3F5401;
  }
	.buy-button a{
		font-weight: 400;
		line-height: 14px; /* 100% */
		letter-spacing: 0.4px;
	}
  .buy-button:hover {
    background-color: #F8FCF3;
	border: solid 0.5px #3F5401;
	color: #3F5401;
  }
	


#product-info {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  /* 位置やデザインの指定もここに */
}

#product-info.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#product-info.fade-out {
  opacity: 0;
}
product-info .title {
  font-size: 2rem;
  font-style: italic;
  margin-bottom: 2rem;
}

product-info ul {
  list-style: none;
  padding: 0;
}

product-info li {
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.section-title2{
		padding-bottom: 32px;
		text-align: left;
		max-width: 65%;
		width: 65%;
		margin-left: auto;
		margin-right: 0;
}
.section-title3{
		padding-bottom: 32px;
		text-align: right;
		max-width: 65%;
		width: 65%;
		margin-left: auto;
		margin-right: 0;
	}
.section-title4{
		text-align: right;
		max-width: 65%;
		margin-left: 32px;
		margin-right: 70px;
	}
.section-title5{
		position: absolute;
		text-align: right;
		margin-top: 100px;
		margin-left: 295px;
		margin-right: 0;
	}
	
.section-title2 p{
color: #3F5401;
font-family: "Abril Fatface";
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 100% */
letter-spacing: 1.6px;
	}
.section-title3 p{
	color: #3F5401;
	font-family: "Abril Fatface";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px; /* 100% */
	letter-spacing: 1.6px;
	padding-right: 30px;
	}
.section-title4 p{
	color: #3F5401;
	writing-mode: vertical-rl;
	font-family: "Abril Fatface";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px; /* 100% */
	letter-spacing: 1.6px;
	}
.section-title5 p{
	color: #3F5401;
	font-family: "Abril Fatface";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px; /* 100% */
	letter-spacing: 1.6px;
	}
	
	
	
	
	
/* 画像のグリッドレイアウト */
/* グリッド全体：2列×2行 */
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 65%;
  width: 65%;
  margin-left: auto;
  margin-right: 0;
  border-right: 1.5px solid #3F5401;
  border-bottom: 1.5px solid #3F5401;
}
  .grid-item {
     /* 高さ固定 */
     overflow: hidden;
     border-top: 1.5px solid #3F5401;
     border-left: 1.5px solid #3F5401;
  }

  /* slickの高さバグ防止 */
  .slider-1, .slider-2,
  .slick-track, .slick-slide {
    height: 100%;
  }

  .slider-1 img, .slider-2 img,
  .static-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }



.grid-item.slider {
  height: 200px; /* 好きな高さに固定 */
}

.grid-item.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* はみ出した部分は切り取り */
}

.one-grid {
	max-width: 65%;
	width: 65%;
	margin-left: auto;
	margin-right: 0;
	/* margin-bottom: 160px; */
	border: 1.5px solid #3F5401;
	}

.one-grid2{
	max-width: 70%;
	width: 70%;
	margin-left: auto;
	margin-right: 0;
	border: 1.5px solid #3F5401;
	}
	.one-grid3{
	max-width: 70%;
	width: 70%;
	margin-left: auto;
	margin-right: -140px;
	border: 1.5px solid #3F5401;
	}
	.vertical-flex{
		display: flex;
		align-items: center;
		width: 70%;
	}	
	.vertical-flex2{
		display: flex;
		align-items: flex-start;
		width: 70%;
	}	
	.vertical-flex3{
		display: flex;
		align-items: flex-start;
		width: 70%;
		margin: 0 auto;
	}	
		
.slider-wrap {
  display: flex;
  align-items: flex-start;
  width: 70%;
}
.slider-wrap2 {
  display: flex;
  align-items: flex-end;
  width: 70%;
}
.image-slider {
  max-width: 70%;
  width: 70%;
  margin-left: auto;
  margin-right: 0;
  border: 1.5px solid #3F5401;
}

.image-slider img {
  width: 100%;
  display: block;
}

.side-text {
    text-align: right;
    max-width: 65%;
	margin-left: 32px;
	margin-right: 70px;
    color: #3F5401;
	writing-mode: vertical-rl;
	font-family: "Abril Fatface";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px; /* 100% */
	letter-spacing: 1.6px;
}
.side-text2 {
    text-align: right;
    max-width: 65%;
	margin-left: 32px;
	margin-right: 70px;
    color: #3F5401;
	writing-mode: vertical-rl;
	font-family: "Abril Fatface";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px; /* 100% */
	letter-spacing: 1.6px;
}
	
.member-credit{
	margin: -100px 75px 83px 0;
	color: #3F5401;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 187.5% */
	letter-spacing: 0.64px;
	}
	.member-credit p{
		font-family: Adamina;
	}
/*-----------------------------*/		
}
	
	


/*--SP/PC共通アニメーション--*/
.slideUp {
  opacity: 0;
  animation-name: slideUp;
  animation-delay: 4s;
  animation-duration: 1s; 
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}