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









.game_superbox{
	width : 640px ;
	height : 640px ;
	margin : 100px auto 0px ;
	background-color: #2B2B2B ;
	z-index: 4 ;
	image-rendering: pixelated;

}

.game_stage{
	width : 320px ;
	height : 320px ;
	transform-origin: left top ;
	transform :scale(2);
	overflow: hidden ;
}


.game_startimg{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	z-index : 11 ;
}

.game_startchara{
	position: absolute ;
	top : 60% ;
	left : 60% ;
	width : 64px ;
	z-index : 13 ;
}
.game_startsubchara01{
	position: absolute ;
	top : 50% ;
	left : 80% ;
	width : 64px ;
	z-index : 12 ;
}
.game_startsubchara02{
	position: absolute ;
	top : 55% ;
	left : 75% ;
	width : 64px ;
	z-index : 12 ;
}
.game_startsubchara03{
	position: absolute ;
	top : 60% ;
	left : 85% ;
	width : 64px ;
	z-index : 12 ;
}





.game_startinfo{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	z-index : 12 ;
}
.game_start_info{
	position: absolute ;
	top : 60% ;
	left : 10% ;
	width : 200px ;
	height : 120px ;
	z-index : 12 ;
	font-size : 12px ;
	font-weight : 700 ;
	line-height : 16px ;
}

.game_startbtn{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	z-index : 13 ;
	cursor: pointer;
}


.game_world{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 21 ;
	display: none ;
}

.game_worldmap{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	z-index : 22 ;
}

.game_worldicon{
	position: absolute ;
	top : 65% ;
	left : 50% ;
	z-index : 23 ;
	cursor: pointer;
}
.world_kbcc{
	top : 65% ;
	left : 50% ;
}
.world_kyuigi{
	top : 30% ;
	left : 40% ;
}
.world_katc{
	top : 30% ;
	left : 55% ;
}
.world_goto{
	top : 35% ;
	left : 5% ;
}
.world_fureai{
	top : 55% ;
	left : 60% ;
}

.game_roombox{
	position: absolute ;
	top : 0% ;
	left : 100% ;
	width : 100% ;
	height : 100% ;
	z-index : 31 ;
	background-color: #FFFFFF ;
	overflow: hidden ;
}

.game_room{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 31 ;
	background-color: #FFFFFF ;

}

.game_roomname{
	position: absolute ;
	top : 40% ;
	left : 100% ;
	width : 100% ;
	height : 64px ;
	background-color: rgba(23,24,75,0.9);
	z-index : 39 ;
}

.game_roomname_kbcc01{
	color : #FFFFFF ;
}
.game_roomname_katc01{
	color : #2B2B2B !important;
	background-color: rgba(255,211,0,0.9);
}

.game_roomname_wrap{
	position: absolute ;
	text-align: center ;
	width : 100% ;
	height : 64px ;
	line-height: 64px ;
	font-size : 24px ;
	font-weight : 700 ;
}


.game_mainchara{
	position: absolute ;
	top : 40% ;
	left : 40% ;
	width : 32px ;
	height : 32px ;
	z-index : 34 ;
}
.game_mainchara img{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
}

.game_mainchara_r,
.game_mainchara_l,
.game_mainchara_t{
	display: none ;
}


.game_target{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 32px ;
	height : 32px ;
	z-index : 33 ;
	cursor: pointer;
}



.game_roomnexit{
	position: absolute ;
	bottom : 0% ;
	left : 40% ;
	z-index: 32 ;
	cursor: pointer;
}

.game_mesbox{
	position: absolute ;
	top : 0% ;
	left : 100% ;
	width : 100% ;
	height : 100% ;
	z-index: 41 ;
	cursor: pointer ;
	overflow: hidden ;
}

.game_mes_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	z-index: 42 ;
}

.game_mes_story{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	padding : 52px 64px 64px 64px ;
	z-index: 43 ;
	font-size : 10px ;
	font-weight: 700 ;
	color : #2B2B2B ;
	line-height: 24px ;
}
.game_mes_story img{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
}

.game_mes_chara{
	position: absolute ;
	top : 0% ;
	right : -15% ;
	width : 320px ;
	z-index : 42 ;
}


.game_inventry_superbox{
	width : 100% ;
	max-width : 640px ;
	margin : 0px auto ;
	background-color: #FFFFFF ;
}
.game_inventry_superbox img{
	float : left ;
	width : 64px ;
}


.game_coupon{
	display: none ;
}

.game_coupon_story{
	float : left ;
	width : calc( 100% - 96px ) ;
	padding : 12px ;
	font-size : 10px ;
	line-height : 12px ;
	color : #2B2B2B ;
	font-weight: 700 ;
}












/** kbcc キャラポジ ==================================================== **/

.game_target_kbccuketsuke{
	top : 0% ;
	left : 50% ;
}
.game_target_kbcchokazono{
	top : 20% ;
	left : 60% ;
}
.game_target_kbcctanigawa{
	top : 30% ;
	left : 25% ;
}
.game_target_kbccgokaku{
	top : 50% ;
	left : 70% ;
	width : 64px ;
}
.game_target_kbccleaflet{
	top : 50% ;
	left : 0% ;
	width : 64px ;
}
.game_target_kbccphoto01{
	top : 40% ;
	left : 20% ;
}
.game_target_kbccyamashita{
	top : 85% ;
	left : 80% ;
}
.game_target_kbcckomatsu{
	top : 15% ;
	left : 0% ;
}
.game_target_kbccnagata{
	top : 85% ;
	left : 15% ;
}
.game_target_kbccikeda{
	top : 0% ;
	left : 40% ;
}
.game_target_kbcckagiochi{
	top : 0% ;
	left : 30% ;
}



/** katc キャラポジ ==================================================== **/



.game_target_katckimura{
	top : 25% ;
	left : 70% ;
}
.game_target_katchatori{
	top : 55% ;
	left : 25% ;
}
.game_target_katciwamura{
	top : 40% ;
	left : 0% ;
}
.game_target_katcseo{
	top : 30% ;
	left : 50% ;
}
.game_target_katcyamamoto{
	top : 85% ;
	left : 10% ;
}
.game_target_katcyoshimura{
	top : 40% ;
	left : 80% ;
}





































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















}