@charset "utf-8";
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.HEAD ----- */
.headContainer{ position: relative; width: 100%; margin: 0 auto; }
.headContainer .headWrapper{}
/* ----- HTML.HEAD ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.HEAD.NAV ----- */
.navContainer{
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;

  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}
.navContainer .navWrapper{
  width: 100%;
	height: 100%;
}
.navContainer .navWrapper .navBlock{
  position: relative;
  width: 45%;
  height: 100%;
  float: left;

  margin: 0 auto;
}
.navContainer .navWrapper .navLogo{
  position: relative;
  width: 10%;
  height: 100px;
  float: left;

  margin: 0 auto;
  filter: drop-shadow(0 5px 2px rgba(0,0,0,0.5));
}
.navContainer .navWrapper .navBlock span{
  padding: 0 50px;
  line-height: 60px;
  font-size: 20px;
  text-transform: uppercase;
}
.navContainer .navWrapper .navBlock.lt{ text-align: left; }
.navContainer .navWrapper .navBlock.rt{ text-align: right; }
.navContainer .navWrapper .navBlock .abs{
  position: absolute;
  top: 0;
  right: 0;
}
spk .navContainer .navWrapper .navLogo{ background: url(/_core/_img/_spk/_logo/img.spk.sm.png) no-repeat center / contain; }
spy .navContainer .navWrapper .navLogo{ background: url(/_core/_img/_spy/_logo/img.spy.sm.png) no-repeat center / contain; }
/* ----- HTML.HEAD.NAV ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.HEAD.LAND ----- */
.landContainer{
	position: relative;
	width: 100%;
	height: 100vh;

	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
/* --------------------------------------------------------------------------------------------------------- */
.landContainer .landWrapper{
	position: absolute;
	right: 0px;
	margin: 0 auto;
}
spk .landContainer .landWrapper{
	width: 40vw;
	height: 100vh;
	padding-top: 30vh;
}
spy .landContainer .landWrapper{
	width: 75vw;
	height: 75vh;
	padding-top: 5vh;
}
/* --------------------------------------------------------------------------------------------------------- */
.landContainer .landWrapper .bg{
  position: fixed;
	bottom: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;

  z-index: -1;
}
spk .landContainer .landWrapper .bg{ background: url(/_core/_img/_spk/_head/img.land.head.spk.bg.png) no-repeat top / cover; }
spy .landContainer .landWrapper .bg{ background: url(/_core/_img/_spk/_head/img.land.head.spy.bg.png) no-repeat top / cover; }
/* --------------------------------------------------------------------------------------------------------- */
.landContainer .landWrapper .fg{
	width: 100%;
  max-width: 50vh;
	max-height: 50vh;
}
.landContainer .landWrapper .fg .top{
  width: 100%;
  filter: drop-shadow(0px 3px #000);
}
.landContainer .landWrapper .fg .bot{
  width: 100%;
}
spk .landContainer .landWrapper .fg .top{  }
spy .landContainer .landWrapper .fg .top{ background: url(/_core/_img/_spk/_head/img.land.head.spy.fg.png) no-repeat top / contain; }
/* ----- HTML.HEAD.LAND ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- HTML.HEAD.LAND.VID ----- */
video{
	position: fixed;
	bottom: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;

	background: url(/_core/_vid/vid.2.bg.png) no-repeat top;
	background-size: cover;
	object-fit: cover;
  z-index: -1;
}
/* ----- HTML.HEAD.LAND.VID ----- */
/* --------------------------------------------------------------------------------------------------------- */