/* tbs.pages.css Rev 2015-11-27 */

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
	Content container
*/
	.tbs .c-container{ z-index:1; overflow:hidden; width:100%; height:auto; margin:70px 0 0 0; padding:0; }
	.tbs .c-container > .x-bs{ overflow:hidden; width:1000px; height:auto; margin:0 auto; padding:0; }

	@media screen and (max-width:999px){
		.tbs .c-container{ margin-top:40px; }
		.tbs .c-container > .x-bs{ width:100%; height:auto; margin:0 auto; padding:0; }
	}

/* HOME -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

	/* Top-cover ------- */
	.p-home .c-topcover{ width:100%; height:450px; margin-top:70px; position:relative; overflow:hidden; }
	@media screen and (max-width:999px){
		.p-home .c-topcover{ height:auto; margin-top:40px; }
	}

		/* VR Background */
		.p-home .c-topcover .x-vrbase{ z-index:2; position:absolute; top:0; left:0; right:0; bottom:50px; width:100%; pointer-events:none;
			background-image:none; background-color:transparent; background-repeat:no-repeat; background-position:center center;
		}
		.p-home .c-topcover .x-vrbottom{ z-index:3; position:absolute; top:auto; left:0; right:0; bottom:50px; width:100%; height:50px; pointer-events:none;
			background:transparent url(/imgs/home/cover_bottom_grad.png?r=151202b) repeat-x left bottom;
		}
		@media screen and (max-width:999px){
			.p-home .c-topcover .x-vrbase{ position:relative; height:250px; top:auto;left:auto;right:auto;bottom:auto; background-size:cover; }
			.p-home .c-topcover .x-vrbottom{ display:none; }
		}

		/* Content */
		.p-home .c-topcover .x-nav{ z-index:4; position:absolute; top:auto; left:0; right:0; bottom:0; width:100%; height:130px; pointer-events:none; }
		.p-home .c-topcover .x-nav > .x-bs{ overflow:hidden; position:relative; width:1000px; height:100%; margin:0 auto; padding:0; }
		.p-home .c-topcover .x-nav a{ pointer-events:auto; }
		.p-home .c-topcover .x-nav .x-a{ position:absolute; top:0; left:50%; right:auto; bottom:auto; width:322px; height:130px; margin:0 0 0 -161px; }
		.p-home .c-topcover .x-nav .x-b{ position:absolute; top:0; left:0; right:auto; bottom:auto; width:339px; height:130px; margin:0; }
		.p-home .c-topcover .x-nav .x-c{ position:absolute; top:0; left:auto; right:0; bottom:auto; width:339px; height:130px; margin:0; }

		@media screen and (max-width:999px){
			.p-home .c-topcover .x-nav{ position:relative; top:auto;left:auto;right:auto;bottom:auto; height:auto; margin-top:10px; }
			.p-home .c-topcover .x-nav > .x-bs{ width:auto; min-width:320px; text-align:center; }
			.p-home .c-topcover .x-nav .x-a{ display:none; }
			.p-home .c-topcover .x-nav .x-b, .p-home .c-topcover .x-nav .x-c{ position:relative; top:auto;left:auto;right:auto;bottom:auto; width:100%; max-width:339px; height:auto; margin:0; }
			.p-home .c-topcover .x-nav img{ max-width:100%; height:auto; }
		}


	/* About Akinada tobishima kaido */
	.p-home .pg-about{ position:realtive; overflow:hidden; background:transparent url(/imgs/home/about_back.jpg?r=151202b) no-repeat center bottom; height:auto; min-height:230px; }
	.p-home .pg-about .x-abt{ float:left; width:350px; height:auto; margin:0; padding:10px; border-radius:10px; text-shadow:0 1px 1px #fff; background-color:rgba(255,255,255,.5); }
	.p-home .pg-about .x-a{ float:right; margin:0; }
	.p-home .pg-about .x-banner{ float:right; margin:0; }
	.p-home .pg-about .x-char{ margin:0 auto; width:100%; max-width:317px; height:auto; }

	@media screen and (max-width:999px){
		.p-home .pg-about{ height:auto; background-size:contain; text-align:center; }
		.p-home .pg-about .x-abt{ float:none; width:auto; margin:10px 15px; background-color:#e7faff; text-align:left; }
		.p-home .pg-about .x-banner{ float:none; margin:0 auto; width:100%; max-width:294px; height:auto; }
	}

	.p-home .pg-vrabout{ position:realtive; overflow:hidden; border:1px solid #ddd; margin:10px 0; border-radius:10px; padding:8px; }
	@media screen and (max-width:999px){
		.p-home .pg-vrabout{ margin:10px 15px; }
	}


	/* Top-aceess ------- */
	.p-home .c-topacs{
		overflow:hidden; position:relative; width:1000px; height:450px; margin:20px 0 0 0; box-sizing:border-box;
		background:#fff url(/imgs/home/accessmini.jpg?r=151202b) no-repeat center center;
	}
	.p-home[data-page-lang="en"] .c-topacs{ background-image:url(/imgs/home/accessmini.en.jpg?r=151202b); }

	.p-home .c-topacs .x-point{
		z-index:2; position:absolute; top:165px; left:100px; right:auto; bottom:auto; width:163px; height:102px; pointer-events:auto;
		animation:k-topacs-point 0.5s ease-in-out 0s infinite alternate;
		transform-origin:center bottom;
	}
	@keyframes k-topacs-point {
		0% { transform:scale(1); }
		100% { transform:scale(0.98); }
	}
	.p-home .c-topacs .x-point-meneko{
		z-index:2; position:absolute; top:auto; left:290px; right:auto; bottom:0; width:225px; height:80px; pointer-events:auto;
	}

	.p-home .c-topacs .x-a{ position:absolute; top:15px; left:15px; width:600px; margin:0; }
	.p-home .c-topacs .x-b{ position:absolute; top:300px; left:15px; width:480px; margin:0; }
	.p-home[data-page-lang="en"] .p-home .c-topacs .x-b{ position:absolute; top:300px; left:15px; width:520px; margin:0; }

	.p-home .c-topacs .x-c{ position:absolute; top:5px; left:660px; width:220px; margin:0; }
	.p-home .c-topacs .x-d{ position:absolute; top:auto; right:15px; bottom:15px; width:230px; margin:0; }
	.p-home[data-page-lang="en"] .c-topacs .x-d{ right:5px; bottom:5px; width:260px; }

	@media screen and (max-width:999px){
		.p-home .c-topacs{ width:auto; margin:10px 15px; height:auto; background-image:none; }
		.p-home[data-page-lang="en"] .c-topacs{ background-image:none; }
		.p-home .c-topacs .x-b{ position:relative; width:auto; top:auto;left:auto;right:auto;bottom:auto; }
		.p-home .c-topacs .x-c{ position:relative; width:auto; top:auto;left:auto;right:auto;bottom:auto; }
		.p-home .c-topacs .x-d{ position:relative; width:auto; top:auto;left:auto;right:auto;bottom:auto; }
	}

	/* Top-link ------- */
	.p-home .c-links{ overflow:hidden; position:relative; margin:20px 0 0 0; box-sizing:border-box; }
	.p-home .c-links > .x-l{ float:left; overflow:hidden; width:100%; max-width:490px; height:auto; margin:0; padding:0; }
	.p-home .c-links > .x-r{ float:right; overflow:hidden; width:100%; max-width:500px; height:auto; margin:0; padding:0; }
	.p-home .c-links .x-hd{ border-bottom:1px dotted #007cca; padding-bottom:5px; margin:0 0 10px 0; }
	.p-home .c-links .x-link{ display:inline-block; margin:5px; max-width:95%; height:auto; }

	@media screen and (max-width:999px){
		.p-home .c-links{ margin-left:20px; margin-right:20px; }
	}



/* Area-Page -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

	/* Bottom Anchor ------ */
	.p-area .c-areamap-anchor{ z-index:15; display:none; opacity:1; overflow:hidden; pointer-events:auto; cursor:pointer; position:fixed; top:auto; left:auto; right:20px; bottom:0px; width:160px; height:90px; background:transparent url(/imgs/area_spotanchor.png?r=151202b) no-repeat center bottom; }
	.p-area .c-areamap-anchor .x-arw{
		pointer-events:none; position:absolute; top:25px; left:auto; right:22px; bottom:auto; width:50px; height:50px; background:transparent url(/imgs/area_spotanchor_arw.png?r=151202b) no-repeat center center;
		animation:k-c-areamap-anchor-arw 1s ease-in-out 0s infinite normal;
	}
	@keyframes k-c-areamap-anchor-arw {
		0% { top:10px; opacity:0.5; }
		100% { top:25px; opacity:1; }
	}

	/* Area-Map ------- */
	.p-area .c-areamap{ width:100%; height:500px; position:relative; overflow:hidden; }
	.p-area .c-areamap .x-layers{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; margin:0; padding:0; opacity:0; }
	.p-area .c-areamap .x-baselayer{ background:transparent none no-repeat center center; }
	.p-area .c-areamap .x-layer-vr{ z-index:3; }
	.p-area .c-areamap .x-layer-vr .x-vricn{ position:absolute; z-index:4; }
	.p-area .c-areamap .x-layer-vr .x-vr{ cursor:pointer; pointer-events:auto; background:transparent url(../imgs/c_areamap_vr.png?r=151202b) no-repeat center bottom; width:30px; height:40px; background-size:30px 40px; line-height:31px; font-size:11px; text-align:center; font-weight:bold; color:#222; }
	.p-area .c-areamap .x-layer-vr .x-novr{ cursor:auto; pointer-events:none; background:transparent url(../imgs/c_areamap_novr.png?r=151202b) no-repeat center bottom; width:20px; height:27px; background-size:20px 27px; line-height:20px; font-size:10px; text-align:center; font-weight:bold; color:#222; }
	.p-area .c-areamap .x-layer-vr .x-usricn{ pointer-events:none; }
	.p-area .c-areamap .x-layer-vr .x-usricn img{ pointer-events:none; border-style:none; margin:0; }
	.p-area .c-areamap .x-layer-vr .x-usricn-blink{
		animation:k-usricn-blink 0.6s ease-in-out 0s infinite alternate;
		transform-origin:center bottom;
	}
	@keyframes k-usricn-blink {
		0% { opacity:1; }
		100% { opacity:0.75; }
	}
	.p-area .c-areamap .x-layer-vr .x-usricn-anchor{ pointer-events:auto; cursor:pointer; }

	.p-area .c-areamap .x-layer-spot{ z-index:2; }
	.p-area .c-areamap .x-layer-base{ z-index:1; }

	.p-area .c-areamap .x-aremove-fst{ z-index:5; cursor:pointer; position:absolute; top:50%; left:auto; right:0; bottom:auto; width:70px; height:250px; margin:-125px 0 0 0; padding:0;
		background:transparent url(/imgs/home/areamap_move_west.png?r=151202b) no-repeat right center; }
	.p-area .c-areamap .x-aremove-snd{ z-index:5; cursor:pointer; position:absolute; top:50%; left:0; right:auto; bottom:auto; width:70px; height:250px; margin:-125px 0 0 0; padding:0;
		background:transparent url(/imgs/home/areamap_move_east.png?r=151202b) no-repeat right center; }

	.p-area[data-page-lang="en"] .c-areamap .x-aremove-fst{ background-image:url(/imgs/home/areamap_move_west.en.png?r=151202b); }
	.p-area[data-page-lang="en"] .c-areamap .x-aremove-snd{ background-image:url(/imgs/home/areamap_move_east.en.png?r=151202b); }

	.p-area .c-areamap .x-layer-vr .x-vricn-selected{
		animation:k-layer-vricn-selected 0.25s ease-in-out 0s infinite alternate;
		transform-origin:center bottom;
	}
	@keyframes k-layer-vricn-selected {
		0% { transform:scale(1); }
		100% { transform:scale(1.4); }
	}

	.p-area .x-img-areamap-west{ width:100%; max-width:1000px; height:auto; }
	.p-area .x-img-areamap-east{ width:100%; max-width:1000px; height:auto; }

	/* Area-Bridges ------- */
	.p-area .c-areabridges{ overflow:hidden; position:relative; margin:10px 0 0 0; }
	.p-area .c-areabridges .x-cell-a{ float:left; overflow:hidden; position:relative; margin:0; height:auto; }
	.p-area .c-areabridges .x-cell-b{ float:left; overflow:hidden; position:relative; margin:0; height:auto; }
	.p-area .c-areabridges .x-a{ width:500px; }
	.p-area .c-areabridges .x-b{ width:500px; }
	.p-area .c-areabridges .x-c{ width:201px; }
	.p-area .c-areabridges .x-d{ width:201px; }
	.p-area .c-areabridges .x-e{ width:201px; }
	.p-area .c-areabridges .x-f{ width:201px; }
	.p-area .c-areabridges .x-g{ width:196px; }

	@media screen and (max-width:999px){
		.p-area .c-areabridges{ margin-left:15px; margin-right:15px; }

		.p-area .c-areabridges .x-cell-a{ float:none; width:100%; text-align:center; }
		.p-area .c-areabridges .x-cell-b{ float:left; width:50%; text-align:center; }
		.p-area .c-areabridges .x-a img{ width:100%; max-width:500px; height:auto; }
		.p-area .c-areabridges .x-b img{ width:100%; max-width:500px; height:auto; }

		.p-area .c-areabridges .x-c img{ width:100%; max-width:201px; height:auto; }
		.p-area .c-areabridges .x-d img{ width:100%; max-width:201px; height:auto; }
		.p-area .c-areabridges .x-e img{ width:100%; max-width:201px; height:auto; }
		.p-area .c-areabridges .x-f img{ width:100%; max-width:201px; height:auto; }
		.p-area .c-areabridges .x-g img{ width:100%; max-width:196px; height:auto; }
	}


	/* Area-Islands ------- */
	.p-area .c-areaislands{ overflow:hidden; margin:15px 0 0 0; border:3px solid #86af7e; border-radius:5px; }
	.p-area .c-areaislands .x-logo{ overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:left top; }

		/* West */
		.p-area .c-areaislands .c-island-west{ overflow:hidden; margin:10px; padding:0; }
		.p-area .c-areaislands .c-island-west p{ margin:10px 0 0 200px; text-shadow:0 1px 0 #fff; }
		.p-area .c-areaislands .x-island1{ overflow:hidden; float:left; width:49%; height:auto; min-height:180px; background:transparent url(/imgs/area/island_bg01.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands .x-island2{ overflow:hidden; float:right; width:49%; height:auto; min-height:180px; background:transparent url(/imgs/area/island_bg02.jpg?r=151202b) no-repeat left bottom; }

		/* East */
		.p-area .c-areaislands table.c-island-east{ overflow:hidden; margin:0; padding:0; table-layout:fixed; border-collapse:separate; border-spacing:10px; }
		.p-area .c-areaislands table.c-island-east td{ overflow:hidden; position:relative; padding:0; }
		.p-area .c-areaislands table.c-island-east td > .x-bs{ overflow:hidden; position:relative; margin:0; padding:0 0 50px 0; }
		.p-area .c-areaislands table.c-island-east p{ margin:5px 10px 0 10px; text-shadow:0 1px 0 #fff; }
		.p-area .c-areaislands table.c-island-east p.x-fst{ margin:65px 10px 0 10px; }
		.p-area .c-areaislands table.c-island-east .x-island3{ width:25%; padding:0; background:transparent url(/imgs/area/island_bg03.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands table.c-island-east .x-island4{ width:25%; padding:0; background:transparent url(/imgs/area/island_bg04.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands table.c-island-east .x-island5{ width:25%; padding:0; background:transparent url(/imgs/area/island_bg05.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands table.c-island-east .x-island6{ width:25%; padding:0; background:transparent url(/imgs/area/island_bg06.jpg?r=151202b) no-repeat left bottom; }

		.p-area .c-areaislands .c-island-east-mob{ overflow:hidden; position:relative; }
		.p-area .c-areaislands .c-island-east-mob .x-island3{ overflow:hidden; position:relative; background:transparent url(/imgs/area/island_bg03.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands .c-island-east-mob .x-island4{ overflow:hidden; position:relative; border-top:1px solid #86af7e; min-height:150px; background:transparent url(/imgs/area/island_bg04.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands .c-island-east-mob .x-island5{ overflow:hidden; position:relative; border-top:1px solid #86af7e; min-height:150px; background:transparent url(/imgs/area/island_bg05.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands .c-island-east-mob .x-island6{ overflow:hidden; position:relative; border-top:1px solid #86af7e; min-height:150px; background:transparent url(/imgs/area/island_bg06.jpg?r=151202b) no-repeat left bottom; }
		.p-area .c-areaislands .c-island-east-mob p.x-t{ color:#3e8830; font-size:10pt; font-weight:bold; margin:10px 0 0 30%; padding:0 10px; }
		.p-area .c-areaislands .c-island-east-mob p{ font-size:8pt; margin:0 0 0 30%; padding:10px; background:rgba(255,255,255,.8); text-shadow:0 1px 0 #fff; }

	@media screen and (max-width:999px){
		.p-area .c-areaislands{ margin:5px 15px 0 15px; }
		.p-area .c-areaislands .c-island-west{ margin:0; }
		.p-area .c-areaislands .c-island-west .x-island1{ float:none; width:auto; height:auto; }
		.p-area .c-areaislands .c-island-west .x-island2{ float:none; width:auto; height:auto; border-top:1px solid #86af7e; }
		.p-area .c-areaislands .c-island-west .x-logo{ display:none; }
		.p-area .c-areaislands .c-island-west p.x-t{ color:#3e8830; font-size:10pt; font-weight:bold; margin:10px 0 0 30%; padding:0 10px; }
		.p-area .c-areaislands .c-island-west p{ font-size:8pt; margin:0 0 0 30%; padding:10px; background:rgba(255,255,255,.8); text-shadow:0 1px 0 #fff; }
	}

	/* Area-Footer ------- */
	.p-area .c-areaftr{ width:100%; height:auto; position:relative; overflow:hidden; }
	.p-area .c-areaftr .x-switch{ cursor:pointer; float:right; margin:3px 0 3px 2px; padding:0 10px; height:21px; line-height:21px; font-size:11px; color:#fff; background:#222; border-radius:8px; }
	.p-area .c-areaftr .x-switch-off{ background-color:#bfdbf1; color:#3b6d92; }
	.p-area .c-areaftr .x-switch-on{ background-color:#1a5d90; color:#fff; }


	/* Area-Bottom ------- */
	.p-area .c-areabtm{ overflow:hidden; position:relative; width:100%; }
	.p-area .c-areabtm .c-spotbox-l{ overflow:hidden; position:relative; width:850px; float:left; }
	.p-area .c-areabtm .c-spotbox-r{ overflow:hidden; position:relative; width:150px; float:right; }

	@media screen and (max-width:999px){
		.p-area .c-areabtm .c-spotbox-l{ float:none; width:auto; margin:0 15px; }
		.p-area .c-areabtm .c-spotbox-r{ float:none; width:auto; margin:10px 15px; }
	}

		/* Spot-legend --- */
		.p-area .c-spotlegend{ overflow:hidden; border:2px solid #0097bc; background-color:#e5f7fb; border-radius:5px; margin:5px 0 0 0; padding:5px; }
		.p-area .c-spotlegend .x-h{ position:relative; padding:5px 0 0 35px; display:block; min-height:30px; font-size:9pt; line-height:1.5em; color:#017592; text-shadow:0 1px 0 #fff; }
		.p-area .c-spotlegend .x-h .c-icn{ position:absolute; top:0; left:0; right:auto; bottom:auto; }

		/* Spot */
		.p-area .c-spots{ overflow:hidden; position:relative; }
		.p-area .c-spots > ul{ overflow:hidden; position:relative; }
		.p-area .c-spots > ul > li{ overflow:hidden; position:relative; float:left; width:210px; height:auto; }
		.p-area .c-spots > ul > li .x-spot{ overflow:hidden; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.4); margin:5px; padding:0; }
		.p-area .c-spots > ul > li .x-spot .x-bdr{ overflow:hidden; z-index:4; display:none; position:absolute; pointer-events:none; top:0; left:0; right:0; bottom:0; box-sizing:border-box; border:2px solid #ffb400; }
		.p-area .c-spots > ul > li .x-spot .x-pos{ overflow:hidden; z-index:3; position:absolute; top:0; left:0; right:auto; bottom:auto; width:30px; height:25px; line-height:25px; font-size:11px; font-weight:bold; text-align:center; background:transparent url(../imgs/area_spotnumbox.png?r=151202b) no-repeat right top; background-size:40px 25px; color:#222; }
		.p-area .c-spots > ul > li[data-vrid] .x-spot .x-pos{ overflow:hidden; background-image:url(../imgs/c_areamap_numvr.png?r=151202b) !important; color:#dc4e00; }
		.p-area .c-spots > ul > li .x-spot .x-img{ z-index:2; position:relative; overflow:hidden; width:200px; height:150px; background:transparent none no-repeat center center; background-size:cover; }
		.p-area .c-spots > ul > li .x-spot p.x-t{ font-size:10.5pt; line-height:1.3em; font-weight:bold; margin:0; padding:5px 5px 0 5px; }
		.p-area[data-page-lang="en"] .c-spots > ul > li .x-spot p.x-t{ font-size:9pt; line-height:1.3em; font-weight:bold; margin:0; padding:5px 5px 0 5px; }

		.p-area .c-spots > ul > li .x-spot p.x-tgl{ font-size:8pt; height:23px; line-height:23px; color:#1c5b70; margin:2px 5px 5px 5px; padding:0; text-align:center; background:#deebf0; border-radius:3px; cursor:pointer; }
		.p-area .c-spots > ul > li .x-spot p.x-tgl-opened{ background:#eaeaea; color:#888; }
		.p-area .c-spots > ul > li .x-spot .x-dsc{ overflow:hidden; position:relative; margin:0 5px 5px 5px; display:none; }
		.p-area .c-spots > ul > li .x-spot .x-dsc > p{ font-size:8.5pt; line-height:1.4em; padding:5px 0 0 0; margin:0; }
		.p-area .c-spots > ul > li .x-spot .x-dsc > p:first-child{ padding-top:0; }
		.p-area .c-spots > ul > li .x-spot .x-dsc .x-outlink{ overflow:hidden; position:relative; margin:5px 0 0 0; padding:0; }
		.p-area .c-spots > ul > li .x-spot .x-dsc .x-outlink a{
			display:inline-block; overflow:hidden; position:relative; margin:0; padding:5px 8px; font-size:8pt; pointer-events:auto; cursor:pointer;
			background:#1d7eb2; color:#fff; text-decoration:none; border-radius:3px;
			border-color:#83c5e9 #1d7eb2 #1d7eb2 #83c5e9; border-style:solid; border-width:1px;
		}


		.p-area .c-spots > ul > li .x-spot .x-icn-map{
			overflow:hidden; z-index:3; position:absolute; pointer-events:auto; cursor:pointer; top:122px; left:auto; right:0; bottom:auto; width:80px; height:28px;
			background:transparent url(/imgs/splist_icon01.png?r=151202b) no-repeat center center; background-size:80px 28px;
		}
		.p-area[data-page-lang="en"] .c-spots > ul > li .x-spot .x-icn-map{
			background-image:url(/imgs/splist_icon01.en.png?r=151202b);
		}
		.p-area .c-spots > ul > li .x-spot .x-icn-vr{
			overflow:hidden; z-index:3; position:absolute; pointer-events:auto; cursor:pointer; top:0; left:auto; right:0; bottom:auto; width:60px; height:60px;
			background:transparent url(/imgs/area/spoticn_vr.png?r=151202b) no-repeat center center; background-size:60px 60px;
		}

		.p-area .c-spots > ul > li .x-spot .x-pgrm{ overflow:hidden; position:relative; margin:0 5px; padding:0; }
		.p-area .c-spots > ul > li .x-spot .x-pgrm .x-pgrm{ display:block; float:right; margin:0; padding:0; }

		@media screen and (max-width:999px){
			.p-area .c-spots > ul > li{ float:none; width:100%; }
			.p-area .c-spots > ul > li .x-spot .x-img{ width:100%; height:250px; }
			.p-area .c-spots > ul > li .x-spot p.x-tgl{ height:35px; line-height:35px; }
			.p-area .c-spots > ul > li .x-spot .x-icn-map{ display:none; }
		}



/* VRGame -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

	.p-vrg .pg-title{ overflow:hidden; margin:0; padding:0; width:1000px; height:184px; background:transparent url(/imgs/vrg/gametitle_back.jpg?r=151202b) no-repeat center top; }
	.p-vrg .pg-title .x-a{ position:absolute; top:0; left:0; right:auto; bottom:auto; width:323px; height:184px; }
	.p-vrg .pg-title .x-b{ position:absolute; top:0; left:324px; right:auto; bottom:auto; width:348px; height:184px; }
	.p-vrg .pg-title .x-c{ position:absolute; top:0; left:auto; right:0; bottom:auto; width:329px; height:184px; }

	@media screen and (max-width:999px){
		.p-vrg .pg-title{ width:100%; min-width:320px; height:auto; background-size:contain; margin:0 auto; text-align:center; }
		.p-vrg .pg-title .x-b{ position:relative; top:auto;left:auto;right:auto;bottom:auto; margin:0 auto; max-width:100%; height:auto; }
	}

	.p-vrg .pg-step{ overflow:hidden; margin:20px 0; padding:0; }
	.p-vrg .pg-step .x-bs{ overflow:hidden; margin:0 15px; padding:0; }
	.p-vrg .pg-step .x-step1{ float:left; width:33%; height:auto; margin:0; padding:0; }
	.p-vrg .pg-step .x-step2{ float:left; width:32%; height:auto; margin:0 0 0 1%; padding:0; }
	.p-vrg .pg-step .x-step3{ float:right; width:33%; height:auto; margin:0; padding:0; }
	.p-vrg .pg-step .x-meneko{ overflow:hidden; height:auto; min-height:110px; background:transparent url(/imgs/vrg/gamestep_meneko.png?r=151202b) no-repeat right bottom; }
	.p-vrg .pg-step .x-meneko p{ background:#f3ffea; font-size:9pt; line-height:1.4em; color:#315f0c; padding:10px; margin:10px 75px 10px 10px; border:1px solid #62a829; border-radius:5px; }
	.p-vrg .pg-step p.x-notice{ font-size:8.5pt; line-height:1.4em; margin:5px 0 0 0; padding:0; }

	@media screen and (max-width:999px){
		.p-vrg .pg-step .x-step1{ float:none; width:100%; margin:0; text-align:center; }
		.p-vrg .pg-step .x-step1 img{ max-width:100%; height:auto; }
		.p-vrg .pg-step .x-step2{ float:none; width:100%; margin:0; text-align:center; }
		.p-vrg .pg-step .x-step2 img{ max-width:100%; height:auto; }
		.p-vrg .pg-step .x-step3{ float:none; width:100%; margin:0; text-align:center; }
		.p-vrg .pg-step .x-step3 img{ max-width:100%; height:auto; }
		.p-vrg .pg-step p{ text-align:left; }
	}


	.p-vrg .pg-radar{ width:650px; height:200px; margin:0 auto; border:2px solid #009aec; border-radius:10px; }
	.p-vrg .pg-radar .x-a{ float:left; margin:0; width:205px; }
	.p-vrg .pg-radar .x-b{ float:left; margin:0; width:235px; }
	.p-vrg .pg-radar .x-c{ float:right; margin:0; width:205px; }
	.p-vrg .pg-radar .x-c p{ font-size:9pt; line-height:1.4em; padding:5px 10px 0 10px; }

	@media screen and (max-width:999px){
		.p-vrg .pg-radar{ text-align:center; width:auto; height:auto; margin:0 15px; }
		.p-vrg .pg-radar .x-b{ float:none; margin:0 auto; width:100%; max-width:235px; height:auto; }
		.p-vrg .pg-radar .x-c{ float:none; margin:0 auto; width:100%; }
		.p-vrg .pg-radar .x-c p{ padding:0 10px 10px 10px; text-align:left; }
	}

	.p-vrg .pg-charactors{ overflow:hidden; position:relative; margin:30px auto 10px auto; padding:0; width:800px; height:400px; }
	.p-vrg .pg-charactors img{ float:left; margin:0; }

	.p-vrg .pg-charactors-mob{ display:none; overflow:hidden; position:relative; margin:20px 0; text-align:center; }
	.p-vrg .pg-charactors-mob .x-charactors-a{ width:100%; max-width:400px; height:auto; }
	.p-vrg .pg-charactors-mob .x-charactors-b{ width:100%; max-width:400px; height:auto; }

	@media screen and (max-width:999px){
		.p-vrg .pg-charactors{ display:none; }
		.p-vrg .pg-charactors-mob{ display:block; margin:20px 10px; }
	}

	.p-vrg .pg-activevrs{ margin:10px auto; }

	.p-vrg .pg-active{ margin:10px 0; background:#69cbe0; border-radius:5px; }
	.p-vrg .pg-active .x-vrbox{ overflow:hidden; position:relative; float:left; width:33%; margin:0; padding:0; }
	.p-vrg .pg-active .x-vrbox > .x-bs{ overflow:hidden; position:relative; margin:10px; background:#fff; padding:0; border-radius:0 0 10px 10px; box-shadow:0 0 6px rgba(0,0,0,.25); }
	.p-vrg .pg-active .x-vrbox .x-vrc{
		overflow:hidden; z-index:3; position:absolute; pointer-events:none; top:0; left:auto; right:0; bottom:auto; width:60px; height:60px;
		background:transparent url(/imgs/area/spoticn_vr.png?r=151202b) no-repeat center center; background-size:60px 60px;
	}
	.p-vrg .pg-active .x-vrbox .x-img{ width:100%; height:auto; } 
	.p-vrg .pg-active .x-vrbox .x-img img.x-vrimg{ width:100%; height:auto; }
	.p-vrg .pg-active .x-vrbox .x-dt{ width:100%; height:auto; } 
	.p-vrg .pg-active .x-vrbox .x-dt p.x-t{ margin:6px; padding:0; font-size:10pt; font-weight:bold; }
	.p-vrg .pg-active .x-vrbox .x-dt p.x-d{ margin:0 6px 6px 6px; padding:0; font-size:9pt; color:#666; }

	@media screen and (max-width:999px){
		.p-vrg .pg-active{ margin:10px 15px; }
		.p-vrg .pg-activevrs{ margin:10px 15px; }

		.p-vrg .pg-active .x-vrbox{ float:none; width:100%; margin:0; padding:0; }
		.p-vrg .pg-active .x-vrbox .x-img{ float:left; width:45%; min-height:150px; }
		.p-vrg .pg-active .x-vrbox .x-dt{ float:right; width:55%; }
		.p-vrg .pg-active .x-vrbox .x-dt p.x-t{ margin:5px 10px; }
		.p-vrg .pg-active .x-vrbox .x-dt p.x-d{ margin:0 10px 10px 10px; font-size:8pt; }
	}

	.p-vrg .pg-radar-notince{ overflow:hidden; margin:50px auto 0 auto; padding:0; border:1px solid #e00; background:#fffafa; }
	.p-vrg .pg-radar-notince .x-bs{ overflow:hidden; margin:10px; padding:0; }

	@media screen and (max-width:999px){
		.p-vrg .pg-radar-notince{ margin:20px 15px; }
	}

/* Cyclist -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

	.p-cyc .x-cyclemap{ width:1000px; height:330px; }

	.p-cyc .x-cycinf{ overflow:hidden; position:relative; width:1000px; height:auto; margin:15px 0; }
	.p-cyc .x-cycinf .x-trans{ overflow:hidden; position:relative; float:left; width:20%; margin:0; padding:0; }
	.p-cyc .x-cycinf .x-guide{ overflow:hidden; position:relative; float:right; width:75%; margin:0; padding:0; }
	.p-cyc .x-cycinf .x-guide .x-img{ margin:0 0 0 15px; float:right; }
	.p-cyc .x-cycinf .x-guide p{ font-size:10pt; }

	.p-cyc .x-cycbtm{ overflow:hidden; position:relative; margin:0; padding:0; }

	.p-cyc .x-cycbtm .pg-cycsta{ overflow:hidden; margin:10px 0; }
	.p-cyc .x-cycbtm .pg-cycsta .x-box{ overflow:hidden; float:left; width:20%; margin:0; }
	.p-cyc .x-cycbtm .pg-cycsta .x-box .x-img{ width:100%; height:auto; max-width:195px; }
	.p-cyc .x-cycbtm .pg-cycsta .x-box .x-data{ overflow:hidden; position:relative; width:auto; height:auto; margin:0 10px 0 0; }
	.p-cyc .x-cycbtm .pg-cycsta .x-box .x-data p{ margin:5px 0 0 0; }

	@media screen and (max-width:999px){
		.p-cyc .x-cyclemap{ width:100%; max-width:1000px; height:auto; }
		.p-cyc .x-cycinf{ width:auto; min-width:290px; margin:10px 15px; }
		.p-cyc .x-cycinf .x-trans{ float:none; width:100%; margin-top:10px; }
		.p-cyc .x-cycinf .x-guide{ float:none; width:100%; }
		.p-cyc .x-cycinf .x-guide .x-img{ margin:0 0 5px 0px; width:50%; max-width:50%; height:auto; }
		.p-cyc .x-cycinf .x-guide p{ font-size:9pt; }

		.p-cyc .x-cycbtm{ margin:15px 15px; }
		.p-cyc .x-cycbtm .pg-cycsta .x-box{ float:none; width:100%; margin:0 0 10px 0; }
		.p-cyc .x-cycbtm .pg-cycsta .x-box .x-img{ float:left; width:49%; height:auto; max-width:49%; }
		.p-cyc .x-cycbtm .pg-cycsta .x-box .x-data{ float:right; width:48%; height:auto; margin:0; }
		.p-cyc .x-cycbtm .pg-cycsta .x-box .x-data > p{ margin-top:0; }
		.p-cyc .x-cycbtm .pg-cycsta .x-box .x-data > p.doc-s{ font-size:8pt; }
	}


/* Access -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

	.p-acs .c-widemap{ overflow:hidden; position:relative; margin:0; padding:0; }
	.p-acs .c-widemap .c-acsmap{ display:block; overflow:hidden; position:relative; width:1000px; height:500px; box-sizing:border-box; border:1px solid #ddd;
		background:#fff url(../imgs/access/widemap.jpg?r=151202b) no-repeat center center;
	}
	.p-acs[data-page-lang="en"] .c-widemap .c-acsmap{ background-image:url(../imgs/access/widemap.en.jpg?r=151202b); }
	.p-acs .c-widemap .c-acsmap .c-acsmap-spot{ position:absolute; top:0; left:0; right:auto; bottom:auto; width:1000px; height:500px; display:block; opacity:0; pointer-events:none;
		background:transparent url(../imgs/access/widemap_spot.png?r=151202b) no-repeat center center;
	}
	.p-acs[data-page-lang="en"] .c-widemap .c-acsmap .c-acsmap-spot{ background-image:url(../imgs/access/widemap_spot.en.png?r=151202b); }



	.p-acs .c-acsaftr{ width:100%; height:auto; position:relative; overflow:hidden; }
	.p-acs .c-acsaftr .x-switch{ cursor:pointer; float:right; margin:3px 0 3px 2px; padding:0 10px; height:21px; line-height:21px; font-size:11px; color:#fff; background:#222; border-radius:8px; }
	.p-acs .c-acsaftr .x-switch-off{ background-color:#bfdbf1; color:#3b6d92; }
	.p-acs .c-acsaftr .x-switch-on{ background-color:#1a5d90; color:#fff; }

	.p-acs .x-mob-widemap{ width:100%; max-width:1000px; height:auto; }
	.p-acs .x-acsbtm{ overflow:hidden; position:relative; margin:0; padding:0; }
	.p-acs .x-acsbtm p{ word-break:break-all; }
	.p-acs .x-cycbanner{ overflow:hidden; position:relative; margin:20px 0; }
	.p-acs .x-cycbanner .x-bnr{ overflow:hidden; position:relative; width:598px; margin:0; padding:0; float:left; }
	.p-acs .x-cycbanner .x-txt{ overflow:hidden; position:relative; width:402px; margin:0; padding:0; float:right; }
	.p-acs .x-cycbanner .x-txt p{ margin-left:15px; }

	@media screen and (max-width:999px){
		.p-acs .x-acsbtm{ margin:10px 15px; }
		.p-acs .x-cycbanner .x-bnr{ float:none; width:auto; margin:0; text-align:center; }
		.p-acs .x-cycbanner .x-bnr img{ width:100%; max-width:598px; height:auto; margin:0 auto; }
		.p-acs .x-cycbanner .x-txt{ float:none; width:auto; margin:0; }
		.p-acs .x-cycbanner .x-txt p{ margin:5px 0 0 0; }
	}


/* Radar -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

	#radar-content{ display:none; }
	#quiz-content{ display:none; }


	/* (Radar) Layout */
	.tbsradar{ position:relative; background-color:#17a4cc; width:100%; height:auto; margin:0; padding:0; }
	.tbsradar .rdr-container{ overflow:hidden; position:relative; width:100%; }
	.tbsradar .rdr-container > .x-bs{ overflow:hidden; position:relative; width:100%; min-width:320px; margin:0 auto; }

	.tbsradar .rdr-content{ min-width:320px; max-width:500px; margin:10px auto; }
	.tbsradar .rdr-content > .x-base{ overflow:hidden; position:relative; margin:0 15px 15px 15px; }

	.tbsradar .rdr-title-wrapper{ overflow:hidden; position:relative; text-align:center; }

	/* (Radar) buttonbase */
	.tbsradar .rdr-btn{
		display:block; pointer-events:auto; cursor:pointer;
		height:35px; line-height:35px; padding:0 10px; font-size:10pt; color:#0f7390; background:#fff; border-radius:6px;
		text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
		border-width:1px; border-color:#fff #267a92 #267a92 #fff; border-style:solid;
	}

	/* (Radar Content) -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	.tbsradar .rdr-main-title{ max-width:100%; height:auto; margin:0 auto; }

	/* (Radar Content) Radar Glass */
	.tbsradar .rdr-glass{
		position:relative; overflow:hidden; width:350px; height:250px; margin:0 auto; background:transparent url(/imgs/radar/rdr.png?r=151202b) no-repeat 0px 0px; background-size:350px 1000px;
	}
	.tbsradar .rdr-glass .c-prog{ display:none; }
	.tbsradar .rdr-glass[data-power="on"]{ background-position:0px -250px; }
	.tbsradar .rdr-glass[data-power="on"] .c-prog{ display:block; margin-top:-53px; margin-left:-43px; }
	.tbsradar .rdr-glass[data-power="err"]{ background-position:0px -750px; }
	.tbsradar .rdr-glass .x-power{ position:absolute; width:100px; height:100px; top:auto; left:auto; right:0px; bottom:0px; pointer-events:auto; cursor:pointer; }
	.tbsradar .rdr-glass .x-power[disabled]{ pointer-events:none; cursor:default; }
	.tbsradar .rdr-glass .x-remain{ position:absolute; width:85px; height:26px; top:175px; left:20px; right:auto; bottom:auto; pointer-events:none; font-size:24px; text-align:right; text-shadow:0 1px 1px #000; color:#fff; }
	.tbsradar .rdr-glass .x-percent{ position:absolute; width:100px; height:30px; top:205px; left:20px; right:auto; bottom:auto; pointer-events:none; font-size:20px; text-align:right; text-shadow:0 1px 1px #000; color:#fff; }
	.tbsradar .rdr-glass .rdr-gps{ overflow:hidden; position:absolute; top:10px; right:10px; left:auto; bottom:auto; }

	@media screen and (max-width:999px){
		.tbsradar .rdr-glass{ max-width:350px; width:100%; }
	}

	@media screen and (max-width:349px){
		.tbsradar .rdr-glass{ transform:scale(0.85); width:350px; }
/*
		.tbsradar .rdr-glass{ width:280px; height:200px; background-size:280px 800px; }
		.tbsradar .rdr-glass[data-power="on"]{ background-position:0px -200px; }
		.tbsradar .rdr-glass[data-power="on"] .c-prog{ display:block; margin-top:-42.4px; margin-left:-34.4px; }
		.tbsradar .rdr-glass[data-power="err"]{ background-position:0px -600px; }
*/
	}

		/* GPS Status Icon */
		.tbsradar .c-gpsst{ width:50px; height:50px; background:transparent url(/imgs/radar/rdr_gps.png?r=151202b) no-repeat 0px 0px; background-size:50px 150px; }
		.tbsradar .c-gpsst[data-gps="receive"]{ background-position:0px 0px; }
		.tbsradar .c-gpsst[data-gps="none"]{ background-position:0px -50px; }
		.tbsradar .c-gpsst[data-gps="error"]{ background-position:0px -100px; }

	.tbsradar .rdr-glass .rdr-glass-over{
		position:absolute; overflow:hidden; pointer-events:none; display:none; opacity:0; width:350px; height:250px; margin:0; background:transparent url(/imgs/radar/rdr.png?r=151202b) no-repeat 0px -500px;
	}

	/* (Radar Content) Guide */
	.tbsradar .rdr-guide{ overflow:hidden; position:relative; margin:10px 0; background:#fff; border-radius:5px; }
	.tbsradar .rdr-guide p{ margin:0; padding:10px 120px 10px 10px; font-size:9.5pt; line-height:1.4em; color:#333; min-height:130px; background:transparent url(/imgs/radar/radar01.png?r=151202b) no-repeat right bottom; }
	.tbsradar .rdr-error{ display:none; overflow:hidden; position:relative; margin:10px 0; background:#df3333; border-radius:5px; }
	.tbsradar .rdr-error p{ margin:0; padding:10px; font-size:9.5pt; line-height:1.4em; color:#fff; }

	/* (Radar Content) Maps */
	.tbsradar .rdr-map{ overflow:hidden; position:relative; height:200px; margin:10px 0 0 0; background:#046581; }
	.tbsradar .rdr-map > .rdr-mapover{ overflow:hidden; pointer-events:none; position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; background:transparent url(/imgs/radar/radar02.png?r=151202b) no-repeat center center; }
	.tbsradar .rdr-map > .rdr-gmaps{ overflow:hidden; position:absolute; opacity:0; z-index:2; top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
	.tbsradar .rdr-map > .rdr-gmaps #gmaps{ position:relative; width:100%; height:100%; }
	.tbsradar .rdr-data-a{ color:#2e6777; font-size:8pt; margin:5px 0 0 0; text-align:right; }

	/* (Radar QUIZ) -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
	.tbsradar .rdr-quiz-title{ max-width:100%; height:auto; margin:0; }

	.tbsradar .x-quiz-start{ overflow:hidden; position:relative; margin:0; padding:0; }
	.tbsradar .x-quiz-start > .x-base{ overflow:hidden; position:relative; margin:0; padding:0; background:#fff; color:#222; border-radius:12px; }
	.tbsradar .x-quiz-miss{ overflow:hidden; position:relative; margin:0; padding:0; }
	.tbsradar .x-quiz-miss > .x-base{ overflow:hidden; position:relative; margin:0; padding:0; background:#fff; color:#222; border-radius:12px; }
	.tbsradar .x-quiz-miss{ overflow:hidden; }
	.tbsradar .x-quiz-done{ overflow:hidden; position:relative; margin:0; padding:0; }
	.tbsradar .x-quiz-done > .x-base{ overflow:hidden; position:relative; margin:0; padding:0; background:#fff; color:#222; border-radius:12px; }

	/* (Radar Quiz) Start */
	.tbsradar .x-quiz-start .x-q{ font-size:14pt; font-weight:bold; color:#0448ae; text-shadow:0 1px 3px #aaa; margin:0; padding:15px 20px; line-height:1.4em; }
	.tbsradar .x-quiz-start .x-ans{
		overflow:hidden; position:relative; background:#ee0065; color:#fff; text-shadow:0 1px 3px #555; border-radius:10px; pointer-events:auto; cursor:pointer;
		font-size:12pt; font-weight:bold;  margin:0 15px 15px 15px; padding:15px; line-height:1.4em; text-align:center;
	}
	.tbsradar .x-quiz-start #ans1{ margin-top:15px; }

	/* (Radar Quiz) Miss */
	.tbsradar .x-quiz-miss .rdr-quiz-retry{
		overflow:hidden; position:relative; background:#ee0065; color:#fff; text-shadow:0 1px 3px #555; border-radius:10px; pointer-events:auto; cursor:pointer;
		font-size:10pt; font-weight:bold;  margin:15px; padding:15px; line-height:1.4em; text-align:center;
	}

	/* (Radar Quiz) Clear */
	.tbsradar .x-quiz-done .rdr-quiz-retry{
		overflow:hidden; position:relative; background:#ee0065; color:#fff; text-shadow:0 1px 3px #555; border-radius:10px; pointer-events:auto; cursor:pointer;
		font-size:10pt; font-weight:bold;  margin:15px; padding:15px; line-height:1.4em; text-align:center;
	}
	.tbsradar .x-quiz-done p.x-t{ font-size:10pt; font-weight:bold; color:#222; padding:5px 15px; }
	.tbsradar .x-quiz-done p.x-d{ font-size:8.5pt; color:#555; padding:15px 15px; }
	.tbsradar .x-quiz-done .x-card-container{ overflow:hidden; position:relative; margin:0 15px; padding:0; }
	.tbsradar .x-quiz-done .x-card-container img{ width:100%; height:auto; }
	.tbsradar .x-quiz-done .x-card-download > div{
		overflow:hidden; position:relative; background:#ee0065; color:#fff; text-shadow:0 1px 3px #555; border-radius:10px; pointer-events:auto; cursor:pointer;
		font-size:10pt; font-weight:bold;  margin:15px; padding:15px; line-height:1.4em; text-align:center;
	}


	/* Footer */
	.tbsradar .rdr-footer{ background:#17a4cc; overflow:hidden; margin:50px 20px 10px 20px; }
	.tbsradar .rdr-footer p{ color:#fff; font-size:8.5pt; line-height:1.3em; }
	.tbsradar .rdr-footer a{ color:#fff; text-decoration:underline; }