@charset "UTF-8";
@import "_ress.css";
/* ========================================================
common
=========================================================*/
html,
body {
  height: 100%;
  font-family: "Yu Gothic Pr6N W50 M", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #000;
  line-height: 1.8;
}

html {
  background: #000;
}

body {
  font-size: 14px;
}

a {
  color: #222;
  text-decoration: underline;
  cursor: pointer;
}

section {
  position: relative;
}

li {
  list-style: none;
}

a:hover {
  opacity: 0.5;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
@media (max-width: 1023px) {
  a:hover {
    opacity: 1;
  }
}

img {
  vertical-align: bottom;
}

/* ===============
magnificPopup
================== */
.white-popup {
  position: relative;
  background: #fff;
  border: 5px solid #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: auto;
  max-width: 650px;
  /* デフォルトのモーダルサイズ */
  margin: 20px auto;
}

/*特報ムービーサイズ
########################*/
.white-popup-movie {
  position: relative;
  background: #fff;
  border: 5px solid #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: auto;
  max-width: 900px;
  /* 特報のモーダルサイズ */
  margin: 20px auto;
}
.white-popup-movie .backnumber p {
  text-align: left;
}
.white-popup-movie .backnumber p a {
  display: inline-block;
  font-size: 11px;
  text-decoration: none;
  border-radius: 5px;
  margin: 2px;
  padding: 2px 10px;
}
.white-popup-movie .backnumber p a.common {
  color: #fff;
  background: rgb(61, 61, 61);
  background: -webkit-gradient(linear, left top, right top, from(rgb(61, 61, 61)), to(rgb(43, 43, 43)));
  background: linear-gradient(to right, rgb(61, 61, 61) 0%, rgb(43, 43, 43) 100%);
}

/* ========================================================
TOP
=========================================================*/
main {
  width: 100%;
  height: 715px;
  background: #6ccae3 url(../img/mainvisual_bg_v2.png) no-repeat top center;
  background-size: 100% 715px;
}
main h1 {
  text-align: center;
}
main h1 img {
  width: 1200px;
}

section.gnav ul {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
section.gnav ul li {
  display: inline-block;
}

section.list-bnr {
  display: block;
  padding: 25px 0 5px;
  border-bottom: 1px solid #222;
}
section.list-bnr ul {
  width: 100%;
  text-align: center;
}
section.list-bnr ul li {
  display: inline-block;
  margin: 0 10px 20px;
}
section.list-bnr ul li img {
  height: 70px;
}

section.list-bnr2 {
  display: block;
  padding: 25px 0 5px;
  border-bottom: 1px solid #222;
}
section.list-bnr2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
section.list-bnr2 ul li {
  display: inline-block;
  width: 320px;
  margin: 0 20px;
  text-align: center;
}
section.list-bnr2 ul li .rowspan {
  margin-bottom: 30px;
}
section.list-bnr2 ul li .rowspan img.nurie {
  height: 180px;
}
section.list-bnr2 ul li .rowspan img.hellomovie {
  margin-bottom: 30px;
}

footer .copyright {
  padding: 20px 0;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

/* ========================================================
下層ページ
=========================================================*/
.lowerpage {
  /*header {
  	display: flex;
  	justify-content: space-between;
  	width: 1192px;
  	margin: 0 auto;
  	a.home {
  	}
  	ul.lnav {
  		position: relative;
  		display: block;
  		//width: 522px;
  		margin-top: -1px;
  		li {
  			display: inline-block;
  		}
  	}
  	ul.gnav {
  		display: flex;
  		width: 670px;
  	}
  }*/
}
#content-rider .lowerpage {
  background: #fff url(../img/underlayer/bg.png) center top no-repeat;
}
#content-sentai .lowerpage {
  background: #fff url(../img/underlayer/bg.png) center top no-repeat;
}
#content-senki .lowerpage {
  background: #fff url(../img/underlayer/bg.png) center top no-repeat;
}
.lowerpage #main-content {
  width: 1192px;
  margin: 30px auto 0;
  min-height: 1125px;
  overflow: hidden;
}
.lowerpage #main-content nav.localnav {
  float: right;
  width: 670px;
}
.lowerpage #main-content nav.localnav h1 {
  display: none;
}
.lowerpage #main-content nav.localnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lowerpage #main-content nav.localnav ul li a {
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  overflow: hidden;
}
.lowerpage #main-content nav.localnav ul li a:hover {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}
@media (max-width: 1023px) {
  .lowerpage #main-content nav.localnav ul li a:hover {
    opacity: 1;
  }
}
#content-rider .lowerpage #main-content nav.localnav ul li a {
  background-image: url(../img/underlayer/localnav_rider.png);
}
#content-sentai .lowerpage #main-content nav.localnav ul li a {
  background-image: url(../img/underlayer/localnav_sentai.png);
}
#content-senki .lowerpage #main-content nav.localnav ul li a {
  background-image: url(../img/underlayer/localnav_senki.png);
}
.lowerpage #main-content nav.localnav ul li a.intro {
  width: 224px;
  height: 60px;
  background-position: 0 0;
}
.lowerpage #main-content nav.localnav ul li a.intro.active, .lowerpage #main-content nav.localnav ul li a.intro:hover {
  background-position: 0 -60px;
}
.lowerpage #main-content nav.localnav ul li a.cast, .lowerpage #main-content nav.localnav ul li a.story {
  width: 223px;
  height: 60px;
  background-position: -224px 0;
}
.lowerpage #main-content nav.localnav ul li a.cast.active, .lowerpage #main-content nav.localnav ul li a.cast:hover, .lowerpage #main-content nav.localnav ul li a.story.active, .lowerpage #main-content nav.localnav ul li a.story:hover {
  background-position: -224px -60px;
}
.lowerpage #main-content nav.localnav ul li a.character {
  width: 223px;
  height: 60px;
  background-position: -447px 0;
}
.lowerpage #main-content nav.localnav ul li a.character.active, .lowerpage #main-content nav.localnav ul li a.character:hover {
  background-position: -447px -60px;
}
.lowerpage #main-content nav.localnav ul li a.legend {
  width: 223px;
  height: 60px;
  background-position: -447px 0;
}
.lowerpage #main-content nav.localnav ul li a.legend.active, .lowerpage #main-content nav.localnav ul li a.legend:hover {
  background-position: -447px -60px;
}
.lowerpage #main-content h2 {
  position: relative;
  float: right;
}
.lowerpage #main-content h2.alh {
  background-image: url(../img/underlayer/legend_bg_senki.png);
  background-repeat: repeat-y;
}
.lowerpage #main-content h2.alh .wrap .slick01 {
  width: 590px;
  margin: 0 auto;
}
.lowerpage #main-content h2 img {
  display: block;
}
.lowerpage #main-content .content-txt {
  display: none;
}
.lowerpage #main-content .copyright {
  float: right;
  width: 670px;
  text-align: center;
  padding: 20px 0;
}