@charset "UTF-8";
/* border-box */
article, aside, button, dd, div, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, input, li, nav, ol, p, section, table, td, textarea, th, tr, ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { background: #000000; }

body { color: #000000; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; }

a { color: #e30000; outline: none; }

a:hover { color: #e30000; }

.opa { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; }

.opa:hover { opacity: 0.85; filter: alpha(opacity=85); -moz-opacity: 0.85; -ms-filter: "alpha(opacity=85)"; }

/* ===============
MAIN
================== */
.hide { display: none; }

#main-area { width: 100%; height: 700px; background: url("../img/all/bg.png") center top no-repeat; min-width: 1000px; }

#main-area .inner-area { position: relative; margin: 0 auto; width: 1000px; overflow: hidden; height: 700px; }

#main-area .inner-area h1, #main-area .inner-area h2, #main-area .inner-area p { overflow: hidden; text-indent: 100%; white-space: nowrap; }

.top-ex-aid-area { position: absolute; top: 0; left: 0; width: 500px; height: 700px; }

.top-ex-aid-area:hover { z-index: 1000; }

.top-kyuranger-area:hover { z-index: 1000; }

.top-ex-aid-area a { position: absolute; width: 500px; height: 700px; display: block; }

.top-ex-aid-area img { position: absolute; }

.top-kyuranger-area { position: absolute; top: 0; left: 500px; width: 500px; height: 700px; }

.top-kyuranger-area a { position: absolute; width: 500px; height: 700px; display: block; }

.top-kyuranger-area img { position: absolute; }

/*エグゼイド　キュウレンジャー単体ビジュアル
########################*/
#main-area #main-visuals { position: absolute; top: 0; left: 0; }

#main-area .ex-aid-area { z-index: 1001; position: absolute; top: 0; left: -1000px; width: 1000px; height: 700px; }

#main-area .ex-aid-area a { display: block; width: 1000px; height: 700px; }

#main-area .kyuranger-area { z-index: 1001; position: absolute; top: 0; left: 1000px; width: 1000px; height: 700px; }

#main-area .kyuranger-area a { display: block; width: 1000px; height: 700px; }

/* ===============
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; }

/* ===============
FOOTER
================== */
#footer-area { position: relative; z-index: 100; background-color: #000; min-width: 1000px; -webkit-box-shadow: 0 -3px 15px 4px #000000; box-shadow: 0 -3px 15px 4px #000000; }

#footer-area .footer-upper { border-bottom: 1px solid #111; text-align: center; }

#footer-area .social-link { margin: 30px 0 30px; }

#footer-area .social-link .social-twitter { display: inline; margin-right: 10px; }

#footer-area .social-link .social-facebook { display: inline; }

#footer-area .footer-bottom { border-top: 1px solid #252525; padding-top: 20px; text-align: center; }

#footer-area .copyright { color: #C2C2C2; font-size: 7px; margin-bottom: 45px; line-height: 1.1em; font-weight: bold; }

#footer-area .maeuri-area { position: relative; z-index: 1000; margin: 30px auto; text-align: center; }

#footer-area .maeuri-area img { display: inline-block; vertical-align: bottom; width: 600px; height: 185px; }

#footer-area .footer-bnr { width: 100%; margin: 0 auto; overflow: hidden; }

#footer-area .footer-bnr li { display: inline-block; margin: 0 6px 6px; }

#footer-area .copyright::after { position: relative; top: -2px; left: 10px; content: " "; display: inline-block; width: 23px; height: 20px; background: url("../img/toeilogo.png"); background-size: contain; vertical-align: middle; }

.gnav-area { position: relative; width: 100%; overflow: hidden; background: url("../img/gnav/gnav_bg.png") top center no-repeat; text-align: center; }

.gnav-area .gnav-inr { position: relative; width: 866px; margin: 0 auto; }

.gnav-area .gnav-inr .badge-new { position: absolute; width: 77px; height: 67px; top: 19px; right: 142px; }

.gnav-area .gnav-top { width: 798px; height: 53px; margin: 0 auto; overflow: hidden; text-align: center; }

.gnav-area .gnav-top li { float: left; }

.gnav-area .gnav-top li a { width: 133px; display: block; height: 53px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-image: url("../img/gnav/gnav_maeurinone.png"); background-repeat: no-repeat; }

.g-01 a { background-position: 0 top; }

.g-02 a { background-position: -133px top; }

.g-03 a { background-position: -266px top; }

.g-04 a { background-position: -399px top; }

.g-05 a { background-position: -532px top; }

.g-06 a { background-position: -665px top; }

.g-01 a:hover { background-position: 0 bottom; }

.g-02 a:hover { background-position: -133px bottom; }

.g-03 a:hover { background-position: -266px bottom; }

.g-04 a:hover { background-position: -399px bottom; }

.g-05 a:hover { background-position: -532px bottom; }

.g-06 a:hover { background-position: -665px bottom; }

/*
エグゼイド　キュウレンジャーナビ
###########################*/
.gnav-area .gnav-under { width: 866px; height: 93px; margin: 0 auto; overflow: hidden; text-align: center; }

.gnav-area .gnav-under li { width: 286px; height: 93px; float: left; }

.gnav-area .gnav-under .g-ex-aid { margin-right: 2px; }

.gnav-area .gnav-under .g-all { margin: 0 2px; }

.gnav-area .gnav-under .g-kyuranger { margin-left: 2px; }