@charset "UTF-8";

/* ========================================
	Reset
======================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border: 0;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; }

body { line-height:1; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
img{ border:0; vertical-align:bottom; }
input, select { vertical-align:middle; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }

/* ========================================
	Clearfix
======================================== */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* ========================================
	Base
======================================== */
body {
	font-family :ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	font-size :14px;
	color: #FFF;
	-webkit-text-size-adjust: 100%;
}
/* ========================================
	common
======================================== */


/* ========================================
	Header
======================================== */

header {
	position: relative;
}

header .wiiu {
	display: block;
	width: 16.875%;
	position: absolute;
	top: 20px;
	right: 20px;
}

/* ========================================
	Footer
======================================== */

footer {
	position: relative;
}

footer .nav_container {
	position: relative;
}

.footer_section  {
	position: absolute;
	width: 100%;
	height: 264px;
	left: 0;
	bottom: 0;
	background: url(../img/map/nav_bg.png) center top no-repeat;
	background-size: auto 264px;
	z-index: 1000;

	transform: translate3d(0, 78%, 0);
	-webkit-transform: translate3d(0, 78%, 0);
	transition: transform 400ms ease;
	-webkit-transition: transform 400ms ease;
}

.footer_section footer {
	height: 100%;
}

.footer_section .nav_container {
	height: 100%;
	transform: translate3d(0, 31px, 0);
	-webkit-transform: translate3d(0, 31px, 0);
	transition: transform 400ms ease;
	-webkit-transition: transform 400ms ease;
}

.f_nav01_open {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
	transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
}
.f_nav01_open a {
	display: block;
	padding: 31px 0 10px;
}
.f_nav01_header {
	position: relative;
}
.f_nav01_title {
	padding-top: 27px;
	text-align: center;
}
.f_nav01_close {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 116px;
}
.f_nav01 {
	width: 320px;
	margin: 0 auto;
}
.f_nav01:after {
	content: "";
	display: block;
	clear: both;
}
.f_nav01 li {
	float: left;
}
.f_nav01 li:nth-child(odd) {
	margin-left: 9px;
}
.f_nav02_wrapper {
	width: 100%;
	height: 38px;
	background: url(../img/map/f_nav_bg.png) center top no-repeat;
	background-size: auto 38px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.f_nav02 {
	width: 320px;
	margin: 0 auto;
	text-align: center;
	padding-top: 14px;
}
.f_nav02 li {
	display: inline-block;
	line-height: 9px;
}
.f_nav02 li:first-child {
	border-right: 1px solid #ffffff;
	margin-right: 13px;
	padding-right: 13px;
}


.footer_section.open {
	transform: translate3d(0, 0%, 0);
	-webkit-transform: translate3d(0, 0%, 0);
}
.footer_section.open .nav_container {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.footer_section.open .f_nav01_open {
	opacity: 0;
	z-index: 0;
}


/*------------------------------------------------------------
	map section
------------------------------------------------------------*/
html {
	height: 100%;
	/*min-height: 768px;*/
	overflow-y: scroll;
}

body {
	position: relative;
	height: 100%;
}

.title{
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -120px;
	z-index: 2;
}


.contents_section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 320px;
	background-color: #917c52;
	overflow: hidden;
}

.popup_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 200;
}

.popup_body {
	position: absolute;
	width: 320px;
	height: 223px;
	left: 0;
	right: 0;
	top: 65px;
	bottom: 0;
	margin: auto;
}
.popup_close {
  position: absolute;
  top: -1px;
  right: 18px;
}

.map_wrapper {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 60px;
	padding-bottom: 50px;
}

.map_wrapper #stage {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.map_wrapper #stage .map {
	position: absolute;
	top: 0;
	left: 0;
	width: 3200px;
	height: 1800px;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

.map_wrapper #stage .map .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: move;
}
.map_wrapper #stage .map .bg img {
	/*width: 100%;
	height: auto;*/
}

.map_wrapper #stage .map .clickable {
	position: absolute;
	width: 32px;
	height: 29px;
	margin: -14px 0 0 -16px;
	transition: transform 500ms cubic-bezier(0.455, 0.03,  0.515, 0.955);
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.455, 0.03,  0.515, 0.955);
}

/* icon */
.map_wrapper #stage .map .clickable .icon {
	display: block;
	width: 32px;
	height: 29px;
	background: url(../img/map/ico_active.png) 0 0 no-repeat;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}
.map_wrapper #stage .map .disabled {
	cursor: default;
	pointer-events: none;
}
.map_wrapper #stage .map .disabled .icon {
	background: url(../img/map/ico_disabled.png) 0 0 no-repeat;
}
.map_wrapper #stage .map .disabled .balloon {
	display: none;
}
.map_wrapper #stage .map .visited .icon {
	background: url(../img/map/ico_visited.png) 0 0 no-repeat;
}
.map_wrapper #stage .map .hidden {
	visibility: visible;
}
.map_wrapper #stage .map .hidden .icon {
	background: none;
}

/* star */
.map_wrapper #stage .map .clickable .stars {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}
.map_wrapper #stage .map .clickable .stars img {
	position: absolute;
	opacity: 0;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.map_wrapper #stage .map #tn_01 {
	top: 45.05%;
	left: 58.08%;
}
.map_wrapper #stage .map #tn_02 {
	top: 44%;
	left: 60%;
}
.map_wrapper #stage .map #tn_03 {
	top: 41%;
	left: 58.7%;
}

.map_wrapper #stage .map #jk_01 {
	top: 32.35%;
	left: 51.81%;
}
.map_wrapper #stage .map #jk_02 {
	top: 28.4%;
	left: 53.5%;
}
.map_wrapper #stage .map #jk_03 {
	top: 32%;
	left: 50%;
}

.map_wrapper #stage .map #r1_01 {
	top: 38.65%;
	left: 61.21%;
}
.map_wrapper #stage .map #r1_02 {
	top: 38.65%;
	left: 62.81%;
}
.map_wrapper #stage .map #r1_03 {
	top: 37.65%;
	left: 59.71%;
}

.map_wrapper #stage .map #r2_01 {
	top: 32.35%;
	left: 61.21%;
}
.map_wrapper #stage .map #r2_02 {
	top: 31.1%;
	left: 62.61%;
}
.map_wrapper #stage .map #r2_03 {
	top: 32%;
	left: 57.31%;
}

.map_wrapper #stage .map #rb_01 {
	top: 32.35%;
	left: 67.21%;
}
.map_wrapper #stage .map #rb_02 {
	top: 28.7%;
	left: 66.21%;
}
.map_wrapper #stage .map #rb_03 {
	top: 26%;
	left: 68.2%;
}
.map_wrapper #stage .map #rb_04 {
	top: 32.9%;
	left: 65.21%;
}

.map_wrapper #stage .map #b1_01 {
	top: 45.05%;
	left: 54.81%;
}
.map_wrapper #stage .map #b1_02 {
	top: 43.5%;
	left: 53.21%;
}
.map_wrapper #stage .map #b1_03 {
	top: 40.5%;
	left: 54.41%;
}
.map_wrapper #stage .map #b1_04 {
	top: 38.25%;
	left: 52.31%;
}

.map_wrapper #stage .map #b2_01 {
	top: 45.05%;
	left: 51.81%;
}
.map_wrapper #stage .map #b2_02 {
	top: 42.9%;
	left: 49.81%;
}
.map_wrapper #stage .map #b2_03 {
	top: 47.3%;
	left: 48.41%;
}
.map_wrapper #stage .map #b2_04 {
	top: 47.55%;
	left: 45.81%;
}

.map_wrapper #stage .map #b3_01 {
	top: 64.05%;
	left: 52.81%;
}
.map_wrapper #stage .map #b3_02 {
	top: 63.5%;
	left: 55.81%;
}
.map_wrapper #stage .map #b3_03 {
	top: 62.7%;
	left: 50.21%;
}
.map_wrapper #stage .map #b3_04 {
	top: 66.95%;
	left: 54.21%;
}

.map_wrapper #stage .map #b4_01 {
	top: 73.55%;
	left: 41.91%;
}
.map_wrapper #stage .map #b4_02 {
	top: 70.97%;
	left: 42.21%;
}
.map_wrapper #stage .map #b4_03 {
	top: 75.8%;
	left: 43.91%;
}

.map_wrapper #stage .map #bb_01 {
	top: 73.55%;
	left: 38.61%;
}
.map_wrapper #stage .map #bb_02 {
	top: 69.97%;
	left: 36.21%;
}
.map_wrapper #stage .map #bb_03 {
	top: 73.5%;
	left: 36.91%;
}

.map_wrapper #stage .map #y1_01 {
	top: 51.45%;
	left: 59.31%;
}
.map_wrapper #stage .map #y1_02 {
	top: 46.27%;
	left: 62.61%;
}
.map_wrapper #stage .map #y1_03 {
	top: 49.3%;
	left: 61.21%;
}

.map_wrapper #stage .map #y2_01 {
	top: 57.75%;
	left: 59.31%;
}
.map_wrapper #stage .map #y2_02 {
	top: 55.37%;
	left: 57.11%;
}
.map_wrapper #stage .map #y2_03 {
	top: 53.7%;
	left: 60.71%;
}

.map_wrapper #stage .map #y3_01 {
	top: 57.75%;
	left: 67.31%;
}
.map_wrapper #stage .map #y3_02 {
	top: 56.97%;
	left: 64.51%;
}
.map_wrapper #stage .map #y3_03 {
	top: 54.5%;
	left: 67.11%;
}

.map_wrapper #stage .map #y4_01 {
	top: 54.35%;
	left: 75.51%;
}
.map_wrapper #stage .map #y4_02 {
	top: 52.67%;
	left: 79.11%;
}
.map_wrapper #stage .map #y4_03 {
	top: 47.6%;
	left: 79.41%;
}
.map_wrapper #stage .map #y4_04 {
	top: 53.5%;
	left: 73.71%;
}

.map_wrapper #stage .map #yb_01 {
	top: 48.15%;
	left: 70.71%;
}
.map_wrapper #stage .map #yb_02 {
	top: 50.37%;
	left: 72.61%;
}
.map_wrapper #stage .map #yb_03 {
	top: 45.8%;
	left: 74.31%;
}

.map_wrapper #stage .map #v1_01 {
	top: 57.75%;
	left: 49.41%;
}
.map_wrapper #stage .map #v1_02 {
	top: 58.57%;
	left: 47.51%;
}
.map_wrapper #stage .map #v1_03 {
	top: 54.5%;
	left: 49.11%;
}
.map_wrapper #stage .map #v1_04 {
	top: 55.5%;
	left: 51.81%;
}
.map_wrapper #stage .map #v1_05 {
	top: 57.5%;
	left: 53.11%;
}

.map_wrapper #stage .map #v2_01 {
	top: 38.75%;
	left: 44.11%;
}
.map_wrapper #stage .map #v2_02 {
	top: 33.37%;
	left: 39.21%;
}
.map_wrapper #stage .map #v2_03 {
	top: 37.5%;
	left: 35.51%;
}

.map_wrapper #stage .map #o1_01 {
	top: 48.05%;
	left: 67.31%;
}
.map_wrapper #stage .map #o1_02 {
	top: 41.37%;
	left: 64.91%;
}
.map_wrapper #stage .map #o1_03 {
	top: 45.5%;
	left: 69.11%;
}
.map_wrapper #stage .map #o1_04 {
	top: 45.3%;
	left: 65.61%;
}

.map_wrapper #stage .map #o2_01 {
	top: 41.15%;
	left: 70.71%;
}
.map_wrapper #stage .map #o2_02 {
	top: 38.57%;
	left: 69.51%;
}
.map_wrapper #stage .map #o2_03 {
	top: 34.5%;
	left: 69.31%;
}

.map_wrapper #stage .map #g1_01 {
	top: 64.15%;
	left: 69.11%;
}
.map_wrapper #stage .map #g1_02 {
	top: 61.57%;
	left: 71.51%;
}

.map_wrapper #stage .map #g2_01 {
	top: 70.45%;
	left: 69.11%;
}
.map_wrapper #stage .map #g2_02 {
	top: 67.87%;
	left: 74.51%;
}
.map_wrapper #stage .map #g2_03 {
	top: 67.57%;
	left: 66.51%;
}
.map_wrapper #stage .map #g2_04 {
	top: 66.37%;
	left: 70.51%;
}

.map_wrapper #stage .map #v3_01 {
	top: 29.35%;
	left: 35.21%;
}

.map_wrapper #stage .map #v3_02 {
	top: 27.35%;
	left: 36.91%;
}

.map_wrapper #stage .map #v3_03 {
	top: 27.75%;
	left: 33.61%;
}

.map_wrapper #stage .map #v4_01 {
	top: 29.35%;
	left: 28.11%;
}

.map_wrapper #stage .map #v4_02 {
	top: 27.15%;
	left: 25.61%;
}

.map_wrapper #stage .map #v4_03 {
	top: 23.35%;
	left: 25.41%;
}

.map_wrapper #stage .map #v4_04 {
	top: 24.65%;
	left: 23.31%;
}

.map_wrapper #stage .map #vb_01 {
	top: 15.45%;
	left: 24.41%;
}

.map_wrapper #stage .map #vb_02 {
	top: 15.15%;
	left: 20.11%;
}

.map_wrapper #stage .map #vb_03 {
	top: 13.35%;
	left: 22.21%;
}

.map_wrapper #stage .map #o3_01 {
	top: 41.15%;
	left: 75.51%;
}

.map_wrapper #stage .map #o3_02 {
	top: 39.05%;
	left: 74.31%;
}

.map_wrapper #stage .map #o3_03 {
	top: 35.35%;
	left: 73.21%;
}

.map_wrapper #stage .map #o4_01 {
	top: 41.15%;
	left: 79.41%;
}

.map_wrapper #stage .map #o4_02 {
	top: 36.25%;
	left: 76.91%;
}

.map_wrapper #stage .map #o4_03 {
	top: 32%;
	left: 76.01%;
}

.map_wrapper #stage .map #ob_01 {
	top: 27.25%;
	left: 79.41%;
}

.map_wrapper #stage .map #ob_02 {
	top: 27.25%;
	left: 77.11%;
}

.map_wrapper #stage .map #ob_03 {
	top: 23.05%;
	left: 79.31%;
}

.map_wrapper #stage .map #r3_01 {
	top: 25.95%;
	left: 63.71%;
}

.map_wrapper #stage .map #r3_02 {
	top: 23.95%;
	left: 61.91%;
}

.map_wrapper #stage .map #r3_03 {
	top: 24.25%;
	left: 65.71%;
}

.map_wrapper #stage .map #r4_01 {
	top: 19.65%;
	left: 63.71%;
}

.map_wrapper #stage .map #r4_02 {
	top: 18.05%;
	left: 59.71%;
}

.map_wrapper #stage .map #r4_03 {
	top: 15.05%;
	left: 64.01%;
}

.map_wrapper #stage .map #r4_04 {
	top: 16.45%;
	left: 61.41%;
}

.map_wrapper #stage .map #g3_01 {
	top: 76.85%;
	left: 72.51%;
}

.map_wrapper #stage .map #g3_02 {
	top: 71.15%;
	left: 71.51%;
}

.map_wrapper #stage .map #g3_03 {
	top: 75.05%;
	left: 73.91%;
}

.map_wrapper #stage .map #g4_01 {
	top: 76.85%;
	left: 78.01%;
}

.map_wrapper #stage .map #g4_02 {
	top: 73.85%;
	left: 79.31%;
}

.map_wrapper #stage .map #gb_01 {
	top: 83.25%;
	left: 83.01%;
}

.map_wrapper #stage .map #gb_02 {
	top: 85.75%;
	left: 80.51%;
}

.map_wrapper #stage .map #gb_03 {
	top: 79.95%;
	left: 80.61%;
}

.map_wrapper #stage .map #gb_04 {
	top: 84.75%;
	left: 77.21%;
}

.map_wrapper #stage .map #kp_01 {
	top: 10.55%;
	left: 39.71%;
}

.map_wrapper #stage .map #kp_02 {
	top: 5.55%;
	left: 39.51%;
}

.logo_wiiu{
	position: fixed;
	right: 9px;
	top: 79px;
	width: 49px;
	height: 94px;
	z-index: 101;
}

.btn_zoom {
	position: fixed;
	right: 0;
	top: 120px;
	width: 49px;
	height: 94px;
	z-index: 101;
}

.btn_zoom-body{
	width: 49px;
	height: 94px;
	background: url(../img/map/bg_zoom.png) 0 0 no-repeat;
	-webkit-background-size: 49px 94px;
	        background-size: 49px 94px;
	position: relative;
}

.btn_zoom .btn_zoom-down{
	position: absolute;
	left: 1px;
	top: 46px;
}

.btn_zoom .btn_zoom-up{
	position: absolute;
	left: 1px;
	top: 1px;
}

.btn_zoom .btn_zoom-down.disabled,
.btn_zoom .btn_zoom-up.disabled{
	display: none;
}


/*------------------------------------------------------------
	landscape
------------------------------------------------------------*/

@media screen and (min-width: 641px) {

	.title {
		top: 40px;
	}

	.btn_zoom {
		top: 50px;
	}

	.map_wrapper {
		padding-top: 40px;
	}
}