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

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	}

@media screen and (orientation: landscape) {
h1 {
	font: bold;
	color: #ffffff;
	font-size: 15vw;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	pointer-events: none;
	user-select: none;
}

h1#title_a {
	z-index: 100;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 30%;
	bottom: auto;
	left: 0px;
	right: auto;
	pointer-events: none;
	user-select: none;
}

h1#title_b {
	z-index: 100;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 30%;
	bottom: auto;
	left: auto;
	right: 0px;
	pointer-events: none;
	user-select: none;
}}

@media screen and (orientation: portrait) {
h1 {
	font: bold;
	color: #ffffff;
	font-size: 15vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	pointer-events: none;
	user-select: none;
}

h1#title_a {
	z-index: 100;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	bottom: auto;
	left: auto;
	right: auto;
	pointer-events: none;
	user-select: none;
	text-align: center;
}

h1#title_b {
	z-index: 100;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: auto;
	bottom: 0px;
	left: auto;
	right: auto;
	pointer-events: none;
	user-select: none;
	text-align: center;
}}

div#hiroshima-map {
	z-index: 50;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

div#MInfo {
	z-index: 50;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

div#MInfo_a {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

div#MInfo_b {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}


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

@media screen and (orientation: landscape) {
p#Map-text {
	font-size: 500%;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:120%;
}
p#Map-text-s {
	font-size: 300%;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:150%;
}
p#Map-text-r {
	font-size: 1300%;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:120%;
	text-align:center;
}
p#Map-text2 {
	font-size: 5vh;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:3.9vh;
}
a#Map-text2 {
	font-size: 5vh;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:3.9vh;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
a#Map-linktext {
	font-size: 5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	word-break: normal;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
}

@media screen and (orientation: portrait) {
p#Map-text {
	font-size: 480%;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:50%;
}
p#Map-text-s {
	font-size: 320%;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:150%;
}
p#Map-text-r {
	font-size: 1300%;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:80%;
	text-align:center;
}
p#Map-text2 {
	font-size: 2.2vh;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:2.7vh;
}
a#Map-text2 {
	font-size: 2.2vh;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin: 4vh 1vh;
	word-break: normal;
	line-height:2.7vh;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
a#Map-linktext {
	font-size: 2.2vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	word-break: normal;
}
}

@media screen and (orientation: landscape) {

div#cv {
	z-index: 100;
	width: 25%;
	height: 1%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	bottom: auto;
	left: auto;
	right: 0.4vh;
	white-space: nowrap;
}

p#about {
	font-size: 2.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 1vh;
	word-break: normal;
	line-height:auto;
	text-align: right;
	color: #ffffff;
}

p#cv-text
 {
	font-size: 2.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 1vh;
	word-break: normal;
	line-height:auto;
	text-align: right;
	color: #ffffff;
	pointer-events: none;
	transform: translateX(2000px);
}

a#cv-linktext
 {
	font-size: 2.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 0;
	word-break: normal;
	line-height:auto;
	text-align: right;
	color: #ffffff;
	text-decoration: none;

}
}

@media screen and (orientation: portrait) {

div#cv {
	z-index: 100;
	width: 35%;
	height: 1%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	bottom: auto;
	left: auto;
	right: 0.4vh;
	white-space: nowrap;
}

p#about {
	font-size: 1.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 1vh;
	word-break: normal;
	line-height:auto;
	text-align: right;
	color: #ffffff;
}

p#cv-text
 {
	font-size: 1.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 1vh;
	word-break: normal;
	line-height:auto;
	text-align: right;
	color: #ffffff;
	pointer-events: none;
	transform: translateX(2000px);
}

a#cv-linktext
 {
	font-size: 1.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 0;
	word-break: normal;
	line-height:auto;
	text-align: right;
	color: #ffffff;
	text-decoration: none;

}
}

input#cv-btn {
	display: none;
}

label#cv-label {
	cursor: pointer;
}

input#cv-btn:checked ~ p#cv-text {
	transform: translateX(0);
}

@media screen and (orientation: landscape) {

div#view {
	z-index: 100;
	width: 25%;
	height: 7%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: auto;
	bottom: 0px;
	left: 0.4vh;
	right: auto;
	white-space: nowrap;
}
p#p-view {
	font-size: 2.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 1vh;
	word-break: normal;
	line-height:auto;
	text-align: left;
	color: #ffffff;
}
}

@media screen and (orientation: portrait) {

div#view {
	z-index: 100;
	width: 35%;
	height: 5.5%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: auto;
	bottom: 0px;
	left: 0.4vh;
	right: auto;
	white-space: nowrap;
}
p#p-view {
	font-size: 1.5vh;
	font-family: "游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 1vh;
	word-break: normal;
	line-height:auto;
	text-align: left;
	color: #ffffff;
}
}

input#view-btn {
	display: none;
}

label#view-label {
	cursor: pointer;
}

.maplabel{
	text-shadow:0 0 6px #000000;
	transform: translateY(45px);
}
.maplabel-b{
	text-shadow:0 0 4px #ffffff;
	transform: translateY(45px);
}

div#img001{
	z-index: 200;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	white-space: nowrap;
}