/*body {
overflow-y: scroll;
}*/

::-webkit-scrollbar {
width: 0.5vw;
}

::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0);
}

::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 0.25vw rgba(0, 0, 0, 0.5);
}

.background {
position: absolute;
width: 100%;
height: 100%;
}

.space {
position: fixed;
width: 100%;
height: 100%;
}

.location {
position: absolute;
width: 100%;
}

.location-img {
width: 100%;
/* position: fixed; */
}

/*________________________________________________________*/

h1 {
font-size: 1.041666667vw;
}

h2 {
font-size: 0.989583333vw;
}

h3 {
font-size: 0.9375vw;
}

h4 {
font-size: 0.885416667vw;
}

h5 {
font-size: 0.833333333vw;
}

h6 {
font-size: 0.78125vw;
}

.href {
color: #fff;
opacity: 1;
cursor: pointer;
text-decoration: none;
}

.href:hover {
opacity: 1;
font-size: 21px;
text-shadow: 1px 1px #000;
}

.href-vpp {
position: absolute;
width: 3.8%;
height: 7%;
top: 50%;
left: 50%;
margin: -1.6% 0px 0px -1.85%;
padding: 1.3% 0px 0px 0px;
cursor: pointer;
color: #fff;
opacity: 1;
cursor: pointer;
font-size: 0.6vw;
text-decoration: none;
}
.href-vpp-1 {
position: absolute;
width: 3.8%;
height: 7%;
top: 50%;
left: 49.0%;
margin: -1.6% 0px 0px -1.85%;
padding: 1.3% 0px 0px 0px;
cursor: pointer;
color: #fff;
opacity: 1;
cursor: pointer;
font-size: 2.6vw;
text-decoration: none;
}

.href-vpp:hover {
opacity: 1;
font-size: 18px;
text-shadow: 1px 1px #000;
}

.href-2 {
color: #666666;
text-decoration: none;
cursor: default;
}

.href-t {
color: #000;
text-decoration: none;
}

.cursor-d {
cursor: default;
}

.cursor-p {
cursor: pointer;
}

.close-1 {
position: absolute; 
z-index: 2;
display: block;
top: -0.8%;
right: 2.2%;
width: 70px;
height: 70px;
background: url(/1/closing-01.png) 100% 100% no-repeat;
cursor: crosshair;
}

.close-foto {
position: absolute; 
z-index: 30;
display: block;
top: 0%;
right: 0%;
margin: 20px 20px 20px 20px;
width: 20px;
height: 20px;
background: url(/1/closing-01.png) no-repeat;
cursor: crosshair;
}

/*________________________________________________________*/

.fon-way {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
margin: -109% 0px 0px -50%;
}

.main-text-1 {
display: block;
position: absolute;
bottom: 50%;
left: 50%;
margin: 0 0px 5% -45vw;
width: 90vw;
/* height: 8vw; */
font-size: 0.93753vw;
text-align: center;
}

.main-text-2 {
display: none;
position: absolute;
bottom: 50%;
left: 50%;
margin: 0 0px 5% -45vw;
width: 90vw;
/* height: 8vw; */
font-size: 0.93753vw;
text-align: center;
}

.kingair {
position: absolute;
top: 50%;
left: 50%;
margin: 3% 0px 0px -10%;
width: 20%;
height: 10%;
font-size: 0.93753vw;
white-space: nowrap;
text-align: center;
cursor: pointer;
}


/*________________________________________________________*/

.video {
position: absolute;
z-index: 111;
display: none;
top: 50%;
left: 50%;
margin: -207px 0px 0px -368px; 
padding: 0px 0px 0px 0px;
width: 736px;
height: 413px;
text-align: center;
}

.video-full {
position: fixed;
background: #000;
z-index: 111;
display: none;
top: 0;
left: 0;
margin: 0px 0px 0px 0px; 
padding: 0% 0% 0% 0%;
width: 100%;
height: 100%;
overflow: hidden
}

.video-container {
position: relative;
display: block;
top: 50vh;
margin: -50vmin 0 0 0;
}

.close-video {
position: absolute;
z-index: 30;
display: block;
right: 0%;
margin: 0% 0% 0% 0%; 
width: 5vw;
height: 5vw;
padding: 0%;
background: url(/1/closing-01.png) 100% 0% / 50% 50% no-repeat;
cursor: crosshair;
}


/* ______________________________________________ */

.fon-way-1 {
position: absolute;
width: 100%;
bottom: 0;
left: 50%;
margin:  0px 0px 0px -50%;
}

.switch-way1 {
position: absolute;
z-index: 3;
width: 4.7%;
height: 7.7%;
bottom: 0%;
left: 50%;
margin:  0px 0px 18.3% 17.1%;
font-size: 0.93753vw;
white-space: nowrap;
text-align: center;
cursor: pointer;
}

#menu-1-scroll {
position: fixed;
z-index: 10;
width: 6.2%;
bottom: 0%;
left: 43.3%;
margin: 0px 0px 14.3% 0%;
font-size: 0.93753vw;
white-space: nowrap;
text-align: center;
cursor: pointer;
}

.close-menu-1-scroll {
position: fixed; 
z-index: 2;
display: none;
bottom: 0%;
left: 61%;
margin: 0px 0px 28% 0%;
width: 4vw;
height: 4vw;
background: url(/1/closing-01.png) 50% / 25% no-repeat;
cursor: crosshair;
}

#text2 {
position: fixed;
z-index: 3;
width: 1.8%;
bottom: 0%;
left: 46.3%;
margin: 0px 0px 16% 0%;
font-size: 0px;
white-space: nowrap;
text-align: center;
cursor: pointer;
display: block;
}
#text2-1 {
position: fixed;
z-index: 3;
width: 1.8%;
bottom: 0%;
left: 46.3%;
margin: 0px 0px 16% 0%;
font-size: 0px;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition-duration: 2s;
display: block;
}

#plot {
position: fixed;
z-index: 2;
width: 2.8%;
bottom: 0%;
left: 45.4%;
margin: 0px 0px 15.7% 0%;
font-size: 0px;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition-duration: 2s;
display: block;
}

#hectare{
position: fixed;
z-index: 2;
width: 2.8%;
bottom: 0%;
left: 45.4%;
margin: 0px 0px 15.7% 0%;
font-size: 0px;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition-duration: 2s;
display: block;
}


/* ______________________________________________ */

.plot-1 {
position: fixed;
z-index: 111;
display: none;
/* top: 51%; */
bottom: 1%;
left: 1%;
/* right: 0; */
/* margin: -23% 0px 0 0; */
/* padding: 0 0 0 0; */
width: 98%;
height: 98%;
overflow: hidden
}

.plot-in {
position: static;
z-index: 111;
display: block;
width: 100%;
height: 100%;
top: 0;
bottom: 0%;
left: 0;
margin: 0 0px 0 0px; 
padding: 3% 7% 3% 7%;
text-align: center;
overflow: hidden
}

/* ______________________________________________ */

.map-back {
background: url(/1/0-back/paper/scroll-paper/paper-scroll-001-2-2-75-840-600.png) center / 100% 100% no-repeat;
position: absolute;
z-index: 111;
display: block;
/* left: 50%; */
/* right: 0; */
/* margin: 0% 0px 0% -49%; */
/* padding: 0 0 0 0; */
width: 100%;
height: 100%;
overflow: hidden
}

/* ______________________________________________ */

.hectare-1 {
position: fixed;
z-index: 111;
display: none;
/* top: 51%; */
bottom: 1%;
left: 1%;
/* right: 0; */
/* margin: -23% 0px 0 0; */
/* padding: 0 0 0 0; */
width: 98%;
height: 98%;
overflow: hidden
}

.hectare-in {
position: static;
z-index: 111;
display: flex;
top: 0;
bottom: 0%;
left: 0;
margin: 0 0px 0 0px; 
padding: 3% 7% 3% 7%;
text-align: center;
height: 100%;
overflow: hidden
}

.hectare-in-l {
margin: 0 1% 0 auto;
text-align: center;
}

.hectare-in-img {
margin: 0 1% 0 auto;
text-align: center;
}

.hectare-in-r {
margin: 0 auto 0 1%;
font-size: 0.72919vw;
text-align: center;
}

/* ______________________________________________ */

.close-map {
position: absolute; 
z-index: 112;
display: block;
top: -1.5%;
right: -1.2%;
width: 6vw;
height: 6vw;
background: url(/1/closing-01-1.png) 50% / 25% no-repeat;
cursor: crosshair;
}

/* ______________________________________________ */

.text-scroll-vertical-1 {
position: fixed;
z-index: 111;
display: none;
top: 6%;
left: 51%;
/* margin: 0 0px 0 -21.875%; */
margin: 0 0 0 -50vmin;
/* width: 43.75%; */
width: 98vmin;
height: 88%;
overflow: hidden
}

.text-scroll-vertical-1-top {
position: relative;
}

.close-text-scroll-vertical-1 {
position: absolute; 
z-index: 112;
display: block;
top: -1.5%;
right: 1%;
/* width: 4vw; */
width: 10%;
height: 4vw;
height: 200%;
background: url(/1/closing-01-1.png) 80% 18% / 30% no-repeat;
cursor: crosshair;
}

.text-scroll-vertical-1-back {
background: url(/1/0-back/paper/scroll-paper/paper-scroll-001-600-840-center.png) left / 100% 100% no-repeat;
position: relative;
z-index: 111;
display: block;
height: 88%;
overflow: hidden
}

.text-scroll-vertical-1-in {
position: static;
z-index: 111;
display: block;
padding: 3.57% 8.33% 2.38% 8.33%;
/* width: 840px; */
height: 100%;
/* max-height: 80vmin;
min-height: 50vmin; */
/* text-align: center; */
font-size: 0.72919vw;
overflow-y: auto;
}

/* ______________________________________________ */

.text-2 {
position: fixed;
z-index: 111;
display: none;
top: 50%;
left: 50%;
right: 0;
margin: -250px 0px 0px -420px; 
padding: 0 0 0 0;
width: 840px;
height: 500px;
overflow: hidden
}

.close-text-2 {
position: absolute; 
z-index: 112;
display: block;
top: 0%;
right: 0%;
margin: 0% -9% 0% 0%;
width: 16%;
height: 5%;
background: url(/1/closing-01-1.png) 30% no-repeat;
cursor: crosshair;
}

.text-back {
background: url(/1/0-back/paper/scroll-paper/paper-scroll-001-2-2-75-840-600.png) left / 840px 500px no-repeat;
position: fixed;
z-index: 111;
display: block;
width: 100%;
overflow: hidden
}

.text-in {
position: static;
z-index: 111;
display: block;
padding: 30px 70px 20px 70px;
width: 840px;height: 500px;
text-align: center;
overflow: hidden;
}

/* ______________________________________________ */

#menu-1-foto {
position: fixed;
z-index: 6;
width: 3.3%;
bottom: 0%;
left: 54.2%;
margin: 0px 0px 13.4% 0%;
font-size: 0.93753vw;
white-space: nowrap;
text-align: center;
cursor: pointer;
}
#menu-1-foto-1 {
position: fixed;
z-index: 7;
width: 3.3%;
bottom: 0%;
left: 54.2%;
margin: 0px 0px 13.4% 0%;
font-size: 0.93753vw;
white-space: nowrap;
text-align: center;
cursor: default;
display: none;
}

#foto-1 {
position: fixed;
z-index: 4;
width: 2.8%;
bottom: 0%;
left: 54.0%;
margin: 0px 0px 15.1% 0%;
font-size: 0px;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition-duration: 2s;
display: block;
}

#foto-2 {
position: fixed;
z-index: 5;
width: 2.8%;
bottom: 0%;
left: 54.4%;
margin: 0px 0px 14.9% 0%;
font-size: 0px;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition-duration: 2s;
display: block;
}

.close-menu-1-foto {
position: fixed; 
z-index: 2;
display: none;
bottom: 0%;
left: 65%;
margin: 0px 0px 28% 0%;
width: 4vw;
height: 4vw;
background: url(/1/closing-01.png) 50% / 25% no-repeat;
cursor: crosshair;

/* ______________________________________________ */