#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%;
}

#notice_banner {
  padding: 30px 15px;
  max-width: 800px;
  margin: auto;
}

#notice_banner .sec-inr {
  text-align: center;
}

#notice_banner .view_sp {
	display:none;
}
#notice_banner .view_pc {
	display: block;
}

#notice_banner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#notice_banner #kv_pc {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #notice_banner {
    padding: 10px 15px 20px;
  }
	#notice_banner .view_sp {
		display: block;
	}
	#notice_banner .view_pc {
		display: none;
	}
}

#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);
	}

}

/* ===============================
 * 2027 CTAボタン
 * PC：FV右下に2つ縦並び
 * SP：FV通過後に画面下へ横並び固定
 * =============================== */

#sec-kv {
	position: relative;
	overflow: visible;
}
#floating_info.is-disabled,
#floating_apply.is-disabled{
	pointer-events:none;
	cursor:default;
}
/* PC：2つをまとめる親 */
#floating_cta_wrap {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(125px, 14vw, 180px);
	display: flex;
	flex-direction: column;
	gap: 8px;
	z-index: 100;
}

/* 各CTA */
#floating_info,
#floating_apply {
	position: static;
	display: block;
	width: 100%;
	transform: none;
	transition: opacity .2s ease;
}

#floating_info img,
#floating_apply img {
	display: block;
	width: 100%;
	height: auto;
}

#floating_info:hover,
#floating_apply:hover {
	opacity: .85;
}

@media screen and (min-width:1261px){
	#floating_cta_wrap.is-fixed{
		position:fixed;
		top:50%;
		transform:translateY(-50%);
		right:20px;
		width:clamp(125px,14vw,180px);
		z-index:99999;
	}
}
@media screen and (max-width:770px){
	#floating_cta_wrap{
		position:static;
		top:auto;
		right:auto;
		transform:none;
	}
}

/* ===============================
 * 771〜1260px
 * FV通過後に右下へ横並び
 * =============================== */
@media screen and (min-width:771px) and (max-width:1260px){
	#floating_cta_wrap{
		position:absolute;
		top:auto;
		right:auto;
		transform:none;
	}
	#floating_info,
	#floating_apply{
		opacity:0;
		visibility:hidden;
		pointer-events:none;
	}
	#floating_info.is-fixed,
	#floating_apply.is-fixed{
		position:fixed !important;
		top:auto !important;
		bottom:30px !important;
		width:135px !important;
		transform:none !important;
		opacity:1 !important;
		visibility:visible !important;
		pointer-events:auto !important;
		z-index:99999 !important;
	}
	#floating_apply.is-fixed{
		left:auto !important;
		right:20px !important;
	}
	#floating_info.is-fixed{
		left:auto !important;
		right:20px !important;
	}
}
/* ===============================
 * SP：FV通過後だけ横並び固定
 * =============================== */
@media screen and (max-width:770px){
	#floating_info,
	#floating_apply{
		--cta-w:125px;
		--cta-gap:8px;
		position:fixed !important;
		top:auto !important;
		bottom:var(--cta-bottom,10px) !important;
		width:var(--cta-w) !important;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transform:translateY(12px) !important;
		z-index:99999 !important;
		transition:
			opacity .25s ease,
			transform .25s ease,
			visibility 0s linear .25s;
	}

	#floating_info{
		left:calc(50% - var(--cta-w) - (var(--cta-gap) / 2)) !important;
		right:auto !important;
	}

	#floating_apply{
		right: 20px;
	}

	#floating_info.is-fixed,
	#floating_apply.is-fixed{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transform:translateY(0) !important;
		transition:
			opacity .25s ease,
			transform .25s ease,
			visibility 0s;
	}
}

@media screen and (min-width: 771px) and (max-width: 1260px) {
	#sec-exhibiting .btn_wrap {
		padding: 80px 30px 70px !important;
	}
}

#sec-exhibiting {
	position: relative;
	overflow: visible;
	background-color: #000000;
}

#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: clamp(86px, 9vw, 140px) 28px;*/
	padding:clamp(70px,7vw,120px) 28px;
	margin: 0 auto;
	justify-items: stretch;
	align-items: stretch;
}

#sec-exhibiting .btn_wrap a {
	position: relative;
	display: block;
	width: 100%;
	transition: transform .3s ease;
}

/* 少し上へ */
#sec-exhibiting .btn_wrap a:hover {
	transform: translateY(-6px);
}

#sec-exhibiting .btn_wrap img {
	display: block;
	width: 100%;
	height: auto;
}

/* hover画像を上に重ねる */
#sec-exhibiting .btn_wrap a::after {
	content: "";
	position: absolute;
	inset: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
}

/* 日本語 */
#sec-exhibiting .btn_wrap a:first-child::after {
	background-image: url("/img_2027/btn-ja01-hover.webp");
}

/* English */
#sec-exhibiting .btn_wrap a:last-child::after {
	background-image: url("/img_2027/btn-en01-hover.webp");
}

/* 自然にhover画像へ */
#sec-exhibiting .btn_wrap a:hover::after {
	opacity: 1;
}

/* SPではCTAがfixedになるので、境界用の大きな余白は不要 */
@media screen and (max-width: 680px) {
	#sec-exhibiting {
		padding: 0 40px;
	}

	#sec-exhibiting .btn_wrap {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 45px 0 45px;
	}

	#sec-exhibiting .btn_wrap a {
		max-width: 300px;
		margin: auto;
	}

}


#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: #000000;
}

#sec-news.sec{
    background-color: #ffffff;
    color: #000000;
}

#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;
}

#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: 0;
		height: auto;
	}
	#sec-kv .sec-inr {
		line-height: 0;
	}

	#sec-kv .sec-inr > img.view_sp {
		display: block;
		width: 100%;
		height: auto;
	}
	#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{
	position:relative;
	background:url("/img_2027/gallery_bg.webp") center/cover no-repeat;
	padding-top: 75px;
}
#top_gallery_player{
	position:relative;
	z-index:30;
	box-sizing:border-box;
	width:80%;
	max-width:740px;
	margin:30px auto 0;
}
#top_gallery_playerframe{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:28px;
	background:transparent;
	transform:scale(.1);
	opacity:0;
	transition:opacity .3s ease .4s;
	z-index:30;
}
#top_gallery_title{
	position:absolute;
	top:-111px;
	left:-146px;
	width:484px;
	max-width:none;
	opacity:0;
	transform:scale(.1);
	transform-origin:center;
	transition:opacity .3s ease .2s;
	z-index:50;
	pointer-events:none;
}
#gallery_archive_top{
	position:absolute;
	top:-68px;
	right:-20px;
	z-index:100;
	display:flex;
	align-items:flex-end;
	gap:15px;
}
.gallery-year-btn{
	appearance:none;
	display:block;
	position:relative;
	border:0;
	padding:0;
	margin:0;
	background:transparent;
	cursor:pointer;
	z-index:100;
	transition:transform .25s ease,opacity .25s ease;
}
.gallery-year-btn:hover{
	transform:translateY(-4px);
}
.fan-visual{
	display:block;
	width:125px;
	height:auto;
	transform-origin:50% 92%;
	backface-visibility:hidden;
	will-change:transform;
}
.gallery-year-btn.is-current .fan-visual{
	filter:drop-shadow(0 5px 5px rgba(0,65,124,.25));
}
.gallery-year-btn.is-turning .fan-visual{
	animation:gallery-fan-kurun 580ms cubic-bezier(.34,1.4,.64,1) both;
}
@keyframes gallery-fan-kurun{
	0%{transform:rotate(0deg) scale(1);}
	25%{transform:rotate(80deg) scale(.93);}
	55%{transform:rotate(215deg) scale(.84);}
	80%{transform:rotate(330deg) scale(1.04);}
	100%{transform:rotate(360deg) scale(1);}
}
.gallery_washi_bg{
	position:absolute;
	top:50%;
	left:50%;
	width:calc(100% + 80px);
	height:calc(100% + 80px);
	object-fit:fill;
	transform:translate(-50%,-50%);
	z-index:1;
	pointer-events:none;
}
#top_gallery_swiper{
	position:relative;
	z-index:2;
	font-size:0;
	transition:opacity .22s ease,transform .22s ease;
}
#top_gallery_player .swiper-slide,
#top_gallery_player .swiper-slide-inr,
#top_gallery_player .swiper-wrapper{
	font-size:0;
}
#top_gallery_player .swiper-slide-inr{
	width:100%;
}
#top_gallery_player .swiper-slide-inr img{
	display:block;
	max-width:100%;
	max-height:540px;
	margin:0 auto;
	font-size:0;
	line-height:0;
}
#top_gallery_playerframe.is-changing #top_gallery_swiper{
	opacity:.2;
	transform:scale(.985);
}
#gallery_archive_current{
	position:absolute;
	right:-120px;
	bottom:-80px;
	z-index:200;
	opacity:0;
}
#gallery_archive_current .fan-visual{
	width:210px;
}
#top_gallery_left,
#top_gallery_right{
	position:absolute;
	top:50%;
	width:81px;
	height:88px;
	cursor:pointer;
	z-index:50;
}
#top_gallery_left{
	left:0;
	transform:translate(-70%,-50%);
}
#top_gallery_right{
	right:0;
	transform:translate(70%,-50%);
}
#top_gallery_left img,
#top_gallery_right img{
	display:block;
	width:100%;
	height:auto;
	transform:scale(.1);
	opacity:0;
}
#top_gallery_left img{
	transition:opacity .3s ease .4s;
}
#top_gallery_right img{
	transition:opacity .3s ease .6s;
}
#top_gallery_thumbnail{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:740px;
	margin:0 auto;
	padding-top:90px;
	z-index:1;
}
#top_gallery_thumbnail .thumbnail{
	appearance:none;
	position:relative;
	box-sizing:border-box;
	width:96px;
	height:64px;
	margin:2px;
	padding:0;
	overflow:hidden;
	border:0;
	background:#fff;
	cursor:pointer;
}
#top_gallery_thumbnail .thumbnail img{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	max-width:100%;
	transform:translate(-50%,-50%);
}
.go #top_gallery_playerframe{
	opacity:1;
	animation:garrow-scale-easeOutBounce 800ms forwards;
}
.go #top_gallery_title{
	opacity:1;
	animation:gtitle-scale-easeOutBounce 800ms forwards;
	animation-delay:200ms;
}
.go #top_gallery_left img{
	opacity:1;
	animation:garrow-scale-easeOutBounce 800ms forwards;
	animation-delay:400ms;
}
.go #top_gallery_right img{
	opacity:1;
	animation:garrow-scale-easeOutBounce 800ms forwards;
	animation-delay:600ms;
}
#gallery_archive_top .gallery-year-btn{
	opacity:0;
	transform:scale(.1);
}
.go #gallery_archive_top .gallery-year-btn:nth-child(1){
	animation:garchive-bounce 800ms forwards;
	animation-delay:650ms;
}
.go #gallery_archive_top .gallery-year-btn:nth-child(2){
	animation:garchive-bounce 800ms forwards;
	animation-delay:750ms;
}
.go #gallery_archive_current{
	animation:garchive-bounce 800ms forwards;
	animation-delay:850ms;
}
@keyframes garrow-scale-easeOutBounce{
	0%{transform:scale(0);}
	12%{transform:scale(.11);}
	24%{transform:scale(.44);}
	36%{transform:scale(.98);}
	54%{transform:scale(.75);}
	74%{transform:scale(.98);}
	82%{transform:scale(.94);}
	92%{transform:scale(.99);}
	96%{transform:scale(.98);}
	100%{transform:scale(1);}
}
@keyframes gtitle-scale-easeOutBounce{
	0%{transform:scale(0);}
	12%{transform:scale(.11);}
	24%{transform:scale(.44);}
	36%{transform:scale(.98);}
	54%{transform:scale(.75);}
	74%{transform:scale(.98);}
	82%{transform:scale(.94);}
	92%{transform:scale(.99);}
	96%{transform:scale(.98);}
	100%{transform:scale(1);}
}
@keyframes garchive-bounce{
	0%{opacity:0;transform:scale(0);}
	12%{opacity:1;transform:scale(.11);}
	24%{transform:scale(.44);}
	36%{transform:scale(.98);}
	54%{transform:scale(.75);}
	74%{transform:scale(.98);}
	82%{transform:scale(.94);}
	92%{transform:scale(.99);}
	96%{transform:scale(.98);}
	100%{opacity:1;transform:scale(1);}
}
@media screen and (min-width:771px) and (max-width:925px){
	#top_gallery_title{
		top:-90px;
		left:-105px;
		width:420px;
	}
	#gallery_archive_top{
		top:-65px;
		right:-10px;
		gap:10px;
	}
	.fan-visual{
		width:110px;
	}
	#gallery_archive_current{
		right:-85px;
		bottom:-65px;
	}
	#gallery_archive_current .fan-visual{
		width:130px;
	}
}
@media screen and (max-width:770px){
	#sec-gallery {
		padding-top: 0;
	}
	#top_gallery_player{
		width:88vw;
		margin:14vw auto 0;
	}
	#top_gallery_playerframe{
		padding:5vw;
	}
	.gallery_washi_bg{
		width:calc(100% + 4vw);
		height:calc(100% + 4vw);
	}
	#top_gallery_title{
		top: -13vw;
        left: -12vw;
        width: 56vw;
    }
	#gallery_archive_top{
		top:-13vw;
		right:0;
		gap:1.5vw;
	}
	.fan-visual{
		width:19vw;
	}
	#gallery_archive_current{
		right:-3vw;
		bottom:-11vw;
	}
	#gallery_archive_current .fan-visual{
		width:27vw;
	}
	#top_gallery_left,
	#top_gallery_right{
		width:11vw;
		height:10.3vw;
	}
	#top_gallery_left{
		left:-2%;
		transform:translate(-30%,-50%);
	}
	#top_gallery_right{
		right:-2%;
		transform:translate(30%,-50%);
	}
	#top_gallery_thumbnail{
		position:relative;
		z-index:20;
		padding-top:15vw;
	}
	#top_gallery_thumbnail .thumbnail{
		width:21vw;
		max-width:110px;
		aspect-ratio:3 / 2;
		height:auto;
		margin:.6vw;
	}
	#sec-gallery.sec .sec-inr{
		padding-bottom:30vw;
	}
}
@media (prefers-reduced-motion:reduce){
	.go #top_gallery_playerframe,
	.go #top_gallery_title,
	.go #top_gallery_left img,
	.go #top_gallery_right img,
	.go #gallery_archive_top .gallery-year-btn,
	.go #gallery_archive_current,
	.gallery-year-btn.is-turning .fan-visual{
		animation-duration:.01ms;
	}
}
/*ここまで*/

#topartist_swiper{
padding-bottom:25px;
}
#sec-artist{
background-color:#000000;
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(--bg1-color);
}
#sec-artist .top_information_pager a{

background-color:var(--bg0-color);
color:#000000;

}
@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;
}
}