@charset "UTF-8";
#tab_vic .pc-inline {
	display: none; 
}
@media (min-width: 768px), print {
	#tab_vic .pc-inline {
		display: inline; 
	} 
} 
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Work+Sans:wght@300;500;600&family=Zen+Old+Mincho&display=swap');

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@900&display=swap');

							
								@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500&display=swap');

								@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&display=swap');
								@font-face {
									font-family: 'Gotham Book';
									src: url('https://viaborink.com/prete/pic/Gotham-Book.woff') format('woff');
								  }

#ss2 img{width: 100%;}

.nai{display: none;}
.gkn6 p{color: #666464;}
.gkn6 a{color: #666464;}
.gkn4{width: 309px;}

.melon a{color: white;}

.gk2naka{padding-left: 70px;
	line-height: normal;
	text-align: left;
	color: #666464;
padding-top: 53px;}

.gkn1{font-size: 20px;
margin-bottom: 14px;}

.gkn2{font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
margin-bottom: 27px;
}

.gkn3{font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
margin-bottom: 13.5px;}

.gkn5{font-size: 13px;
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 45px;}
	.gkn6{font-size: 13px;
		text-align: center;
		font-family: "Noto Sans JP", sans-serif;
		border: solid 0.5px #231815;
		height: 41px;
		line-height: 41px;
		border-radius: 8px;
		width: 263px;
		margin-top: 27px;
	position: absolute;
bottom: 0;}

.des1{font-size: 11px;}

.des2{font-size: 9px;}

.pro1{line-height: normal;
text-align: left;
font-size:36px ;
margin-bottom: 30px;
color: #AA854F;}

.fbig p{color: #231815;}

.ore{height: 500px;
	position: relative;
	z-index: 100;
width: 100%;
background-color: red;}

#ss3 img{width: 100%;}

.demo{margin-left: 20px;
margin-top: 10px;}
.demo2{margin-top: 10px;}

.sns{display: flex;
	line-height: 22px!important;
width: 90px;
justify-content: space-between;}

.sns img{width: 100%!important;}
.follow{width: 43px;}
.line{width: 15px;
display: grid;
place-items: center;}
.insta{width: 15px;
	display: grid;
	place-items: center;
}

.sai1{display: flex;
line-height: 25px!important;}
.chu{width: 97px;}
.chu img{width: 100%!important;}
.fzoro{display: flex;
	justify-content: space-between;
line-height: normal;
list-style: none;
text-align: left;
width: 750px;
margin: auto;
margin-top: 40px;}

.saigoro{display: flex;
justify-content: space-between;
padding-top: 5px;
color: #9FA0A0;
font-size: 6px;
line-height: normal;
width: 750px;
margin: auto;
margin-top: 15px;
border-top: 1px solid white;
padding-bottom: 50px;}

.wakuzoro{display: flex;
	justify-content: space-between;
width: 750px;
margin: auto;
margin-top: 30px;}

.waku1{width: 181px;
	font-size: 12px;
	letter-spacing: 1px;
border-radius: 5px;
border: 0.5px solid #727171;
color: #727171;
height: 22px;
line-height: 22px!important;
text-align: center;
margin-right: 14px;
line-height: normal;}

.waku1 a, .waku1 p{color: #727171;}

ul,li{list-style: none;}

.ichi{width: 392px;
margin: auto;}
.kagu1{line-height: normal;
color: #595757;
font-size: 25px;
padding-top: 15px;
}

.flogo{width: 160px;
	padding-top:50px ;
margin: auto;}

.flogo img{width: 100%!important;}

.fbig{font-size: 13px;}
.flit{font-size: 11px;
	color: #727171;
	letter-spacing: 0.7px;
	line-height: 20px!important;
padding-left: 10px;}

.flit p{color: #727171}

.doro{width: 135px;}

.osu1{width: 353px;
}

.osu1 img{width: 100%;}

.osu2 img{width: 100%;}

.osu2{width: 208px!important;}
.nasu div{width: 322px;}

.kagu2{line-height: normal;
	color: #AA854F;
	font-size: 35px;
	padding-top: 52px;
	padding-bottom: 30px;
	}


	.kagu3{line-height: normal;
		color: #727171;
		font-size: 16px;
		padding-top: 13px;
		}
		
.nasu{display: flex;
justify-content:space-around;}

.gasa{width: 800px;
margin: auto;}

@keyframes pon{
	0%{opacity: 0;}

	65%{opacity: 0;}
	100%{opacity: 1;
	transform: rotate(-14deg);}
	
	}

	@keyframes guru{
		0%{rotate:-45deg}
	
		100%{
			rotate:0deg;}
		
		}
		#acMenu {animation: fadein 1 1s;
			animation-delay: 1s;
		opacity: 0;
	animation-fill-mode: forwards;}


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

}

@keyframes fadein1{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
	
	}

@keyframes fadein2{
	0%{opacity: 1;}
	50%{opacity: 0;}
	100%{opacity: 1;}
	
	}

@keyframes slidein{
	0%{opacity: 0;
	transform: translateX(-8%);}
	100%{opacity: 1;
		transform: translateX(0%);
	}
	
	}

	@keyframes slideup{
		0%{opacity: 0;
		transform: translateY(8%);}
		100%{opacity: 1;
			transform: translateX(0%);
		}
		
		}

		@keyframes slideup2{
			0%{opacity: 0;
			transform: translateY(2%);}
			100%{opacity: 1;
				transform: translateX(0%);
			}
			
			}

			@keyframes slidedown{
				0%{opacity: 0;
				transform: translateY(-8%);}
				100%{opacity: 1;
					transform: translateX(0%);
				}
				
				}
	



p{margin: 0;}








body{
	font-family:YakuHanJP, 'Zen Kaku Gothic New',"DM Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.tab_vic{
	font-family:YakuHanJP, 'Zen Kaku Gothic New',"DM Sans", sans-serif;
}

.tab_vic p{
	font-family:YakuHanJP, 'Zen Kaku Gothic New',"DM Sans", sans-serif;
}








	  





		












a{color: black;
text-decoration: none;}





#siro{text-align: center;}

	.sita img{width: 100%;
	margin: auto;}


#viewer1{
 



					  /* 画像のサイズに合わせて変更ください */
	width      :648px;
	height     :115px;
		 /* サンプルは中央寄せの背景：白 */
   padding: 0px;

   margin: auto;




  }
   
   /*=== 画像の設定 ======================================= */
   #viewer1x{
	opacity: 1;

	transition-delay: 0!important;
position: relative;
 overflow   : hidden;
				   /* 画像のサイズに合わせて変更ください */
 width      :800px;
 height     :339px;
	  /* サンプルは中央寄せの背景：白 */
padding: 0px;

margin: auto;




}

.slide {
	position   : relative;
	overflow   : hidden;
					  /* 画像のサイズに合わせて変更ください */
					  width      :390px;
					  height     :291px;
	margin     : auto;      /* サンプルは中央寄せの背景：白 */
	background : #fff;
  }
   
   /*=== 画像の設定 ======================================= */
  .slide img {
	display    : block;
	position   : absolute;
						/* 画像のサイズを表示エリアに合せる */
	width      : inherit;
	height     : inherit;
	opacity    : 0;
	animation  : slideAnime 6s ease infinite;
  }
   
   /*=== スライドのアニメーションを段差で開始する ========= */
  .slide img:nth-of-type(1) { animation-delay: 0s }
  .slide img:nth-of-type(2) { animation-delay: 1s }
  .slide img:nth-of-type(3) { animation-delay: 2s }
  .slide img:nth-of-type(4) { animation-delay: 3s }
  .slide img:nth-of-type(5) { animation-delay: 4s }
  .slide img:nth-of-type(6) { animation-delay: 5s }

  .slide2 {
	position   : relative;
	overflow   : hidden;
					  /* 画像のサイズに合わせて変更ください */
					  width      :390px;
					  height     :291px;
	margin     : auto;      /* サンプルは中央寄せの背景：白 */
	background : #fff;
  }
   
   /*=== 画像の設定 ======================================= */
  .slide2 img {
	display    : block;
	position   : absolute;
						/* 画像のサイズを表示エリアに合せる */
	width      : inherit;
	height     : inherit;
	opacity    : 0;
	animation  : slideAnime2 4s ease infinite;
  }
   
   /*=== スライドのアニメーションを段差で開始する ========= */
  .slide2 img:nth-of-type(1) { animation-delay: 0s }
  .slide2 img:nth-of-type(2) { animation-delay: 2s }


  @keyframes slideAnime2{
	0% { opacity: 0 }
	5% { opacity: 1 }
   53% { opacity: 1 }
   55% { opacity: 0 }
  100% { opacity: 0 }
 }
   /*=== スライドのアニメーション ========================= */
  @keyframes slideAnime{
	 0% { opacity: 0 }
	 5% { opacity: 1 }
	20% { opacity: 1 }
	21% { opacity: 0 }
   100% { opacity: 0 }
  }

/*=== 画像の設定 ======================================= */
#viewer1x img {
 
 position   : absolute;
					 /* 画像のサイズを表示エリアに合せる */
					 width      : 100%;
		 
 right: 0;
 left: 0;
 margin: auto;
 opacity: 0;
 transition: 0s;
 transition-delay: 0!important;
}

#viewer1x img.show {
 opacity: 1;
}

 
.slideshow-fade{
    position: relative;
    width: 280px;
    height: 200px;}
	.slideshow-fade li{
        list-style: none;
        width: 100%;
        height: 100%;}
		.slideshow-fade img{
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
        }
		
				  
			  
		  
  
  @keyframes side2 {
	0% {
	  opacity : 0;
	  transform: translateX(300px);

	}
  
	100% {
	  opacity : 1;

  }}






	@keyframes loop-slide {
		from {
		  transform: translateX(100);
		}
		to {
		  transform: translateX(-100%);
		}
	  }
	
	  @keyframes loop {
		0% {
		  transform: translateX(100%);
		}
		to {
		  transform: translateX(-100%);
		}
	  }
	  
	  @keyframes loop2 {
		0% {
		  transform: translateX(0);
		}
		to {
		  transform: translateX(-200%);
		}
	  }




	  @keyframes gata {
		0% {
		 width: 0%;
		}
	100% {
		 width:100%;
		}
	  }



	  








@keyframes asb {
	0% {
		transform: rotate(0deg);

	}
  
	50% {
		transform: rotate(5deg);

  }

  100% {
	transform: rotate(0deg);

}

}

@keyframes asb2 {
	0% {
		transform: rotate(0deg);

	}
  
	50% {
		transform: rotate(1deg);

  }

  100% {
	transform: rotate(0deg);

}

}

@keyframes asb3 {
	0% {
		transform: rotate(0deg);

	}
  
	50% {
		transform: rotate(2deg);

  }

  100% {
	transform: rotate(0deg);

}

}

@keyframes asb4 {
	0% {
		transform: rotate(-4deg);
		margin-left:-70px;

	}
  

  50% {
	transform: rotate(4deg);
	margin-left:30px;

}

  100% {
	transform: rotate(-4deg);
	margin-left:-70px;


}

}

@keyframes asb5 {
	0% {
		transform: rotate(0deg);

	}
  
	50% {
		transform: rotate(0deg);

  }

  90% {
	transform: rotate(-1deg);

}

  100% {
	transform: rotate(0deg);

}

}



@keyframes big {
	0% {
		transform: scale(1);

	}
  
	50% {
		transform: scale(1.03);

  }

  100% {
	transform: scale(1);

}

}

@keyframes tate2 {
	0% {
		transform: translateY(0px);

	}
  
	50% {
		transform: translateY(-5px);

	}
  


  100% {
	transform: translateY(0);

}

}

@keyframes tate {
	0% {
		transform: translateY( calc(1100px * 0));

	}
  
	50% {
		transform: translateY( 3px);}

 

  100% {
	transform: translateY( calc(1100px * 0));

}

}

@keyframes yoko {
	0% {
		transform: translateX( calc(100vw * 0));

	}


	25% {
		transform: translateX(5px);

  }
  50% {
	transform: translateX(0px);

}

 

  100% {
	transform: translateX( calc(100vw * 0));

}

}

@keyframes yoko2 {
	0% {
		transform: translateX( calc(100vw * 0));

	}

	30% {
		transform: translateX( calc(100vw * 0));

	}
	50% {
		transform: translateX(7px);
		transform: rotate(-1deg);
  }

  100% {
	transform: translateX( calc(100vw * 0));

}

}

@keyframes chika {
	0% {
opacity:  0;

	}
  
	50% {
		opacity:  1;

  }
  55% {
	opacity:  0;

}
60% {
	opacity:  1;

}
65% {
	opacity:  0;

}

90% {
	opacity:  1;

}
93% {
	opacity:  0;

}
97% {
	opacity:  1;

}


  100% {
	opacity:  0;

}

}

@keyframes rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
  }


  @keyframes rotation2{
	0%{ transform:rotate(33deg);}
	
		50%{ transform:rotate(-33deg);}

		100%{ transform:rotate(33deg);}
  }




@keyframes list {
	0% {
		transform: translateY( calc(100vw * 0));

	}
  
	50% {
		transform: translateY( calc(100vw * 0.05));

  }

  100% {
	transform: translateY( calc(100vw * 0));


}

}







	@keyframes rotatexx{
		0%{rotate: 0deg;}
		100%{rotate: 360deg;}
	
	}

	@keyframes rotate{
		0%{rotate: 0deg;}
		50%{rotate: 5deg;}
		100%{rotate: 0deg;}
	}

	.swiper{width: 895px;
}

.swiper2{position: relative;}

.swiper3{position: relative;
width: 100%;}

.yam{width: 841px!important;}
									  .swiper-wrapper {
										/* wrapperのサイズを調整 */
										
										height: auto;
									  }
									  
									  .swiper-slide {
										/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
										color: #ffffff;
										width: 200px;
										height: auto;
										text-align: center;
										text-align: center;
										
										
									  }

									  .goku .swiper-slide{display: flex;
										justify-content: center;}
									  
									  .swiper-slide img{width: 200px;}

									  .swiper-slide2 {
										/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
										color: #ffffff;
										width: 200px;
										height: auto;
										text-align: center;
										text-align: center;
										
									  }
									  
									  .swiper-slide2 img{width: 400px;}

									  .popup-window div,.popup-window{line-height: normal!important;}


									  .swiper-button-prev::after,
.swiper-button-next::after {
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}

.swiper-button-prev,.swiper-button-next{margin-bottom: 15px;}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
border-left: #1A1A1A 1px solid;
border-bottom: #1A1A1A 1px solid;
width: 20px;
height: 20px;
rotate: 45deg;


}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
	border-right: #1A1A1A 1px solid;
	border-bottom: #1A1A1A 1px solid;
	width: 20px;
	height: 20px;
	rotate: -45deg;
	
}

.swiper-button-next2, .swiper-button-prev2{
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-button-prev2::after,
.swiper-button-next2::after {
	line-height: 0;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}

.swiper-button-prev2,.swiper-button-next2{margin-bottom: 15px;}
/* 前への矢印カスタマイズ */
.swiper-button-prev2.doran {
border-left: #1A1A1A 1px solid;
border-bottom: #1A1A1A 1px solid;
width: 20px;
height: 20px;
rotate: 45deg;


}

.swiper-button-next2{right: 10px;}

.swiper-button-prev2{left: 10px;}

.swiper-button-prev2, .swiper-button-next2{z-index: 2;
}
.swiper-button-next2::after {
	border-right: #1A1A1A 1px solid;
	border-bottom: #1A1A1A 1px solid;
	width: 20px;
	height: 20px;
	rotate: -45deg;
	
}
.swiper-button-prev2::after {
	border-left: #1A1A1A 1px solid;
	border-bottom: #1A1A1A 1px solid;
	width: 20px;
	height: 20px;
	rotate: 45deg;
	
	
	}
/* 次への矢印カスタマイズ */
.swiper-button-next2.kodomo.open {
	border-right: #1A1A1A 0.5px solid;
	border-bottom: #1A1A1A 0.5px solid;
	width: 20px;
	height: 20px;
	rotate: -45deg;
	
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction
{display: none;}


ul{padding-left: 0;}
/****************** pc ******************/


body {
	font-family: 'Gotham Book', Gotham-Book, Arial, sans-serif;
   }

   .ue{height: 100vh;
width: 100vw;
color: white;
position: relative;}

#nagai{animation: nagai infinite 3.4s;
	width: auto!important;
	width: 120vw!important;
	transform: translateX(0);
}

.rero{width: 130vw;}


#cha {
	
	position   : absolute;
						/* 画像のサイズを表示エリアに合せる */
						width      : 100%;
			
	right: 0;
	left: 0;
	margin: auto;
	opacity: 0;
	transition: 1s;

}

#cha.show {
	opacity: 1;
  }


  #cha1 {
	
	position   : absolute;
						/* 画像のサイズを表示エリアに合せる */
						width      : 100%;
			
	right: 0;
	left: 0;
	margin: auto;
	opacity: 0;
	transition: 1s;

}

#cha1.show {
	opacity: 1;
  }







	#cha{
	opacity: 0;}

	@keyframes face {
 0%{opacity: 0;}

 30%{opacity: 0;}

90%{opacity: 1;}
 100%{opacity: 0;}

	}

	@keyframes nagai {
		0%{transform: translateX(0);}
	   

	   
	
		100%{
			transform: translateX(-10vw);}
	   
		   }

		   .mega2 div{position: absolute;
			left: 0;
		top: 0;}

	.mega1 img{position: absolute;
	left: 0;
top: 0;}

#f2{margin-top: 0;}
	
.tes{width: 100vw;
background-color: white;
text-align: center;}

.naka{overflow: hidden;}
#migi{transform: translateX(50px);
	opacity: 0;
transition: all 1s;}

#hidari{transform: translateX(-50px);
	opacity: 0;
transition: all 1s;}

.kuu{margin-top: 25px;
padding-bottom: 93px;
opacity: 0;
transition: all 1s;}

.footer{width: 100vw;
	margin-top: 25px;
	position: relative;
text-align: center;
background-color: #E3DBCF;
overflow: hidden;
}

.footer img{width: 1000px;
margin: auto;}
#migi2{transform: translateX(300px);
	opacity: 0;
transition: all 1s;}

#hidari2{transform: translateX(-300px);
	opacity: 0;
transition: all 1s;
}
.doran{position: relative;
	width: 500px;
	height: 696.98px;}
.doran div{position: absolute;
	width: 100%!important;
left: 0;
top: 0;}

.roku{width: 406px;
margin: auto;}

.yon{width: 468px;
	margin: auto;}

#mera{width: 240px!important;}

#liss{display: flex;
	justify-content: space-between;
width: 80%;
margin: auto;
list-style: none;

}

.goku1{width: 443px;}

.osu{display: flex;
justify-content: space-evenly;}

#liss li{width: 200px;}

.tome1{width: 249px!important;}

.tome2{width:454px ;}

.kabu ul{display: flex;
justify-content: space-between;}

.kabu li{width: 80px;
overflow: hidden;
}

.zon1{z-index: 2;}
.zon2{z-index: 1;}

#j1.zon1{z-index: 2;}
#j2.zon1{z-index: 2;}
#j3.zon1{z-index: 2;}
#j4.zon1{z-index: 2;}
#j5.zon1{z-index: 2;}

#j1.zon2{z-index: 1;}
#j2.zon2{z-index: 1;}
#j3.zon2{z-index: 1;}
#j4.zon2{z-index: 1;}
#j5.zon2{z-index: 1;}

#sita{
	opacity: 0;
transition: all 1s;}

.kabu{margin-top: 38px;}

.jobu{width: 443px;
height: 443px;
position: relative;
overflow: hidden;
}

.jobu li{position: absolute;
left: 0;
top: 0;}

#sita2{transform: translateY(100px);
	opacity: 0;
transition: all 1s;
transition-delay: 0.5s;
}

#toggle1{
	display: none;
}
.toggle-inner{
	display: none;
}
.toggle:checked ~ .content{
	height: auto;
}


#korega{width: 200px;
	height: 20px;
	background-color: red;
	position: absolute;
}

.kou{height: 50px;
width: 200px;
background-color: blue;
display: none;}

#ue{transform: translateY(-300px);
	opacity: 0;
transition: all 1s;
transition-delay: 1s;
}

figure img{height: auto;}

#sita3{transform: translateY(150px);
	opacity: 0;
transition: all 1s;
transition-delay: 0s;
}

.newsx{line-height: normal;
background-color: white;
padding-top: 52px;
position: relative;}

.tes ul{list-style: none;
margin: 0;}

#kieru{transition: all 2s!important;
opacity: 1;
transition-delay: 1s!important;}

.goku2{width:410px ;
height: 560px;
position: relative;}

.newsx{width: 1000px;
margin: auto;
border-bottom: 1px solid #595757;}

.aida2{width: 100vw;
height: 100px;}

.naka{width: 1000px;
margin: auto;}

.woody{display: none;}

.date{margin-left: 0;
margin-right: 50px;}

.goku{display: flex;
	}

	.list{
	margin-top: 0;
	margin-bottom: 0;
}

figure{margin: 0;}

.title{text-align: left;}

.next{display: block;
pointer-events: all;
position: relative;}

.jou{display: flex;
	padding-left: 30px;
	}
.ros{border-top: 1px solid #595757;
	color: #595757;
	font-size: 14px;
	letter-spacing: 1px;
font-family: "Noto Sans JP", sans-serif;}

#zaza{font-size: 12.5px;}

.jou a{color: #AA854F;}

#daikon{margin-top: 10px;
}

#daikon2 ul{justify-content: unset;}
.kabu li{margin-right:10px;
width: 78.6px;}

.kabu li:last-child{margin-right: 0;}

#daikon ul{justify-content: unset;}

	.gkz1{text-align: left;
		color: #666464;
	top: 14px;
	left: 19px;
	position: absolute;
line-height: normal;
}

#gkz{position: relative;
overflow: hidden;}

.gkz2{display: flex;
justify-content: space-between;
width: 729px;
margin: auto;
margin-top: 65px;}

	#gkz{height: 271px;
		border: 1px solid #666464;
		border-radius: 20px;
		
	margin-top: 80px;}

	#gkz .bun{width: 135.4px;
	padding-top: 70px;}

.goku img{width: 100%;}

.tesnaka{width: 854px;
margin: auto;
padding-bottom: 50px;
}
.prete1{width: 100vw;
padding-top:150px;
background-color: white;}

.prete1naka{width: 677px;
	height: calc(1000px * 0.677);
	position: relative;
	overflow: hidden;
	border-radius: 30px;
margin: auto;
}

.sezon{transform: translateY(-293px);
	transition: all 1s;
	transition-delay: 2s;
}

.sezon2{width: 1663px;
position: absolute;
top: -155px;
left: 50%;
margin-right: -50%;
transform: translateX(-50%) 
}

.sezon2 img{rotate:-38deg;
transition: all 5.5s;
transition-delay:0s!important;}

.p3naka{width: 1000px;
	display: flex;
margin: auto;}



.p3naka{width: 1000px;
	display: flex;
margin: auto;}
.sezon,.obi{position: absolute;
left: 0;
right: 0;
margin: auto;
}

.prete6 .naka{display: flex;}

.prete6 .naka div{width: 50%;}

.obi{height:100%;
	opacity: 0;
	overflow: hidden;
transition: all 2s!important;
transition-delay: 2.5s!important;
}
#acMenu{	margin-left: 60px;
	margin-top: 50px;}
#acMenu dt{
	display:block;
	width:250px;
	height:45px;
	line-height:45px;
	text-align:left;
	color: white;
	cursor:pointer;
	font-size: 22px;
	letter-spacing:2px;
	}

	#meso{overflow:visible;}

	.mlg{width: 135px;
		margin-right: 30px;
	height: 32px;}

	.mnaka{padding-top: 28px;
	padding-bottom: 46px;
	display: flex;
	color: #666464!important;
	}

	.mnaka #acMenu{margin: 0;}

	.mnaka  #acMenu dt{width: auto;
	font-size: 15px;
	line-height: 32px;
	height: 32px;
	letter-spacing: 1px;
margin-right: 15px;}

	.mnaka #acMenu dd a{color: #666464;}

	.mnaka #acMenu dd a span{color: #B5B5B6;}

	#yel{color: #C9AA79!important;}

	.mnaka #acMenu dd{position: absolute;
		width: auto;
		padding-right: 8px;
		padding-left: 8px;
		font-size: 14px;
	margin-left: 0px;
background-color: white;}

	.kobo{color: #666464!important;}
	.menu div{opacity: 1;}

	.menu img{opacity: 1!important;}
	

	#gaha{pointer-events: none;}
	#acMenu dd{
		color: white;
		width:250px;
	height:auto;
	line-height:38px;
	text-align:left;
	display:none;
	margin-left:20px ;
	font-size: 18px;
	letter-spacing: 1.5px;
	}

	.suika{line-height: 0!important;
	height: 0!important;}

	.melon{display: block!important;}

	#acMenu dd a{	color: white;}

	#acMenu dd a span{font-size: 16px;}

#obi2{transition-delay: 0.9s!important;}


#obi3{transition-delay: 1.3s!important;}

.sita{line-height: 0;
}
#siro{background-color: white;

}


.siro img{width: 1000px;
margin: auto;}

.kodomo{display:none;}

.kodomo.open{display: block;}

.kodomo.close{display: block;}

	.menu{position: sticky;
		z-index: 10000;
		text-align: center;
		background-color: white;
	top: 0;}

	#migix{transform: translateX(-30vw);
	transition: all 1s;}

	#hidarix{transform: translateX(30vw);
		transition: all 1s;}

	body{margin: 0;}

	.sita{
	position: relative;
	z-index: 2;
	}
	
a{color: black;
	text-decoration: none;}
.kaiten{opacity: 1!important;
	rotate: -45deg;

	animation: guru infinite 9s linear;
	transform-origin: 50vw 50vh;
overflow: visible!important;
}

	.kaiten img{height: 197vh!important;
		width: auto!important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-10%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-20%);
}

.prete3{
width: 100vw;}

.prete3a{width: 46.1%;}

.prete3b{width: 53.9%;}
	


	
	
	
	
	

	
	#viewer1{
	
		   transition: all 0s; 
		   position:fixed;
		   top: 0;
		   left: 0;

						  /* 画像のサイズに合わせて変更ください */
		width      :100vw;
		height     :100vh;
			 /* サンプルは中央寄せの背景：白 */
	   padding: 0px;
	
	   margin: auto;
	
	
	
	
	  }
	   
	   /*=== 画像の設定 ======================================= */
	   #viewer1 video {
		
							/* 画像のサイズを表示エリアに合せる */
							height      : 100vh;
							width: 100%;
							object-fit: cover;
				
	
	
	}
	

	
/*ベース*/

.Label {		/*タイトル*/

	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
}

.date{padding-top: 40px;
	padding-bottom: 40px;}

.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.toggle{display: none;}

#sp{display: none;}

.contents{text-align: left;
	line-height: normal;
padding-top: 30px;}

.con2{line-height: normal;}


#viewer2{
	
	transition: all 0s; 
	position: sticky;
	z-index: 0;

top: 0;

	left: 0;

				   /* 画像のサイズに合わせて変更ください */
 width      :100vw;
 height     :100vh;
	  /* サンプルは中央寄せの背景：白 */
padding: 0px;

margin: auto;




}

/*=== 画像の設定 ======================================= */
#viewer2 video {
 
					 /* 画像のサイズを表示エリアに合せる */
					 height      : 100vh;
					 width: 100%;
					 object-fit: cover;
		 


}


#viewer3{
	
	transition: all 0s; 
	position: sticky;
	z-index: 0;

top: 0;

	left: 0;

				   /* 画像のサイズに合わせて変更ください */
 width      :100vw;
 height     :100vh;
	  /* サンプルは中央寄せの背景：白 */
padding: 0px;

margin: auto;

display: none;


}

/*=== 画像の設定 ======================================= */
#viewer3 video {
 
					 /* 画像のサイズを表示エリアに合せる */
					 height      : 100vh;
					 width: 100%;
					 object-fit: cover;
		 


}






.mago{background-color: white;
	overflow: hidden;
position: relative;
margin-top: -100vh;
padding-bottom: 70px;
}

#sp{display: none;}

.panecon video{width: 100%;}

.panecon{margin: auto;
	margin-top: 0px;
	margin-bottom: 100px;
width: 800px;}

#mijika{padding-bottom: 15px;}

.concept{width:755px;
margin: auto;
}

.concept img{width: 100%;
opacity: 0;
}

.concept img:nth-child(1){animation: fado 1s 1;
animation-fill-mode: forwards;
animation-delay: 0.1s;
}

.concept img:nth-child(2){animation: fado 1s 1;
	animation-fill-mode: forwards;
	animation-delay: 0.2s;
	}

.concept img:nth-child(3){animation: fado 1s 1;
		animation-fill-mode: forwards;
		animation-delay: 0.3s;
		}
.concept img:nth-child(4){animation: fado 1s 1;
			animation-fill-mode: forwards;
			animation-delay: 0.4s;
			}
.concept img:nth-child(5){animation: fado 1s 1;
				animation-fill-mode: forwards;
				animation-delay: 0.5s;
				}
				.concept img:nth-child(6){animation: fado 1s 1;
					animation-fill-mode: forwards;
					animation-delay: 0.6s;
					}
					.concept img:nth-child(7){animation: fado 1s 1;
						animation-fill-mode: forwards;
						animation-delay: 0.7s;
						}
						.concept img:nth-child(8){animation: fado 1s 1;
							animation-fill-mode: forwards;
							animation-delay: 0.8s;
							}

							.concept img:nth-child(9){animation: fado 1s 1;
								animation-fill-mode: forwards;
								animation-delay: 0.9s;
								}

								.concept img:nth-child(10){animation: fado 1s 1;
									animation-fill-mode: forwards;
									animation-delay: 1s;
									}

									.concept img:nth-child(11){animation: fado 1s 1;
										animation-fill-mode: forwards;
										animation-delay: 1.1s;
										}

										.concept img:nth-child(12){animation: fado 1s 1;
											animation-fill-mode: forwards;
											animation-delay: 1.2s;
											}
				
			
		


@keyframes fado{

	0%{opacity: 0;}

	100%{opacity: 1;}
}

#tonton{transition:all 1s;}

.momo{transition:all 1s;}

.goja{width: 1000px;
margin: auto;}

#tei{margin-top: 15px;}

#nasu ul{justify-content: unset;}

.spf{display: flex;
justify-content: space-between;
background-color: #EDE6DA;
border-radius: 20px;
line-height: normal;
padding: 20px;
text-align: justify;
color: #666464;
margin-top: 80px;}

#jake1{margin-bottom: 0;
border-radius: 20px 20px 0px 0px;}

#jake2{margin-top: 0;
	border-radius: 0px 0px 20px 20px;}

.sp1{width: 149.96px;}

.spp1{font-size:20px ;
margin-bottom: 20px;}

.spp2{font-size: 19px;
	margin-bottom: ;}

.sp2{width: 219px;}

.sp3{width: 286px;
	display: flex;
	justify-content: center;
	flex-direction: column;
font-size: 15px;
margin-right: 20px;}


/****************** sp ******************/


@media (max-width: 1099px) {



	.sp1{width: 100%;}
	.spp2{
		margin-bottom: 20px;}

	.spf{flex-direction: column;
		padding-left: 40.5px;
margin: auto;
margin-top: 50px;}
.sp2{width: 44%;
margin-bottom: 30px;}
.sp3{width: 100%;
margin: auto;}

	.concept{width: 80vw;}

	#sei{transform: scale(1.08);}
	#mijika{padding-bottom: 12px;}
	.panecon{margin: auto;
		margin-top: 20vw;
		margin-bottom: 20vw;
	width: 90vw;}

	.footer img{width: 100%;}

	#viewer3{display: block;}

	#viewer2{display: none;}
	#acMenu dt{font-size: 16px;
	line-height: 24px;
height: 24px;}

#acMenu dd a span{font-size: 13px;}


#acMenu dd{font-size: 14px;
line-height: 26px;}



	.p3naka{width: 100%;}

	.naka{width: 100%;}

	.prete1naka{width: 90vw;
	height:90vw ;}

	.doran{height: 70vw;}

	#sita2{transform: translateY(10vw);
	transition-delay: 0s;}

	.prete1{padding-top: 10vw;}

	#acMenu{margin-top: 5vw;
	margin-left: 5vw;}

	.sezon{transform: translateY(-41vw);}

	.kagu2{font-size: 6.7vw;
	padding-top: 25px;}

	.kagu1{font-size: 4.7vw;}

	.swiper{width: 100vw;}


	.fzoro{width: 100vw;
	flex-direction: column;}

	.wakuzoro{width: 100vw;
		flex-direction: column;
	}

	#pc{display: none;
	animation-fill-mode: forwards;}

	#sp{display: block;}



	.saigo{width: 90vw;}

	.ichi{width: 79vw;}

	.roku{width: 79vw;}

	.yon{width: 83vw;}

	.gasa{width: 100vw;}



	.kagu3{font-size:4.2vw;}

	.osu1{width: 45vw;}

	.osu2{width: 45vw!important;}

	.kuu{padding-bottom:50px;}
	.tome1{width: 53vw!important;}

	.slide{width: 83.7vw;
	height: 62.4vw;}

	.swiper-slide img{width:53.5vw ;}
	.slide2{height: 33vw;}

	.newsx{width: 95vw;}
	.mago{margin-top: -100vh;
	padding-bottom: 20vw;}

	.nasu{justify-content: center;}

	#marumaru img{width: 65vw;}

	.yon img{margin-top: 11vw;}

	.slide2{width: 83.7vw!important;
	height: 62.4vw;}

	#aji{width: 67.4vw!important;}

.gosa{width: 67.3vw;
margin: auto;}


.tome1{margin: auto;}



.mlg{width:28.1vw ;
height: auto;
margin: 0;}


.saigoro{width: 100%;}


.sezon2{width: 220vw;
top: -20vw;}


.tes{width: 90vw;
margin: auto;}

.tesnaka{width: 100%;}

.goku{flex-direction: column;}

.jobu{width: 100%;
height: 90vw;}

.goku1{width: 100%;}

.goku2{width: 100%;
height: auto;}

.gk2naka{padding-left:10.8vw;
padding-top: 6.3vw;}

.gkn4{width: 74.5vw;}

.kabu li{width: 15.8vw;}

.gkn6{width:62.9vw;

position: unset;
bottom: unset;}

.pro1{font-size: 7.2vw;
text-align: center;
margin-bottom: 6.6vw;
margin-top: 6.6vw;
}

.jun{display: flex;
justify-content: space-between;}

#gkz .bun{width: 28.7vw;
	padding-top: 12.9vw;}

.jun{width: 69.3vw;
padding-left: 9.2vw;
padding-right: 9.2vw;
padding-top: 12.9vw;}

.gkz1{left: 0;
right: 0;
margin: auto;
text-align: center;}

.kabu{margin-top: 8vw;}

#gkz{height: 55.8vw;
overflow: hidden;}

#zaza{font-size: 2.8vw;}

.jou{flex-direction: column;
padding-left: 0;}

.date{padding-bottom: 0;
	padding-top: 20px;
margin-right: auto;
margin: auto;
text-align: center;}

.Label{padding-top: 20px!important;
	text-align: center;
width: 100%;}

.title{text-align: center;
padding-right: 0!important;}

.accordion{width: 100%!important;
	text-align: center;}

	.title::after, .title::before{left: 0!important;
	right: 0!important;
	top:28px!important;
margin: auto;}


.gkn5{margin-top: 20px;}


.goku .swiper-button-next2::after{width: 12px;
height: 12px;}

.goku .swiper-button-prev2::after{width: 12px;
height: 12px;}


.goku .swiper-button-next2{right: 5px;
top:60%;}
	
	.goku .swiper-button-prev2{left: 5px;
		top:60%;}

	}