#wpadminbar {
  display: none !important;
}
#sec-kv{
position:relative;
background-color:var(--bg0-color);
width:100vw;
/*
height: calc(50vw + 15px);
*/
height: 50vw;
}
#sec-kv .sec-inr img{
width:100%;
}

#kv_pc{
position:absolute;
top:0%;
left:0%;
width:100vw;
height:50vw;
overflow:hidden;
}
#kv_pc_title{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0.1);
height:50vw;
width:100vw !important;
opacity:1;
transition:opacity 1.0s ease 0s;
z-index:10;
}
/*
#kv_pc_girl{
position:absolute;
top:auto;
bottom:0%;
left:auto;
right:0%;
transform:translate(50%,50%);
height:100%;
width:100%;
z-index:9;
transition:transform 0.3s cubic-bezier(.12,.9,.69,1.02) 0.4s;
}
#kv_pc_leftbottom{
position:absolute;
top:auto;
bottom:0%;
left:0%;
transform:translate(-50%,50%);
height:100%;
width:100%;
z-index:3;
transition:transform 0.3s cubic-bezier(.12,.9,.69,1.02) 0.4s;
}
#kv_pc_lefttop{
position:absolute;
top:0%;
left:0%;
transform:translate(-50%,-50%);
height:100%;
width:100%;
z-index:2;
transition:transform 0.3s cubic-bezier(.12,.9,.69,1.02) 0.4s;
}
#kv_pc_righttop{
position:absolute;
top:0%;
left:auto;
right:0%;
transform:translate(50%,-50%);
height:100%;
width:100%;
z-index:8;
transition:transform 0.3s cubic-bezier(.12,.9,.69,1.02) 0.4s;
}

*/

.go #kv_pc_title{
	opacity:1;
	animation-name: scale-easeOutBounce;
	animation-duration: 1000ms;
	animation-fill-mode: forwards;
}
/*
.go #kv_pc_girl{
	transform:translate(0%,0%);
}

.go #kv_pc_leftbottom{
	transform:translate(0%,0%);
}
.go #kv_pc_lefttop{
	transform:translate(0%,0%);
}
.go #kv_pc_righttop{
	transform:translate(0%,0%);
}
*/



@keyframes scale-easeOutBounce {
	0% {
		transform:translate(-50%,-50%)  scale(0);
	}
	12% {
		transform:translate(-50%,-50%)  scale(0.11);
	}
	
	24% {
		transform:translate(-50%,-50%) scale(0.44);
	}

	36% {
		transform:translate(-50%,-50%)  scale(0.98);
	}
	
	54% {
		transform:translate(-50%,-50%)  scale(0.75);
	}
	74% {
		transform:translate(-50%,-50%)  scale(0.98);
	}
	
	82% {
		transform:translate(-50%,-50%)  scale(0.94);
	}
	92% {
		transform:translate(-50%,-50%)  scale(0.99);
	}
	
	96% {
		transform:translate(-50%,-50%)  scale(0.98);
	}
	
	100% {
		transform:translate(-50%,-50%)  scale(1);
	}

}


@keyframes scale-easeOutBounce-rev {
	0% {
		transform: translate(-50%,-50%) scale(1);
	}

	12% {
		transform: translate(-50%,-50%) scale(0.89);
	}

	24% {
		transform: translate(-50%,-50%) scale(0.56);
	}

	36% {
		transform: translate(-50%,-50%) scale(0.02);
	}

	54% {
		transform: translate(-50%,-50%) scale(0.25);
	}

	74% {
		transform: translate(-50%,-50%) scale(0.02);
	}

	82% {
		transform: translate(-50%,-50%) scale(0.06);
	}

	92% {
		transform: translate(-50%,-50%) scale(0.01);
	}

	96% {
		transform: translate(-50%,-50%) scale(0.02);
	}

	100% {
		transform: translate(-50%,-50%) scale(0);
	}

}

/* 追従ボタン */
#sec-kv { position: relative;  --btn-size: clamp(135px, 22vw, 270px); }
#floating_btn{
  position: absolute;
  right: 20px;
  bottom: calc(-0.5 * var(--btn-size));
  width: var(--btn-size);
  height: auto;
  display: block;
  z-index: 20;
  transition: transform .2s ease, opacity .2s ease;
}
#floating_btn img{ width:100%; height:auto; display:block; }

/* FVを過ぎたら：右下に固定、下オフセットは 5vw */
#floating_btn.is-fixed{
  position: fixed;
  right: 20px;
  bottom: 3vw;
}
@media screen and (max-width: 770px){
	#floating_btn.is-fixed{ right: 10px;}
	#floating_btn{right: 10px;}
}
#sec-highlights {
	--secH: 600px;                     /* PCのセクション高さ */
	--trackW: clamp(120px, 18vw, 230px);/* トラック=宇宙船の幅 */
	height: var(--secH);
	background-image: url("https://sound-messe.com/img_2026/kv/bg02.webp");
	background-size: cover;
	position: relative;
	z-index: 10;
}
#sec-highlights::after{
  content:"";
  position:absolute;
  bottom:-4px;
  right:0;
  width:60%;
  background:url("https://sound-messe.com/img_2026/highlights/bg-comic.png") right center/contain no-repeat;
  z-index:0;
  height: 30vw;
  pointer-events:none;
}

/* ship-track は変数を使って統一 */

#sec-highlights .cont_wrap {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100%;
 position: relative; z-index: 1;
}
#sec-highlights .spaceship {
	width: 150px;
	height: auto;
}
#sec-highlights .cont_wrap .text_box {
	display: flex;
	max-width: 920px;
	height: 100%;  
	margin-left: -150px;  
}
/* 通り道 */
#sec-highlights .ship-track{
  position: relative;
   width: var(--trackW); 
  height: auto; 
  overflow: hidden; 

  /*上で自然に消えるゾーン */
  --fadeTop: 48px;     
  --fadeBottom: 24px;  

/* 上下フェード（Safari対応で -webkit- も）*/
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,1) var(--fadeTop),
    rgba(0,0,0,1) calc(100% - var(--fadeBottom)),
    rgba(0,0,0,0) 100%
  );
          mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,1) var(--fadeTop),
    rgba(0,0,0,1) calc(100% - var(--fadeBottom)),
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* 宇宙船：下→上へループ（そのままでOK） */
#sec-highlights .spaceship{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;  
  height: auto;
  top: calc(100% + var(--fadeBottom)); 
  animation: ship-rise 4s linear infinite;
}

@keyframes ship-rise{
  0%   { top: calc(100% + var(--fadeBottom)); } /* 下からフェードイン */
  100% { top: calc(-1 * var(--fadeTop)); }      /* 上でフェードアウト */
}

#sec-highlights .cont_wrap .main-text {
	width: 690px;
}
#sec-highlights .arrow {
  position: absolute;
  top: -30px;     
  left: 30px;    
  width: 100px;
  height: auto;
  animation: floaty 8s ease-in-out infinite;
  z-index: 100;
}
/* ぷかぷかアニメーション */
@keyframes floaty {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px); /* 上下に15px動く */
  }
}
/* 770px以下 */
@media screen and (max-width: 900px){
  #sec-highlights{
    height: auto;
    padding: 48px 0 100px;
  }
  #sec-highlights .cont_wrap{
    flex-direction: column;
    gap: 20px;
    width: min(94%, 700px);
    margin: 0 auto;
  }
  #sec-highlights .text_box{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
	margin-left: 0 !important; 
  }
  #sec-highlights .ship-track{
    width: clamp(120px, 40vw, 180px);
    height: clamp(220px, 55vh, 340px); /* ★ここが肝 */
    margin-inline: auto;
  }
  #sec-highlights .spaceship{
    width: clamp(140px, 45vw, 220px);
    height: auto;
  }
  #sec-highlights .main-text{
    width: clamp(260px, 90vw, 560px) !important;
    height: auto;
  }
  /* 矢印の扱い */
  #sec-highlights .arrow{ width: 64px; height: auto; top: -60px; }
}



#sec-exhibiting {
	background-color:var(--bg1-color);
}
#sec-exhibiting .btn_wrap{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* はみ出し防止 */
  gap: 60px;
  width: min(100%, 900px);
  box-sizing: border-box;      /* ← paddingを幅に含める */
  padding: 60px 30px;
  margin: 0 auto;
  justify-items: stretch;
  align-items: stretch;
}
/* a をブロック化してセル幅にフィットさせる */
#sec-exhibiting .btn_wrap a{
  display: block;
  width: 100%;
}
/* 画像はセル幅にフィット */
#sec-exhibiting .btn_wrap img{
  display: block;
  width: 100%;
  height: auto;
}
/* スマホは1カラムに */
@media (max-width: 680px){
	#sec-exhibiting {
		padding: 0 40px;
	}
  #sec-exhibiting .btn_wrap{
    grid-template-columns: 1fr;
  	gap: 30px;
	padding: 30px 0;
  }
}


#sec-topics{
	padding-top:30px;
	background-color:var(--bg1-color);
	color:#FFFFFF;

}

#sec-topics .banner{
max-width:90%;
width:600px;
display:block;
margin:0% auto;
}

#sec-topics .bottom_tri_right{
	background-color:var(--bg-color1);
}

#toptopics{
	width:100%;
	padding-bottom:80px;
}
#topreccomends_swiper{
	margin:0% auto;
	width:100%;
}


#toptopics .swiper-slide a{
	opacity:0.7;
	transition:opacity 0.4s ease;
}
#toptopics .swiper-slide-active a{
	opacity:1;
}

#toptopics .swiper-button-next,
#toptopics .swiper-button-prev{
color:var(--cont-color-foot);


}
#toptopics .swiper-button-next{
right:4vw;
}
#toptopics .swiper-button-prev{
left:4vw;
}
#toptopics .swiper-button-next:after,
#toptopics .swiper-button-prev:after{
font-size:8vw;
}



.toplink_100{
 display:block;
 max-width:864px;
 margin:0 auto;
 width:100%;
}
.toplink_100 img{
	width:100%;
}

#toplink{
 max-width:1080px;
 margin:50px auto 100px;
}


#toplink a{
	display:block;
	width:49%;
} 
#toplink a.full{
	width:100%;
}
#toplink a img{
	width:100%;
}




#topbannerswiper{
	margin:0% auto;
	width:1080px;
	padding-bottom:35px;
}
#topbannerswiper .swiper-slide{
	width:auto;
}
#topbannerswiper .swiper-slide-inr{
	box-sizing: border-box;
	padding:0 2%;
}
.topbanner{
	max-width:600px;
	display:block;
	margin:0% auto;
}
.topbanner_large{
	max-width:800px;
	width:94%;
	display:block;
	margin:0% auto 90px;
}


@media screen and (max-width: 1100px) {
	#topbannerswiper{
		width:100%;
	}
	.topbanner_large{
	margin:0% auto 7vw;
	}
}

@media screen and (max-width: 770px) {
	.toplink_100{
		width:90%;
	}
	#toplink{
	display:block;
	}
	#toplink a{
		display:block;
		width:80%;
		margin:4vw auto;
	} 
	.topbanner{
		max-width:80vw;

		
	}

}

#sec-movie{
background-color:var(--bg-color1);
padding-top:50px;
padding-bottom:90px;
}

#sec-movie video,
#sec-movie iframe{
display:block;
margin:0% auto 30px;
}

#sec-movie #thanksmessage{
color:#FFFFFF;
font-size:24px;
text-align:center;
line-height:180%;
padding:0% 0% 30px;
}

#sec-movie .bottom_tri_right{
	background-color:var(--bg1-color);

}
@media screen and (max-width: 770px) {
#sec-movie{

padding-top:10vw;
padding-bottom:15vw;
}
	#sec-movie video,
	#sec-movie iframe{
		width:80vw;
		height:80vw;
	}
	#sec-movie #thanksmessage{
		padding:5vw 7vw;
		font-size:4vw;
	}

}


.top_information{
	width:100%;
	box-sizing:border-box;
	padding-left:0px;
	
	
}

.top_information ul{
	max-width:800px;
	width:100%;
	margin:0 auto;
	list-style-type:none;
	padding:0px;
}
.top_information ul li{
	display:flex;
	flex-wrap:wrap;
	padding-bottom:15px;
}
.top_information ul li .date{
	width:140px;
	padding-right:15px;
	box-sizing:border-box;
}
.top_information ul li a{
	width:calc(100% - 140px);
	color:#FFFFFF;
}

#sec-news.sec{

	background-color:var(--bg3-color);
	color:#FFFFFF;
	
}

#sec-news .bottom_tri{
	background-color:var(--bg0-color);
}


#sec-topticket .txt{
padding-bottom:30px;
color:var(--bg-color1);
font-size:115%;
font-weight:700;
text-align:center;
}
#sec-topticket .top_information .jp{
border-radius:5px;
padding:25px;
background-color:#FFFFFF;
border:solid 1px var(--bg-color1);
margin-bottom:30px;
}
#sec-topticket .top_information .en{
border-radius:5px;
padding:25px;
background-color:#FFFFFF;
border:solid 1px var(--bg-color1);
margin-bottom:30px;
}


#sec-topticket .top_information .en h3,
#sec-topticket .top_information .jp h3{
text-align:center;
}
#sec-topticket .top_information .en ul,
#sec-topticket .top_information .jp ul{
list-style-type:square;

}

#sec-topticket .top_information .en ul li,
#sec-topticket .top_information .jp ul li{
display:list-item;
}


#sec-topticket .top_information .txt_end{
padding-top:15px;
text-align:center;
font-size:115%;
}

#sec-topticket .bottom_tri_right{
background-color:var(--bg-color1);
}
@media screen and (max-width: 770px) {
	#sec-topticket .top_information .en ul,
	#sec-topticket .top_information .jp ul{
	padding-left:7vw;
	
	}
	#sec-topticket .top_information .en ul li,
	#sec-topticket .top_information .jp ul li{
		padding:1vw 0%;
	
	}
	#sec-topticket .top_information .en,
	#sec-topticket .top_information .jp{
		margin-bottom:5vw;
		padding:5vw;
	}
	#sec-topticket .top_information .txt_end{
		padding-top:5vw;
	}
	#sec-topticket .txt{
		padding-bottom:8vw;
	}
	#sec-topticket .top_information .en h3,
	#sec-topticket .top_information .jp h3{
		padding-bottom:4vw;
	}
}


#sec-atc{
background-color:#FFFFFF;
position:relative;
width:100%;
overflow:hidden;
	color:#000000;

	box-sizing:border-box;
	min-height:60vw;
}
#sec-atc .bg{
	position:absolute;
	top:0%;
	left:0%;

	background-size:cover;
	background-position:center center;
	z-index:1;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
}
#sec-atc .atc{
	position:absolute;
	top:auto;
	bottom:0%;
	left:0%;
	background-image:url(https://sound-messe.com/img_2025/atc.webp);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	z-index:2;
	width:100%;
	height:100%;
}
#sec-atc .radiation{
	position:absolute;
	top:50%;
	left:50%;
	width:120%;
	height:120%;
	transform:translate(-50%,-50%);
	background-image:url(https://sound-messe.com/img_2025/radiation.webp);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:2;
}
#sec-atc #atctext{
	position:absolute;
	top:50%;
	left:50%;
	max-width:40vw;
	width:100%;
	transform:translate(-50%,-50%) scale(0.0001);
	z-index:10;
}
#superman1_arm{
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:200%;
	transform:translate(-50%,-50%) rotate(-90deg);
	z-index:10;
}
#sec-atc #superman1_o{
	position:absolute;
	top:0%;
	left:50%;
	width:1px;
	height:1px;
	transform:rotate(90deg) scale(0.001);
	z-index:10;
}
#sec-atc #superman1_o img{
	width:25vw;
	position:absolute;
	top:0%;
	left:0%;
}
#superman2_arm{
	position:absolute;
	top:50%;
	left:50%;
	width:1px;
	height:125%;
	transform:translate(-50%,-50%) rotate(-120deg);

	z-index:10;

}
#sec-atc #superman2_o{
	position:absolute;
	top:auto;
	bottom:0%;
	right:0%;
	width:1px;
	height:1px;
	transform:rotate(120deg) scale(0.001);
	z-index:10;
}
#sec-atc #superman2_o img{
	width:25vw;
	position:absolute;
	top:0%;
	left:0%;
}




#sec-atc.go #superman1_arm{
	animation-name: in_superman1_arm;
	animation-duration: 2500ms;
	animation-fill-mode: forwards;
	animation-delay: 0ms;
	animation-timing-function: linear;
}
#sec-atc.go #superman1_o{
	animation-name: in_superman1_o;
	animation-duration: 2500ms;
	animation-fill-mode: forwards;
	animation-delay: 0ms;
	animation-timing-function: linear;
}

#sec-atc.go #superman1{
	animation-name: in_superman1;
	animation-duration: 2500ms;
	animation-fill-mode: forwards;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-delay: 2100ms;
	animation-timing-function: ease-in-out;
}


#sec-atc.go #superman2_arm{
	animation-name: in_superman2_arm;
	animation-duration: 2500ms;
	animation-fill-mode: forwards;
	animation-delay: 0ms;
	animation-timing-function: linear;
}
#sec-atc.go #superman2_o{
	animation-name: in_superman2_o;
	animation-duration: 2500ms;
	animation-fill-mode: forwards;
	animation-delay: 0ms;
	animation-timing-function: linear;
}

#sec-atc.go #superman2{
	animation-name: in_superman2;
	animation-duration: 3000ms;
	animation-fill-mode: forwards;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-delay: 2400ms;
	animation-timing-function: ease-in-out;
}
@keyframes in_superman1_arm {
	0% {
		height:250%;
		transform:translate(-50%,-50%) rotate(-90deg);
	}
	100% {
		height:150%;
		transform:translate(-50%,-50%) rotate(-60deg);
	}
}
@keyframes in_superman1_o {

	0% {
		transform:rotate(90deg) scale(0.001);
	}
	100% {
		transform:rotate(60deg) scale(1);
	}
}
@keyframes in_superman1 {
	0% {
		top:0%;
	}
	100% {
		top:2.5vw;
	}
}


@keyframes in_superman2_arm {
	0% {
		height:125%;
		transform:translate(-50%,-50%) rotate(-120deg);
	}
	50% {
		height:175%;
		transform:translate(-50%,-50%) rotate(-100deg);
	}
	100% {
		height:50%;
		transform:translate(-50%,-50%) rotate(-80deg);
	}
}


@keyframes in_superman2_o {

	0% {
		transform:rotate(120deg) scale(0.001);
	}
	100% {
		transform:rotate(80deg) scale(1);
	}
}
@keyframes in_superman2 {
	0% {
		top:0%;
		
	}
	100% {
		top:2.5vw;
	}
}


#sec-atc.go #atctext{
	opacity:1;
	animation-name: scale-easeOutBounce;
	animation-duration: 1000ms;
	animation-fill-mode: forwards;
}


#sec-atc .top_tri_right{
	background-color:var(--bg-color1);
	z-index:100;
}
#sec-atc .bottom_tri_right{
	background-color:#ead700;
	z-index:100;
}

@media screen and (max-width: 770px) {
	#sec-atc{
		min-height:90vw;
	}
	#sec-atc #atctext{
		max-width:74vw;

	}
	#sec-atc .atc{
		width:118vw;
		
	}
	
	
	#sec-atc #superman1_o img{
		width:33vw;	
	}
	#sec-atc #superman2_o img{
		width:33vw;	
	}
	
	#sec-atc.go #superman1_arm{
		animation-name: in_superman1_arm_sp;
		animation-duration: 3000ms;
		animation-fill-mode: forwards;
		animation-delay: 0ms;
		animation-timing-function: linear;
	}
	#sec-atc.go #superman1_o{
		animation-name: in_superman1_o_sp;
		animation-duration: 3000ms;
		animation-fill-mode: forwards;
		animation-delay: 0ms;
		animation-timing-function: linear;
	}
	#sec-atc.go #superman2_arm{
		animation-name: in_superman2_arm_sp;
		animation-duration: 3000ms;
		animation-fill-mode: forwards;
		animation-delay: 0ms;
		animation-timing-function: linear;
	}
	#sec-atc.go #superman2_o{
		animation-name: in_superman2_o_sp;
		animation-duration: 3000ms;
		animation-fill-mode: forwards;
		animation-delay: 0ms;
		animation-timing-function: linear;
	}
}


@keyframes in_superman1_arm_sp {
	0% {
		height:250%;
		transform:translate(-50%,-50%) rotate(-90deg);
	}
	100% {
		height:123%;
		transform:translate(-50%,-50%) rotate(-45deg);
	}
}
@keyframes in_superman1_o_sp {

	0% {
		transform:rotate(90deg) scale(0.001);
	}
	100% {
		transform:rotate(45deg) scale(1);
	}
}

@keyframes in_superman2_arm_sp {
	0% {
		height:125%;
		transform:translate(-50%,-50%) rotate(-90deg);
	}

	100% {
		height:50%;
		transform:translate(-50%,-50%) rotate(-30deg);
	}
}


@keyframes in_superman2_o_sp {

	0% {
		transform:rotate(90deg) scale(0.001);
	}
	100% {
		transform:rotate(30deg) scale(1);
	}
}



#sec-second-top{
position:relative;
z-index:5;
}




#sec-second .fs-l{
	font-size:125%;
}
#sec-second .fs-s{
	font-size:75%;
}
#sec-second .copy{
	font-size:28px;
	font-weight:700;
	text-align:center;
	line-height:180%;
	margin-bottom:40px;
	display:block;
}
#sec-second-main-img{
max-width:640px;
width:74%;
margin: 0 auto 50px;
display:block;
position:relative;
z-index:5;

}



@media screen and (max-width: 1100px) {
#sec-second .blockwrap dl{
	width:18%;
	margin:1%;
}

}
@media screen and (max-width: 770px) {


	
	.top_information{
		width:90%;
		margin: 0% auto;
		padding-left:0%;	
	}
	.top_information ul{
		margin-bottom:5vw;
	}
	.top_information ul li{
		display:block;
		border-top: dotted 3px #FFFFFF;
		padding:4vw 0vw;
	}
.top_information ul li a{
width:100%;
}
.top_information ul li .date{
		display:block;
		width:100%;
	padding-right:0px;
	font-weight:400;
		font-size:85%;
	box-sizing:border-box;
}
	
	

	
	#sec-second{
		padding-top:2vw;
		padding-bottom:30vw;

	}
	#sec-second h2{
		font-size:4.2vw;
	}
	#sec-second .copy{
		font-size:4.2vw;
		margin-bottom:4vw;
		margin-top:0vw;
		padding-top:5vw;
	}
#sec-second .fs-l{
	font-size:145%;
	font-weight:700;
}
	
	
	
	#sec-second .bg{
		bottom:0vw;
		background-image:url(../img/top-second02/atc_sp.webp);
	}
#sec-second .bg:after{
content:"";
display:block;
padding-top:77.1428%;
}


}



/*FRONT*/

	.top_covid a:before{
		display:none;	
	}

.top_covid{
	max-width:800px;
	width:90%;
	text-align:center;
	margin: 0px auto 0px;
	padding-bottom:50px;
}
.top_covid a{
	display:block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#b05d89;	
	text-decoration:none;
	position:relative;
	text-align:center;
}


.top_covid:hover a{
text-decoration:underline;
}
.top_covid:hover a:before{
	width:100%;
}

.top_information{
	width:100%;
	max-width:900px;
	box-sizing:border-box;
	padding-left:0px;
	margin: 0% auto;
}






#topreccomends_slidewrap{
position:relative;
	max-width:1080px;
	margin:0 auto;
}

#topreccomends_swiper{
	width:100%;
	max-width:920px;
	margin:0 auto;
}
#topreccomends_swiper .swiper-slide-inr{
	display:flex;
	flex-wrap:wrap;
}
#topreccomends_swiper .item{
	width:33.33%;
	height:100%;
	padding:18px 5px;
	box-sizing:border-box;
}
#topreccomends_swiper .item a.itemimg{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	border:solid 1px #CCCCCC;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
#topreccomends_swiper .item a.itemimg:before{
	content:"";
	padding-top:100%;
	width:100%;
	display:block;
}

#topreccomends_swiper .item a.itemimg img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
object-fit: contain;
}
#topreccomends_swiper .item .itemlink{
text-decoration:none;
font-size:75%;
display:inline-block;
}
#topreccomends_swiper .item .brand .itemlink{
	font-weight:700;
	margin-right:5px;
}
#topreccomends_swiper .item .exhibitor{
display:block;
clear:both;
font-size:75%;
}
#topreccomends_slidewrap .swiper-button-next{
	top:50%;
	height:80px;
	width:40px;
	right:0%;
	transform:translate(0%,-50%);
	color:#999999;
}

#topreccomends_slidewrap .swiper-button-next:after{
	content:"";
	display:block;
	width:3px;
	height:70.7107%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(0%,-17%) rotate(45deg);
	background-color:var(--bg1-color);
	margin:0px;
}
#topreccomends_slidewrap .swiper-button-next:before{
	content:"";
	display:block;
	width:3px;
	height:70.7107%;
	position:absolute;
	top:50%;
	left:50%;
	margin:0px;
	transform:translate(0%,-85%) rotate(-45deg);
	background-color:var(--bg1-color);
}


#topreccomends_slidewrap .swiper-button-prev{
	top:50%;
	height:80px;
	width:40px;
	left:0%;
	transform:translate(0%,-50%);
	color:#999999;
}
#topreccomends_slidewrap .swiper-button-prev:after{
	content:"";
	display:block;
	width:3px;
	height:70.7107%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(0%,-17%) rotate(-45deg);
	background-color:var(--bg1-color);
	margin:0px;
}
#topreccomends_slidewrap .swiper-button-prev:before{
	content:"";
	display:block;
	width:3px;
	height:70.7107%;
	position:absolute;
	top:50%;
	left:50%;
	margin:0px;
	transform:translate(0%,-85%) rotate(45deg);
	background-color:var(--bg1-color);
}
#topreccomends_slidewrap_sp{
	display:none;
}
@media screen and (max-width: 770px) {
	#topreccomends_slidewrap{
		display:none;
	}
	#topreccomends_slidewrap_sp{
		display:block;
		width:100%;
		margin:0 auto;
		
	}
	#topreccomends_swiper_sp .swiper-slide-inr{
		display:block;
	}
	#topreccomends_swiper_sp .item{
		width:100%;
		height:100%;
		padding:2vw;
		box-sizing:border-box;
	}
	#topreccomends_swiper_sp .item a.itemimg{
		position:relative;
		width:100%;
		height:100%;
		display:block;
		border:solid 1px #CCCCCC;
		box-sizing:border-box;
		background-color:#FFFFFF;
	}
	#topreccomends_swiper_sp .item a.itemimg:before{
		content:"";
		padding-top:100%;
		width:100%;
		display:block;
	}
	
	#topreccomends_swiper_sp .item a.itemimg img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	object-fit: contain;
	}
	#topreccomends_swiper_sp .item .itemlink{
	text-decoration:none;
	font-size:75%;
	display:inline-block;
	}
	#topreccomends_swiper_sp .item .brand .itemlink{
		font-weight:700;
		margin-right:2vw;
	}
	#topreccomends_swiper_sp .item .exhibitor{
	display:block;
	clear:both;
	font-size:75%;
	}
	
	#topreccomends_slidewrap_sp .swiper-button-next{
		top:50%;
		height:80px;
		width:40px;
		right:0%;
		transform:translate(0%,-50%);
		color:#ead700;
	}
	
	#topreccomends_slidewrap_sp .swiper-button-next:after{
		content:"";
		display:block;
		width:3px;
		height:70.7107%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(0%,-17%) rotate(45deg);
		background-color:#ead700;
		margin:0px;
	}
	#topreccomends_slidewrap_sp .swiper-button-next:before{
		content:"";
		display:block;
		width:3px;
		height:70.7107%;
		position:absolute;
		top:50%;
		left:50%;
		margin:0px;
		transform:translate(0%,-85%) rotate(-45deg);
		background-color:#ead700;
	}
	
	
	#topreccomends_slidewrap_sp .swiper-button-prev{
		top:50%;
		height:80px;
		width:40px;
		left:0%;
		transform:translate(0%,-50%);
		color:#ead700;
	}
	#topreccomends_slidewrap_sp .swiper-button-prev:after{
		content:"";
		display:block;
		width:3px;
		height:70.7107%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(0%,-17%) rotate(-45deg);
		background-color:#ead700;
		margin:0px;
	}
	#topreccomends_slidewrap_sp .swiper-button-prev:before{
		content:"";
		display:block;
		width:3px;
		height:70.7107%;
		position:absolute;
		top:50%;
		left:50%;
		margin:0px;
		transform:translate(0%,-85%) rotate(45deg);
		background-color:#ead700;
	}
	#sec-recommend .top_information_pager{
		padding:7vw 3vw 3vw;
		text-align:center;
	}
	#sec-recommend .top_information_pager a{
		font-size:110%;
		text-align:center;
		padding:3vw;
		display:block;	
	}
	
}



#sec-second .bg{
width:100%;
position:absolute;
bottom:0%;
left:0%;
	background-repeat:no-repeat;
	background-image:url(../img/top-second02/atc_pc.webp);
	background-position:center bottom;
	background-size:contain;
}

#sec-second .bg:after{
content:"";
display:block;
padding-top:75.45%;
}

#sec-second .fs-l{
	font-size:125%;
}
#sec-second .fs-s{
	font-size:75%;
}
#sec-second .copy{
	font-size:28px;
	font-weight:700;
	text-align:center;
	line-height:180%;
	margin-bottom:80px;
	display:block;
}
.second-block{
}

#sec-second .blockwrap{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:1080px;
	position:relative;
	z-index:11;
	margin: 0% auto;
	padding:0%;
}





#sec-second .blockwrap dl{

	background-color:#975589;
	margin:0.5%;
	border-radius:10px;
	position:relative;
	overflow:hidden;
	color:#FFFFFF;
}

#sec-second .blockwrap dl:before{
	position:absolute;
	content:"";
	display:block;
	border:dotted 1px #FFFFFF;
	width:calc(100% - 14px);
	height:calc(100% - 14px);
	z-index:0;
	top:50%;
	left:50%;
	border-radius:6px;
	box-sizing:border-box;
	transform:translate(-50%,-50%);
}




#sec-second .blockwrap dl .imgbox{
	width:100%;
	position:relative;
	z-index:1;
	overflow:hidden;
}
#sec-second .blockwrap dl .imgbox:before{
	display:block;
	content:"";
	padding-top:70%;
	width:100%;
}

#sec-second .blockwrap dl .imgbox:after{
	content:"";
	display:block;
	transform:translate(-50%,0%) rotate(25deg);
	width:100%;
	height:200%;
	position:absolute;
	top:50%;
	left:50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;	
}

#sec-second .blockwrap dl.block_ticket .imgbox:after{
	background-image:url(../img/top-second02/a_guitar_300.png);
	width:142%;
	height:200%;
	top:auto;
	bottom:-60%;
	transform:translate(-47%,0%) rotate(25deg);
}

#sec-second .blockwrap dl.block_products .imgbox:after{

	background-image:url(../img/top-second02/a_guitar_300.png);
	width:142%;
	height:200%;
	top:auto;
	bottom:-60%;
	transform:translate(-47%,0%) rotate(25deg); 
}
#sec-second.v1 .blockwrap dl.block_products .imgbox:after{
	width:142%;
	height:200%;
	top:auto;
	bottom:-60%;
	transform:translate(-47%,0%) rotate(25deg);
}


#sec-second .blockwrap dl.block_map .imgbox:after{
	background-image:url(../img/top-second02/bass_300.png);
	width:110%;
	height:200%;
	top:auto;
	bottom:-50%;
	transform:translate(-45%,0%) rotate(25deg); 
}





#sec-second .blockwrap dl.block_exhibitors .imgbox:after{
	background-image:url(../img/top-second02/e_guitar_300.png);
	width:105%;
	height:200%;
	top:auto;
	bottom:-67%;
	transform:translate(-50%,0%) rotate(25deg);

}



#sec-second .blockwrap dl.block_access .imgbox:after{
	background-image:url(../img/top-second02/atc.webp);
	background-position:center 70px;
	background-size:contain;
	width:78%;
	height:200%;
	top:auto;
	bottom:-58%;
	transform:translate(-50%,0%) rotate(0deg);
}
#sec-second .blockwrap dl.block_event .imgbox:after{
	background-image:url(../img/top-second02/ukulele_300.png);
	width:100%;
	height:200%;
	top:auto;
	bottom:-60%;
	transform:translate(-47%,0%) rotate(25deg);
}

#sec-second .blockwrap dl.block_contact .imgbox:after,
#sec-second .blockwrap dl.block_faq .imgbox:after{
	background-image:url(../img/top-second02/bg-contact-chara.webp);
	background-size:contain;
	width:100%;
	height:110%;
	top:auto;
	bottom:0%;
	transform:translate(-50%,5%) rotate(0deg);
}



#sec-second .blockwrap dl a{
	text-decoration:none;
}

#sec-second .blockwrap dl dt{
	color:#FFFFFF;
	position:relative;
	z-index:1;
	text-align:center;


}
#sec-second .blockwrap dl dt .en{
	display:block;
font-size: 15px;
	font-weight:700;
}
#sec-second .blockwrap dl dt .jp{
	display:block;
	font-size:14px;
}
#sec-second #bottomrow{
margin-top: 2%;
padding: 2% 0 0;
border-top: 2px solid #f3edf3;

}

#sec-second #bottomrow dl{
box-sizing: border-box;
background: #f3edf3;
}
#sec-second #bottomrow dl:before{
border: dotted 2px #975589;
}
#sec-second #bottomrow dl:after{

position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.8vw;
height: 0.8vw;

-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.25s;
border-top: 1px solid #975589 !important;
border-right: 1px solid #975589 !important;
}

#sec-second #midrow dl:after{
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.8vw;
height: 0.8vw;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.25s;
}


#sec-second .blockwrap dl .underconstruct_text {
text-align:center;
}

#sec-second #toprow dl{
	width:24%;
	height:270px;
}

#sec-second.v1 #toprow dl{
	width:32.33%;
	height:320px;
}

#sec-second #toprow dl dt{
	padding-top:10%;
}
#sec-second.v1 #toprow dl dt{
	padding-top:3%;
}


#sec-second #midrow dl{
	width:24%;
}
#sec-second #midrow dl dt{
	padding:15px 0px;
}



#sec-second #bottomrow dl{
	width:49%;
}

#sec-second #bottomrow dl dt{
	padding:15px 0px;
	color:#975589;
}

#ukulele_sp{
	display:none;
}
#secondtoppic1{
	position:absolute;
	top: 0%;
	left:50%;
	transform:translate(-280%,-80%) rotate(17deg);
	padding:4px;
	border:solid 1px #cccccc;
	width:160px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	line-height:100%;
	background-color:#FFFFFF;
}
#secondtoppic1 img{
	width:100%;
	display:block;
	line-height:100%;
}

#secondtoppic2{
	position:absolute;
	top: 10%;
	left:50%;
	transform:translate(-320%,25%) rotate(-10deg);
	padding:4px;
	border:solid 1px #cccccc;
	width:160px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color:#FFFFFF;
}
#secondtoppic2 img{
	width:100%;
	display:block;
	line-height:100%;
}
#secondtoppic3{
	position:absolute;
	top: 0%;
	left:50%;
	transform:translate(180%,-75%) rotate(-10deg);
	padding:4px;
	border:solid 1px #cccccc;
	width:160px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color:#FFFFFF;
}
#secondtoppic3 img{
	width:100%;
	display:block;
	line-height:100%;
}
#secondtoppic4{
	position:absolute;
	top: 10%;
	left:50%;
	transform:translate(220%,25%) rotate(10deg);
	padding:4px;
	border:solid 1px #cccccc;
	width:160px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color:#FFFFFF;
}
#secondtoppic4 img{
	width:100%;
	display:block;
	line-height:100%;
}
.bottomcopy{
position:relative;
width:100%;
z-index:2;
margin-top:150px;
}


@media screen and (max-width: 770px) {
	body #sec-kv{
		min-height:133vw;
		height:133vw;
	}
	body #sec-kv .bgimg {

		
	}
	#kv_main{
		display:none;
	}
	#kv_main_sp img#ukulele_sp{
		opacity:0;
		display:block;
		width:18vw;
		position:absolute;
		top:58%;
		left:44%;
		transform:translate(-50%,-50%) rotate(-10deg);	
	}
	#kv_main_sp.start img#ukulele_sp{
		opacity:1;
		transition:opacity 0.8s ease 2s;
	}
	
	#kv_main_sp img#ukulele2_sp{
		opacity:0;
		display:block;
		width:14vw;
		position:absolute;
		top:58.5%;
		left:auto;
		right:40%;
		transform:translate(50%,-50%) rotate(16deg);	
	}
	#kv_main_sp.start img#ukulele2_sp{
		opacity:1;
		transition:opacity 0.8s ease 2s;
	}
	#kv_main_sp img#bass_sp{
		opacity:0;
		display:block;
		width:30vw;
		position:absolute;
		top:58%;
		left:8%;
		transform:translate(-50%,-50%) rotate(-40deg);	
	}
	#kv_main_sp.start img#bass_sp{
		opacity:1;
		transition:opacity 0.8s ease 2s;
	}
	#kv_main_sp img#e_guitar2_sp{
		opacity:0;
		display:block;
		width:20vw;
		position:absolute;
		top:60%;
		left:auto;
		right:12%;
		transform:translate(50%,-50%) rotate(40deg);	
	}
	#kv_main_sp.start img#e_guitar2_sp{
		opacity:1;
		transition:opacity 0.8s ease 2s;
	}
	#top_main_wrap{
		display:block;	
	}
	.top_covid{
		width:90%;
	}
	.top_covid a:before{
		display:none;	
	}
	.top_covid a{
		font-size:3.4vw;
		padding:4vw;
		box-sizing:border-box;
	}
	.top_covid a span{
		position:static;
		display:inline;
	}
	.top_covid a span br{
		 display:none;	
	}
	.top_information{
		width:90%;
		margin: 0% auto;
		padding-left:0%;	
	}
	.top_information_pager{
		padding-top:5vw;
	}
	#sec-main{
		padding-top:5vw;	
		padding-bottom:15vw;	
	}


	#topreccomends_slidewrap{
		width:94vw;
		margin: 0% auto;	
	}
	#topreccomends_swiper{
		width:78vw;
	}
	#topreccomends_slidewrap .swiper-button-next{
		width:5vw;
		height:10vw;	
	}
	#topreccomends_slidewrap .swiper-button-prev{
		width:5vw;
		height:10vw;	
	}
	#topreccomends_swiper .item{
		padding:1vw;	
	}
	#sec-recommend{
		padding-top:5vw;	
		padding-bottom:15vw;
	}

	
	#topmovie{
		max-width:80vw;
	margin:0% auto 3vw;
	}
	
	#sec-second{
		padding-top:5vw;
		padding-bottom:20vw;
		min-height:80vw;
	}
	#sec-second h2{
		font-size:4.2vw;
	}
	#sec-second .copy{
		font-size:4.2vw;
		margin-bottom:20vw;
		margin-top:0vw;
		padding-top:5vw;
	}
	#sec-second .fs-l{
		font-size:145%;
		font-weight:700;
	}
	
	
	#sec-second .blockwrap{
		display:flex;
		margin: 0% auto;
		width:94%;
		justify-content:space-between;
	}
	#sec-second .blockwrap dl{
		margin:0%;
		height:auto;
		display:flex;
		align-items:center;
		padding-top:0vw;
		padding-bottom:0vw;
		margin-top:1.5vw;
		margin-bottom:1.5vw;
	}
	#sec-second .blockwrap dl:before{
		opacity:0.3;	
	
	}
	
	#sec-second .blockwrap dl dt{
		width:30vw;

		text-align:left;
		display:flex;
		align-items:center;
		flex-wrap:wrap;
	}
	#sec-second .blockwrap dl dt .en{
		display:block;
		font-size:3.8vw;
		line-height:100%;
		padding-bottom:2vw;
		font-weight:400;
	}
	#sec-second .blockwrap dl dt .jp{
		display:block;
		font-size:3.2vw;
		line-height:100%;
	}
	
		
	#sec-second .blockwrap dl .arrow{
		width:3vw;
		height:6vw;
		position:relative;
		left:-6vw;
		top:0%;
	transform:translate(0%,0%);
	}
	#sec-second #toprow{
		padding-bottom:5vw;
		
	}
	
	#sec-second.v1 #toprow dl,
	#sec-second #toprow dl{
		width:49%;
		height:auto;
	}
	#sec-second.v1 #toprow dl dt,
	#sec-second #toprow dl dt{
		padding-top:0%;	
		display:block;
	}
	#sec-second #midrow{
		padding-bottom:5vw;
		
	}
	#sec-second #midrow dl{
		width:49%;
	}
	#sec-second #midrow dl dt{
		padding:3vw 4vw;	
		width:100%;
		box-sizing:border-box;	
		display:block;
		width:46vw;
	}
#sec-second #toprow dl:after, 
#sec-second #midrow dl:after{
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.8vw;
height: 0.8vw;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.25s;
}
#sec-second #bottomrow dl:after{
position: absolute;
top: 0;
bottom: 0;
right: 18px;
margin: auto;
content: "";
vertical-align: middle;
width: 0.8vw;
height: 0.8vw;
border-top: 1px solid #975589 !important;
border-right: 1px solid #975589 !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.25s;
}
#sec-second #bottomrow{
margin-top: 0;
padding: 5vw 0 0;
}
	
	#sec-second #bottomrow dl{
		width:99%;
	}
	#sec-second #bottomrow dl dt{
		padding:3vw 4vw;	
		width:100%;
		box-sizing:border-box;
		display:block;
	}
	
	#sec-second .blockwrap dl:before{
		width:calc(100%	- 3vw);
		height:calc(100% - 3vw);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}
	#sec-second .blockwrap dl a{
		display:flex;
		align-items:center;
	}
	#sec-second .blockwrap dl .imgbox{
		width:15vw;
		position:relative;
		overflow:hidden;
	}
	#sec-second .blockwrap dl .imgbox:before{
		display:block;
		content:"";
		padding-top:90%;
		width:100%;
	}
	
	#sec-second .blockwrap dl.block_ticket .imgbox:after{
		background-image:url(../img/top-second02/a_guitar_150.png);
		width:142%;
		height:200%;
		top:auto;
		bottom:-30%;
		transform:translate(-47%,0%) rotate(25deg);
	}
		
	#sec-second .blockwrap dl.block_event .imgbox:after{
		background-image:url(../img/top-second02/ukulele_150.png);
		width:105%;
		height:200%;
		top:auto;
		bottom:-40%;
		transform:translate(-50%,0%) rotate(25deg);
		
	}
	#sec-second .blockwrap dl.block_exhibitors .imgbox:after{
		background-image:url(../img/top-second02/e_guitar_150.png);
		width:105%;
		height:200%;
		top:auto;
		bottom:-40%;
		transform:translate(-50%,0%) rotate(25deg);
	
	}
	#sec-second .blockwrap dl.block_access .imgbox:after{
	
		background-image:url(../img/top-second02/atc.webp);
		background-position:center 0%;
	
		width:75%;
		height:100%;
		top:auto;
		bottom:-5%;
		transform:translate(-50%,0%);
	}
	#sec-second .blockwrap dl.block_map .imgbox:after{
		background-image:url(../img/top-second02/bass_150.png);
		width:100%;
		height:200%;
		top:auto;
		bottom:-37%;
		transform:translate(-47%,0%) rotate(25deg);
	}
	
	#sec-second.v1 .blockwrap dl.block_products .imgbox:after,
	#sec-second .blockwrap dl.block_products .imgbox:after{
		background-image:url(../img/top-second02/a_guitar_150.png);
		width:142%;
		height:200%;
		top:auto;
		bottom:-30%;
		transform:translate(-47%,0%) rotate(25deg);
	}
	#sec-second .blockwrap dl.block_faq .imgbox:after{
		background-image:url(../img/top-second02/bg-contact-chara.webp);
		width:95%;
		height:110%;
		top:auto;
		bottom:0%;
		transform:translate(-55%,5%) rotate(0deg);
		background-size:contain;
	}



	
#sec-second .blockwrap dl.underconstruct .arrow{
display:none;
}
	#sec-second .blockwrap dl.underconstruct dt{
				width:55vw;
	}


#sec-second .blockwrap dl .underconstruct_text {
text-align:center;
}
	
	
	#sec-second .bg{
		bottom:0vw;
		background-image:url(../img/top-second02/atc_sp.webp);
	}
#sec-second .bg:after{
content:"";
display:block;
padding-top:77.1428%;
}
	.bottomcopy{
		margin-top:18vw;
		
	}




	
}



@media screen and (max-width: 770px) {


	

#secondtoppic1{
	position:absolute;
	top: 0%;
	left:50%;
	transform:translate(-280%,-20%) rotate(17deg);
	padding:0.6vw;
	border:solid 1px #cccccc;
	width:13vw;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	line-height:100%;
	background-color:#FFFFFF;
}

#secondtoppic2{
	position:absolute;
	top: 5%;
	left:50%;
	transform:translate(-280%,370%) rotate(-10deg);
	padding:0.6vw;
	border:solid 1px #cccccc;
	width:13vw;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color:#FFFFFF;
}
#secondtoppic3{
	position:absolute;
	top: 0%;
	left:50%;
	transform:translate(180%,0%) rotate(-10deg);
	padding:0.6vw;
	border:solid 1px #cccccc;
	width:13vw;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color:#FFFFFF;
}

#secondtoppic4{
	position:absolute;
	top: 5%;
	left:50%;
	transform:translate(190%,370%) rotate(10deg);
	padding:0.6vw;
	border:solid 1px #cccccc;
	width:13vw;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	background-color:#FFFFFF;
}


}
.top_bottom_banner{
position:relative;
z-index:3;
padding-top:40px;
padding-bottom:120px;
}
.top_bottom_banner .banner{
	max-width:640px;
	width:90%;
	margin: 0 auto;
}
.top_bottom_banner .banner img{
	width:100%;
	border:solid 1px #333333;
}
@media screen and (max-width: 770px) {
	.top_bottom_banner{
		padding-top:10vw;
	}
}

#toptopics_banner_wrap{
	display:flex;
	flex-wrap:wrap;
	width:100%;	
	justify-content:center;
}
#toptopics_banner_wrap a{
	display:block;
	width:36vw;
	max-width:640px;
	margin:0% 1vw;
	background-color:transparent;
}
#toptopics_banner_wrap a img{
	width:100%;
	display:block;
}
@media screen and (max-width: 770px) {
#toptopics_banner_wrap{
	display:block;
	width:86vw;
	margin:0vw auto;
}

#toptopics_banner_wrap a{
	width:100%;
	margin:0vw auto;
	max-width:86vw;
}
#toptopics_banner_wrap a:first-child{

	margin:0vw auto 5vw;
}
}


#sec-gallery{
  background: url("https://sound-messe.com/img_2026/kv/bg02.webp") center/cover no-repeat;
}

#sec-gallery　.sec-inr{

}
#top_gallery_thumbnail{
	display:flex;
	flex-wrap:wrap;
	padding-top:70px;
	max-width:1000px;
	margin:0% auto;
	justify-content: center;
}
#top_gallery_thumbnail .thumbnail{
	width:96px;
	margin:2px;
	box-sizing:border-box;
	height:64px;
	text-align:center;
	position:relative;
	overflow:hidden;
	background-color:#FFFFFF;
	cursor:pointer;
	
}
#top_gallery_thumbnail .thumbnail img{
	max-width:100%;
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#top_gallery_player{

	/*width:100%;*/
	/*max-width:800px;*/
	margin:30px auto 0%;
	position:relative;
	box-sizing:border-box;
	width: 80%;
    max-width: 740px;
	/*margin-right: 20%;*/

}
#top_gallery_playerframe{
	border:solid 70px #ffffff;
	box-shadow: 3px 3px 7px #000000;
	background-color:#FFFFFF;
	width:100%;
	max-width:800px;
	margin:0px auto 0%;
	position:relative;
	box-sizing:border-box;
	transform:scale(0.1);
	opacity:0;
	transition:opacity 0.3s ease 0.4s;
}


#top_gallery_swiper,
#top_gallery_player　.swiper-slide,
#top_gallery_player　.swiper-slide-inr{
	font-size: 0; /*←これだけでOK！*/
}
#top_gallery_left{
	position:absolute;
	top:50%;
	left:0%;
	transform:translate(-70%,-50%);
	width: 81px;
    height: 88px;
	cursor:pointer;
	z-index:50;
}
#top_gallery_left img{
	width:100%;
	transform:scale(0.1);
	opacity:0;
	transition:opacity 0.3s ease 0.4s;
}


#top_gallery_right{
	position:absolute;
	top:50%;
	right:0%;
	transform:translate(70%,-50%);
	width: 81px;
    height: 88px;
	cursor:pointer;
	z-index:50;
}
#top_gallery_right img{
	width:100%;
	transform:scale(0.1);
	opacity:0;
	transition:opacity 0.3s ease 0.6s;
}
#top_gallery_player .swiper-slide-inr{
	width:100%;
}
#top_gallery_player .swiper-slide-inr img{
	max-height:540px;
	max-width:100%;
	font-size:0;
	margin:0% auto;
	line-height:0%;
	display:block;
}
#top_gallery_player .swiper-wrapper{
	font-size:0;
}
#top_gallery_title{
position:absolute;
top:0%;
left:0%;
transform:translate(-40%,-50%) scale(0.1);
z-index:50;
width:360px;
opacity:0;
transition:opacity 0.3s ease 0.2s;
}
#top_gallery_archive{
position:absolute;
bottom:0%;
right:0%;
transform:translate(70%,0%) scale(0.1);
z-index:50;
width:240px;
opacity:0;
transition:opacity 0.3s ease 0.8s;
}

.go #top_gallery_playerframe{
	opacity:1;
	animation-name: garrow-scale-easeOutBounce;
	animation-fill-mode: forwards;
	animation-duration: 800ms;
}

.go #top_gallery_title{
	opacity:1;
	animation-name: gtitle-scale-easeOutBounce;
	animation-duration: 800ms;
	animation-fill-mode: forwards;
	animation-delay: 200ms;
}

.go #top_gallery_left img{
	opacity:1;
	animation-name: garrow-scale-easeOutBounce;
	animation-duration: 800ms;
	animation-fill-mode: forwards;
	animation-delay: 400ms;
}

.go #top_gallery_right img{
	opacity:1;
	animation-name: garrow-scale-easeOutBounce;
	animation-duration: 800ms;
	animation-fill-mode: forwards;
	animation-delay: 600ms;
}

.go #top_gallery_archive{
	opacity:1;
	animation-name: garchive-scale-easeOutBounce;
	animation-duration: 800ms;
	animation-fill-mode: forwards;
	animation-delay: 800ms;
}



@keyframes gtitle-scale-easeOutBounce {
	0% {
		transform:translate(-40%,-50%) scale(0);
	}
	12% {
		transform:translate(-40%,-50%)  scale(0.11);
	}
	24% {
		transform:translate(-40%,-50%) scale(0.44);
	}
	36% {
		transform:translate(-40%,-50%)  scale(0.98);
	}
	54% {
		transform:translate(-40%,-50%)  scale(0.75);
	}
	74% {
		transform:translate(-40%,-50%)  scale(0.98);
	}
	82% {
		transform:translate(-40%,-50%)  scale(0.94);
	}
	92% {
		transform:translate(-40%,-50%)  scale(0.99);
	}
	96% {
		transform:translate(-40%,-50%)  scale(0.98);
	}
	100% {
		transform:translate(-40%,-50%)  scale(1);
	}
}
@keyframes garchive-scale-easeOutBounce {
	0% {
		transform:translate(70%,0%)  scale(0);
	}
	12% {
		transform:translate(70%,0%)  scale(0.11);
	}
	24% {
		transform:translate(70%,0%) scale(0.44);
	}
	36% {
		transform:translate(70%,0%)  scale(0.98);
	}
	54% {
		transform:translate(70%,0%)  scale(0.75);
	}
	74% {
		transform:translate(70%,0%)  scale(0.98);
	}
	82% {
		transform:translate(70%,0%)  scale(0.94);
	}
	92% {
		transform:translate(70%,0%)  scale(0.99);
	}
	96% {
		transform:translate(70%,0%)  scale(0.98);
	}
	100% {
		transform:translate(70%,0%)  scale(1);
	}
}


@keyframes garrow-scale-easeOutBounce {
	0% {
		transform:scale(0);
	}
	12% {
		transform:scale(0.11);
	}
	24% {
		transform:scale(0.44);
	}
	36% {
		transform:scale(0.98);
	}
	54% {
		transform:scale(0.75);
	}
	74% {
		transform:tscale(0.98);
	}
	82% {
		transform:scale(0.94);
	}
	92% {
		transform:scale(0.99);
	}
	96% {
		transform:scale(0.98);
	}
	100% {
		transform: scale(1);
	}
}
@media screen and (max-width: 900px) {
#top_gallery_player{
	margin: auto ;
}
}
@media screen and (max-width: 770px) {
	#top_gallery_player{
		
			margin:6vw auto 0%;
			width: 100%;
	}
	#top_gallery_thumbnail{
		position:relative;
		z-index:20;
	}

	#top_gallery_thumbnail .thumbnail{
		width:21vw;
		margin:0.6vw;
		box-sizing:border-box;
		height:14vw;
		text-align:center;
		position:relative;
		overflow:hidden;
		background-color:#FFFFFF;

	}
	
	
#top_gallery_playerframe{
	border:solid 5vw #ffffff;
	width:84vw;
	
}
	
#top_gallery_title{

transform:translate(-10%,-50%) scale(0.1);
z-index:50;
width:30vw;

}
.go #top_gallery_title{
	opacity:1;
	animation-name: gtitle-scale-easeOutBounce-sp;
	animation-duration: 800ms;
	animation-fill-mode: forwards;
	animation-delay: 200ms;
}

	
	#top_gallery_right{
	width:15vw;
	height: 15.321vw;
	transform:translate(30%,-50%);
/*
	width:159px;
	height:67px;
	*/
	}
	#top_gallery_left{
		transform:translate(-30%,-50%);
		width:15vw;
		height: 15.321vw;
	}
#top_gallery_thumbnail{
	display:flex;
	flex-wrap:wrap;
	padding-top:8vw;

}

	#top_gallery_archive{
		transform:translate(40%,20%) scale(0.1);
		width:22vw;
	}
	.go #top_gallery_archive{
		opacity:1;
		animation-name: garchive-scale-easeOutBounce-sp;
		animation-duration: 800ms;
		animation-fill-mode: forwards;
		animation-delay: 800ms;
	}
	#sec-gallery.sec .sec-inr{
		padding-bottom:10vw;	
		
	}

}

@keyframes gtitle-scale-easeOutBounce-sp {
	0% {
		transform:translate(-10%,-50%) scale(0);
	}
	12% {
		transform:translate(-10%,-50%)  scale(0.11);
	}
	24% {
		transform:translate(-10%,-50%) scale(0.44);
	}
	36% {
		transform:translate(-10%,-50%)  scale(0.98);
	}
	54% {
		transform:translate(-10%,-50%)  scale(0.75);
	}
	74% {
		transform:translate(-10%,-50%)  scale(0.98);
	}
	82% {
		transform:translate(-10%,-50%)  scale(0.94);
	}
	92% {
		transform:translate(-10%,-50%)  scale(0.99);
	}
	96% {
		transform:translate(-10%,-50%)  scale(0.98);
	}
	100% {
		transform:translate(-10%,-50%)  scale(1);
	}
}
@keyframes garchive-scale-easeOutBounce-sp {
	0% {
		transform:translate(40%,20%)  scale(0);
	}
	12% {
		transform:translate(10%,20%)  scale(0.11);
	}
	24% {
		transform:translate(10%,20%) scale(0.44);
	}
	36% {
		transform:translate(10%,20%)  scale(0.98);
	}
	54% {
		transform:translate(10%,20%)  scale(0.75);
	}
	74% {
		transform:translate(10%,20%)  scale(0.98);
	}
	82% {
		transform:translate(10%,20%)  scale(0.94);
	}
	92% {
		transform:translate(10%,20%)  scale(0.99);
	}
	96% {
		transform:translate(10%,20%)  scale(0.98);
	}
	100% {
		transform:translate(10%,20%)  scale(1);
	}
}

/* セクションを基準にする */
#sec-gallery { position: relative; }

/* 右側オーバーレイの“通り道” */
#sec-gallery .ship-track{
  position: absolute;
  right: clamp(8px, 2vw, 24px); 
  top: 0; bottom: 0; 
  width: clamp(120px, 14vw, 200px);
  overflow: hidden;
  z-index: -1;  
  pointer-events: none;

  /* 上下フェード */
  --fadeTop: 48px;
  --fadeBottom: 24px;
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,1) var(--fadeTop),
    rgba(0,0,0,1) calc(100% - var(--fadeBottom)),
    rgba(0,0,0,0) 100%
  );
          mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0,
    rgba(0,0,0,1) var(--fadeTop),
    rgba(0,0,0,1) calc(100% - var(--fadeBottom)),
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* ロケット本体：トラック幅にフィット＆下→上ループ */
#sec-gallery .ship-track .spaceship{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);  
  width: 100%; height: auto;    
  top: calc(100% + var(--fadeBottom)); 
  animation: gallery-ship-rise 8s linear infinite;
  will-change: top, transform;
}

@keyframes gallery-ship-rise{
  0%   { top: calc(100% + var(--fadeBottom)); }  /* 下からフェードイン */
  100% { top: calc(-1 * var(--fadeTop)); }       /* 上でフェードアウト */
}


/*@media (max-width: 900px){
  #sec-gallery .ship-track{
    width: clamp(100px, 22vw, 140px);
    right: clamp(6px, 2vw, 16px);
    opacity: .85; 
  }
}*/
@media (max-width: 900px){
  #sec-gallery .ship-track{ display: none; } /* 完全に消す場合 */
}

/* もしギャラリーUI（左右矢印）を手前 調整 */
#top_gallery_left, #top_gallery_right{ z-index: 10; /* ロケットより前へ */ }




#topartist_swiper{
padding-bottom:25px;
}
#sec-artist{
background-color:var(--bg-color1);
color:var(--wh-color);
}
#sec-artist .swiper-slide-inr{
box-sizing:border-box;
width:100%;
height:auto;
overflow:hidden;
}
#sec-artist .swiper-slide-inr:after{
content:"";
padding-top:125%;
display:block;
width:100%;
}

#sec-artist .swiper-slide-inr a{
	text-decoration:none;
	position:absolute;
	top:0%;
	left:0%;
	display:block;
	width:100%;
	height:100%;
	color:var(--wh-color);

}
#sec-artist .swiper-slide-inr span{
	display:block;
	text-align:center;
	font-size:15px;
}
#sec-artist .swiper-slide-inr span.title{
	font-weight:700;
}

#sec-artist .swiper-slide-inr figure{
width:100%;
height:auto;
overflow:hidden;
position:relative;
display:block;
}
#sec-artist .swiper-slide-inr figure:after{
content:"";
padding-top:100%;
display:block;
width:100%;
}
#topartist_swiper .swiper-slide-inr figure img{
	position:absolute;
	top:0%;
	width:100%;
	left:0%;
}





#sec-artist .swiper-button-prev:after,
#sec-artist .swiper-button-next:after{
	color:var(--bg-color1);
}
#sec-artist .top_information_pager a{

background-color:var(--bg0-color);
color:var(--bg-color1);

}
@media screen and (max-width: 770px) {
#sec-artist{
padding-bottom:7vw !important;
}
#sec-artist .top_information_page{
padding-top:10vw;
}
#sec-artist .top_information_pager a{
	padding:3vw;
	display:block;
	width:80vw;
	margin:0% auto;
	text-align:center;
	font-size:100%;
}
#topartist_swiper .swiper-slide-inr{



}
#sec-artist .swiper-slide-inr:after{
padding-top:122%;
}
#sec-artist .swiper-slide-inr span{
	font-size:3.4vw;
}
}