@charset "utf-8";


/*======================



style.css
DYNACTION_TOP用


======================*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family:'NSJP_Regular';
  src: url("fonts/NotoSerifJP-Regular.otf");
}
@font-face {
  font-family:'NSJP_Medium';
  src: url("fonts/NotoSerifJP-Medium.otf");
}
@font-face {
  font-family:'NSJP_Bold';
  src: url("fonts/NotoSerifJP-Bold.otf");
}


body {
  background:#000;
  min-height:100vh;
  padding-bottom:6vh;
  box-sizing:border-box;
}

/*contents
========================*/
#pagewrap {
  position:relative;
  height:94vh;
  min-width:1000px;
}
/*--ttl_area--*/
.ttl_area,
.catch {
  z-index:3;
}
.ttl_area {
  width:30%;
  position:absolute;
  top:3%;
  left:50%;
  transform: translateX(-50%);
  text-align:center;
}
.ttl_area p {
  font-family:'NSJP_Regular';
  font-size:1.0em;
  text-shadow:0 0 3px #000;
}
.ttl_area h2 {
  margin-bottom:2%;
}
.ttl_area img {
  width:100%;
}
.catch {
  width:100%;
  text-align:center;
  font-family:'NSJP_Regular';
  position:absolute;
  bottom:6%;
  left:50%;
  transform: translateX(-50%);
  font-size:2em;
  text-shadow:0 0 5px #000;
}

/*--共通--*/
.link_area {
  width:50%;
  height:94vh;
  position:relative;
}
.link_area .img_slide {
  width:100%;
  height:94vh;
}
.link_area .img_slide img {
  height:94vh!important;
  max-width:130%;
/*  transform: translateX(-15%);*/
}
.link_area .bx-wrapper {
  box-shadow:0 0 0;
  -webkit-box-shadow:0;
  margin:0;
  background:transparent;
  border:0;
}
.bx-viewport {
  height:94vh!important;
}
.bx-wrapper img {
  vertical-align:bottom;
}
.link_area .link_block {
  text-align:center;
  font-family:'NSJP_Regular';
  width:50%;
  background:rgba(176,79,0,0.7);
  padding:5px;
  position:absolute;
  top:70%;
  left:50%;
  transform: translateX(-50%);
  z-index:2;
}
.link_area .link_block a {
  display:block;
  border:1px solid #b04f00;
  padding:5%;
  position:relative;
  text-decoration:none;
  font-size:1em;
}
.link_area .link_block a::after {
  content:">";
  position:absolute;
  right:5%;
  top:50%;
  transform: translateY(-50%);
}
.link_area .link_block:hover {
  background:rgba(176,79,0,1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.link_area .link_block:hover a {
  border:1px solid #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.link_area .cr_block {
  font-size:0.8em;
  text-align:center;
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  bottom:1%;
  z-index:2;
}

/*--エヴァ--*/
.eva_area {
  float:left;
  background:url(../img/bg_eva.png) no-repeat center top;
  background-size:cover;
}


/*--ウルトラマン--*/
.ultra_area {
  float:right;
  position:relative;
  background:url(../img/bg_ultra.png) no-repeat center top;
  background-size:cover;
}
.ultra_area.link_area .link_block {
  background:rgba(114,0,0,0.7);
}
.ultra_area.link_area .link_block:hover {
  background:rgba(114,0,0,1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.ultra_area.link_area .link_block a {
  border:1px solid #720000;
}
.ultra_area.link_area .link_block:hover a {
  border:1px solid #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

/*footer
========================*/
footer {
  position:absolute;
  bottom:0;
  width:100%;
  background:#181818;
  padding:10px 3% 15px;
  height:6vh;
}
#dyna_top_footer img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.footerin {
  display: flex;
  justify-content: space-between;
}
.footerin .logo1 {
  width:100px;
}
.footerin .txt {
  width:30%;
  text-align:center;
  padding-top:8px;
  font-size:0.7em;
}
.footerin .logo2 {
  width:100px;
  text-align:right;
}
#dyna_top_footer .footerin .logo2 img {
  width:36%;
}

/*-------------------- SP ---------------------*/

@media screen and (max-width: 768px) {

#pagewrap {
  min-width:auto;
}
.ttl_area {
  width:70%;
  top:1%;
}
.ttl_area p {
  font-size:0.6em;
}
.eva_area,
.ultra_area {
  background:none;
}
.link_area #vegas-slide div div  {
  background-size:250%!important;
  background-position:70% 50%!important;
}
/*.link_area #vegas-slide div div + div + div {
  background-position:center center!important;
}*/
.link_area #vegas-slide2 div div {
  background-size:250%!important;
  background-position:45% 50%!important;
}
.link_area .link_block {
  width:90%;
  top:54%;
}
.link_area .link_block a {
  font-size:0.7em;
  padding:3%;
}
.link_area .link_block a::after {
  right:3%;
}
.catch {
  font-size:1.5em;
  bottom:auto;
  top:67%;
  line-height:1.5;
}
.link_area .cr_block {
  font-size:0.5em;
  width:90%;
  bottom:auto;
  top:79%;
  line-height:1.3;
}
.footerin .logo1 {
  width:20%;
}
.footerin .txt {
  padding-top:3px;
}

.footerin .logo2 {
  width:20%;
}

}