/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.after_fv_superbox{
	width: 100% ;
	height: 100vh ;
	background-color: #3B3B3B;
	opacity: 0 ;
}
.after_fv_image_wrap{
	position: absolute ;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 100% ;
	max-width: 1920px ;
	height: 100% ;
}
.after_fv_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
	filter: blur(16px );
}


.after_fv_image_text{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 75% ;
	font-size: 30px ;
	text-align: center ;
	color : #FFFFFF ;
	z-index: 56 ;
	font-family: 'Noto Serif JP' ;
	font-weight: 900 ;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}

.after_logo{
	position: absolute;
	top : 0px ;
	left : 0px ;
	width: 80% ;
	max-width: 320px ;
	z-index: 52 ;
	display: none ;
}











.until{
	position: absolute ;
	top : 17%; ;
	right : 10% ;
	width: 10% ;
	height : 20% ;
	z-index: 2 ;
}
.until_back{
	width: 100% ;
}
.until_wrap{
	position: absolute;
	bottom : 28% ;
	left : 0% ;
	width: 100% ;
	font-size: 46px ;
	line-height: 24px ;
	text-align: center ;
	color : #ff1e37 ;
}
.bar_yamakataya{
	position: absolute ;
	top : 10% ;
	left : 17% ;
	width: 30% ;
	z-index: 4 ;
}
.stage_adtitle{
	position: absolute ;
	top : 10% ;
	left : 11% ;
	width: 6% ;
	z-index: 2 ;
}



.header_link{
	position: fixed ;
	top : 20px ;
	right : 20px ;
	width: 60px ;
	height : 60px ;
	border-radius: 50% ;
	background-color: #FFFFFF ;
	box-shadow: 4px 6px 0px rgba(0,0,0,0.25) ;
	z-index: 44 ;
	text-align: center ;
	cursor: pointer;
	font-size: 13px ;
	border : 2px solid #FFFFFF ;
}
.header_link.link_guests{
	top : 20px ;
	right : 20px ;
	width : 190px ;
	border-radius: 30px ;
}

.header_link.link_sche{	top : 20px ; right : 220px ; }
.header_link.link_map{	top : 20px ; right : 290px ; }
.header_link.link_eventlist{	top : 20px ; right : 360px ; }
.header_link.link_twitter{	top : 20px ; right : 430px ; background-color : transparent ;}
.link_twitter_img{
	width: 100% ;
}


.header_link_inner{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	font-weight: 700 ;
	line-height: 1.2 ;
	z-index: 45 ;
	color : #FFFFFF ;
}

.header_link_back{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 0% ;
	height: 0% ;
	z-index: 44 ;
	background-color: #FFFFFF;
	border-radius: 30px ;
}

/**
.link_sche .header_link_back{
	background-color: #FFB84C;
}
.link_map .header_link_back{
	background-color: #3EC70B;
}
.link_eventlist .header_link_back{
	background-color: #A149FA;
}
**/
.link_guests{
	background: #A076F9 ;
	background-size : 32px ;
	background-image : url("../images/pattern_dot4.png") ;
}

.link_sche{
	background: #FFB84C;
	background-size : 32px ;
	background-image : url("../images/pattern_dot4.png") ;
}
.link_map{
	background: #3EC70B;
	background-size : 32px ;
	background-image : url("../images/pattern_dot4.png") ;
}
.link_eventlist{
	background: #0A6EBD;
	background-size : 32px ;
	background-image : url("../images/pattern_dot4.png") ;
}


.header_link.na{
	background-color: #AAAAAA !important ;
}


.opre_superbox{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height: 100%  ;
	
	z-index: 54 ;
	overflow: hidden ;
}
.opre_superbox_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: #FFFF00 ;
}

.opre_logo_wrap{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 90% ;
	max-width: 1000px ;
	height : calc( 100% - 200px ) ;
	transform: translate(-50% , -50% );
	margin-top : -100px ;
}
.opre_wavebox{
	position: absolute ;
	bottom : -200px ;
	left : 0% ;
	width: 100% ;
	height : 200px ;
	padding : 60px ;
}
.opre_waveback{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	height: 50vh ;
	background-color: #f7f7f7 ;
}
.opre_wave{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
}
.opre_date{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}



.opre_logo_2023,
.opre_logo_kts,
.opre_logo_30th,
.opre_logo_todoke,
.opre_logo_back,
.opre_logo_back_dummy{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
	opacity : 0 ;
}
.opre_logo_kts{
	margin-top : -40px ;
}


.op_superbox{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 54 ;
	overflow: hidden ;
}

.op_logobox{
	position: absolute;
	top : 50% ;
	left : 50% ;
	max-width: 100% ;
	height : calc( 100% - 284px ) ;
	aspect-ratio: 960 / 540 ;
	transform: translate(-50%,-50%);
}
.op_logo{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 200% ;
	transform: translate(-50%,-50%);
	opacity : 0 ;
}
.opening_datebox{
	position: absolute;
	top : 40px ;
	left : 50% ;
	width : 90% ;
	height : 150px ;
	transform: translate(-50%,0%);
}
.opening_place,
.opening_date{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}
.opening_placebox{
	position: absolute;
	bottom : 40px ;
	left : 50% ;
	width : 90% ;
	height : 54px ;
	transform: translate(-50%,0%);
}




.chara_head{
	position: absolute ;
	top : 0px ;
	left : 82px ;
	width: 150px ;
	transform-origin: center bottom ;
	z-index:  2;
	transform : rotate(0deg) ;
}








.stage_superbox_dummy{
	width: 100% ;
	height: 100px ;
	background-color: #157fcd ;
}
.stage_cloud01{
	position: absolute;
	bottom : 0px ;
	right : -5% ;
	width: 40% ;
}
.stage_cloud02{
	position: absolute;
	bottom : 0px ;
	right : 50% ;
	width: 40% ;
}
.stage_cloud03{
	position: absolute;
	bottom : 50px ;
	right : 90% ;
	width: 10% ;
}
.stage_poyofly{
	position: absolute ;
	bottom : -80px ;
	right : -100% ;
	width: 320px ;
	z-index: 4;
}


.stage_superbox_wrap{
	width: 100% ;
	/** filter : brightness(50%); **/
}

.stage_superbox{
	width: 100% ;
	max-width: 1920px ;
	margin : 0px auto ;
	background-color: #FFFFFF ;
}
.stage_back{
	width: 200% ;
	left : -50% ;
	z-index: 1 ;
}

.stage_chara_test{
	position: absolute ;
	width: 7% ;
	cursor: pointer;
}
.stage_monitor_superbox{
	position: absolute;
	top : 52% ;
	left : 50% ;
	transform: translate(-50%,0%);
	width: 20%;
	aspect-ratio: 16 / 9 ;
	box-sizing: content-box !important;
	cursor: pointer;
	z-index: 2 ;
}
.bar_live{
	position: absolute;
	top : 52% ;
	left : 50% ;
	transform: translate(-50%,0%);
	width: 20%;
	aspect-ratio: 16 / 9 ;
	box-sizing: content-box !important;
	cursor: pointer;
	z-index: 2 ;
}
.stage_monitor{
	width: 100%;
	cursor: pointer;
	display: none ;
}
.stage_monitor_image01{
	width: 100% ;
}
.stage_monitor_overlay{
	position: fixed ;
	 top : 0% ;
	 left : 0% ;
	 width: 100% ;
	 height: 100% ;
	 z-index: 11 ;
	 display: none ;
}
.stage_monitor_overlay_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer ;
}
.stage_monitor_yt{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: calc( 100% - 80px );
	max-width: 1280px ;
	aspect-ratio: 16 / 9 ;
	transform: translate(-50%,-50%);
}
.stage_monitor_yt iframe{
	width: 100% !important;
	height: 100% !important;
}
.stage_monitor_yt video{
	width: 100% ;
}


/** chara --------------------------------- **/

.stage_chara_mcr{
	bottom : 31% ;
	left : 65% ;
	z-index: 3;
}
.stage_chara_mcl{
	bottom : 31% ;
	left : 24% ;
	z-index: 3;
}
.stage_chara_body{
	width: 100% ;
	z-index: 4 ;
}
.stage_chara_head{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	z-index: 3 ;
}

.stage_whiteboard{
	width: 25% ;
	bottom : 28% ;
	left : 54% ;
	z-index: 3;
}
.stage_dian{
	width: 14% ;
	bottom : 30% ;
	left : 32% ;
	z-index: 3;
}
.stage_hoi{
	width: 10.5% ;
	bottom : 29% ;
	left : 52% ;
	z-index: 4;
}
.stage_secret01{
	width: 14% ;
	bottom : 29% ;
	left : 9% ;
	z-index: 3;
}
.stage_secret02{
	width: 14% ;
	bottom : 29% ;
	left : 74% ;
	z-index: 3;
}
.stage_secret03{
	width: 7% ;
	bottom : 30% ;
	left : 22% ;
	z-index: 3;
}
.stage_secret04{
	width: 14% ;
	bottom : 29% ;
	left : 57% ;
	z-index: 3;
}
.stage_secret05{
	width: 14% ;
	bottom : 30% ;
	left : 15% ;
	z-index: 2;
}
.stage_kaiki{
	width: 14% ;
	bottom : 30% ;
	left : 64% ;
	z-index: 2;
}
.stage_konishiki{
	width: 14% ;
	bottom : 31% ;
	left : 24% ;
	z-index: 2;
}
.stage_youmenosay{
	width: 28% ;
	bottom : 56% ;
	left : 58% ;
	z-index: 4;
}
.stage_ktsapp{
	width: 28% ;
	bottom : 59% ;
	left : 25% ;
	z-index: 4;
}

.stage_family{
	width: 40% ;
	bottom : 1% ;
	left : 10% ;
	z-index: 4;
}
.bar_misoramen{
	position: absolute ;
	top : 28% ;
	left : 10% ;
	width: 15% ;
	z-index: 4 ;
	cursor: pointer;
}
.bar_konzatsu{
	position: absolute ;
	top : 14% ;
	left : 9% ;
	width: 16% ;
	z-index: 4 ;
	cursor: pointer;
}



.stage_misoramen{
	position: fixed ;
	top : 50% ;
	left : 50% ;
	width: 95% ;
	height: 95% ;
	transform: translate(-50%,-50%);
	background-color: rgba(255,168,218,0.9);
	z-index: 4 ;
	display: none ;
}
.stage_misoramen img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
	cursor: pointer;
}



/** chara --------------------------------- **/


.stage_frame_superbox{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 90% ;
	max-width: 1280px ;
	
	aspect-ratio: 1280 / 740 ;
	z-index:  4 ;
	display: none ;
	border-radius: 64px ;
	/** background-color: #FFF2CC ; **/
	/** background-color : rgba(255,255,255,0.8) ; **/
}


#stage_info_superbox_dummy{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 90% ;
	max-width: 1280px ;
	aspect-ratio: 1280 / 740 ;
	z-index:  1 ;
}

.stage_info_superbox{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 90% ;
	max-width: 1280px ;

	aspect-ratio: 1280 / 740 ;
	z-index:  4 ;
	display: none ;
	border-radius: 64px ;
	/** background-color: #FFF2CC ; **/
}
.stage_ol{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	z-index:  3 ;
	/** background-color: #016ac6 ; **/
	opacity: 0.8 ;
	display: none ;
}



.stage_frame_image{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 100% ;
	z-index: 14 ;
}

.stage_mc_l{
	position: absolute;
	bottom : -200px ;
	left : -40px ;
	width: 25% ;
	aspect-ratio: 2 / 5 ;
	max-width: 192px ;
	z-index: 15 ;
}
.stage_mc_r{
	position: absolute;
	bottom : -200px ;
	right : -40px ;
	width: 25% ;
	aspect-ratio: 2 / 5 ;
	max-width: 192px ;
	z-index: 15 ;
}

.chara_mc_head{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	z-index: 17 ;
}
.chara_mc_head_back{
	z-index: 15 ;
}

.chara_mc_body{
	width: 100% ;
	z-index: 16 ;
}

.stage_frame_itembox{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
	overflow: auto ;
	border-radius: 32px ;
	padding : 40px 160px 0px ;
	/** background-color: #FFF2CC ; **/
	background-color : rgba(255,255,255,0.9) ;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.5);
}
.stage_frame_item_update{
	position: absolute ;
	top : 0px ;
	right : 0px ;
	width: 300px ;
	padding : 10px 20px ;
	font-size: 14px ;
	font-weight: 900 ;
	text-align: right ;
	color : #19A7CE ;
}

.stage_frame_item_img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}
.stage_frame_item_img_wrap{
	width: 100% ;
	height : 200px ;
}

.stage_frame_item_name{
	width: 320px ;
	padding : 10px ;
	text-align: center ;
	color : #FFFFFF ;
	font-size: 24px ;
	background-color: #E966A0 ;
	margin : 20px auto 0px ;
	border-radius: 100px ;
}
.stage_frame_item_name a,
.stage_frame_item_name a:link,
.stage_frame_item_name a:visited{
	color : #FFFFFF ;
	text-shadow : 0px 4px 0px rgba(0,0,0,0.25) ;
}

.stage_frame_item_days{
	text-align: center ;
	font-size: 18px ;
	margin-top : 20px ;
}

.stage_baloon_l{
	position: absolute;
	bottom : 300px ;
	left : -40px ;
	width: 320px ;
	padding : 20px ;
	border : 4px solid #008c06 ;
	border-radius: 32px ;
	background-color : #cfdb00 ;
	/** background-image : url("../images/stage/baloon_back.png") ; **/
	z-index: 16 ;
	font-size: 24px ;
	line-height: 1.5 ;
	box-shadow: 4px 6px 0px #008c06 ;
	display: none ;
}
.stage_baloon_r{
	position: absolute;
	bottom : 300px ;
	right : -40px ;
	width: 320px ;
	padding : 20px ;
	border : 4px solid #008c06 ;
	border-radius: 32px ;
	background-color : #cfdb00 ;
	/** background-image : url("../images/stage/baloon_back.png") ; **/
	z-index: 16 ;
	font-size: 24px ;
	line-height: 1.5 ;
	box-shadow: 4px 6px 0px #008c06 ;
	display: none ;
}

.stage_baloon_cone{
	position: absolute;
	bottom : -63px ;
	left : 30px ;
}
.stage_baloon_r .stage_baloon_cone{
	left : auto ;
	right : 30px ;
}

.stage_latestinfo_flex{
	position: absolute;
	bottom : -40px ;
	width : 100% ;
	height : 40px ;
	justify-content: center !important;
	z-index:  18;
}
.stage_latestinfo_flex.active{
	opacity : 0.5 ;
}
.stage_latestinfo_title{
	width: 200px ;
	height : 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size: 16px ;
	background-color: #22A699 ;
	/** box-shadow: 4px 6px 0px #22A699 ; **/
	border-radius: 20px ;
	color : #FFFFFF ;
	margin : 0px 10px ;
}

.stage_latestinfo_num{
	width: 40px ;
	height : 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size: 24px ;
	background-color: #22A699 ;
	/** box-shadow: 4px 6px 0px #22A699 ; **/
	border-radius: 50% ;
	color : #FFFFFF ;
	margin : 0px 10px ;
	cursor: pointer;
}

.stage_latestinfo_num:hover,
.stage_latestinfo_item.active,
.stage_latestinfo_item:hover{
	background-color: #F24C3D ;
}

.section_title_logo{
	position: absolute;
	top : -52px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width: 200px ;
	z-index: 24 ;
}


.event_section_wrap{
	background: #0A6EBD ;
	/** background-image: url("../images/pattern_dot8.png"); **/
	background-size: 32px ;
}

.event_section{
	width: 100% ;
	padding : 100px 0px ;
}

.section_title_event{
	width: 260px ;
	margin : 0px auto ;
}
.section_title_event_image{
	width: 100% ;
	z-index: 1;
}

.event_title{
	width: 100% ;
	max-width: 360px ;
	height: 80px ;
	line-height: 80px ;
	font-size: 24px ;
	font-weight: 900 ;
	background-color: #FFFFFF; 
	box-shadow: 4px 6px 0px rgba(0,0,0,0.25);
	text-align: center ;
	color : #0A6EBD ;
	margin : 0px auto ;
	border-radius: 40px ;
	left : 20px ;
}

.event_inner{
	width: 100% ;
	margin: 80px auto 0px auto ;
	justify-content: center !important;
}
.event_inner_l{
	left : 100% ;
}
.event_inner_r{
	right : 100% ;
	flex-direction: row-reverse; 
}


.event_item_hall{
	width: 256px ;
	background-color: #FFFFFF ;
	z-index: 4 ;
}

.event_inner_l .event_item_hall{
	border-radius: 64px 0px 0px 64px ;
}
.event_inner_r .event_item_hall{
	border-radius: 0px 64px 64px 0px ;
}


.event_item_hall_inner{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	text-align: center ;
	color : #0A6EBD ;
	padding : 0px 20px ;
}
.event_item_hall_name{
	font-size: 18px ;
}
.event_item_hall_day{
	width: 128px ;
	font-size: 14px ;
	background-color: #0A6EBD ;
	margin : 10px auto 0px ;
	color : #FFFFFF ;
}
.event_item_hall_time{
	font-size: 14px ;
}


.event_inner_back{
	position: absolute;
	top : 0% ;
	left : 50% ;
	width: 100vw ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 1 ;
}
.event_inner_r .event_inner_back{
	left : auto ;
	right : 50% ;
}



.eventre_item{
	width: 256px ;
	height : 400px ;
	background-color: #FFFFFF ;
	z-index: 4 ;
}
.eventre_item.long{
	width: 512px ;
}
.eventre_item_image{
	width: 100% ;
	height : 400px ;
}
.eventre_item_image img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}
.eventre_item_image.contain img{
	object-fit: contain ;
}
.eventre_item_infobox{
	position: absolute;
	bottom : 0px ;
	left : 0px ;
	width: 100% ;
	text-align: center ;
	padding : 10px ;
	background-color : rgba(255,255,255,0.7) ;
	color : #2B2B2B ;
}



.event_item{
	width: 256px ;
	background-color: #FFFFFF ;
	z-index: 4 ;
}
.event_item_image{
	width: 100% ;
	height : 256px ;
	z-index: 1 ;
}
.event_item_image img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}
.event_item_infobox{
	width: 100% ;
	padding : 10px ;
	text-align: center ;
}

.event_item_name{
	font-size: 24px ;
}
.event_item_pos{
	font-size: 14px ;
}
.event_item_day{
	font-size: 14px ;
}



#event_section_sun .event_title{
	background-color: #FFFFFF; 
	color : #DB005B ;
}

#event_section_sun .event_item_hall_inner{
	color : #DB005B ;
}
#event_section_booth .event_item_hall_inner{
	color : #f3a620 ;
}

#event_section_sun .event_item_hall_day{
	background-color: #DB005B ;
}
#event_section_booth .event_item_hall_day{
	background-color: #f3a620 ;
}




.footer{
	width: 100% ;
	padding : 100px 40px 20px ;
	background-color: #2B2B2B ;
	color : #FFFFFF ;
}


.footer_copy{
	margin-top : 100px ;
	text-align: center ;
	font-size: 10px ;
}

.footer_logo_2023_s{
	width: 100% ;
	max-width: 320px ;
	margin : 0px auto ;
}
.footer_logo_kts{
	width: 100% ;
	max-width: 320px ;
	margin: 40px auto 0px ;
}

.footer_date{
	width: auto ;
	max-width: 90% ;
	margin : 10px auto 0px ;
}





.faq_section{
	width: 100% ;
	padding : 100px 0px ;
	background: #FFEA20 ;
	background-image : url("../images/pattern_slash_bold.png") ;
	background-size : 32px ;
}

.faq_title{
	width: 100% ;
	max-width: 360px ;
	height: 80px ;
	line-height: 80px ;
	font-size: 24px ;
	font-weight: 900 ;
	background-color: #FFFFFF; 
	box-shadow: 4px 6px 0px rgba(0,0,0,0.25);
	text-align: center ;
	color : #0A6EBD ;
	margin : 0px auto ;
	border-radius: 40px ;
	left: 20px ;
}

.faq_inner{
	width: 100% ;
	max-width: 880px ;
	padding : 0px 40px ;
	margin: 80px auto 0px auto ;
	justify-content: center !important;
}

.faq_itembox{
	width: 100% ;
	margin : 0px auto 40px ;
	left : 20px ;
}

.faq_qbox{
	width: 75% ;
	padding : 30px 20px 30px 100px ;
	font-size: 20px ;
	color : #FFFFFF ;
	background: #0A6EBD ;
	background-image : url("../images/pattern_dot4.png") ;
	background-size : 32px ;
	border-radius: 24px 24px 0px 24px ;
	box-shadow: 4px 6px 0px rgba(0,0,0,0.25);
	transform: rotateZ(0.03deg);
}

.faq_abox{
	float : right ;
	width: 75% ;
	padding: 30px 100px 30px 20px ;
	font-size: 14px ;
	color : #0A6EBD ;
	background-color: #FFFFFF ;
	border-radius: 0px 24px 24px 24px ;
	box-shadow: 4px 6px 0px rgba(0,0,0,0.25);
	transform: rotateZ(0.03deg);
}

.faq_abox a,
.faq_abox a:link,
.faq_abox a:visited{
	color : #0A6EBD ;
	text-decoration: underline ;
}




.icon_q{
	position: absolute ;
	top : 50% ;
	left : 20px ;
	width: 64px ;
	transform: translate(0%,-50%);
}
.icon_a{
	position: absolute ;
	top : 50% ;
	right : 20px ;
	width: 64px ;
	transform: translate(0%,-50%);
}




.suumo{
	font-size: 11px !important ;
}









.guests_section{
	width: 100% ;
	padding : 120px 0px ;
	background-color: #EDE4FF ;
	background-image : url("../images/pattern_slash_bold.png") ;
	background-size : 32px ;
}




.guests_inner{
	width: 100% ;
	max-width: 1080px ;
	padding : 0px 40px ;
	margin : 80px auto 0px;
}



.guests_itembox{
	width: 100% ;
	border : 4px solid #A076F9 ;
	border-radius: 12px ;
	margin : 0px auto 20px ;
	background-color: #FFFFFF ;
	padding-left : 256px ;
	overflow: hidden ;
	font-size: 18px ;
	box-shadow : 0px 4px 0px #A076F9 ;
}
.guest_item_imagebox{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 256px ;
	height: 100% ;
	transform: translate(0%,-50%);
}
.guest_item_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}


.guest_item_name{
	width: calc( 100% - 400px );
	color : #A076F9 ;
	padding : 40px 10px ;
	transform: rotateZ(0.03deg);
}
.guest_item_days{
	width: 160px;
	color : #A076F9 ;
	font-size: 14px ;
	padding : 34px 10px 0px ;
	text-align: center ;
	transform: rotateZ(0.03deg);
}
.guest_item_official{
	width: 120px;
	color : #FFFFFF ;
	background-color : #337CCF ;
}
.guest_item_official_wrap{
	width: 120px;
	padding : 40px 10px ;
	text-align: center ;
	transform: rotateZ(0.03deg);
	color : #FFFFFF ;
}
.guest_item_youtube{
	width: 120px;
	color : #FFFFFF ;
	background-color : #c4302b ;
}
.guest_item_youtube_wrap{
	width: 120px;
	padding : 40px 10px ;
	text-align: center ;
	transform: rotateZ(0.03deg);
	color : #FFFFFF ;
}




.menu_section{
	width: 100% ;
	padding : 40px 0px ;
	background: #FFEA20 ;
	background-image : url("../images/pattern_slash_bold.png") ;
	background-size : 32px ;
}


.menu_flex{
	width: 100% ;
	max-width: 1920px ;
	margin : 0px auto ;
}


.menu_flex_item{
	width: 50%;
	max-width: 960px ;
}
.menu_flex_item img{
	width: 100% ;
}

















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

.event_item_hall{
	width: 200px ;
}
.event_item{
	width: 200px ;
}
.event_item_name{
	font-size: 20px ;
}

} /** 1300 ================================= **/




.report_section{
	width: 100% ;
	padding : 120px 0px ;
	background-color: #ffa5da ;
}
.report_section.message{
	background-color: #f3a620 ;
}

.message_tnbox{
	width: 33% ;
	max-width: 640px ;
	aspect-ratio: 16 / 9 ;
}
.message_tnbox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.message_tnbox:hover{
	opacity: 0.5 ;
}


.message_box{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index:  51 ;
	display: none ;
}
.message_ol{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 52 ;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer ;
}
.message_box_wrap{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 80% ;

	transform: translate(-50%,-50%);
	aspect-ratio: 16 / 9 ;
	z-index: 54 ;
}

.message_box_wrap video{
	position: relative ;
	display: block ;
	width: 100% ;
}




.report_flex{
	width: 100% ;
	justify-content: center !important;
	margin : 80px auto 0px ;
}

.report_flex_item{
	width: 20% ;
	max-width: 320px ;
	aspect-ratio: 16/9 ;
	cursor: pointer ;
}

.report_flex_item_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
}
.report_flex_item_title{
	position: absolute;
	bottom : 0px ;
	left : 0px ;
	width: 100% ;
	padding : 10px ;
	background-color: rgba( 0,0,0,0.8 );
	color : #FFFFFF ;
	font-size: 14px ;
	z-index: 2 ;
}

.report_ol{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 54 ;
	background-color: rgba(255,165,218,0.8);
	display: none ;
	cursor: pointer;
}
.report_ol_imagebox{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: calc( 100% - 80px );
	height: calc( 100% - 80px );
	transform: translate(-50%,-50%);
}
.report_ol_image{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}
.report_ol_story{
	position: absolute;
	bottom : 0px ;
	left : 0% ;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	color : #FFFFFF ;
	padding : 10px 20px ;
	transform: rotateZ(0.03deg);
}























/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1040px) {


.until{
}
.until_back{
}
.until_wrap{
	bottom : 18% ;
	font-size: 20px ;
}

.map_title{
	top : 40px ;
	left : 10px ;
	width: 200px ;
	z-index: 23 ;
}

.header_link{
	top : 10px ;
	width: 40px ;
	height : 40px ;
	box-shadow: 4px 6px 0px rgba(0,0,0,0.25) ;
	font-size: 10px ;
}
.header_link.link_guests{
	width: 100px ;
	top : 10px ;
}
.header_link.link_sche{	top : 10px ; right : 130px ; }
.header_link.link_map{	top : 10px ; right : 230px ; }
.header_link.link_eventlist{	top : 10px ; right : 180px ; }
.header_link.link_twitter{	top : 10px ; right : 280px ; background-color : transparent ;}
.link_twitter_img{
}


.header_link_inner{
}

.header_link_back{
}

.link_sche .header_link_back{
}
.link_map .header_link_back{
}
.link_eventlist .header_link_back{
}




.op_superbox{
}

.op_logobox{
}
.op_logo{
}



.chara_head{
	position: absolute ;
	top : 0px ;
	left : 82px ;
	width: 150px ;
	transform-origin: center bottom ;
	z-index:  2;
	transform : rotate(0deg) ;
}



.stage_superbox_dummy{
	width: 100% ;
	height: 200px ;
}

.stage_superbox{
}
.stage_back{
}
.stage_chara_test{
}

/** chara --------------------------------- **/

.stage_chara_test01{
}
.stage_chara_test02{
}
.stage_chara_test03{
}
.stage_whiteboard{
}



/** chara --------------------------------- **/


.stage_frame_superbox{
	width: 90% ;
	max-width: 1280px ;
	border-radius: 32px ;
}


#stage_info_superbox_dummy{
}

.stage_info_superbox{
	border-radius: 32px ;
}


.stage_frame_image{
}

.stage_mc_l{
	bottom : -200px ;
	left : -40px ;
}
.stage_mc_r{
	bottom : -200px ;
	right : -40px ;
}

.stage_frame_itembox{
	width: calc( 100% - 10px );
	height: calc( 100% - 10px );
	border-radius: 16px ;
	padding : 30px 100px 30px ;
}
.stage_frame_item_update{
	/**
	right : -40px ;
	**/
}

.stage_frame_item_img{
}
.stage_frame_item_img_wrap{
	width: 100% ;
	height : 200px ;
}

.stage_frame_item_name{
	width: 100% ;
	padding : 2px 4px ;
	font-size: 18px ;
	margin : 0px auto 0px ;
}

.stage_frame_item_days{
	font-size: 14px ;
	padding : 0px 10px ;
	margin-top : 10px ;
}

.stage_baloon_l{
	bottom : 300px ;
	left : -24px ;
	width: 240px ;
	padding : 10px ;
	border : 2px solid #008c06 ;
	border-radius: 16px ;
	font-size: 12px ;
}
.stage_baloon_r{
	bottom : 300px ;
	right : -24px ;
	width: 240px ;
	padding : 10px ;
	border : 2px solid #008c06 ;
	border-radius: 16px ;
	font-size: 12px ;
}

.stage_baloon_cone{
	bottom : -31px ;
	left : 10px ;
	width: 21px ;
}
.stage_baloon_r .stage_baloon_cone{
	left : auto ;
	right : 10px ;
}

.stage_latestinfo_flex{
	bottom : -80px ;
	height : 40px ;
}
.stage_latestinfo_flex.active{
}
.stage_latestinfo_title{
	width: 120px ;
	height : 20px ;
	line-height: 20px ;
	font-size: 10px ;
	border-radius: 10px ;
}

.stage_latestinfo_num{
	width: 20px ;
	height : 20px ;
	line-height: 20px ;
	font-size: 12px ;
	margin : 0px 4px ;
}

.stage_latestinfo_item.active,
.stage_latestinfo_item:hover{
}

.event_section_wrap{
	background-size: 16px ;
}

.event_section{
}

.event_title{
	width: calc( 100% - 64px );
	height: 40px ;
	line-height: 40px ;
	font-size: 14px ;
	border-radius: 20px ;
}

.event_inner{
	width: 320px ;
	display: block !important ;
	background-color: #FFFFFF ;
	border-radius: 32px 0px 0px 32px ;
	padding : 32px ;
}
.event_inner_l{
}
.event_inner_r{
	border-radius: 0px 32px 32px 0px ;
}


.event_item_hall{
	width: 100% ;
	height : auto ;
	margin-bottom : 40px ;
	padding-bottom : 20px ;
	border-bottom : 4px dotted #0A6EBD ;
}

#event_section_sun .event_item_hall{
	border-bottom : 4px dotted #DB005B ;
}
#event_section_booth .event_item_hall{
	border-bottom : 4px dotted #f3a620 ;
}



.event_inner_l .event_item_hall{
	border-radius: 0px ;
}
.event_inner_r .event_item_hall{
	border-radius: 0px ;
}


.event_item_hall_inner{
	position: relative;
	top : auto ;
	left : auto ;
	transform: translate(0%,0%);
	background-color: transparent ;
}
.event_item_hall_name{
	font-size: 18px ;
}
.event_item_hall_day{
	width: 128px ;
	font-size: 14px ;
	background-color: #0A6EBD ;
	margin : 10px auto 0px ;
	color : #FFFFFF ;
}
.event_item_hall_time{
	font-size: 14px ;
}


.event_inner_back{
	position: absolute;
	top : 0% ;
	left : 50% ;
	width: 100vw ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 1 ;
}
.event_inner_r .event_inner_back{
	left : auto ;
	right : 50% ;
}


.eventre_item{
	width: 100% ;
	height : auto ;
	margin-bottom : 20px ;
}
.eventre_item.long{
	width: 100% ;
}
.eventre_item_image{
	height : auto ;
}
.eventre_item_image img{
	width: 100% ;
	height: auto ;
	object-fit: unset ;
}
.eventre_item_image.contain img{
	object-fit: unset ;
}




.event_item{
	width: 100% ;
}
.event_item_image{
}
.event_item_image img{
}
.event_item_infobox{
}

.event_item_name{
	font-size: 18px ;
}
.event_item_pos{
	font-size: 14px ;
}
.event_item_day{
	font-size: 14px ;
}



#event_section_sun .event_title{
}

#event_section_sun .event_item_hall_inner{
}

#event_section_sun .event_item_hall_day{
}





.footer{
	width: 100% ;
	padding : 100px 40px 20px ;
	background-color: #2B2B2B ;
	color : #FFFFFF ;
}


.footer_copy{
	margin-top : 100px ;
	text-align: center ;
	font-size: 10px ;
}








.faq_section{
}

.faq_title{
	width: calc( 100% - 64px );
	height: 40px ;
	line-height: 40px ;
	font-size: 14px ;
	border-radius: 20px ;
}

.faq_inner{
	padding : 0px 32px ;
	margin: 80px auto 0px auto ;
}

.faq_itembox{
}

.faq_qbox{
	width: 90% ;
	padding : 20px ;
	font-size: 14px ;
}

.faq_abox{
	width: 90% ;
	font-size: 14px ;
	padding : 20px ;
}

.faq_abox a,
.faq_abox a:link,
.faq_abox a:visited{
}


.icon_q{
	left : -20px ;
	width: 32px ;
}
.icon_a{
	right : -20px ;
	width: 32px ;
}




.report_section{
}

.report_flex{
}

.report_flex_item{
	width: 50% ;
	max-width: 320px ;
}

.report_flex_item_image{
}
.report_flex_item_title{
	padding : 4px ;
	font-size: 12px ;
}

.report_ol{
}
.report_ol_imagebox{
	width: 100%;
}
.report_ol_image{
}
.report_ol_story{
	font-size: 10px ;
}






.suumo{
	font-size: 12px !important ;
}










.guests_inner{
}



.guests_itembox{
}
.guest_item_imagebox{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 256px ;
	height: 100% ;
	transform: translate(0%,-50%);
}
.guest_item_imagebox img{
}


.guest_item_name{
	width: 100% ;
	padding : 10px 10px 0px ;
}
.guest_item_days{
	width: 100%;
	font-size: 14px ;
	padding : 10px 10px ;
	text-align: left ;
}
.guest_item_official{
	width: 50%;
}
.guest_item_official_wrap{
	width: 100%;
	padding : 10px 10px ;
}
.guest_item_youtube{
	width: 50%;
}
.guest_item_youtube_wrap{
	width: 100%;
	padding : 10px 10px ;
}











.menu_section{
}


.menu_flex{
	max-width: 960px ;
}


.menu_flex_item{
	width: 100%;
}
.menu_flex_item img{
}




















} /** @media ====================================================== **/












/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {









.stage_superbox_wrap{
	width: 640px ;
	min-width: 640px ;
	margin-left : calc( 50% - 320px ) ;
}
.stage_frame_superbox{
	top : 38% ;
	/** width: 48%; **/
	width: 65% ;
	aspect-ratio: 3 / 4 ;
}
.stage_info_superbox{
	top : 38% ;
	/** width: 48%; **/
	width: 65% ;
	aspect-ratio: 3 / 4 ;
}
.stage_frame_item_img{
}
.stage_frame_item_img_wrap{
	height : 160px ;
}

.stage_frame_item_update{
	top : 0px ;
	line-height: 14px ;
	padding : 4px 20px ;
	/**
	top : auto  ;
	bottom : 10px ;
	right : -10px ;
	width: 100px ;
	padding : 10px ;
	font-size: 10px ;
	transform: rotate(15deg);
	**/
}

.stage_superbox{
	width: 75% ;
}


.header_link{
}




.stage_frame_item_name{
	font-size: 16px ;
}

.stage_frame_item_days{
	font-size: 12px ;
	padding : 0px 10px ;
	margin-top : 10px ;
}

.stage_baloon_l{
	bottom : calc( 43% - 100px );
	left : -24px ;
	width: 240px ;
	padding : 10px ;
	border : 2px solid #008c06 ;
	border-radius: 16px ;
	font-size: 12px ;
}
.stage_baloon_r{
	bottom : calc( 43% - 100px );
	right : -24px ;
	width: 240px ;
	padding : 10px ;
	border : 2px solid #008c06 ;
	border-radius: 16px ;
	font-size: 14px ;
}
.stage_mc_r{
	bottom : -240px ;
	width: 40% ;
	right: -44px ;
}
.stage_mc_l{
	bottom : -240px ;
	width: 40% ;
	left: -44px ;
}

.stage_baloon_cone{
	bottom : -31px ;
	left : 10px ;
	width: 21px ;
}
.stage_baloon_r .stage_baloon_cone{
	left : auto ;
	right : 10px ;
}

.stage_latestinfo_flex{
	bottom : -80px ;
	height : 40px ;
}
.stage_latestinfo_flex.active{
}
.stage_latestinfo_title{
	width: 120px ;
	height : 20px ;
	line-height: 20px ;
	font-size: 10px ;
	border-radius: 10px ;
}

.stage_latestinfo_num{
	width: 20px ;
	height : 20px ;
	line-height: 20px ;
	font-size: 12px ;
	margin : 0px 4px ;
}

.stage_latestinfo_item.active,
.stage_latestinfo_item:hover{
}

.event_section_wrap{
	background-size: 16px ;
}

.event_section{
}

.event_title{
	height: 40px ;
	line-height: 40px ;
	font-size: 14px ;
	border-radius: 20px ;
}

.event_inner{
	width: 320px ;
	display: block !important ;
	background-color: #FFFFFF ;
	border-radius: 32px 0px 0px 32px ;
	padding : 32px ;
}
.event_inner_l{
}
.event_inner_r{
	border-radius: 0px 32px 32px 0px ;
}


.event_item_hall{
	width: 100% ;
	height : auto ;
	margin-bottom : 40px ;
	padding-bottom : 20px ;
	border-bottom : 4px dotted #0A6EBD ;
}

.event_inner_l .event_item_hall{
	border-radius: 0px ;
}
.event_inner_r .event_item_hall{
	border-radius: 0px ;
}


.event_item_hall_inner{
	position: relative;
	top : auto ;
	left : auto ;
	transform: translate(0%,0%);
	background-color: transparent ;
}
.event_item_hall_name{
	font-size: 18px ;
}
.event_item_hall_day{
	width: 128px ;
	font-size: 14px ;
	background-color: #0A6EBD ;
	margin : 10px auto 0px ;
	color : #FFFFFF ;
}
.event_item_hall_time{
	font-size: 14px ;
}


.event_inner_back{
	position: absolute;
	top : 0% ;
	left : 50% ;
	width: 100vw ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 1 ;
}
.event_inner_r .event_inner_back{
	left : auto ;
	right : 50% ;
}







.event_item{
	width: 100% ;
}
.event_item_image{
}
.event_item_image img{
}
.event_item_infobox{
}

.event_item_name{
	font-size: 18px ;
}
.event_item_pos{
	font-size: 14px ;
}
.event_item_day{
	font-size: 14px ;
}



#event_section_sun .event_title{
}

#event_section_sun .event_item_hall_inner{
}

#event_section_sun .event_item_hall_day{
}





.footer{
	width: 100% ;
	padding : 100px 40px 20px ;
	background-color: #2B2B2B ;
	color : #FFFFFF ;
}


.footer_copy{
	margin-top : 100px ;
	text-align: center ;
	font-size: 10px ;
}












.stage_frame_itembox{
	padding : 24px 20px 10px ;
}
.stage_baloon_l{
	width: 160px ;

}
.stage_baloon_r{
	width: 160px ;
}




.opre_wave{
	width : 200% ;
}
.opre_waveback{
	top : 60px ;
}

.stage_monitor_yt{
	width: 100%;
}



.suumo{
	font-size: 12px !important ;
}





.guests_inner{
}



.guests_itembox{
	padding-left : 0px ;
}
.guest_item_imagebox{
	position: relative ;
	top : auto ;
	left : auto ;
	width: 100% ;
	height: auto ;
	transform: translate(0%,0%);
}
.guest_item_imagebox img{
	object-fit: initial;
	width: 256px ;
	margin : 0px auto ;
}


.guest_item_name{
	width: 100% ;
	padding : 10px 10px 0px ;
	text-align: center ;
}
.guest_item_days{
	width: 100%;
	font-size: 14px ;
	padding : 10px 10px ;
	text-align: left ;
	text-align: center ;
}
.guest_item_official{
	width: 100%;
}
.guest_item_official_wrap{
}
.guest_item_youtube{
	width: 100%;
}
.guest_item_youtube_wrap{
}








.message_tnbox{
	width: 50% ;
}






} /** @media ====================================================== **/