@charset "utf-8";
/* CSS Document */

BODY.no_scroll
	{
	 width: 100%; height: 100%;
	 overflow: hidden;
	 padding-right: 15px;
	}

DIV#show
	{
	 width: 100%; height: 100%;
	 position: fixed;
	 left: 0; top: 0;
	 z-index: 2000;
	 background: rgba(24, 24, 24, 1);
	 color: white;
	 display: none;/**/
	}
	DIV#show DIV.loading
		{ display: block !important; }
		DIV#show DIV.loading DIV.text
			{ color: silver; opacity: 0.3; }

	DIV#show DIV#image_container
		{
		 width: 100vw; height: 100vh;
		 position: absolute;
		 left: 0; top: 0;
		 background-size: contain;
		 background-repeat: no-repeat;
		 background-position: center center;
		 margin: 0 auto;
		 display: block;
		}

		DIV#show IMG#full_image
			{
			 display: block;
			 margin: 0 auto;
			 position: relative;
			 left: 0; top: 50%;
			 transform: translateY(-50%);
			}

		DIV#show IMG#full_image.taller
			{ width: auto; height: 100vh; }

		DIV#show IMG#full_image.wider
			{ width: 100vw; height: auto; }

	DIV#show DIV#close
		{
		 position: absolute;
		 left: auto; right: 0; top: 0;
		 z-index: 2300;
		 padding: 1.0vmax 1.0vmax;
		 margin: 1.5vmax 1.5vmax;
		 font-size: 24px;
		 cursor: pointer;
		 background-color: rgba(0,0,0,0.3);
		 opacity: 0.5;
		 display: none;/**/
		}
	DIV#show DIV#close:hover
		{
		 opacity: 1;
		}
		@media (orientation: landscape)
			{DIV#show DIV#close IMG { width: 3vmax; height: auto; }}
		@media (orientation: portrait)
			{DIV#show DIV#close IMG { width: 6vmax; height: auto; }}
		DIV#show DIV#close IMG:active
			{
			 position: relative;
			 right: 0; top: 2px;
			}

	DIV.nav
		{
		 width: 49vw; height: 100vh;
		 position: absolute; top: 0;
		 z-index: 2200;
		 opacity: 0.4;
		}
	DIV.nav.left
		{ left: 0; }
	DIV.nav.right
		{ right: 0; }
	DIV.nav:hover
		{ opacity: 1; }
	DIV.nav:active
		{ top: 2px; }
		DIV.nav IMG
			{
			 width: auto; height: 8vh;
			 position: absolute; top: 46vh;
			}
		DIV.nav.left IMG
			{ left:3vw; }
		DIV.nav.right IMG
			{ right:3vw; }