#viewer1{

		transition: all 0.5s;
	position: relative;
	 overflow   : hidden;
					   /* 画像のサイズに合わせて変更ください */
	 width      :100%;
	aspect-ratio: 1/0.89;
		  /* サンプルは中央寄せの背景：白 */
	padding: 0px;

	margin: auto;
	margin-right: 0;
	margin-top: -90%;


	}

	.new{width:13.5%;
	position: absolute;
	left: 0;
	top: 0;
	}

	#viewer1 img {

		position   : absolute;
							/* 画像のサイズを表示エリアに合せる */
							width      : 100%;

		right: 0;
		left: 0;
		margin: auto;
		opacity: 0;
		transition: 0s;

	   }

	   #viewer1 img.show {
		   opacity: 1;
		  }







.exwrap{width: 100%;
	overflow: clip;
	font-family: "monopin-j", sans-serif;
	position: relative;

}




.exwrap img{width: 100%;
margin: 0;}


#viewer1,
#viewer2,
#viewer3,
#viewer4,
#viewer5,
#viewer6,
#viewer7,
#viewer8,
#viewer9,
#viewer10,
#viewer11,
#viewer12,
#viewer13{line-height: 0;}

@keyframes fadein {

0%{opacity: 0;}


100%{opacity: 1;}

}


@keyframes infinity-scroll-left {
	from {
	  transform: translateX(0);
	  will-change: transform;
	}
	  to {
	  transform: translateX(-100%);
	  will-change: transform;
	}
	}
	.scroll-infinity__wrap {
	  display: flex;
	  overflow: hidden;
	  height: 134vw;
	}
	.scroll-infinity__list {
	  display: flex;
	  list-style: none;
	  padding: 0;
	  margin-top: 0;
	}
	.scroll-infinity__list--left {
	  animation: infinity-scroll-left 24s infinite linear 0.5s both;
	}
	.scroll-infinity__item {
	height: 143vw;
	aspect-ratio: 1/1.43;
	}
	.scroll-infinity__item>img {
	  width: 100%;
	}


.lz{line-height: 0;}


.migi{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 0% 0% 100%);

	mask-position: right center;}

  .migix {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;
  }

  .sita{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 0% 100% 0%);
	mask-position: right center;

}

  .sitax {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;
transition-delay: 0.5s;

  }

  .ue{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(100% 0% 0% 0%);
	mask-position: right center;

}

  .uex {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;
transition-delay: 0.5s;

  }


@keyframes kieru{
	0%{opacity: 1;}

	100%{opacity: 0;
	z-index: -1;}
}

@keyframes cover{

	0%{opacity: 1;}

	100%{opacity: 0;;}
}

.douiu div{position: absolute;
animation: kieru 1 0.5s;
animation-fill-mode: forwards;
}

.douiu div:nth-child(5){animation-delay: 0.6s;}

.douiu div:nth-child(4){animation-delay: 1.2s;}

.douiu div:nth-child(3){animation-delay: 1.8s;}


.douiu div:nth-child(2){animation-delay: 2.4s;}

.douiu div:nth-child(1){animation-delay: 6s;}

.cover div{background-color: #DBD7D1;}

.cover img{mix-blend-mode: multiply;}

@keyframes tai{

	0%{   mask-image: none;
		mask-size: 0% 0%;
		overflow: hidden;
		line-height: 0;
	  line-height: 0;
		clip-path: inset(0% 100% 0% 0%);
		mask-position: right center;

	}

	100%{
		clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
		mask-size: 110% 110%;
		transition-duration: 1s ;
		transition-timing-function:ease-in-out;


	  }
}

.hidari{   mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;

}
  .hidarix {
	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;


  }

  .circle{

	mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	clip-path: circle(0%);
	line-height: 0;
}

.circlex{
	mask-size: 110% 110%;
	transition: all 1.5s;

	clip-path: circle(100%);
}


.flip{

	rotate: y 180deg;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}

	.flipx{    transition: .7s ease .7s;
		rotate: y 0deg;}



.delay1{transition-delay: 0.2s!important;}
.delay2{transition-delay: 0.4s!important;}
.delay3{transition-delay: 0.6s!important;}
.delay4{transition-delay: 0.8s!important;}
.delay5{transition-delay: 1s!important;}
.exwrap{position: relative;}

.toptop img{height: 100%;
	width: auto!important;

}

@keyframes horizontal-animation {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}



.ab{position: absolute;
	left: 0;
	top: 0;}

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

.yura1{animation: yura1 infinite 3s;}

@keyframes yura1{
0%{rotate: 0deg;}

50%{rotate: 6deg;}

100%{rotate: 0deg;}

}

.jump1{animation: jump infinite 3s;}

.jump2{animation: jump infinite 4s;}

@keyframes jump{
	0%{margin-top: 0;}

	50%{margin-top: -5px;}

	100%{margin-top: 0;}

	}

.yura2{animation: yura2 infinite 6s;}

@keyframes yura2{
0%{rotate: 0deg;}
45%{rotate: 0deg;}
50%{rotate: 3deg;}
55%{rotate: 0deg;}
100%{rotate: 0deg;}

}

.yura3{animation: yura3 infinite 8s;}

@keyframes yura3{
0%{rotate: 0deg;}
45%{rotate: 0deg;}
50%{rotate: -3deg;}
55%{rotate: 0deg;}
100%{rotate: 0deg;}

}


.yura4{animation: yura2 infinite 10s;}

.yura5{animation: yura3 infinite 12s;}

.yura6{animation: yura2 infinite 14s;}

.yura7{animation: yura3 infinite 16s;}



.wrap {
	display: flex;
	align-items: center;

  height: 100%;
  overflow: hidden;

  }
  .slideshow {
	display: flex;
	padding: 0;
	margin: 0;
  }
  .content {
	list-style: none;
  }

  .slideshow {
	display: flex;
	animation: loop-slide 18s infinite linear 1s both;
	mix-blend-mode: multiply;
  }

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

  .slide-paused:hover .slideshow {
	animation-play-state: paused;
  }


  .vin{width: 100vw;
overflow: hidden;
margin: auto;
}



body{margin: 0;
padding: 0;}


.mute-button {
	position: fixed;
bottom: 1.3vw;
	left: 1vw;
	color: white;
	border: none;
	cursor: pointer;
	background-color: transparent;
	width: 2vw!important;
padding: 0;
}
html, body {
	overflow-x: clip;
	max-width: 100%;
  }

.video{width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
height: 100vh;}

.video video{object-fit: cover;
	width: 100%;
height: 100%;}

.kabu{background-color: white;
	width: 100vw;
	position: relative;
	overflow: clip;
	z-index: 2;
margin-top: 100vh;}

.con{width: 11.7vw;
padding-top: 2.5vw;
padding-bottom: 2.5vw;
text-align: center;
display: flex;
justify-content: center;
margin: auto;
}
#hako{position: relative;}

#hakonaka{position: absolute;}
.hako1{margin: auto;
	width: 71.1vw;
	aspect-ratio: 0.711 / 0.471;
margin-left: 22.9vw;}

.maru{width: 8.3vw;

margin-left: 2.6vw;
margin-top: -8.3vw;
position: sticky;
top: 2vw;
z-index: 5;
will-change: transform;
}



.dis{display: flex;}

@keyframes maru{
0%{rotate: 0deg;}

100%{rotate: 360deg;}

}

.inai{opacity: 0;}

.bigtex{position: fixed;
height: 100vh;
pointer-events: none;
left: 0;
right: 0;
margin: auto;
aspect-ratio: 1/0.884;
animation: bigtex 1 1s;
animation-delay: 2.3s;
animation-fill-mode: forwards;
}

.tb1{width: 21.8vw;}

.topbar{background-color: white;
padding-left:1.7vw;
padding-top:1.7vw;
padding-bottom:1.3vw ;
border-bottom: 1px solid #5D5D5D;
}




.conp1 .con2{font-family: "monopin-j", sans-serif;}

.conp1 .con2 span{font-family: "aktiv-grotesk", sans-serif;}
.conp2 .con2{font-family: "aktiv-grotesk", sans-serif;}
.conp{position: fixed;
	font-size: 1.5vw;
	pointer-events: none;
	color: white;
	width: 80vw;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
display: flex;
justify-content: space-between;
opacity: 0;
animation: fadein 1 2s;
animation-delay: 2.5s;
animation-fill-mode: forwards;
}

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

100%{opacity: 1;}

}

.con1{width: 16.5vw;
margin-bottom: 3.2vw;}
.con3{width: 12.1vw;
	margin-top: 2.8vw;}

.con2{line-height: 2.2vw;}

.conp1{margin-right: 4.8vw;}

.over{position: fixed;
	pointer-events: none;
width: 100vw;
height: 100vh;
background-color: #000000;
opacity: 0.3;
mix-blend-mode: multiply;}

.bigtex img{position: absolute;
opacity: 0;
animation: bigtexs 1 0.5s;
animation-fill-mode: forwards;
}

@keyframes bigtexs {
0%{opacity: 0;}
99%{opacity: 0;}
100%{opacity: 1;}	
}

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

.bigtex img:nth-child(1){animation-delay: 0.1s!important;}
.bigtex img:nth-child(2){animation-delay: 0.3s!important;}
.bigtex img:nth-child(3){animation-delay: 0.5s!important;}
.bigtex img:nth-child(4){animation-delay: 0.7s!important;}
.bigtex img:nth-child(5){animation-delay: 0.9s!important;}
.bigtex img:nth-child(6){animation-delay: 1.1s!important;}
.bigtex img:nth-child(7){animation-delay: 1.3s!important;}

.monovideo{filter: grayscale(1);}
.mute-button2{width: 4.9vw;
position: fixed;
bottom: 1vw;
}
#muteButton {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}
.hk1_a{width: 43.6vw;}

.hk1_b{width: 27.5vw;
margin-left: -0.1vw;
}

.hk2_b{width: 43.6vw;
margin-left: -0.1vw;}

.hk2_a{width: 27.5vw;}

.side{width: 3.3vw;
background-color: white;
border-left: 1px solid #5D5D5D;
position: fixed;
z-index: 100;
height: 100vh;
top: 0;
right: 0;}

.hako1{display: flex;}

.hako2{display: flex;
width: 71.1vw;
margin-left: 2.6vw;
margin-top: 3.7vw;
aspect-ratio: 0.711 / 0.471;
}



  
  .b {
	position: absolute;
	width: 10.8vw;
	height: 2.7vw;
	background-color: #FFFF64;
	border-radius: 2vw;
	display: none;
	pointer-events: none;
	overflow: hidden;
	color: #5D5D5D;
	
	font-family: "aktiv-grotesk-thin", sans-serif;
font-weight: 400!important;
top: 0;
left: 0;
transform: translate(0, 0);
  }

  .item .b{background-color: white;}

  .item:hover{background-color: #FFFF64;}

  .item img{mix-blend-mode: multiply;}



  .marquee-container {
	width: 100vw;
	overflow: hidden;
	font-size: 1.2vw;
	font-weight: bold;
	position: relative;
	height: 100%;
	line-height: 2.7vw;
}

.marquee {
	display: inline-block;
	white-space: nowrap;
	animation: marquee 10s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

/* スクロールを完全に連続させるために、同じテキストを繰り返す */
.marquee-container {
	display: flex;
}

.marquee-container .marquee {
	display: inline-block;
}

.marquee-container .marquee {
	animation: marquee 10s linear infinite;
}

.no-hover * {  /* ホバー禁止 */
	pointer-events: none !important;
}

.no-click {  /* クリック禁止 */
	pointer-events: none !important;
}

.highlight {
	background-color: #FFFF64 !important; /* 強制的に背景色を変更 */
	transition: background-color 0.5s ease; /* 背景色を1秒かけて変更 */
}
.highlight-fade {
	background-color: transparent !important; /* 背景色を消す */
}

.num{transition: all 1s;}


.hako3{width: 38.1vw;
margin: auto;
margin-left: 56.8vw;
aspect-ratio: 0.381 / 0.571;
position: relative;
margin-top: -31.3vw;
vertical-align: top; 
}

.hako4{width: 38.1vw;
	margin: auto;
	margin-left: 0vw;
	aspect-ratio: 0.381 / 0.571;
	position: relative;
	margin-top: -2.7vw;
	}

	.hako5{width: 27.7vw;
		margin-left: 52.6vw;
		aspect-ratio: 0.277 / 0.277;
		position: relative;
		margin-top: -42.3vw;
		vertical-align: top; 
	
		}
body{-webkit-font-smoothing: antialiased;}
		
	.hako6{width: 27.7vw;
		margin-left: 69vw;
		aspect-ratio: 0.277 / 0.277;
		position: relative;
		margin-top: 11.9vw;
		vertical-align: top; 
	
		}


		a {
			margin: 0;
			padding: 0;
			display: block; /* これで余白が減るかチェック */
		  }
		  
		.hako7{width: 44.2vw;
			margin-left: 14.6vw;
			aspect-ratio: 0.442 / 0.663;
			position: relative;
			margin-top: -17.2vw;
			vertical-align: top; 
		
			}
	
			.hako8{width: 33vw;
				margin-left: 30.8vw;
				aspect-ratio: 0.33 / 0.495;
				position: relative;
				margin-top: 4.8vw;
				vertical-align: top; 
			
				}

				.hako9{width: 33vw;
					margin-left: 63.7vw;
					aspect-ratio: 0.33 / 0.495;
					position: relative;
					margin-top: -49.5vw;
					vertical-align: top; 
				
					}

					.hako10{width: 38.5vw;
						margin-left: 0vw;
						aspect-ratio: 0.385 / 0.577;
						position: relative;
						margin-top: ;
						vertical-align: top; 
					
						}


						.hako11{width: 38.5vw;
							margin-left: 58.2vw;
							aspect-ratio: 0.385 / 0.577;
							position: relative;
							margin-top: -57.7vw;
							vertical-align: top; 
						
							}

							.hako12{width: 52.1vw;
								margin-left: 24vw;
								aspect-ratio: 0.521 / 0.521;
								position: relative;
								margin-top: 10.1vw;
								vertical-align: top; 
							
								}

								.hako13{width: 41.6vw;
									margin-left: 55.3vw;
									aspect-ratio: 0.416 / 0.521;
									position: relative;
									margin-top: 6.8vw;
									vertical-align: top; 
								
									}

									.hako14{width: 47.3vw;
										margin-left: 0vw;
										aspect-ratio: 0.473 / 0.709;
										position: relative;
										margin-top: -27.8vw;
										vertical-align: top; 
									
										}

										.hako15{width: 52.1vw;
											margin-left: 24vw;
											aspect-ratio: 0.521 / 0.521;
											position: relative;
											margin-top: 8.2vw;
											vertical-align: top; 
										
											}

											.obi3{margin-top: 24.3vw;}

											.hako16{width: 44vw;
												margin-left: 52.7vw;
												aspect-ratio: 0.44 / 0.659;
												position: relative;
												margin-top: -19.3vw;
												vertical-align: top; 
											
												}

												.hako17{width: 39.3vw;
													margin-left: 5.9vw;
													aspect-ratio: 0.393 / 0.589;
													position: relative;
													margin-top: -24.3vw;
													vertical-align: top; 
												
													}

													.hako18{width: 39.3vw;
														margin-left: 49.5vw;
														aspect-ratio: 0.393 / 0.59;
														position: relative;
														margin-top: -15.7vw;
														vertical-align: top; 
													
														}
	

					.obi2{margin-top: 5.1vw;
					margin-bottom: 5.1vw;}
		

.obi{width: 115.9vw;}

.link{display: block;
position: relative;}


.obi1{margin-top: 29.8vw;}

.side_up{border-bottom: 1px solid #5D5D5D;
width: 100%;
height: 12.4vw;}

.insta_link{width: 1.3vw;
margin: auto;
margin-top: 1vw;
margin-bottom: 2.4vw;
}

.mena_moji button{background-color: transparent;
	padding-left: 0;
	color: #5D5D5D;
	font-size: 16px;
border: none;}

.con button{background-color: transparent;
border: none;}

.sen{background-color: #5D5D5D;
	height: 1px;
	width: 100%;
opacity: 0.2;}

.mena_moji{color: #5D5D5D;

	font-family: "aktiv-grotesk", sans-serif;
font-weight: 400;
margin-top: 0.5vw;
margin-bottom: 0.5vw;

}

.mena_moji a{text-decoration: none;
color: #5D5D5D;}

canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 5000;
	mix-blend-mode: multiply;
	opacity: 0.04;

}


.s3_1{justify-content: space-between;
margin-bottom: 2.5vw;}

.menu_open{width: 1.8vw;
margin: auto;
}

.huro{position: fixed;
background-color: white;
width: 100vw;
height: 100vh;
display: grid;
justify-content: center;
place-items: center;
z-index: 101;
top: 0;
left: 0;}

.hurobox{width: 25vw;
animation: huro 1s 1;
animation-fill-mode: forwards;
mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;
}

@keyframes huro {
0%{mask-image: none;
	mask-size: 0% 0%;
	overflow: hidden;
	line-height: 0;
  line-height: 0;
	clip-path: inset(0% 100% 0% 0%);
	mask-position: right center;}
100%{	clip-path: inset(0% 0% 0% 0%);  /* 右側から全体に広がる */
	mask-size: 110% 110%;
	transition-duration: 1s ;
	transition-timing-function:ease-in-out;}
}

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

.hurobox img{width: 100%;}

.hurox{opacity: 0;
visibility: hidden;}

.ing{margin: 0;
margin-right: 0;}

.side3{visibility: hidden;
	height: 0;
transition: all 0.5ss;
opacity: 0;
padding: 1vw;}

.side3x{visibility: visible;
	height: auto;
	transition: all 2s;
opacity: 1;}
.menu_close{width: 2.7vw;}

.side1x{display: none!important;
visibility: none;
pointer-events: none;
}

.huro img {
	cursor: pointer;
	transition: filter 0.3s;
}

.on { filter: brightness(0.38) saturate(0); }
.off { filter: brightness(0.38) saturate(0); }

.on:hover { filter: unset; }
.off:hover { filter:unset; }

body.no-scroll {
	overflow: hidden;
}

.side2x{display: none!important;
	visibility: none;
	pointer-events: none;
	}

	.h2{
		margin: auto;
		margin-top: 4vw;
	width: 12.5vw;
}

.back{position: fixed;
color: white;
font-size: 2vw;
top: 2vw;
right: 2vw;}

.back a{text-decoration: none;
color: white;}
	.on{width: 4.8vw!important;}

	.off{width: 4.8vw!important;}

.side_down{overflow: hidden;
width: 100%;
height: 100%;}

.sidex{width: 15.6vw;
transition: all 1s;}

.side{transition: all 1s;}

.vertical-scroll {
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	width: 1.8vw;
	animation: verticalMarquee 180s linear infinite;
}

@keyframes verticalMarquee {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-50%);
	}
}

.vertical-scroll img {
	width: 100%;
	display: block;
}

#sp{display: none;}

.sp{display: none;}

.cre{width: 18.8vw;
margin: auto;
margin-top: 2.8vw;
padding-bottom: 2.8vw;}

img{width: 100%;}

.close-btn {
	position: absolute;
	background-color: transparent;
	top: 15px;
	right: 15px;
	color: white;
	border: none;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 2vw;
	font-weight: 100;
	cursor: pointer;
	font-family: 'aktiv-grotesk-thin';
}


/* ------------ SP ---------------*/
@media (max-width: 1024px) {

	.close-btn{font-size: 30px;}

.insta_link{width: 4.1vw;
margin-top: 3.1vw;
margin-bottom: 7.4vw;}



.menu_open{width: 4.1vw;}
	.side_up{height: 37.9vw;}
	.vertical-scroll{width: 5.3vw;}
	.cre{width: 48.2vw;
	margin-left: 40.7vw;}
	#sp{display: block;}
	.sp{display: block;}

	#pc{display: none;}

	.pc{display: none;}

	.hako1 .dis{flex-direction: column;}

	.hako2 .dis{flex-direction: column;}

	.hako1{margin: 0;
	width: 91vw;
margin-bottom: 10vw;}

	.hako2{margin: 0;
		width: 91vw;
	margin-top: -17vw;}

		.maru{width: 25.6vw;
		margin-top: -6vw;
		}

	.hk1_a{width: 100%;}
	.hk1_b{width: 100%;
	margin: auto;}
	.hk2_a{width: 100%;}
	.hk2_b{width: 100%;
	margin: auto;
margin-top: -0.1vw;
}
	.side{width: 9vw;
	height: 100dvh;}
	.hako3{margin: auto;
	margin-right: 9vw;
	width: 74.6vw;
	margin-top: 12.3vw;
order: 1;}

	.obi1{margin: auto;
	order: 2;
margin-top: 8.2vw;
margin-bottom: 12.3vw;
}
	.obi{width: 356vw;}

	.sinobi{display: flex;
	flex-direction: column;}

	.hako4{margin: 0;
	width: 74.6vw;}

	.hako5{width: 69vw;
	margin: auto;
margin-right: 0;
margin-top: 9.2vw;}

.hako6{width: 84vw;
margin: auto;
margin-right: 9vw;
margin-top: 10vw;}

.hako7{width: 91vw;
margin: 0;
margin-top: 14.9vw;
}

.hako8{width: 45.5vw;
margin: 0;
margin-top: 14.9vw;
}
.mena_moji button{font-size: 14px;}
.monovideo{width: 100vw !important;}

.hako9{width: 45.5vw;
margin: 0;
margin-left: 45.4vw;
margin-top: -68.2vw;}

.obi2{margin-top: 12.3vw;
margin-bottom: 14.9vw;}

.hako10{width: 68.3vw;
margin: 0;}

.hako11{width: 68.3vw;
	margin: auto;
margin-right: 9vw;
margin-top: 7.2vw;
}

.hako12{width: 91vw;
	margin: 0;
margin-top: 6.4vw;}

.hako13{width: 82.6vw;
margin: auto;
margin-right: 0;
margin-top: 9.7vw;
position: relative;
z-index: 2;
}

.obi4{margin-top: -69.5vw;}

.hako14{width: 84.9vw;
margin: 0;
margin-top: 64.1vw;}

.hako15{width: 91vw;
margin: 0;
margin-top: 10.3vw;}

.obi3{margin-top: 38.7vw;}

.hako16{width: 71vw;
margin: auto;
margin-right: 9vw;
margin-top: -36.2vw;
}

.hako17{width: 77.2vw;
margin: 0;
margin-top: 10.3vw;}

.hako18{width: 60vw;
margin: auto;
margin-right: 0;
margin-top: 10.3vw;
}

.sidex{width: 46.7vw;}

.mena_moji a{font-size: 14px;}

.mena_moji{margin-top: 10px;
margin-bottom: 10px;}

.menas{width: 41.8svw;
margin: auto;}

.menu_close{width: 8.2vw;
margin-top: 3.6vw;
margin-left: 2.3vw;}

.side3{padding: 0;}

.ing{margin-right: 2.3vw;}



.popup-details{    font-family: "aktiv-grotesk", sans-serif;
	line-height: 7.7vw;
font-size: 14px;
}

.go .popup-details{    
position: relative!important;}

.popup-grid{grid-template-columns:65vw!important;
	grid-template-rows: repeat(5, 27vw)!important;
justify-content: center!important;
place-items: center!important;}

.yon .popup-grid{grid-template-rows: repeat(4, 27vw)!important;

top:37%;}
.ni .popup-grid{grid-template-rows: repeat(2, 27vw)!important;}

.san .popup-grid{grid-template-rows: repeat(3, 27vw)!important;}

.ichi .popup-grid{grid-template-rows: repeat(1, 27vw)!important;}
.de1{margin-left: 4.9vw;
width: 35.9vw;
text-align: left;
}

.popup-details div{height: 7.7vw;}
.popup-content{height: auto;}

.popup{overflow: scroll;}

.close{font-size: 30px!important;
z-index: 5;}

.popup-content{padding: 0!important;}

.popup{background-color: white!important;}

.go .popup-grid{position: relative!important;
left: unset!important;
transform: unset!important;
top: unset!important;
}

.tb1{width: 66.9vw;}
.topbar{padding-left: 5vw;
padding-top: 5vw;
padding-bottom: 3.6vw;}

.bigtex{height: 100vh;
width: 100vw;

display: grid;
place-items: center;
justify-content: center;
left: 0;
top: 0;}

.conp{flex-direction: column;
font-size: 15px;
line-height: 21px;
position: relative;
left: unset;
top: unset;
transform: unset;
margin-left: 17vw;
padding-top: 45vh;
}

.over{top: 0;}

.con2{line-height: 21px;}

.con1{width: 50.8vw;
margin-bottom: 15.4vw;}

.mute-button{width: 5.4vw!important;}

.video{width: 91vw;}

.con3{width: 33.6vw;
margin-top: 7.7vw;
}

.inai{margin-bottom: 4vw;}

.conp2{padding-bottom: 20vw;}

.mute-button2{width: 14.4vw;
margin-left: 2.3vw;
bottom: 5vw;}

.b{width: 22vw;
height: 6vw;
left: 0;
right: 0;
margin: auto;
top: 28vw;}

.marquee-container{font-size: 12px;
line-height: 6vw;}

.con{width: 23vw;}

.hurobox{width: 75vw;}

.h2{margin-top: 10vw;
width: 40vw;
}

.on{width: 14vw!important;}

.off{width: 14vw!important;}

.mute-button{bottom: 5vw;
	left: 3vw;
width: 7vw!important;}

.videon {
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: hidden;
  }
  
  .videon video,
  .video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  .video-poster {
	z-index: 2;
	transition: opacity 0.3s ease;
  }
  
  .video-poster.hidden {
	opacity: 0;
	pointer-events: none;
  }
  
  .kabu{margin-top: 0;}

}