@charset "utf-8";
/*  EVA PRIME _ CSS (last update: 2019.07.16)

- 00 _ Base
- 01 _ Common Style _ Content
- 02 _ Header _ nav
- 03 _ Main / Section / Article
*/

*, *::before, *::after { /* box-sizing all */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.boxsizing-content	{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing:content-box;
}

html { font-size: 62.5%;}
body {
  font-size: 1.4rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
  background:#000;
	color:#fff;
	letter-spacing:normal;
  line-height: 1.8;
  text-align: center;
	-webkit-text-size-adjust: 100%; /* SmartPhone表示用 */
  position:relative;
  overflow: hidden;
}

body::before,
body::after {
  content:"";
  width: 73px; height: 100%;
  background: url("/vlockers/eva_prime/image/evaprime_cmn_line_vertical.png") 0 0 repeat-y;
  position: absolute;
  display: block;
  left: 50%; top: 0;
  z-index: 10;
}
body::before { margin-left: -553px; }
body::after { margin-left: 480px;}

/*-------------------------------
 00 _ Base
---------------------------------*/

/* 00 _ Link
-----------------------------*/
a			{ text-decoration:none; color:#3a84df; /* 青系 color:#5f84f2;*/}
a:hover		{ text-decoration:underline; /* 青系 color:#c70067;color:#00c1ff;*/}

.notLink {
  pointer-events: none !important;
  color: #999;
}

.link_btn {
  width: 48%;
  padding: 2rem 1rem;
  margin: 1rem 0.5%;
  background: #604ea0 /*#0588ce*/;
  border: 1px solid #604ea0;
  border-radius: 5px;
  color: #fff;
  line-height: 1.2;
  display:  inline-block;
  text-align: center !important;
}
.link_btn:hover {
  background: #fff;
  color: #604ea0;
}
.link_btn.notLink {
  background: #ccc;
  border-color: #ccc;
}

/* 00 _ Image
-----------------------------*/
img {
  max-width:100%;
  height:auto;
}
img.img_half {
  max-width:50%;
  height:auto;
}

/* Image Position */
 img.img_abslt { position:absolute;} /* 位置は直接タグへ指定 */


/*-------------------------------
 Element
---------------------------------*/

/* Heading
-----------------------------*/
h1 {
 display: none;
}

.cont_heading {
  padding: 1rem 0;
  font-size: 3rem;
}
.cont_heading:first-letter {
  color: #f00;
}

/* Text
-----------------------------*/
.cont_text {
  margin: 1em 1vw;
  font-size: 1.6rem;
  text-align: left;
}

/* List
-----------------------------*/
.list_text {
  padding: 0 1em;
  margin: 1em 1vw;
}
.list_text li {
  padding:0 0 0 1em;
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: left;
  text-indent:-1em;
}
.list_text li + li {padding-top: 1rem;}

.list_text-note {
  font-size: 1.2rem;
}
.list_text-note li {
  padding-left: 1em;
  line-height: 1.3;
  text-indent: -1em;
}
.list_text-note li + li {padding-top: 0.8rem;}

/* List _ Border */
.list_text-border {
  padding: 1em;
  border: 1px solid #ccc;
}

/*-------------------------------
 01 _ Common Style _ Content
---------------------------------*/

strong  { font-size: 125%;}
.dsply_none { display: none !important;}

.link_local {
  min-width: 50%;
  max-width: 480px;
  padding: 0 5vw;
  margin: 5% auto 10%;
  text-align: center;
  position: relative;
}
.link_local a {
  padding: 1.5em 2em;
  border: #777 solid 1px;
  color: #ccc;
  font-size: 1.6rem;
  display: block;
}
.link_local a:hover {
  background: #ccc;
  color:#000;
  text-decoration: none;
}

hr {
  width: 96%; height: 60px;
  margin: 6rem auto;
  background: url("/vlockers/eva_prime/image/evaprime_cmn_line_horizontal.gif") 50% 50% no-repeat;
  border: none;
}

/*-------------------------------
 02 _ Header
---------------------------------*/
header {
  width: 100%; min-height: 100vh;
  background: url("/vlockers/eva_prime/image/evaprime01_main_bg.jpg") 50% 0 no-repeat , #000;
  font-size: 1.8rem;
  position: relative;
  overflow: hidden;
}

div.info {
  padding: 4rem 0 4rem;
  background: #000;
  position: relative;
}
header > div.info::after {
  content: "";
  width: 0; height: 0;
  margin-left: -3rem;
  border-width: 3rem;
  border-color: #f00 transparent transparent transparent;
  border-style: solid;
  position:absolute; left: 50%; bottom: -8rem;
}

/* Space for fixed menu  */
.fxblnk {
  width: 100%;
  height: 81px;
  position: relative;
  z-index: 0;
}
.anchor-link {
  width: 1px;
  height: 1px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -81px;
  z-index: 1;
}
.anchor-inner {
  height: 81px;
  margin-top: -81px;
  display: block;
}


/*-------------------------------
 Navi _ Local Menu
---------------------------------*/
nav {
  height: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.navi_local-menu {
  max-width: 50%;
  height: 100%;
  margin-left: 48%;
  font-size: 1.2rem;
  
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.navi_local-menu li {
  margin: auto 1rem;
  text-align: center;
  position: relative;
  flex-direction:column;
}

/*-------------------------------
 03 _ Main / Article / Section
---------------------------------*/
main,article,section {  position: relative;}
main {
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
}

section:last-child {
  margin-bottom: 10rem;
}

/*-------------------------------
 div _ Contents container
---------------------------------*/
.container {
  max-width: 960px;
  height: 100%;
  padding: 0 5vw;
  margin: 0 auto;
  position: relative;
  overflow:hidden;
}
.container-borderTop {
  padding-top: 4rem;
  margin-top: 4rem;
}
.container-borderTop::before {
  content: "";
  width: 92%; height: 0;
  border-top: 2px dotted#b80920;
  position: absolute; left: 4%; top: 0;
}

/* Container _ Image Box */
.container_imgBox {
  padding: 0;
  line-height: 0;
}

.imgBlock_gb-wht {
  width: 100%;
  background: #fff;
}


/*-------------------------------
 Section _ Image photo
---------------------------------*/
.imagephoto {
  background: url("/vlockers/eva_prime/image/evaprime01_pic_bg.gif") 50% 0 no-repeat;
}

/*-------------------------------
 Section _ Project (Customize)
---------------------------------*/



/*-------------------------------
 Section _ Spec
---------------------------------*/
.spec {
  padding-top: 6rem;
}
/* spec_text-point */
.spec_text-point {
  margin: 1rem auto 4rem;
  font-size: 1.6rem;
  text-align: left;
}
.spec_text-point dt {
  padding: 0 0 0.5em 0;
  margin: 0 auto 1rem;
  border-bottom: 1px solid #ea000f;
  color: #ea000f;
  font-size: 1.8rem;
  font-weight: bold;
}
.spec_text-point dd {
  text-align: justify;
}

/* spec_table */
.spec_table {
  min-width: 100%;
  margin: 4rem auto;
  background: #fff;
  border-collapse: separate;
  border-spacing: 1rem;
  font-size: 1.6rem;
}
.spec_table caption {
  padding: 1rem 2rem 0;
  background: #fff;
  color: #000;
  font-size: 1.8rem;
}
.spec_table th,
.spec_table td {
  padding: 1rem;
}

.spec_table th {
  background: #000;
  text-align: center;
  white-space: nowrap;
}
.spec_table td {
  color: #000;
  text-align: left;
}
.spec_table td[colspan] {
  text-align: center;
}

.spec_table td .list_text {
  padding: 0;
  margin: 0;
}

/*-------------------------------
 Section _ infomation
---------------------------------*/
.infomation {
  padding: 4rem 0;
}

/*-------------------------------
99 _ Footer
---------------------------------*/
footer {
	width:100%;
  padding: 2rem 2vw;
  background: #440b09;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align:center;
}

/* Footer _ Link Banner
	-----------------------------*/
footer ul.link_banner {
  margin: 2rem auto;
  
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: center;
}
footer ul.link_banner li {
  margin: 0.5rem 1rem;
  line-height: 0;
}
footer ul.link_banner li a {
  background: #fff;
  display: inline-block;
}
/* Footer _ Notice of Copyright
	-----------------------------*/
footer .copyright {
  padding:1em 0;
  margin:0 auto;
}

	footer img.img_logo-vs	{ max-width:25%; margin:2rem auto 1rem;}