html {
	width: 100%;
	height: 140%;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 16px;
	overscroll-behavior-y: contain;
	scroll-snap-type: y mandatory;
}

body {
	margin: 0px;
	width: 100vw;
	height: 100%;
	overflow-y: hidden;
	}

h1 {
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
h1#h1plan {
	font-size: 9em;
}

h2 {
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
h2#h2plan {
	font-size: 2.4em;
}
h2#h2stories-list {
	font-size: 2.4em;
	padding: 6vh 0 0 0;
}

@media screen and (orientation: landscape)  {
h2#stories-title {
	font-size: 20vw;
	margin: 0;
	padding: 0;
	color: #eeeeee;
}}
@media screen and (orientation: portrait)  {
h2#stories-title {
	font-size: 20vh;
	margin: 0;
	padding: 0;
	color: #eeeeee;
}}

@media screen and (orientation: landscape)  {
h2#venue {
	font-size: 2.7vw;
	margin: auto auto 0 auto;
}}
@media screen and (orientation: portrait)  {
h2#venue {
	font-size: 2.9vh;
	margin: auto auto 0 auto;
}}
@media screen and (orientation: landscape)  {
h2#venue-en {
	font-size: 1.3vw;
	margin: 0.4vw auto auto auto;
}}
@media screen and (orientation: portrait)  {
h2#venue-en {
	font-size: 1.5vh;
	margin: 0 auto auto auto;
}}

p {
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

@media screen and (orientation: landscape)  {
p#pan {
	font-size: 2vw;
	color: #888888;
}}
@media screen and (orientation: portrait)  {
p#pan {
	font-size: 2.2vh;
	color: #888888;
}}

@media screen and (orientation: landscape)  {
p#panvenue {
	font-size: 2vw;
	margin: 3vw auto 2vw auto;
	color: #888888;
}}
@media screen and (orientation: portrait)  {
p#panvenue {
	font-size: 2.2vh;
	margin: 6vh auto 2vh auto;
	color: #888888;
}}


@media screen and (orientation: landscape)  {
p#df {
	font-size: 1.6vw;
}}

@media screen and (orientation: portrait)  {
p#df {
	font-size: 1.8vh;
}}

a#pdf {
	color: #333333;
	text-decoration: underline;
}
a#pdf:link {
	color: #333333;
	text-decoration: underline;
}
a#pdf:hover {
	color: #333333;
	text-decoration: underline;
}
a#pdf:active {
	color: #333333;
	text-decoration: underline;
}
a#pdf:visited {
	color: #333333;
	text-decoration: underline;
}

li#stories-list-abc {
	cursor: pointer;
}
li#stories-list-abc:link {
	border : solid 3px #f39700;
	background-color: #f39700;
	text-decoration: none;
}
li#stories-list-abc:hover {
	border : solid 3px #d17500;
	background-color: #d17500;
	text-decoration: none;
}
li#stories-list-abc:active {
	border : solid 3px #d17500;
	background-color: #d17500;
	text-decoration: none;
}
li#stories-list-abc:visited {
	border : solid 3px #d17500;
	background-color: #d17500;
	text-decoration: none;
}


/* 背景 */

div.back {
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
	background-image: url(images/1876-84.jpg);
	background-position: top;
	background-size: 30%;
}
span#back-black {
	z-index: 2;
	width: 100%;
	height: 25%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
	background-color: #555555;
}

/* タイトル「銀座」 */

section#titlesection {
	z-index: 50;
	width: 100%;
	height: 50vh;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
	user-select:none;
	scroll-snap-align: start;
}

@media screen and (orientation: landscape) {

h1.title-a {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0px;
	right: auto;
	
	line-height: 50vh;
	text-align: left;
	font: bold;
	color: #ffffff;
	font-size: 27vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
}
}

@media screen and (orientation: portrait)  {

h1.title-a {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;	

	line-height: 49vh;
	text-align: left;
	font: bold;
	color: #ffffff;
	font-size: 47vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
}
}

@media screen and (orientation: landscape) {

h1.title-b {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 0;
	bottom: auto;
	left: auto;
	right: 0px;

	line-height: 50vh;
	text-align: right;
	font: bold;
	color: #ffffff;
	font-size: 27vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
}
}

@media screen and (orientation: portrait)  {

h1.title-b {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 0;
	bottom: auto;
	left: auto;
	right: 0;

	line-height: 49vh;
	text-align: right;
	font: bold;
	color: #ffffff;
	font-size: 47vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
}
}

/* タイトル「銀座」のアニメーション */

@media screen and (orientation: landscape)  {
h1#titlescale_a{
margin: 1.1vw auto 0 -1vh;}
h1#titlescale_b{	
margin: 1.1vw -1vh 0 auto;
}}
@media screen and (orientation: portrait)  {
h1#titlescale_a{
margin: 1vh auto 0 0;}
h1#titlescale_b{	
margin: 1vh 0 0 auto;
}}

@media screen and (orientation: landscape)  {
.h1animation_a {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 40.7vh;
	bottom: auto;
	left: 30%;
	right: auto;

	line-height: 7vh;
	text-align: left;
	font: bold;
	color: #ffffff;
	font-size: 4vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
	}
}
	
@media screen and (orientation: portrait)  {
.h1animation_a {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 43vh;
	bottom: auto;
	left: 30%;
	right: auto;

	line-height: 5vh;
	text-align: left;
	font: bold;
	color: #ffffff;
	font-size: 5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
	}
}

@media screen and (orientation: landscape) {

.h1animation_b {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: absolute;
	top: 40.7vh;
	bottom: auto;
	left: auto;
	right: 30%;

	line-height: 7vh;
	text-align: right;
	font: bold;
	color: #ffffff;
	font-size: 4vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
	}
}

@media screen and (orientation: portrait)  {

.h1animation_b {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 43vh;
	bottom: auto;
	left: auto;
	right: 30%;

	line-height: 5vh;
	text-align: right;
	font: bold;
	color: #ffffff;
	font-size: 5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

	pointer-events: none;
	transition: all 0.3s ease-in-out 0s;
	}
}

/* モバイル用「銀座」アニメーション */

.titleback  {
	z-index: 49;
	width: 100vw;
	height: 7%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 1vh;
	bottom: auto;
	left: auto;
	right: auto;
	
	opacity:1;
	}


@media screen and (orientation: landscape)  {
.h1animation_c {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: fixed;
	top: 0;
	bottom: auto;
	left: 30%;
	right: auto;

	line-height: 7vh;
	text-align: left;
	font: bold;
	color: #ffffff;
	font-size: 4vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	}
}


@media screen and (orientation: portrait)  {
.h1animation_c {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0;
	bottom: auto;
	left: 30%;
	right: auto;

	line-height: 5vh;
	text-align: left;
	font: bold;
	color: #ffffff;
	font-size: 5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

	pointer-events: none;
	}
}

@media screen and (orientation: landscape) {

.h1animation_d {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	position: fixed;
	top: 0;
	bottom: auto;
	left: auto;
	right: 30%;

	line-height: 7vh;
	text-align: right;
	font: bold;
	color: #ffffff;
	font-size: 4vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	
	pointer-events: none;
	}
}

@media screen and (orientation: portrait)  {

.h1animation_d {
	z-index: 50;
	width: 50%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0;
	bottom: auto;
	left: auto;
	right: 30%;

	line-height: 5vh;
	text-align: right;
	font: bold;
	color: #ffffff;
	font-size: 5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

	pointer-events: none;
	}
}


/* グローバルメニュー（全体） */

input#menu-checkbox {
	display: none;
}
input#nav-allclose {
	display: none;
}

@media screen and (orientation: landscape) {
label#nav-button {
	z-index: 1000;
	padding:3%;
	position: fixed;
	left: 96%;
	display: inline-block;
	margin-top: 3vh;

	border-radius: 50%;
	background-color: #f39700;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
}}

@media screen and (orientation: portrait)  {
label#nav-button {
	z-index: 1000;
	padding:8%;
	position: fixed;
	left: 87%;
	display: inline-block;
	margin-top: 1vh;

	border-radius: 50%;
	background-color: #f39700;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
}}

input#menu-checkbox:checked ~ nav#navlist {
	transform: translateX(0);
}

@media screen and (orientation: landscape) {
input#menu-checkbox:checked ~ label#nav-button {
	transform: translateX(7vw);
}}
@media screen and (orientation: portrait)  {
input#menu-checkbox:checked ~ label#nav-button {
	transform: translateX(14vw);
}}

nav#navlist {
	z-index: 1000;
	width: 12%;
	height: 70%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 15%;
	bottom: 0px;
	left: 88%;
	right: 0px;

	background-color: #f39700;
	transition: all 0.2s ease-in-out 0s;
	transform: translate3d(100%,0,0);
}

input#menu-checkbox:checked ~ #nav-close {

	display: inline-block;
	opacity: 0.6;
}

label#nav-close {
	z-index: 99;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;

	background-color: #000000;
	opacity: 0;
	transition: all 0.2s ease-in-out 0s;
}

input#inputbutsu {
	display: none;
}

label.batsu {
	z-index: 1000;
    width: 10%;
	height: 10%;
	padding: 0px;
	margin-top: 5vw;
	margin-left: 0px;
	margin-bottom: 15vw;
	position: absolute;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	
	cursor: pointer;
	opacity: 0.5;
	
	color: #555555;
	font-family: "游ゴシック体", "YuGothic", "Hiragino Gothic Pro", "MS PMincho";
	font-weight: 300;
	font-size: 7vw;
}



/* グローバルメニュー（メニュー一覧）*/

input#menu-map {
	display: none;}
input#menu-plan {
	display: none;}
input#menu-stories {
	display: none;}
input#menu-events {
	display: none;}

ul#navlist {
	list-style: none;
	padding-left: 15%;
}

@media screen and (orientation: landscape) {
label.navlist {
	font: bold;
	color: #ffffff;
	font-size: 2vw;
	line-height: 4em;
	text-decoration: none;
	cursor: pointer;
	font-family:  "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}}

@media screen and (orientation: portrait)  {
label.navlist {
	font: bold;
	color: #ffffff;
	font-size: 2.8vw;
	line-height: 4em;
	text-decoration: none;
	cursor: pointer;
	font-family:  "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}}

/* グローバルメニュー（各メニューボタン）*/

label#map-button {
	z-index: 1001;
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

label#plan-button {
	z-index: 1001;
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

label#stories-button {
	z-index: 1001;
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

label#events-button {
	z-index: 1001;
	width: 100%;
	height: auto;
	position: relative;
	display: inline-block;
}

input#menu-plan:checked ~ div#plan {
	transform: translateX(0);}
input#menu-stories:checked ~ div#stories {
	transform: translateX(0);}
input#menu-events:checked ~ div#events {
	transform: translateX(0);}

/* マップ本体*/

@media screen and (orientation: landscape) {
div#map {
	z-index: 10;
	width: 101%;
	height: 91vh;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 50%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
		background-color: #f39700;
		overflow-x: hidden;
		overflow-y: hidden;
	
	scroll-snap-align: end;
	overscroll-behavior: none;
}}

@media screen and (orientation: portrait)  {
div#map {
	z-index: 10;
	width: 101%;
	height: 92vh;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 50%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
		background-color: #f39700;
		overflow-x: hidden;
		overflow-y: hidden;
	
	scroll-snap-align: end;
	overscroll-behavior: none;
}}

/* プラン表示 */

div#plan {
	z-index: 200;
	width: 90%;
	height: 92.5%;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;

	background-color: #eeeeee;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	transform: translate3d(-110%,0,0);
	
	overflow-y: scroll;
	overflow-x: hidden;
}

@media screen and (orientation: landscape)  {
		div#plan-st {
		width: 83%;
		height: auto;
		padding: 2vw;
		margin: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		}
		div.plan-cv {
		width: 110%;
		height: auto;
		padding: 0px;
		margin: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;

		background: #dddddd;
		}
		
			div#plan-pr {
			width: 75%;
			height: auto;
			padding: 2.4vw 2.4vw 2.4vw 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			}
			div#plan-po {
			width: 75%;
			height: auto;
			padding: 2.4vw 2.4vw 2.8vw 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			}
			
/*
			div#plan-pr {
					background: #dddddd;
			width: 36%;
			height: auto;
			padding: 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			
			padding-right: 1%;
			}
			div#plan-po {
					background: #dddddd;
			width: 36%;
			height: auto;
			padding: 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			
			padding-right: 6%;
			}
*/
}

@media screen and (orientation: portrait)  {
		div#plan-st {
		width: 83%;
		height: auto;
		padding: 2vw;
		margin: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		}
		div.plan-cv {
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		}
			div#plan-pr {
					background: #dddddd;
			width: 75%;
			height: auto;
			padding: 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			
			padding-right: 10%;
			}
			div#plan-po {
					background: #dddddd;
			width: 75%;
			height: auto;
			padding: 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			
			padding-right: 10%;
			}

/*
			div#plan-pr {
					background: #dddddd;
			width: 75%;
			height: auto;
			padding: 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			
			padding-right: 10%;
			}
			div#plan-po {
					background: #dddddd;
			width: 75%;
			height: auto;
			padding: 2.4vw;
			margin: 0px;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			
			padding-right: 10%;
			}
*/
}

/* ストーリーズ表示 */

@media screen and (orientation: landscape)  {
div#stories {
	z-index: 300;
	width: 90%;
	height: 86vh;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;
	
	background-color: #eeeeee;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	transform: translate3d(-110%,0,0);
	
	overflow-y: scroll;
	overflow-x: hidden;
}}
@media screen and (orientation: portrait)  {
div#stories {
	z-index: 300;
	width: 90%;
	height: 92vh;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;
	
	background-color: #eeeeee;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	transform: translate3d(-110%,0,0);
	
	overflow-y: scroll;
	overflow-x: hidden;
}}
	@media screen and (orientation: landscape)  {
	div#stories-st {
		width: 83%;
		height: auto;
		padding: 2vw;
		margin: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		}
		ul#stories-list {
		padding: 0px;
		margin: 0px;
		font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
		color: #ffffff;
		line-height: 1.1em;
		}
			li#stories-list-abc {
			padding: 0 1.7vw 2vh 1.7vw;
			margin: 1.5vh 0.3vh 1.5vh 0px;
			background: #f39700;
			display: inline-block;
			
			font-size: 3.2vh;
			
			border : solid 3px #f39700;
			cursor: pointer;
			}
		}
	@media screen and (orientation: portrait)  {
	div#stories-st {
		width: 83%;
		height: auto;
		padding: 2vw;
		margin: 0px;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		}
		ul#stories-list {
		padding: 0px;
		margin: 0px;
		font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
		color: #ffffff;
		line-height: 1.1em;
		}
			li#stories-list-abc {
			padding: 0 1.7vw 1.1vw 1.7vw;
			margin: 1vh 0px 1vh 0px;
			background: #f39700;
			display: inline-block;
			
			font-size: 1.9vh;
			
			border : solid 3px #f39700;
			cursor: pointer;
			}
	}

/* ストーリーズ愛知 */

input#input-aichi {
	display: none;}

input#input-aichi:checked ~ div#aichi {
	transform: translateX(0);}

input#input-aichi:checked ~ #nav-close {

	display: inline-block;
	opacity: 0.6;
}

label#aichi-label {
	cursor: pointer;}

@media screen and (orientation: landscape)  {
div#aichi {
	z-index: 350;
	width: 90%;
	height: 86vh;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;
	
	background-color: #111111;
	opacity:0.9;
	transition: all 0.2s ease-in-out 0s;
	transform: translateX(110%);
	
	overflow-y: scroll;
	overflow-x: hidden;
}}
@media screen and (orientation: portrait)  {
div#aichi {
	z-index: 300;
	width: 90%;
	height: 92vh;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;
	
	background-color: #111111;
	opacity:0.9;
	transition: all 0.2s ease-in-out 0s;
	transform: translateX(110%);
	
	overflow-y: scroll;
	overflow-x: hidden;
}}

/* イベント表示 */

@media screen and (orientation: landscape)  {
div#events {
	z-index: 300;
	width: 90%;
	height: 86vh;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;
	
	background-color: #eeeeee;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	transform: translate3d(-110%,0,0);
	
	overflow-y: scroll;
	overflow-x: hidden;
}}
@media screen and (orientation: portrait)  {
div#events {
	z-index: 300;
	width: 90%;
	height: 92vh;
	padding: 3vw;
	margin: 0px;
	position: fixed;
	top: 5%;
	bottom: 0px;
	left: 5%;
	right: 0px;
	
	background-color: #eeeeee;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	transform: translate3d(-110%,0,0);
	
	overflow-y: scroll;
	overflow-x: hidden;
}}


/* 下コンテンツ全体 */

div.contents{
	z-index: 20;
	width: 100%;
	height: 160%;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: -200%;
	
	background-color: #ffffff;
}

/* Venue und City表示（下コンテンツ） */

input#map-venue-und-city-ip-01 {
	display: none;
}
input#map-venue-und-city-ip-02 {
	display: none;
}

label#map-venue-und-city-01 {
	z-index: 11;
	width: 101vw;
	height: 100vh;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	
	background-color: #111111;
	opacity:0;
	cursor: pointer;
}

@media screen and (orientation: landscape)  {
div#map-contents-div {
	z-index: 12;
	width: 87.5vw;
	height: 40vh;
	padding: 0 6vw 5vh 5vw;
	margin: 0 2vw 0 2vw;
	position: fixed;
	top: auto;
	bottom: -46vh;
	left: 0;
	right: auto;
	
	background-color: #ffffff;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	
	overflow-y: scroll;
	overflow-x: hidden;
}}

@media screen and (orientation: portrait)  {
div#map-contents-div {
	z-index: 12;
	width: 86.1vw;
	height: 40vh;
	padding: 0 6vw 5vh 5vw;
	margin: 0 2vw 0 2vw;
	position: fixed;
	top: auto;
	bottom: -46vh;
	left: 0;
	right: auto;
	
	background-color: #ffffff;
	opacity:0.9;
	transition: all 0.3s ease-in-out 0s;
	
	overflow-y: scroll;
	overflow-x: hidden;
}}

input#map-venue-und-city-ip-01:checked ~ div#map-contents-div {
	bottom: 0;}
input#map-venue-und-city-ip-01:checked ~ label#venue-close-label {
	transform: translateX(-9.2vh);}
input#map-venue-und-city-ip-01:checked ~ span#venue-close {
	transform: translateX(-9.2vh) rotate(-45deg);}

input#map-venue-und-city-ip-02:checked ~ div#map-contents-div {
	transform: translateY(40vh);}
input#map-venue-und-city-ip-02:checked ~ label#venue-close-label {
	transform: translate3d(-9.2vh,40vh,0);}
input#map-venue-und-city-ip-02:checked ~ span#venue-close {
	transform: translate3d(-9.2vh,41vh,0) rotate(135deg);}

div#map-contents-title {
	z-index: 12;
	width: 100%;
	height: 5vh;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
}
@media screen and (orientation: landscape)  {
img#venue-img {
	z-index: 12;
	width: auto;
	height: 30vh;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 17vh;
	bottom: auto;
	left: auto;
	right: 8.1vh;
}}
@media screen and (orientation: portrait)  {
img#venue-img {
	z-index: 12;
	width: 101.5%;
	height: auto;
	padding: 0;
	margin: 0;
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}}
div#map-contents-l {
	z-index: 12;
	width: 100%;
	height: auto;
	padding: 3vh 2vw 3vh 2vw;
	margin: 0;
	position: relative;
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
}

label#venue-close-label {
	z-index: 14;
	width: 5.3vh;
	height: 5vh;
	padding: 0;
	position: fixed;
	top: auto;
	bottom: 40vh;
	left: auto;
	right: -7.8vh;
	
	cursor: pointer;
	background-color: #bbbbbb;
	opacity:0.4;
	transition: all 0.3s ease-in-out 0s;
	}
span#venue-close {
	z-index: 13;
	width: 2vh;
	height: 2vh;
	padding: 0;
	position: fixed;
	top: auto;
	bottom: 42vh;
	left: auto;
	right: -6.1vh;

	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
	
	cursor: pointer;
	opacity:1;
	transition: all 0.3s ease-in-out 0s;
	}

#tabl {
	height: 50%;
	width: 48%;
	float: left;
}

#tabr {
	height: 98%;
	width: 48%;
	float: left;
	background-color: #eeeeee;
}