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






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


.map_stage{
	width: 100% ;
	max-width: 1920px ;
	margin : 40px auto 0px;
	aspect-ratio: 16 / 9 ;
}


.map_back{
	width: 100% ;
	z-index: 1 ;
}

.map_station{
	position: absolute;
	top : 1% ;
	left: 2.5% ;
	width: 15% ;
	z-index: 2 ;
}

.map_tenmonkan{
	position: absolute ;
	top : 14% ;
	left: 25% ;
	width: 15% ;
	z-index: 2 ;
}

.map_saigo{
	position: absolute ;
	top : 21% ;
	left: 40% ;
	width: 10% ;
	z-index: 2 ;
}

.map_sakura{
	position: absolute ;
	top : 32% ;
	left: 15% ;
	width: 12.5% ;
	z-index: 2 ;
}

.map_cityhall{
	position: absolute ;
	top : 41% ;
	left: 38% ;
	width: 7.5% ;
	z-index: 2 ;
}

.map_senganen{
	position: absolute ;
	top : 18% ;
	left: 54% ;
	width: 15% ;
	z-index: 2 ;
}

.map_tunnel{
	position: absolute ;
	top : 30% ;
	left: 47% ;
	width: 12.5% ;
	z-index: 2 ;
}

.map_aqua{
	position: absolute ;
	top : 60% ;
	left: 37% ;
	width: 7.5% ;
	z-index: 2 ;
}

.map_stadium{
	position: absolute ;
	top : 53% ;
	left: 9% ;
	width: 10% ;
	z-index: 2 ;
}

.map_yashi{
	position: absolute ;
	top : 63% ;
	left: 14% ;
	width: 12.5% ;
	z-index: 2 ;
}







.map_trum02_wrap{
	position: absolute;
	top : 15% ;
	left: 20% ;
	width: 6.25% ;
	aspect-ratio: 12 / 15 ;
	z-index: 3 ;
}

.map_trum01_wrap{
	position: absolute;
	top : 38% ;
	left: 7% ;
	width: 10% ;
	aspect-ratio: 128 / 100 ;
	z-index: 3 ;
}
.map_trumrunner_wrap{
	position: absolute;
	top : 38% ;
	left: 11% ;
	width: 10% ;
	aspect-ratio: 128 / 100 ;
	z-index: 3 ;
}
.map_stadiumrunner_wrap{
	position: absolute;
	top : 54% ;
	left: 5% ;
	width: 5% ;
	aspect-ratio: 2 / 3 ;
	z-index: 3 ;
}
.map_funrun_wrap{
	position: absolute;
	top : 30% ;
	left: 25% ;
	width: 10% ;
	aspect-ratio: 1 / 1 ;
	z-index: 3 ;
}
.map_start_wrap{
	position: absolute;
	top : 48% ;
	left: 26% ;
	width: 12.5% ;
	aspect-ratio: 5 / 4 ;
	z-index: 3 ;
}
.map_goal_wrap{
	position: absolute;
	top : 41% ;
	left: 41% ;
	width: 10% ;
	aspect-ratio: 1 / 1 ;
	z-index: 3 ;
}
.map_train_wrap{
	position: absolute;
	top : 18% ;
	left: 67% ;
	width: 15% ;
	aspect-ratio: 24 / 10 ;
	z-index: 3 ;
}
.map_senrunner_wrap{
	position: absolute;
	top : 32% ;
	left: 58% ;
	width: 6.25% ;
	aspect-ratio: 1 / 1 ;
	z-index: 3 ;
}
.map_turn_wrap{
	position: absolute;
	top : 16% ;
	left: 80% ;
	width: 20% ;
	aspect-ratio: 16 / 10 ;
	z-index: 3 ;
}
.map_ferry_wrap{
	position: absolute;
	top : 66% ;
	left: 46% ;
	width: 7.5% ;
	aspect-ratio: 1 / 1 ;
	z-index: 3 ;
}
.map_iruka_wrap{
	position: absolute;
	top : 86% ;
	left: 29% ;
	width: 10% ;
	aspect-ratio: 192 / 120 ;
	z-index: 3 ;
}

.map_iruka,
.map_ferry,
.map_turn,
.map_senrunner,
.map_train,
.map_goal,
.map_start,
.map_funrun,
.map_stadiumrunner,
.map_trumrunner,
.map_trum01,
.map_trum02{
	position: absolute;
	bottom : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
}




.map_baloon{
	display: none ;
}

.map_baloon_aqua{
	position: absolute;
	top : 69% ;
	left: 39% ;
	width: 7.5% ;
	z-index: 5 ;
}
.map_baloon_ferry{
	position: absolute;
	top : 73% ;
	left: 53% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_funrun{
	position: absolute;
	top : 23% ;
	left: 27% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_goal{
	position: absolute;
	top : 54% ;
	left: 46% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_saigo{
	position: absolute;
	top : 22% ;
	left: 44% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_senganen{
	position: absolute;
	top : 12% ;
	left: 59% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_stadium{
	position: absolute;
	top : 63% ;
	left: 1% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_start{
	position: absolute;
	top : 63% ;
	left: 24% ;
	width: 12.5% ;
	z-index: 5 ;
}
.map_baloon_tenmonkan{
	position: absolute;
	top : 11% ;
	left: 32% ;
	width: 7.5% ;
	z-index: 5 ;
}
.map_baloon_train{
	position: absolute;
	top : 8% ;
	left: 69% ;
	width: 12.5% ;
	z-index: 5 ;
}
.map_baloon_trum{
	position: absolute;
	top : 30% ;
	left: 2% ;
	width: 10% ;
	z-index: 5 ;
}
.map_baloon_turn{
	position: absolute;
	top : 5% ;
	left: 86% ;
	width: 12.5% ;
	z-index: 5 ;
}


.map_cam01{
	position: absolute;
	top : 3% ;
	left: 89% ;
	width: 10% ;
	z-index: 5 ;
}
.map_cam02{
	position: absolute;
	top : 37% ;
	left: 33% ;
	width: 10% ;
	z-index: 3 ;
}





/** 轣ｰ ++++++++++++++++++++++++ **/

.map_hai03_box{
	position: absolute;
	top : 29% ;
	left: 80% ;
	width: 20% ;
	aspect-ratio: 8 / 10 ;
	z-index: 8;
}
.map_hai03{
	position: absolute ;
	bottom : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100%;
}


.map_hai02_box{
	position: absolute;
	top : 42% ;
	left: 73% ;
	width: 15% ;
	aspect-ratio:  12 / 10 ;
	z-index: 8;
}
.map_hai02{
	position: absolute ;
	bottom : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
}


.map_hai01_box{
	position: absolute;
	top : 42% ;
	left: 55% ;
	width: 25% ;
	aspect-ratio: 16 / 10 ;
	z-index: 8;
}
.map_hai01{
	position: absolute;
	bottom : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
}





.fv_superbox{
	width: 100% ;
	min-height: 100vh ;
	overflow: hidden ;
}
.fv_back{
	position: fixed;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	opacity: 0 ;
}


.fv_logobox{
	position: absolute;
	top : 50% ;
	left: 50% ;
	width: 380px ;
	height: 380px ;
	transform: translate(-50%,-50%);
}
.fv_logo_back{
	position: absolute;
	top : -200px ;
	left: 0% ;
	width: 100% ;
	opacity: 0 ;
}
.fv_logo{
	position: absolute;
	left: 0% ;
	width: 100% ;
	opacity: 0 ;
}

.fv_logo_kts{
	position: absolute;
	bottom : -40px ;
	width: 100% ;
}

.fv_link_superbox{
	position: absolute;
	top : 50% ;
	left: 50% ;
	width: calc( 100% - 48px ) ;
	max-width: 640px ;
	transform: translate(-50%,-50%);
	margin-top : -100px ;
	opacity: 0 ;
}

.fv_link_official{
	width: 100% ;
	height: 60px ;
	margin-bottom : 40px ;
}
.fv_link_officialimage{
	float : right ;
	width: 100% ;
	max-width: 210px ;
}


.fv_link_item{
	width: 20% ;
	min-width: 120px ;
}
.fv_link_itemimage{
	top : -40px ;
	width: 100% ;
}
.fv_link_itemimage_dots{
	width: 32px ;
}

.fv_link_illust_program{
	position: absolute;
	top : -32px ;
	right: 0px ;
	width: 72px ;
	image-rendering: pixelated;
}
.fv_link_illust_turn{
	position: absolute;
	top : -40px ;
	right: 0px ;
	width: 120px ;
}
.fv_link_illust_goal{
	position: absolute;
	top : -56px ;
	right: 0px ;
	width: 100px ;
}

.fv_link_illustmap{
	position: absolute;
	top : -40px ;
	right: 0px ;
	width: 72px ;
}

.fv_link_illust_game{
	position: absolute;
	top : -32px ;
	right: 0px ;
	width: 64px ;
	image-rendering: pixelated;
}


.fv_program_story{
	width: 100% ;
	padding : 10px 40px ;
	background-color: #FFFFFF ;
	margin : 20px auto 0px ;
	color : #182987 ;
	font-size: 12px ;
	border-radius: 200px ;
}
.fv_program_story a,
.fv_program_story a:link,
.fv_program_story a:visited{
	color : #182987 ;
	background:linear-gradient(transparent 60%, #FFDD00 60%);
}



.header_logobox{
	position: fixed;
	top : 20px ;
	left: 20px ;
	width: 80px ;
	height: 80px ;
	z-index: 41 ;
}

.header_logo_back{
	position: absolute;
	top : -200px ;
	left: 0% ;
	width: 100% ;
}

.header_logo{
	position: absolute;
	top : -200px ;
	left: 0% ;
	width: 100% ;
	cursor: pointer ;
}

.header_logo_kts{
	position: absolute ;
	top : 50% ;
	left: 88px ;
	width: 200px ;
	transform: translate(0%,-50%);
	margin-top : -200px ;
}



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



.yt_box{
	width: 100% ;
	max-width: 960px ;
	aspect-ratio: 16 / 9 ;
	margin : 40px auto 0px ;
}
.yt_box iframe{
	width: 100% ;
	height: 100% ;
}
.yt_box img{
	width: 100% ;
}


.section_titlebox{
	width: 100% ;
	height: 88px ;
	line-height: 88px ;
	text-align: center ;
	font-size: 24px ;
	font-weight: 900 ;
	line-height: 1.2;
	font-family: 'M PLUS Rounded 1c', sans-serif;
/**	margin-top : 100px ; **/
}
.section_titlebox_inner{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	margin-top : -4px ;
}

.section_titlebox.follow{
	margin-top : 100px ;
}
.section_title_bar{
	position: absolute;
	top : -10px ;
	left: 0px ;
	width: 100% ;
	height: 12px ;
}

.section_titlebox_story{
	width: calc( 100% - 48px );
	max-width: 640px ;
	font-size: 20px ;
	color : #182987 ;
	background-color: #FFFFFF ;
	padding : 40px 40px ;
	text-align: center ;
	margin : 40px auto 0px ;
	border-radius: 40px ;
}
.section_titlebox_story p{
	font-size: 14px ;
	margin-top : 20px ;
	text-align: left ;
}









#program{
	color : #FFFFFF ;
	background-image : url("../images/titleback_n.png") ;
}
#program .section_title_bar{
	background-color: #FFFFFF ;
}

#turn{
	color : #444444 ;
	background-image : url("../images/titleback_o.png") ;
}
#turn .section_title_bar{
	background-color: #444444 ;
}

#goal{
	color : #FF6800 ;
	background-image : url("../images/titleback_k.png") ;
}
#goal .section_title_bar{
	background-color: #FF6800 ;
}



#map{
	color : #FFEB40 ;
	background-image : url("../images/titleback_g.png") ;
}
#map .section_title_bar{
	background-color: #FFEB40 ;
}


#game{
	color : #FFFFFF ;
	background-image : url("../images/titleback_b.png") ;
}
#game .section_title_bar{
	background-color: #FFFFFF ;
}







.footer{
	width: 100% ;
	height: 100vh ;
	background-color: #444444 ;
}

.footer_logo{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 80% ;
	max-width: 360px ;
}

.footer_copy{
	position: absolute;
	bottom: 0px ;
	left: 0% ;
	width: 100% ;
	height: 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size: 12px ;
	color : #FFFFFF ;
}





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

.game_superbox{
	width: 100% ;
	max-width: 960px ;
	background-color: #FFFFFF ;
	padding: 40px ;
	margin : 40px auto 0px; 
	justify-content: center !important;
}

.game_catch{
	width: 100% ;
	text-align: center ;
	font-size: 32px ;
	font-weight: 900 ;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.game_catch02{
	width: 100% ;
	text-align: center ;
	font-size: 14px ;
	font-weight: 900 ;
	margin : 10px auto 40px ;
	padding-top : 10px ;
	border-top : 4px solid #219bcc ;
}

.game_ss_itembox{
	width: 256px ;
}
.game_ss_image{
	width: 100% ;
}
.game_ss_item_story{
	font-size: 14px ;
	padding: 10px ;
}


.game_traps_title{
	width: 100% ;
	font-size: 24px ;
	border-bottom : 2px solid #219bcc ;
	margin : 40px auto 20px ;
	text-align: center ;
}

.game_traps_item{
	width: 50% ;
	font-size: 14px ;
	line-height: 20px ;
	padding : 6px 0px 6px 40px ;
	margin-bottom : 10px ;
}
.game_traps_item img{
	position: absolute;
	top : 50% ;
	left : 0px ;
	width: 32px ;
	transform: translate(0%,-50% );
}


.game_playbtn_wrap{
	width: 100% ;
	margin : 40px auto ;
}

.game_playbtn{
	width: 100% ;
	max-width: 360px ;
	height: 80px ;
	line-height: 80px ;
	border-radius: 40px ;
	background-color: #219bcc ;
	text-align: center ;
	font-size: 24px ;
	font-weight: 900 ;
	color : #FFFFFF ;
	font-weight: 900 ;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	margin : 0px auto ;
}

.game_play_notice{
	font-size: 12px ;
	margin-top : 20px ;
	text-align: center ;
}

.game_play_aud{
	width: 100% ;
	max-width: 512px ;
	margin : 20px auto 0px ;
	image-rendering: pixelated;
}


#enchant-stage{
	width : 512px ;
	height : 512px ;
	margin-left : auto ;
	margin-right : auto ;
	/** background: #FFFFFF ; **/
	/** transform: scale(2.0); **/
	-webkit-backface-visibility: hidden ;
	backface-visibility: hidden ;
	image-rendering: pixelated;

}


.caster_superbox{
	width: 100% ;
	justify-content: center !important;
	margin : 40px auto 0px ;
}
.caster_itembox{
	width: 160px ;
	margin : 0px 10px 20px ;
	text-align: center ;
	font-size: 12px ;
}
.caster_itembox img{
	width: 100% ;
	margin-bottom : 10px ;
}
















































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










.map_section{
}


.map_stage{
}


.map_back{
}

.map_station{
}

.map_tenmonkan{
}

.map_saigo{
}

.map_sakura{
}

.map_cityhall{
}

.map_senganen{
}

.map_tunnel{
}

.map_aqua{
}

.map_stadium{
}

.map_yashi{
}







.map_trum02_wrap{
}

.map_trum01_wrap{
}
.map_trumrunner_wrap{
}
.map_stadiumrunner_wrap{
}
.map_funrun_wrap{
}
.map_start_wrap{
}
.map_goal_wrap{
}
.map_train_wrap{
}
.map_senrunner_wrap{
}
.map_turn_wrap{
}
.map_ferry_wrap{
}
.map_iruka_wrap{
}

.map_iruka,
.map_ferry,
.map_turn,
.map_senrunner,
.map_train,
.map_goal,
.map_start,
.map_funrun,
.map_stadiumrunner,
.map_trumrunner,
.map_trum01,
.map_trum02{
}




.map_baloon{
}

.map_baloon_aqua{
}
.map_baloon_ferry{
}
.map_baloon_funrun{
}
.map_baloon_goal{
}
.map_baloon_saigo{
}
.map_baloon_senganen{
}
.map_baloon_stadium{
}
.map_baloon_start{
}
.map_baloon_tenmonkan{
}
.map_baloon_train{
}
.map_baloon_trum{
}
.map_baloon_turn{
}







/** 轣ｰ ++++++++++++++++++++++++ **/

.map_hai03_box{
}
.map_hai03{
}


.map_hai02_box{
}
.map_hai02{
}


.map_hai01_box{
}
.map_hai01{
}


.fv_superbox{
	height: auto ;
	padding : 100px 0px 100px ;
}


.fv_logobox{
}
.fv_logo_back{
}
.fv_logo{
}

.fv_logo_kts{
}

.fv_link_superbox{
	position: relative;
	top : auto ;
	left: auto ;
	width: calc( 100% - 48px ) ;
	max-width: 480px ;
	transform: translate(0%,0%);
	margin-top : -100px ;
	margin : -100px auto 0px ;
	opacity: 0 ;
}

.fv_link_official{
	width: 100% ;
	height: 60px ;
	margin-bottom : 40px ;
}
.fv_link_officialimage{
	float : right ;
	width: 100% ;
	max-width: 210px ;
}


.fv_link_item{
	width: 48% ;
	margin-bottom : 10px ;
}
.fv_link_itemimage{
}

.fv_link_illust_turn{
}
.fv_link_illust_goal{
}

.fv_link_illustmap{
}

.fv_link_illust_game{
}

.header_logobox{
}

.header_logo_back{
}

.header_logo{
}

.header_logo_kts{
}



.live_section{
}



.yt_box{
}
.yt_box iframe{
}


.section_titlebox{
	font-size: 20px ;
}
.section_title_bar{
}
.section_titlebox_story{
	font-size: 14px ;
	padding: 40px 20px ;
}
.section_titlebox_story p{
	font-size: 10px ;
}

#turn{
}
#turn .section_title_bar{
}

#goal{
}
#goal .section_title_bar{
}



#map{
}
#map .section_title_bar{
}


#game{
}
#game .section_title_bar{
}







.footer{
}

.footer_logo{
}

.footer_copy{
}





.game_section{
}

.game_superbox{
	padding: 24px ;
}

.game_catch{
	line-height: 1.5;
}
.game_catch02{
}

.game_ss_itembox{
	margin-bottom : 24px ;
}
.game_ss_image{
}
.game_ss_item_story{
}


.game_traps_title{
}

.game_traps_item{
	width: 100% ;
	max-width: 400px ;
	font-size: 14px ;
}
.game_traps_item img{
}


.game_playbtn_wrap{
}

.game_playbtn{
}

.game_play_notice{
}

.game_play_aud{
	image-rendering: auto;
}


#enchant-stage{
	width : 380px ;
	height : 380px ;
	margin-left : auto ;
	margin-right : auto ;
	/** background: #FFFFFF ; **/
	/** transform: scale(2.0); **/
	-webkit-backface-visibility: hidden ;
	backface-visibility: hidden ;
	image-rendering: pixelated;

}







.caster_superbox{
}
.caster_itembox{
	width: 120px ;
	margin : 0px 10px 20px ;
	font-size: 10px ;
}
.caster_itembox img{
	width: 100% ;
	margin-bottom : 10px ;
}















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