@charset "UTF-8";


.content-wrapper{
	position:relative;
	z-index:10;
}

#fukidashi{
	z-index:20;
}

#bgm{
	visibility:hidden;
}

.main-area * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.main-area{
	margin-top:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:45.56%;
	padding-bottom:54.68%;
	position:relative;
	overflow:hidden;
	z-index:2;
	height:auto;
}

.main-area-inner{
	/* 640 346 */
	
	width:1185px;
	height:540px;
	background:url(../img/sea_bg.png) repeat-x;
	position:relative;
	position:absolute;
	top:0%;
	left:-10%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin:0% 0%;
	
}

.scene-continent{
	width:1185px;
	height:540px;
	position:absolute;
	background:url(../img/continent_shadow.png) 0 0 no-repeat;
	top:0;
	left:0;
	z-index:1;
	visibility:hidden;
	overflow:hidden;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin:50% 50%;
}

.scene-opening{
	width:1185px;
	height:540px;
	background:url(../img/bg_opening.png) 0 0 no-repeat;
	position:relative;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	display:none;
	overflow:hidden;
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin:50% 50%;
}

.scene-loading{
	position:absolute;
	top:0;
	left:0;
	width:1185px;
	height:540px;
	z-index:100;
	background:url(../img/sea_bg.png) repeat-x;
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin:50% 50%;
	display:none;
}

.main-logo{
	position:absolute;
	top:-40px;
	left:120px;
	background:url(../img/main_logo.png) 0 0 no-repeat;
	width:273px;
	height:130px;
	z-index:10;
	-moz-transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
}

.obj-gyogun-up{
	position:absolute;
	width:98px;
	height:25px;
	top:185px;
	left:640px;
	background:url(../img/gyogun_up.png) 0 0 no-repeat; 	
}

.obj-gyogun-down{
	position:absolute;
	width:98px;
	height:25px;
	top:410px;
	left:520px;
	background:url(../img/gyogun_down.png) 0 0 no-repeat; 	
}

.obj-travelship-wave{
	position:absolute;
	width:68px;
	height:39px;
	top:138px;
	left:694px;
	background:url(../img/item_travelship_wave.png) 0 0 no-repeat; 
}

.obj-travelship-shadow{
	position:absolute;
	width:77px;
	height:53px;
	top:130px;
	left:688px;
	background:url(../img/item_travelship_shadow.png) 0 0 no-repeat;
}

.obj-travelship-body{
	position:absolute;
	width:83px;
	height:68px;
	top:106px;
	left:681px;
	background:url(../img/item_travelship_body.png) 0 0 no-repeat;
}


.obj-kamome{
	position:absolute;
	top:0;
	left:0;
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin:50% 50%;
}

.obj-kamome-body{
	position:absolute;
	width:44px;
	height:27px;
	background:url(../img/item_kamome_body.png) 0 0 no-repeat;
}

.obj-kamome-hand-r{
	position:absolute;
	width:21px;
	height:16px;
	top:-8px;
	left:17px;
	background:url(../img/item_kamome_body_hand_r.png) 0 0 no-repeat;
	
	-moz-transform-origin: 10% 100%;
	-webkit-transform-origin: 10% 100%;
	-o-transform-origin: 10% 100%;
	-ms-transform-origin: 10% 100%;
	transform-origin:10% 100%;	
}

.obj-kamome-hand-l{
	position:absolute;
	width:26px;
	height:33px;
	top:7px;
	left:0px;
	background:url(../img/item_kamome_body_hand_l.png) 0 0 no-repeat;
	
	-moz-transform-origin: 50% 10%;
	-webkit-transform-origin: 50% 10%;
	-o-transform-origin: 50% 10%;
	-ms-transform-origin:50% 10%;
	transform-origin:50% 10%;
}

.obj-iruka{
	position:absolute;
	width:42px;
	height:19px;
}

.obj-iruka.obj-iruka-r{
	background:url(../img/item_iruka_01.png) 0 0 no-repeat;
}
.obj-iruka.obj-iruka-l{
	background:url(../img/item_iruka_02.png) 0 0 no-repeat;
}



.obj-boat{
	position:absolute;
	/*
	top:-35px;
	left:24px;
	*/
	background:url(../img/item_boartracer_01.png) 0 0 no-repeat;
	width:45px;
	height:28px;
}

.obj-boat.action{
	background:url(../img/item_boartracer_02.png) 0 0 no-repeat;
}

.obj-cloud-01{
	position:absolute;
	top:103px;
	left:121px;
	background:url(../img/item_cloud_01.png) 0 0 no-repeat;
	width:116px;
	height:53px;
}

.obj-cloud-02{
	position:absolute;
	top:345px;
	left:195px;
	background:url(../img/item_cloud_02.png) 0 0 no-repeat;
	width:69px;
	height:38px;
}

.obj-cloud-03{
	position:absolute;
	top:230px;
	left:675px;
	background:url(../img/item_cloud_03.png) 0 0 no-repeat;
	width:147px;
	height:63px;
}

.obj-cloud-04{
	position:absolute;
	top:420px;
	left:865px;
	background:url(../img/item_cloud_04.png) 0 0 no-repeat;
	width:186px;
	height:80px;
}

.obj-cloud-05{
	position:absolute;
	top:25px;
	left:640px;
	background:url(../img/item_cloud_01.png) 0 0 no-repeat;
	width:116px;
	height:53px;
}


.continent-continent{
	width:1185px;
	height:540px;
	position:absolute;
	background:url(../img/continent.png) 0 0 no-repeat;
	top:0;
	left:0;
	
}



.opening-boat{
	position:absolute;
	width:210px;
	height:58px;
	top:195px;
	
	-moz-transform: translateX(1185px);
	-webkit-transform: translateX(1185px);
	-o-transform: translateX(1185px);
	-ms-transform: translateX(1185px);
	transform: translateX(1185px);
}

.opening-boat-wave{
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:58px;
}

.wave01 .opening-boat-wave{
	background:url(../img/boat_nami_01.png) 0 0 no-repeat;
}

.wave02 .opening-boat-wave{
	background:url(../img/boat_nami_02.png) 0 0 no-repeat;
}

.opening-boat-body{
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:58px;
	background:url(../img/boat_body_01.png) 0 0 no-repeat;
}


.wave01 .opening-boat-body{
	background:url(../img/boat_body_01.png) 0 0 no-repeat;
}

.wave02 .opening-boat-body{
	background:url(../img/boat_body_02.png) 0 0 no-repeat;
}

.opening-bubble-img-items,
.opening-bubble-items{
	position:absolute;
	/*top:165px;*/
}

.opening-bubble-items div{
	position:absolute;
	width:175px;
	height:170px;
	background:url(../img/opening_bubble.png) 0 0 no-repeat;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0.23,0.23);
	-webkit-transform: scale(0.23,0.23);
	-o-transform: scale(0.23,0.23);
	-ms-transform: scale(0.23,0.23);
	transform: scale(0.23,0.23);
	display:none;

}

.opening-bubble-items div:nth-child(5){left:205px;top:187px;}
.opening-bubble-items div:nth-child(4){left:357px;top:187px;}
.opening-bubble-items div:nth-child(3){left:528px;top:179px;}
.opening-bubble-items div:nth-child(2){left:724px;top:182px;}
.opening-bubble-items div:nth-child(1){left:887px;top:179px;}
.opening-bubble-items div:nth-child(6){left:311px;top:362px;}
.opening-bubble-items div:nth-child(7){left:748px;top:338px;}
.opening-bubble-items div:nth-child(8){left:842px;top:314px;}

.opening-bubble-img-items div{
	position:absolute;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0.23,0.23);
	-webkit-transform: scale(0.23,0.23);
	-o-transform: scale(0.23,0.23);
	-ms-transform: scale(0.23,0.23);
	transform: scale(0.23,0.23);
	display:none;	
}

.opening-bubble-img-items div:nth-child(1){
	width:175px;
	height:173px;
	background:url(../img/opening_bubble_hand.png) 0 0 no-repeat;
	left:260px;
	top:230px;
}

.opening-bubble-img-items div:nth-child(2){
	width:254px;
	height:247px;
	background:url(../img/opening_bubble_fan.png) 0 0 no-repeat;
	left:580px;
	top:230px;
}

.opening-bubble-img-items div:nth-child(3){
	width:237px;
	height:231px;
	background:url(../img/opening_bubble_castle.png) 0 0 no-repeat;
	left:490px;
	top:280px;
}
	
.opening-bubble-img-items div:nth-child(4){
	width:267px;
	height:259px;
	background:url(../img/opening_bubble_school.png) 0 0 no-repeat;
	left:190px;
	top:270px;
}

.opening-bubble-img-items div:nth-child(5){
	width:331px;
	height:316px;
	background:url(../img/opening_bubble_plants.png) 0 0 no-repeat;
	left:440px;
	top:280px;
}

.opening-teichan-body{
	position:absolute;
	top:360px;
	right:85px;
	background:url(../img/opening_teichan_body.png) 0 0 no-repeat;
	width:156px;
	height:157px;
	
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
}

.opening-teichan-cover{
	position:absolute;
	right:70px;
	bottom:-0;
	background:url(../img/opening_teichan_cover.png) 0 0 no-repeat;
	width:220px;
	height:180px;
}

.opening-teichan-ripple-t-hack,
.opening-teichan-ripple-b,
.opening-teichan-ripple-t{
	position:absolute;
	top:380px;
	right:76px;
	width:183px;
	height:78px;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-moz-transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	-o-transform: scale(0.6,0.6);
	-ms-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);
	display:none;
}

.opening-teichan-ripple-t{
	background:url(../img/opening_teichan_ripple_top.png) 0 0 no-repeat;
}

.opening-teichan-ripple-t-hack{
	background:url(../img/opening_teichan_ripple_top_hack.png) 0 0 no-repeat;
}

.opening-teichan-ripple-b{
	top:380px;
	background:url(../img/opening_teichan_ripple_bottom.png) 0 0 no-repeat;
}

.opening-skip-btn{
	position:absolute;
	left:130px;
	bottom:120px;
	bottom:50px;
	display:block;
	background:url(../img/btn_skip.png) 0 0 no-repeat;
	background-size:150px 42px;
	width:150px;
	height:42px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}


.opening-popup{
	position:absolute;
	top:50%;
	left:50%;
	width:494px;
	height:325px;
	margin-top:-200px;
	margin-top:-190px;
	margin-left:-247px;
	
	-moz-transform: scale(1.16,1.16);
	-webkit-transform: scale(1.16,1.16);
	-o-transform: scale(1.16,1.16);
	-ms-transform: scale(1.16,1.16);
	transform: scale(1.16,1.16);
}

.opening-popup-bg{
	position:absolute;
	top:0;
	left:0;
	width:494px;
	height:325px;
	background:url(../img/opening_popup_bg.png) 0 0 no-repeat;
	
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0,0);
	-webkit-transform: scale(0.01,0.01);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	
	opacity:0;
	
}


.status-skip .opening-popup-txt-01{width:292px !important;}
.status-skip .opening-popup-txt-02{width:378px !important;}
.status-skip .opening-popup-txt-03{width:415px !important;}

.opening-popup-txt-01{
	position:absolute;
	top:42px;
	left:98px;
	background:url(../img/teichan_desc_line_1.png) 0 0 no-repeat;
	width:292px;
	height:29px;
	overflow:hidden;
	width:0;
}

.opening-popup-txt-01-name{
	position:absolute;
	top:45px;
	left:198px;
	background:url(../img/teichan_desc_line_1_name.png) 0 0 no-repeat;
	width:142px;
	height:27px;
	
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	
	-moz-transform: scale(1,0);
	-webkit-transform: scale(1,0.01);
	-o-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
}

.opening-popup-txt-02{
	position:absolute;
	top:81px;
	left:56px;
	background:url(../img/teichan_desc_line_2.png) 0 0 no-repeat;
	width:378px;
	height:22px;
	overflow:hidden;
	width:0;
}

.opening-popup-txt-03{
	position:absolute;
	top:113px;
	left:38px;
	background:url(../img/teichan_desc_line_3.png) 0 0 no-repeat;
	width:415px;
	height:21px;
	overflow:hidden;
	width:0;
}

.opening-popup-teichan{
	position:absolute;
	top:151px;
	left:176px;
	background:url(../img/opening_frame_teichan.png) 0 0 no-repeat;
	width:131px;
	height:73px;
	display:none;
}

.opening-popup-teichan.action{
	background:url(../img/opening_frame_teichan.png) 0 -73px no-repeat;
}

.opening-popup-btn{
	position:absolute;
	top:249px;
	left:170px;
	width:153px;
	height:35px;
	display:block;
}

.opening-popup-btn-cover{
	position:absolute;
	top:239px;
	left:160px;
	width:173px;
	height:55px;
	background:#CC0000;
	opacity:0;
}

.opening-popup-btn span{
	position:absolute;
	display:block;
	cursor:pointer;
}

.opening-popup-btn-bg{
	background:url(../img/btn_go_bg.png) 0 0 no-repeat;
	top:0;
	left:0;
	width:153px;
	height:35px;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0,0);
	-webkit-transform: scale(0.01,0.01);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
}

.opening-popup-btn-txt{
	background:url(../img/btn_go_txt.png) 0 0 no-repeat;
	top:7px;
	left:49px;
	width:45px;
	height:21px;
	opacity:0;
}

.opening-popup-btn-arrow{
	background:url(../img/btn_go_arrow.png) 0 0 no-repeat;
	top:9px;
	right:14px;
	width:20px;
	height:17px;
	opacity:0;
}


a.opening-skip-btn{
	transition: all .3s;
}

a:hover.opening-skip-btn{
	opacity:0.75;
}

a .opening-popup-btn-bg{
	transition: opacity .3s;
}

a:hover .opening-popup-btn-bg{
	opacity:0.75;
}

.continent-nav-items{
	display:none;
}

.continent-nav-items li{
	position:absolute;
}

.continent-nav-items li a{
	display:block;
	position:absolute;
}

.continent-nav-items li a em,
.continent-nav-items li a span{
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.continent-nav-items li a em{
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	background:#b0efef;
	width:10px;
	height:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	-ms-border-radius: 10px;
  border-radius: 10px;
	top:20px;
	left:18px;
}

.continent-nav-cover{
	background:#CC0000;
	opacity:0.0;
}

.continent-nav-items li:nth-child(1) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-icon-bg{
	width:48px;
	height:48px;
	background:url(../img/nav_bg.png) 0 0 no-repeat;
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0.8,0.8) translateY(0);
	-webkit-transform: scale(0.8,0.8) translateY(0);
	-o-transform: scale(0.8,0.8) translateY(0);
	-ms-transform: scale(0.8,0.8) translateY(0);
	transform: scale(0.8,0.8) translateY(0);
	
}

.continent-nav-icon-arrow{
	width:48px;
	height:48px;
	background:url(../img/nav_arrow.png) 0 0 no-repeat;
	
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	-moz-transform: scale(0.8,0.8) translateY(0);
	-webkit-transform: scale(0.8,0.8) translateY(0);
	-o-transform: scale(0.8,0.8) translateY(0);
	-ms-transform: scale(0.8,0.8) translateY(0);
	transform: scale(0.8,0.8) translateY(0);
}

.continent-nav-txt{
	top:45px !important;
	height:40px;
}

.continent-nav-items li:nth-child(1){
	top:149px;
	left:166px;
}


.continent-nav-items li:nth-child(1) a .continent-nav-txt{
	background:url(../img/navi_txt_01.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(2){
	top:412px;
	left:385px;
}

.continent-nav-items li:nth-child(2) a .continent-nav-txt{
	background:url(../img/navi_txt_02.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(2) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(3){
	top:258px;
	left:412px;
}

.continent-nav-items li:nth-child(3) a .continent-nav-txt{
	background:url(../img/navi_txt_03.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(3) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(4){
	top:74px;
	left:400px;
}

.continent-nav-items li:nth-child(4) a .continent-nav-txt{
	background:url(../img/navi_txt_04.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(4) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}





.continent-nav-items li:nth-child(5){
	top:160px;
	left:610px;
	top:155px;
	left:500px;
}

.continent-nav-items li:nth-child(5) a .continent-nav-txt{
	background:url(../img/navi_txt_05.png) 0 0 no-repeat;
	width:120px;
	left:-35px;
	top:40px !important;
}

.continent-nav-items li:nth-child(5) .continent-nav-cover{
	width:120px;
	height:100px;
	left:-35px;
}






.continent-nav-items li:nth-child(6){
	top:175px;
	left:630px;
}

.continent-nav-items li:nth-child(6) a .continent-nav-txt{
	background:url(../img/navi_txt_06.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
	top:40px !important;
}

.continent-nav-items li:nth-child(6) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(7){
	top:11px;
	left:535px;
}

.continent-nav-items li:nth-child(7) a .continent-nav-txt{
	background:url(../img/navi_txt_07.png) 0 0 no-repeat;
	width:150px;
	left:-50px;
	top:40px !important;
}

.continent-nav-items li:nth-child(7) .continent-nav-cover{
	width:150px;
	height:100px;
	left:-50px;
}

.continent-nav-items li:nth-child(8){
	top:340px;
	left:650px;
}

.continent-nav-items li:nth-child(8) a .continent-nav-txt{
	background:url(../img/navi_txt_08.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(8) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(9){
	top:305px;
	left:824px;
}

.continent-nav-items li:nth-child(9) a .continent-nav-txt{
	background:url(../img/navi_txt_09.png) 0 0 no-repeat;
	width:120px;
	left:-35px;
}

.continent-nav-items li:nth-child(9) .continent-nav-cover{
	width:120px;
	height:100px;
	left:-35px;
}

.continent-nav-items li:nth-child(10){
	top:110px;
	left:775px;
}

.continent-nav-items li:nth-child(10) a .continent-nav-txt{
	background:url(../img/navi_txt_10.png) 0 0 no-repeat;
	width:120px;
	left:-35px;
}

.continent-nav-items li:nth-child(10) .continent-nav-cover{
	width:120px;
	height:100px;
	left:-35px;
}

.continent-nav-items li:nth-child(11){
	top:210px;
	left:850px;
}

.continent-nav-items li:nth-child(11) a .continent-nav-txt{
	background:url(../img/navi_txt_11.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(11) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(12){
	top:163px;
	left:967px;
}

.continent-nav-items li:nth-child(12) a .continent-nav-txt{
	background:url(../img/navi_txt_12.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(12) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(13){
	top:15px;
	left:802px;
}

.continent-nav-items li:nth-child(13) a .continent-nav-txt{
	background:url(../img/navi_txt_13.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(13) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(14){
	top:10px;
	left:1016px;
}

.continent-nav-items li:nth-child(14) a .continent-nav-txt{
	background:url(../img/navi_txt_14.png) 0 0 no-repeat;
	width:100px;
	left:-25px;
}

.continent-nav-items li:nth-child(14) .continent-nav-cover{
	width:100px;
	height:100px;
	left:-25px;
}

/*
.main-area.status-loading
*/



.loading-bar{
	position:absolute;
	top:50%;
	left:50%;
	width:210px;
	height:22px;
	margin-left:-110px;
	margin-top:-18px;
	margin-top:-23px;
	background:#FFF;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
	-ms-border-radius: 11px;
  border-radius: 11px;
	/*
	box-shadow:0px 0px 1px 2px #d4d3d9;
	-moz-box-shadow:0px 0px 1px 2px #d4d3d9;
	-webkit-box-shadow:0px 0px 1px 2px #d4d3d9;
	*/

}

.loading-bar-progress-wrap{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	-ms-border-radius: 4px;
  border-radius: 4px;
	width:190px;
	height:6px;
	position:relative;
	left:11px;
	top:9px;
	overflow:hidden;
	background:#ddf2fa;
}


.loading-bar-progress{
	width:0%;
	height:100%;
	background:url(../img/loading_bar.png) 0 0 repeat-x;
}

.loading-txt{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-42px;
	margin-top:20px;
	margin-top:15px;
	background:url(../img/loading_txt_w.png) 0 0 no-repeat;
	width:83px;
	height:13px;
}

.sound-bgm{
	position:absolute;
	right:70px;
	width:30px;
	height:25px;
	z-index:100;
	top:17px;
	
}

.sound-bgm a{
	display:block;
	width:30px;
	height:25px;
}

.sound-bgm.sound-off a{
	background:url(../img/btn_bgm_sp.png) 0 0 no-repeat;
	background-size:30px 50px;
}

.sound-bgm.sound-on a{
	background:url(../img/btn_bgm_sp.png) 0 -25px no-repeat;
	background-size:30px 50px;
}

@media print,
screen and (min-width: 737px) {
	
.opening-popup{
	margin-top:-172px;
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

.loading-bar{
	margin-top:-28px;
}

.loading-txt{
	margin-top:10px;
}

.main-logo{
	left:30px;
}

.main-area{
	margin-top:0;
	width:100%;
	width:1185px;
	margin-left:auto;
	margin-right:auto;
	height:540px;
	padding-bottom:0;
	border-radius:0px 0px 30px 30px ;
	-moz-border-radius:0px 0px 20px 20px ;
	-webkit-border-radius:0px 0px 26px 26px ;
	-ms-border-radius:0px 0px 20px 20px ;
	-o-border-radius:0px 0px 20px 20px ;

}


.main-area-inner{
	top:0;
	left:0;
}

.continent-nav-items{
	display:block;
}

.opening-skip-btn{
	left:40px;
	bottom:60px;
	background:url(../img/btn_skip.png) 0 0 no-repeat;
	background-size:100px 28px;
	width:100px;
	height:28px;
}

.obj-cloud-01{
	left:21px;
}

.opening-teichan-body{
	right:35px;
}

.opening-teichan-cover{
	right:20px;
}

.opening-teichan-ripple-t-hack,
.opening-teichan-ripple-b,
.opening-teichan-ripple-t{
	right:26px;
}


.sound-bgm{
	position:absolute;
	right:20px;
	width:60px;
	height:50px;
	z-index:10000;
	margin-left:510px;
	top:470px;
	left:50%;
	
}

.sound-bgm a{
	display:block;
	width:60px;
	height:50px;
}

.sound-bgm.sound-off a{
	background:url(../img/btn_bgm_pc.png) 0 0 no-repeat;
	background-size:60px 100px;
}

.sound-bgm.sound-on a{
	background:url(../img/btn_bgm_pc.png) 0 -50px no-repeat;
	background-size:60px 100px;
}

}