@charset "UTF-8";
body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  color: #333333; }

.wrapper a:link, .wrapper a:visited, .wrapper a:hover, .wrapper a:active {
  color: #333333; }

.wrapper a:link, .wrapper a:visited {
  text-decoration: underline; }

.wrapper a:hover, .wrapper .a:active {
  text-decoration: none; }

.wrapper .aside-container a {
  text-decoration: none; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

ul li {
  list-style: none; }

caption, th {
  text-align: left; }

/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} */
q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

body.device-type-desktop {
  overflow: scroll !important; }

.wrapper .related-programs-subtitle-2TQOq {
  color: #333; }

#rectangle-desktop {
  min-height: 300px; }

#rectangle-desktop,
#superbanner-mobile,
#rectangle-mobile {
  text-align: center; }

#superbanner-desktop {
  position: absolute;
  top: 0;
  right: 0;
  left: 352px;
  margin: auto;
  width: 728px;
  height: 90px; }

.wrapper #common-onair {
  font-family: Noto Sans Japanese,sans-serif;
  font-size: 1.4rem;
  line-height: 2.0rem; }

.wrapper #common-onair a.common-onair-scheduleHeaderButton-23Qrc {
  line-height: 2.4rem;
  color: #ffffff; }

.wrapper #common-onair .common-onair-scheduleItemTimeActiveNow-1l0Wm {
  color: #ffffff; }

.wrapper #common-onair .common-onair-scheduleItemTitleActive-1A491 {
  color: #ffffff; }

.wrapper #common-onair .common-onair-scheduleHeaderDayOfWeek-1CJWq {
  color: #fff; }

.wrapper #common-onair .common-onair-scheduleHeaderDate-2khQV {
  font-family: Noto Sans Japanese,sans-serif; }

.social-button-icon {
  cursor: pointer;
  border-radius: 50%;
  width: 5.0rem;
  height: 5.0rem;
  position: relative;
  margin-bottom: 0.8rem;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }

.social-button-icon > svg {
  fill: #fff;
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.social-box {
  position: relative; }

.social-box #social-button {
  display: block;
  text-align: center; }

.social-box #social-button .social-button-icon {
  margin: 1rem 1rem 2rem;
  display: inline-block;
  vertical-align: middle; }

.device-type-mobile .social-button {
  margin-bottom: 1.0rem; }

.social-button-twitter {
  background-color: #55acee; }

.social-button-twitter:hover {
  background-color: rgba(85, 172, 238, 0.6); }

.social-button-facebook {
  background-color: #3b5998; }

.social-button-facebook:hover {
  background-color: rgba(59, 89, 152, 0.6); }

.social-button-line {
  background-color: #00c300; }

.social-button-line:hover {
  background-color: rgba(0, 195, 0, 0.6); }

.page-section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #212121; }

.common-onair-scheduleHeaderButton-23Qrc {
  line-height: 3.0rem; }

#common-footer a {
  font-size: 1.2rem; }

.common-footer-sp-primaryContainer-19Olw {
  margin-top: 0 !important; }

.wrapper .related-programs-container-21xlP a {
  background: #ffffff; }

.wrapper .related-programs-container-21xlP a:hover {
  background: #ffffff; }

.wrapper .present-moreLinkContainer-1iHUK a {
  color: #00a0c6; }

.wrapper .present-circle-2iOfl {
  border-radius: 50%;
  position: absolute;
  right: 0.4rem;
  bottom: 0.7rem;
  width: 1.8rem;
  height: 1.8rem;
  opacity: .8;
  -webkit-transform: scale(1.3) rotate(0.001deg);
  -ms-transform: scale(1.3) rotate(0.001deg);
  transform: scale(1.3) rotate(0.001deg); }

.wrapper .present-moreLink-3dBoY {
  padding-right: 3rem; }

.wrapper .present-container-3kCP1 {
  margin-top: 0.6rem; }

.wrapper .ranking-container-3O6CH {
  margin-top: 0.6rem; }

.wrapper .present-moreLinkContainer-1iHUK {
  margin-top: 0; }

.wrapper .present-container-3kCP1 {
  margin-bottom: 0.6rem; }

.wrapper .present-header-1TvSX, .wrapper .ranking-header-3Maul {
  font-size: 1.8rem; }

.sp-header-banner, .sp-footer-banner {
  text-align: center; }

.param-link {
  cursor: pointer; }

#common-onair {
  line-height: 2.0rem; }

#common-onair a {
  text-decoration: none; }

.device-type-desktop .external-style, .device-type-desktop a.external-link:hover:before, .device-type-desktop .twitter-area a[target="_blank"]:hover:before, .device-type-desktop .instagram-area a[target="_blank"]:hover:before, .device-type-mobile .twitter-area .device-type-desktop a[target="_blank"]:hover:before, .device-type-mobile .instagram-area .device-type-desktop a[target="_blank"]:hover:before {
  content: "";
  width: 80px;
  height: 32px;
  display: block;
  background: url(/common/des/01/images/external.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -32px;
  left: -8px;
  z-index: 1000; }

.device-type-desktop a.external-link {
  position: relative; }

.device-type-desktop .twitter-area a[target="_blank"], .device-type-desktop .instagram-area a[target="_blank"] {
  display: block;
  position: relative; }

.device-type-desktop .twitter-area a[target="_blank"]:hover:before, .device-type-desktop .instagram-area a[target="_blank"]:hover:before {
  top: -22px; }

.device-type-mobile .external-style, .device-type-desktop .twitter-area .device-type-mobile a[target="_blank"]:hover:before, .device-type-desktop .instagram-area .device-type-mobile a[target="_blank"]:hover:before, .device-type-mobile a.external-link:hover:before, .device-type-mobile .twitter-area a[target="_blank"]:hover:before, .device-type-mobile .instagram-area a[target="_blank"]:hover:before {
  content: "";
  width: 8.0rem;
  height: 3.2rem;
  display: block;
  background: url(/common/des/01/images/external.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -3.2rem;
  left: -0rem;
  z-index: 1000; }

.device-type-mobile a.external-link {
  position: relative; }

.device-type-mobile .twitter-area a[target="_blank"], .device-type-mobile .instagram-area a[target="_blank"] {
  display: block;
  position: relative; }

body {
  -webkit-text-size-adjust: 100%; }

p,
h2,
div {
  max-height: 999999px;
  -webkit-text-size-adjust: 100%; }

html {
  font-size: 62.5%; }

.device-type-mobile, .sp {
  display: none !important; }

#wrapper {
  font-size: 1.6rem;
  line-height: 3.2rem; }

#wrapper img {
  vertical-align: bottom;
  max-width: 100%; }

#post-articles img {
  vertical-align: top; }

#wrapper .con {
  position: relative;
  width: 1080px;
  margin: 0 auto; }

#wrapper .pc-rectangle-banner {
  margin-bottom: 15px; }

#wrapper #post-articles {
  margin-bottom: 40px; }

#wrapper .post-articles-postAticlesContainer-3fnWb {
  margin-top: 40px; }

#wrapper .main-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 760px; }

#wrapper .aside-container {
  margin-left: 20px;
  width: 300px; }

#wrapper .wrap-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#wrapper .wrap-container .txt-box {
  position: relative; }

#wrapper #social-official {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

#wrapper #social-official .social-button-facebook-2yKe0 {
  margin-right: 10px; }

#wrapper #social-official .social-button-twitter-2Giuq {
  padding-left: 5px; }

#wrapper #nav-wrap .api-nav-main div {
  width: 1080px;
  margin: 0 auto;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

#wrapper #nav-wrap .api-nav-main div a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc((100% / 4) - 0.1px);
  line-height: 2.2rem;
  text-decoration: none;
  border: 1px solid #cccccc;
  color: #333333;
  border-right: none;
  padding: 20px 0;
  display: block;
  text-align: center; }

#wrapper #nav-wrap .api-nav-main div a:last-child {
  border-right: 1px solid #cccccc; }

#wrapper #nav-wrap .api-nav-main div a:hover {
  background: #00a0c6;
  color: #ffffff; }

#wrapper #nav-wrap .api-nav-main div a.active {
  background: #00a0c6;
  color: #ffffff; }

#wrapper #nav-wrap .api-nav-main div .page-nav-title {
  font-size: 1.8rem;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: -0.05em; }

#wrapper #nav-wrap .api-nav-main div .page-nav-subtitle {
  font-size: 1.2rem; }

#wrapper #nav-wrap .api-nav-sub > div {
  width: 1080px;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

#wrapper #nav-wrap .api-nav-sub a {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
  color: #333333;
  border: 1px solid #cccccc;
  padding: 10px; }

#wrapper #section-emergency {
  margin-top: 20px;
  margin-bottom: 20px; }

#wrapper #section-emergency dl {
  background: #ffffff;
  line-height: 2.4rem;
  font-weight: bold; }

#wrapper #section-emergency dt {
  background: #ff0000;
  color: #ffffff;
  padding: 10px;
  width: 130px;
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

#wrapper #section-emergency dd {
  border: 3px solid #ff0000;
  width: 1000px;
  color: #ff0000;
  padding: 20px;
  display: table-cell;
  vertical-align: middle; }

#wrapper #section-emergency .fa-exclamation-triangle {
  font-size: 18px;
  margin-right: 10px; }

#page-up {
  z-index: 100;
  position: fixed;
  bottom: 40px;
  right: 40px;
  cursor: pointer; }

/* ========================================================
base
=========================================================*/
.zaki {
  width: 13px;
  margin-bottom: 4px; }

.copyright {
  font-size: 1.3rem;
  text-align: center;
  margin: 3.0rem auto;
  padding: 0 1.0rem;
  display: table;
  color: #fff; }

.main-container span.txt-date,
.main-container span.txt-times {
  background: #ae0000;
  color: #fff;
  line-height: 23px;
  padding: 1px 5px;
  margin: 0 0 10px;
  font-size: 1.4rem;
  display: inline-block;
  text-align: center; }

.main-container span.txt-times {
  width: 30px; }

.main-container h1 {
  font-size: 2.3rem;
  line-height: 1.3; }

.main-container h3.ttl-backnumber,
.main-container .staff-box h3,
.main-container .music-box h3,
.main-container .rider-box h3,
.main-container .progrisekey-box h3 {
  background: #fbff12;
  color: #000;
  border-left: 4px solid #000;
  font-size: 2.2rem;
  padding: 4px 10px 2px;
  font-weight: 600; }

h2.content-ttl {
  height: 77px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden; }

/* ========================================================
FONT
=========================================================*/
.font-08 {
  font-size: 60% !important; }

.font-09 {
  font-size: 70% !important; }

.font-10 {
  font-size: 77% !important; }

.font-11 {
  font-size: 85% !important; }

.font-12 {
  font-size: 93% !important; }

.font-13 {
  font-size: 100% !important; }

.font-14 {
  font-size: 108% !important; }

.font-15 {
  font-size: 116% !important; }

.font-16 {
  font-size: 123.1% !important; }

.font-17 {
  font-size: 130% !important; }

.font-18 {
  font-size: 150% !important; }

.font-under {
  text-decoration: underline !important; }

.font-bold {
  font-weight: bold !important; }

a,
button {
  outline: none; }

.main-container a,
.main-container p,
.main-container span {
  font-weight: 500; }

.protect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  user-drag: none;
  touch-callout: none; }

#wrapper #nav-wrap #nav .api-nav-main div {
  background: none;
  padding: 13px 0 33px;
  margin: -5px auto 0;
  width: 1080px; }
  #wrapper #nav-wrap #nav .api-nav-main div div,
  #wrapper #nav-wrap #nav .api-nav-main div a {
    display: block;
    width: 180px;
    height: 100px;
    line-height: 41px;
    color: #fff;
    margin: 0;
    padding: 0;
    border: none;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    background-position: top center; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(1) {
    background: url(../common-img/nav_pc/nav_pc01.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(2) {
    background: url(../common-img/nav_pc/nav_pc02.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(3) {
    background: url(../common-img/nav_pc/nav_pc03.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(4) {
    background: url(../common-img/nav_pc/nav_pc04.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(5) {
    background: url(../common-img/nav_pc/nav_pc05.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(6) {
    background: url(../common-img/nav_pc/nav_pc06.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(7) {
    background: url(../common-img/nav_pc/nav_pc07.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(8) {
    background: url(../common-img/nav_pc/nav_pc08.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(9) {
    background: url(../common-img/nav_pc/nav_pc09.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(10) {
    background: url(../common-img/nav_pc/nav_pc10.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(11) {
    background: url(../common-img/nav_pc/nav_pc11.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:nth-of-type(12) {
    background: url(../common-img/nav_pc/nav_pc12.png) no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div a:hover {
    background-position: center -100px; }
  #wrapper #nav-wrap #nav .api-nav-main div a.active {
    background-position: center -100px; }
  #wrapper #nav-wrap #nav .api-nav-main div a.still {
    pointer-events: none;
    background-position: center -200px; }

#wrapper #nav-wrap #nav .api-nav-sub {
  display: none; }

/* ========================================================
color
=========================================================*/
.color0 {
  color: #000000; }

/* BLACK */
.color1 {
  color: #ffffff; }

/* WHITE */
.color2 {
  color: #eb0007; }

/* RED */
.color3 {
  color: #d30006; }

/* RED2 */
.color4 {
  color: #2b89ff; }

/* skyblue */
.color5 {
  color: #002b73; }

/* blue */
.color6 {
  color: #ff2a30; }

/* RED3 */
.color7 {
  color: #0428ce; }

/* blue2 */
.color8 {
  color: #ff00ff; }

/* pink */
.color-org {
  color: #ff5400; }

/* orange */
.color-blue {
  color: #00a0e9; }

/* skyblue */
/* BLANK
##################################### */
.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pt-05 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pt-99 {
  padding-top: 99px !important; }

/* ========================================================
top、下層共通
=========================================================*/
.present-header-1TvSX,
.ranking-header-3Maul,
.related-programs-header-10Zh4 {
  color: #fff; }

/* ========================================================
top
=========================================================*/
body.top {
  background: #fafafe; }
  body.top #header-wrap {
    background: url(../common-img/bg_main.png) repeat-y center top; }
    body.top #header-wrap .con {
      position: relative;
      width: 1080px;
      margin: 0 auto; }
      body.top #header-wrap .con #main-side-box {
        display: block;
        position: absolute;
        top: 385px;
        right: 0; }
        body.top #header-wrap .con #main-side-box .next-top {
          width: 370px;
          margin: 0 0 20px; }
          body.top #header-wrap .con #main-side-box .next-top .ttl-next-movie {
            height: 32px;
            background: url(../common-img/ttl-next-movie.png) repeat-y center top;
            background-size: contain; }
          body.top #header-wrap .con #main-side-box .next-top .next-movie a {
            width: 100%;
            height: 100%;
            display: block; }
          body.top #header-wrap .con #main-side-box .next-top .next-movie-comingsoon {
            height: 209px;
            text-indent: -9999px;
            background: url(../common-img/next-movie-comingsoon.jpg) repeat-y center top;
            background-size: contain; }
        body.top #header-wrap .con #main-side-box .api-bnr-a-pc {
          width: 370px; }
          body.top #header-wrap .con #main-side-box .api-bnr-a-pc a {
            display: block;
            margin: 0 0 10px; }
      body.top #header-wrap .con #header-image {
        background: url(../common-img/main.png) no-repeat 1px top;
        width: 1080px;
        height: 900px; }
  body.top #contents-wrap {
    background-image: url(../common-img/bg.png);
    background-position: center 5px;
    background-repeat: no-repeat; }
    body.top #contents-wrap .main-container #social-official {
      margin-bottom: -10px !important; }
    body.top #contents-wrap .main-container .top-ttl {
      background: url("../common-img/ttl_top.png") left/contain no-repeat; }
    body.top #contents-wrap .main-container .topics-box {
      padding: 30px 40px 60px;
      background: #fff;
      border: 3px solid #000;
      border-top: none; }
      body.top #contents-wrap .main-container .topics-box .caution {
        padding: 20px 20px 20px 80px;
        background: url(../common-img/icon_caution.png) 20px/43px no-repeat #fbdd9d;
        border-radius: 5px;
        margin: 0 0 20px; }
        body.top #contents-wrap .main-container .topics-box .caution p {
          font-size: 1.2rem;
          line-height: 1.75; }
          body.top #contents-wrap .main-container .topics-box .caution p a {
            text-decoration: none;
            color: #199dc5; }
      body.top #contents-wrap .main-container .topics-box .parts-info-top {
        height: 478px;
        overflow-y: scroll; }
        body.top #contents-wrap .main-container .topics-box .parts-info-top ul {
          padding: 0 20px 0 0; }
          body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list {
            padding: 20px 0 10px;
            border-bottom: 1px solid #ddd; }
            body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list .date {
              font-size: 1.4rem;
              font-weight: bold;
              line-height: 1; }
            body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list li.list-child {
              padding: 12px 0;
              overflow: hidden; }
              body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list li.list-child .icon {
                width: 6rem;
                float: left; }
              body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list li.list-child .txt-box {
                line-height: 1;
                margin: 0 0 0 70px; }
                body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list li.list-child .txt-box p {
                  font-size: 1.4rem;
                  line-height: 1.75; }
                body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list li.list-child .txt-box a {
                  color: #199dc5 !important;
                  font-size: 1.4rem;
                  line-height: 1.75;
                  text-decoration: none; }
                  body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list li.list-child .txt-box a span {
                    color: #ff0000;
                    font-weight: bold; }

/* ========================================================
second共通
=========================================================*/
.second #wrapper {
  background: url("../common-img/second_bg.png") top center no-repeat #fafafe;
  overflow: hidden; }
  .second #wrapper #header-image {
    width: 2000px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -1000px;
    background: url("../common-img/header_second_bg.png") top center no-repeat; }
    .second #wrapper #header-image .inr {
      width: 1080px;
      height: 200px;
      margin: 0 auto; }
      .second #wrapper #header-image .inr a {
        width: 100%;
        height: 100%;
        display: block;
        background: url("../common-img/header_second.png") top center no-repeat; }
  .second #wrapper #social-official {
    margin-bottom: -10px !important; }

/* ========================================================
banner
=========================================================*/
.api-bnr-b a[target="_blank"]:hover:before {
  top: -104px; }

.api-bnr-c {
  margin: 20px 0 0; }
  .api-bnr-c div {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .api-bnr-c div a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: calc(99% / 2);
      margin: 0 1% 1% 0; }
      .api-bnr-c div a img {
        width: 100%;
        height: auto; }
    .api-bnr-c div a:nth-of-type(even) {
      margin-right: 0; }

/* ========================================================
story
=========================================================*/
.story-ttl {
  background: url("../story/img/ttl_story.png") left/contain no-repeat; }

.story-box {
  padding: 30px 40px;
  background: #fff;
  border-left: 3px solid #000;
  border-right: 3px solid #000; }
  .story-box .story-ttl-box {
    margin: 0 0 40px; }
  .story-box #slider {
    width: 680px;
    margin: 0 0 10px; }
  .story-box p {
    margin: 0 0 30px; }
    .story-box p a {
      color: #199dc5 !important;
      text-decoration: none !important; }
  .story-box .story-staff-box {
    margin: 50px 0 0; }
    .story-box .story-staff-box .staff-txt {
      font-size: 1.2rem;
      line-height: 2; }
      .story-box .story-staff-box .staff-txt span {
        font-size: 1.1rem; }
  .story-box .cast {
    color: #199dc5 !important;
    text-decoration: underline; }
    .story-box .cast:hover {
      text-decoration: none; }

.story-bnr-box {
  padding: 0 40px 30px;
  background: #fff;
  text-align: center; }
  .story-bnr-box .story-bnr a[target="_blank"]:hover:before {
    top: -104px; }

/* ========================================================
story-todays-special・backnumber共通
=========================================================*/
.story-backnumber ul.thumnail,
.story-todays-special ul.thumnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .story-backnumber ul.thumnail li,
  .story-todays-special ul.thumnail li {
    margin: 0 0 25px;
    width: 30.89%;
    margin-right: 3.66%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .story-backnumber ul.thumnail li:nth-of-type(3n),
    .story-todays-special ul.thumnail li:nth-of-type(3n) {
      margin-right: 0; }
    .story-backnumber ul.thumnail li a:link,
    .story-backnumber ul.thumnail li a:visited,
    .story-todays-special ul.thumnail li a:link,
    .story-todays-special ul.thumnail li a:visited {
      text-decoration: none; }
    .story-backnumber ul.thumnail li a,
    .story-todays-special ul.thumnail li a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      font-size: 1.4rem;
      font-weight: bold; }
      .story-backnumber ul.thumnail li a:hover,
      .story-todays-special ul.thumnail li a:hover {
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }

.story-todays-special {
  margin: 50px 0 0; }
  .story-todays-special a {
    min-height: 220px; }
    .story-todays-special a:hover {
      opacity: 0.6; }
    .story-todays-special a dd {
      margin: 10px 0 0;
      line-height: 1.6;
      text-align: center; }

.story-backnumber {
  padding: 30px 40px;
  background: #fff;
  border: 3px solid #000;
  border-top: none; }
  .story-backnumber .content-ttl {
    padding: 0;
    background: none;
    color: #000; }
  .story-backnumber .thumnail {
    margin: 30px 0; }
    .story-backnumber .thumnail li a {
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #000;
      color: #fff; }
      .story-backnumber .thumnail li a:hover {
        background: #ae0000; }
    .story-backnumber .thumnail li dd {
      margin: 10px 0 0;
      text-align: left;
      font-size: 1.3rem;
      line-height: 1.6; }
      .story-backnumber .thumnail li dd .date {
        font-size: 1.2rem; }

/* ========================================================
next
=========================================================*/
.next-ttl {
  background: url("../next/img/ttl_next.png") left/contain no-repeat; }

.next-box {
  padding: 30px 40px;
  background: #fff;
  border: 3px solid #000;
  border-top: none; }
  .next-box .video-wrap {
    width: 80%;
    margin: 0 auto 30px; }
    .next-box .video-wrap .zero-one-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .next-box .video-wrap .zero-one-video iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
  .next-box .next-ttl-box {
    margin: 0 0 40px; }
  .next-box p {
    margin: 0 0 30px; }
    .next-box p a {
      color: #199dc5 !important;
      text-decoration: none !important; }
  .next-box .next-staff-box {
    margin: 50px 0 0; }
    .next-box .next-staff-box p.staff-txt {
      font-size: 1.2rem;
      line-height: 2; }
  .next-box .next-movie-box {
    text-align: center;
    margin: 0 0 30px; }
  .next-box #slider {
    width: 680px; }

#guest-list {
  margin: 0 0 60px; }
  #guest-list .guest-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 20px 0 0; }
    #guest-list .guest-box .guestImg {
      width: 200px; }
    #guest-list .guest-box .txt-det {
      width: 440px; }
      #guest-list .guest-box .txt-det h3.title span {
        font-size: 1.6rem;
        font-weight: bold; }

/* ========================================================
cast
=========================================================*/
.cast-ttl {
  background: url("../cast/img/ttl_cast.png") left/contain no-repeat; }

.modal-box .cast-ttl {
  background: url("../common-img/ttl_cast_modal.png") left/contain no-repeat; }

.cast-box {
  background: #fff; }
  .cast-box > p {
    padding: 10px 0 0;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    text-align: center;
    font-size: 1.2rem; }

.cast-txt-box {
  padding: 30px 0;
  background: #fff;
  border: 3px solid #000;
  border-top: none;
  text-align: center; }
  .cast-txt-box .cast-txt-ttl {
    margin: 0 0 30px; }
  .cast-txt-box .cast-list {
    margin: 0 0 20px; }

/* ========================================================
キャスト個別ページ
=========================================================*/
.cast-det-box {
  border: 3px solid #fff;
  border-top: none;
  background-color: #fff; }
  .cast-det-box.cast-det-box_black {
    background: #1b1b1b; }
  .cast-det-box div.text_cast {
    width: 660px;
    margin: 30px auto; }
    .cast-det-box div.text_cast > p {
      margin-bottom: 30px;
      line-height: 3rem;
      font-weight: bold; }
      .cast-det-box div.text_cast > p.text_cast_white {
        color: #fff; }
    .cast-det-box div.text_cast .inner_text_cast {
      margin-bottom: 30px;
      padding: 30px;
      background: #fcfacb;
      line-height: 2.8rem; }
      .cast-det-box div.text_cast .inner_text_cast.inner_text_cast_black {
        background: #333333;
        color: #fff; }
      .cast-det-box div.text_cast .inner_text_cast.inner_text_blue {
        background: #ddeaf2; }
      .cast-det-box div.text_cast .inner_text_cast .name {
        margin: 0 0 10px;
        font-weight: bold; }
      .cast-det-box div.text_cast .inner_text_cast .txt {
        margin: 0;
        font-size: 1.3rem; }
        .cast-det-box div.text_cast .inner_text_cast .txt a {
          color: #199dc5;
          font-weight: bold;
          text-decoration: none; }
          .cast-det-box div.text_cast .inner_text_cast .txt a:hover {
            text-decoration: none; }
  .cast-det-box .btn-box a {
    position: relative;
    display: block;
    margin: 0 auto 50px;
    padding: 8px 0;
    width: 660px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #ae0000; }
    .cast-det-box .btn-box a:hover {
      opacity: .6;
      -webkit-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .cast-det-box .btn-box a:after {
      content: "";
      position: absolute;
      top: 16px;
      right: 20px;
      display: block;
      width: 8px;
      height: 8px;
      border: 3px solid;
      border-color: #fff #fff transparent transparent;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

/* ========================================================
rider & progrisekey & enemy
=========================================================*/
.rider-ttl {
  background: url("../rider/img/ttl_rider.png") left/contain no-repeat; }

.progrisekey-ttl {
  background: url("../progrisekey/img/ttl_progrisekey.png") left/contain no-repeat; }

.rider-box .main-img-wrapper,
.progrisekey-box .main-img-wrapper,
.enemy-box .main-img-wrapper {
  position: relative; }
  .rider-box .main-img-wrapper .lead-box,
  .progrisekey-box .main-img-wrapper .lead-box,
  .enemy-box .main-img-wrapper .lead-box {
    position: absolute;
    color: #fff;
    right: 40px;
    top: 25px;
    width: 340px;
    overflow: hidden; }
    .rider-box .main-img-wrapper .lead-box h1,
    .progrisekey-box .main-img-wrapper .lead-box h1,
    .enemy-box .main-img-wrapper .lead-box h1 {
      font-size: 2.8rem;
      line-height: 1;
      margin: 0 0 15px; }
    .rider-box .main-img-wrapper .lead-box p,
    .progrisekey-box .main-img-wrapper .lead-box p,
    .enemy-box .main-img-wrapper .lead-box p {
      font-size: 1.3rem;
      line-height: 1.75; }
    .rider-box .main-img-wrapper .lead-box a,
    .progrisekey-box .main-img-wrapper .lead-box a,
    .enemy-box .main-img-wrapper .lead-box a {
      margin: 15px auto 0;
      width: 100%;
      height: 50px;
      display: block;
      line-height: 50px;
      background: #000;
      color: #fff;
      font-size: 1.8rem;
      text-decoration: none;
      text-align: center;
      border-radius: 5px;
      font-weight: bold; }

.rider-box .img-wrapper,
.progrisekey-box .img-wrapper,
.enemy-box .img-wrapper {
  height: 740px;
  position: relative; }
  .rider-box .img-wrapper.long,
  .progrisekey-box .img-wrapper.long,
  .enemy-box .img-wrapper.long {
    height: 800px !important; }
  .rider-box .img-wrapper.s_long,
  .progrisekey-box .img-wrapper.s_long,
  .enemy-box .img-wrapper.s_long {
    height: 900px !important; }
  .rider-box .img-wrapper .txt-box,
  .progrisekey-box .img-wrapper .txt-box,
  .enemy-box .img-wrapper .txt-box {
    position: absolute !important;
    color: #fff;
    left: 50px;
    top: 30px; }
    .rider-box .img-wrapper .txt-box span,
    .progrisekey-box .img-wrapper .txt-box span,
    .enemy-box .img-wrapper .txt-box span {
      display: block;
      line-height: 1; }
    .rider-box .img-wrapper .txt-box span.jp,
    .progrisekey-box .img-wrapper .txt-box span.jp,
    .enemy-box .img-wrapper .txt-box span.jp {
      font-size: 2.4rem;
      font-weight: bold;
      margin: 0 0 5px; }
    .rider-box .img-wrapper .txt-box span.en,
    .progrisekey-box .img-wrapper .txt-box span.en,
    .enemy-box .img-wrapper .txt-box span.en {
      font-size: 1.0rem; }
  .rider-box .img-wrapper .img-box,
  .progrisekey-box .img-wrapper .img-box,
  .enemy-box .img-wrapper .img-box {
    width: 100%;
    text-align: center;
    padding: 80px 0 0; }
    .rider-box .img-wrapper .img-box img,
    .progrisekey-box .img-wrapper .img-box img,
    .enemy-box .img-wrapper .img-box img {
      width: 450px; }
    .rider-box .img-wrapper .img-box area,
    .progrisekey-box .img-wrapper .img-box area,
    .enemy-box .img-wrapper .img-box area {
      border: none;
      outline: none; }
  .rider-box .img-wrapper .txt-guide,
  .progrisekey-box .img-wrapper .txt-guide,
  .enemy-box .img-wrapper .txt-guide {
    text-align: center;
    margin: 20px 0 0; }
    .rider-box .img-wrapper .txt-guide p,
    .progrisekey-box .img-wrapper .txt-guide p,
    .enemy-box .img-wrapper .txt-guide p {
      color: #fff;
      font-size: 1.2rem; }

.rider-box .rider-box-inner #main-thumb-box ul,
.progrisekey-box .rider-box-inner #main-thumb-box ul,
.enemy-box .rider-box-inner #main-thumb-box ul {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.rider-box .rider-box-inner,
.rider-box .progrisekey-box-inner,
.rider-box .enemy-box-inner,
.progrisekey-box .rider-box-inner,
.progrisekey-box .progrisekey-box-inner,
.progrisekey-box .enemy-box-inner,
.enemy-box .rider-box-inner,
.enemy-box .progrisekey-box-inner,
.enemy-box .enemy-box-inner {
  padding: 40px;
  background: #fff; }
  .rider-box .rider-box-inner ul.btn-box,
  .rider-box .progrisekey-box-inner ul.btn-box,
  .rider-box .enemy-box-inner ul.btn-box,
  .progrisekey-box .rider-box-inner ul.btn-box,
  .progrisekey-box .progrisekey-box-inner ul.btn-box,
  .progrisekey-box .enemy-box-inner ul.btn-box,
  .enemy-box .rider-box-inner ul.btn-box,
  .enemy-box .progrisekey-box-inner ul.btn-box,
  .enemy-box .enemy-box-inner ul.btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 50px; }
    .rider-box .rider-box-inner ul.btn-box li,
    .rider-box .progrisekey-box-inner ul.btn-box li,
    .rider-box .enemy-box-inner ul.btn-box li,
    .progrisekey-box .rider-box-inner ul.btn-box li,
    .progrisekey-box .progrisekey-box-inner ul.btn-box li,
    .progrisekey-box .enemy-box-inner ul.btn-box li,
    .enemy-box .rider-box-inner ul.btn-box li,
    .enemy-box .progrisekey-box-inner ul.btn-box li,
    .enemy-box .enemy-box-inner ul.btn-box li {
      margin: 0 20px 0 0; }
      .rider-box .rider-box-inner ul.btn-box li a,
      .rider-box .progrisekey-box-inner ul.btn-box li a,
      .rider-box .enemy-box-inner ul.btn-box li a,
      .progrisekey-box .rider-box-inner ul.btn-box li a,
      .progrisekey-box .progrisekey-box-inner ul.btn-box li a,
      .progrisekey-box .enemy-box-inner ul.btn-box li a,
      .enemy-box .rider-box-inner ul.btn-box li a,
      .enemy-box .progrisekey-box-inner ul.btn-box li a,
      .enemy-box .enemy-box-inner ul.btn-box li a {
        width: 320px;
        height: 50px;
        display: block;
        background: url("../rider/img/btn_arrow.png") no-repeat top 13px right 10px #000;
        color: #fff;
        text-align: center;
        line-height: 50px;
        font-weight: bold;
        position: relative;
        border-radius: 5px;
        text-decoration: none;
        font-size: 1.7rem; }
      .rider-box .rider-box-inner ul.btn-box li:nth-of-type(3),
      .rider-box .progrisekey-box-inner ul.btn-box li:nth-of-type(3),
      .rider-box .enemy-box-inner ul.btn-box li:nth-of-type(3),
      .progrisekey-box .rider-box-inner ul.btn-box li:nth-of-type(3),
      .progrisekey-box .progrisekey-box-inner ul.btn-box li:nth-of-type(3),
      .progrisekey-box .enemy-box-inner ul.btn-box li:nth-of-type(3),
      .enemy-box .rider-box-inner ul.btn-box li:nth-of-type(3),
      .enemy-box .progrisekey-box-inner ul.btn-box li:nth-of-type(3),
      .enemy-box .enemy-box-inner ul.btn-box li:nth-of-type(3) {
        margin: 0; }
  .rider-box .rider-box-inner ul.thumnail,
  .rider-box .progrisekey-box-inner ul.thumnail,
  .rider-box .enemy-box-inner ul.thumnail,
  .progrisekey-box .rider-box-inner ul.thumnail,
  .progrisekey-box .progrisekey-box-inner ul.thumnail,
  .progrisekey-box .enemy-box-inner ul.thumnail,
  .enemy-box .rider-box-inner ul.thumnail,
  .enemy-box .progrisekey-box-inner ul.thumnail,
  .enemy-box .enemy-box-inner ul.thumnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 0 25px; }
    .rider-box .rider-box-inner ul.thumnail li,
    .rider-box .progrisekey-box-inner ul.thumnail li,
    .rider-box .enemy-box-inner ul.thumnail li,
    .progrisekey-box .rider-box-inner ul.thumnail li,
    .progrisekey-box .progrisekey-box-inner ul.thumnail li,
    .progrisekey-box .enemy-box-inner ul.thumnail li,
    .enemy-box .rider-box-inner ul.thumnail li,
    .enemy-box .progrisekey-box-inner ul.thumnail li,
    .enemy-box .enemy-box-inner ul.thumnail li {
      margin: 0 0 25px;
      width: 30.89%;
      margin-right: 3.66%; }
      .rider-box .rider-box-inner ul.thumnail li a,
      .rider-box .progrisekey-box-inner ul.thumnail li a,
      .rider-box .enemy-box-inner ul.thumnail li a,
      .progrisekey-box .rider-box-inner ul.thumnail li a,
      .progrisekey-box .progrisekey-box-inner ul.thumnail li a,
      .progrisekey-box .enemy-box-inner ul.thumnail li a,
      .enemy-box .rider-box-inner ul.thumnail li a,
      .enemy-box .progrisekey-box-inner ul.thumnail li a,
      .enemy-box .enemy-box-inner ul.thumnail li a {
        text-decoration: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        font-size: 1.4rem;
        font-weight: bold; }
        .rider-box .rider-box-inner ul.thumnail li a dl dd,
        .rider-box .progrisekey-box-inner ul.thumnail li a dl dd,
        .rider-box .enemy-box-inner ul.thumnail li a dl dd,
        .progrisekey-box .rider-box-inner ul.thumnail li a dl dd,
        .progrisekey-box .progrisekey-box-inner ul.thumnail li a dl dd,
        .progrisekey-box .enemy-box-inner ul.thumnail li a dl dd,
        .enemy-box .rider-box-inner ul.thumnail li a dl dd,
        .enemy-box .progrisekey-box-inner ul.thumnail li a dl dd,
        .enemy-box .enemy-box-inner ul.thumnail li a dl dd {
          margin: 10px 0 0;
          line-height: 1.6;
          text-align: center; }
      .rider-box .rider-box-inner ul.thumnail li:nth-of-type(3n),
      .rider-box .progrisekey-box-inner ul.thumnail li:nth-of-type(3n),
      .rider-box .enemy-box-inner ul.thumnail li:nth-of-type(3n),
      .progrisekey-box .rider-box-inner ul.thumnail li:nth-of-type(3n),
      .progrisekey-box .progrisekey-box-inner ul.thumnail li:nth-of-type(3n),
      .progrisekey-box .enemy-box-inner ul.thumnail li:nth-of-type(3n),
      .enemy-box .rider-box-inner ul.thumnail li:nth-of-type(3n),
      .enemy-box .progrisekey-box-inner ul.thumnail li:nth-of-type(3n),
      .enemy-box .enemy-box-inner ul.thumnail li:nth-of-type(3n) {
        margin-right: 0; }
  .rider-box .rider-box-inner h3,
  .rider-box .progrisekey-box-inner h3,
  .rider-box .enemy-box-inner h3,
  .progrisekey-box .rider-box-inner h3,
  .progrisekey-box .progrisekey-box-inner h3,
  .progrisekey-box .enemy-box-inner h3,
  .enemy-box .rider-box-inner h3,
  .enemy-box .progrisekey-box-inner h3,
  .enemy-box .enemy-box-inner h3 {
    margin: 0 0 30px; }
  .rider-box .rider-box-inner h4,
  .rider-box .progrisekey-box-inner h4,
  .rider-box .enemy-box-inner h4,
  .progrisekey-box .rider-box-inner h4,
  .progrisekey-box .progrisekey-box-inner h4,
  .progrisekey-box .enemy-box-inner h4,
  .enemy-box .rider-box-inner h4,
  .enemy-box .progrisekey-box-inner h4,
  .enemy-box .enemy-box-inner h4 {
    font-size: 2.2rem;
    border-bottom: 3px solid #000;
    padding: 0 0 10px;
    margin: 0 0 20px;
    line-height: 1; }
  .rider-box .rider-box-inner #main-thumb-box ul,
  .rider-box .progrisekey-box-inner #main-thumb-box ul,
  .rider-box .enemy-box-inner #main-thumb-box ul,
  .progrisekey-box .rider-box-inner #main-thumb-box ul,
  .progrisekey-box .progrisekey-box-inner #main-thumb-box ul,
  .progrisekey-box .enemy-box-inner #main-thumb-box ul,
  .enemy-box .rider-box-inner #main-thumb-box ul,
  .enemy-box .progrisekey-box-inner #main-thumb-box ul,
  .enemy-box .enemy-box-inner #main-thumb-box ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .rider-box .rider-box-inner #spec-box ul.spec-list,
  .rider-box .progrisekey-box-inner #spec-box ul.spec-list,
  .rider-box .enemy-box-inner #spec-box ul.spec-list,
  .progrisekey-box .rider-box-inner #spec-box ul.spec-list,
  .progrisekey-box .progrisekey-box-inner #spec-box ul.spec-list,
  .progrisekey-box .enemy-box-inner #spec-box ul.spec-list,
  .enemy-box .rider-box-inner #spec-box ul.spec-list,
  .enemy-box .progrisekey-box-inner #spec-box ul.spec-list,
  .enemy-box .enemy-box-inner #spec-box ul.spec-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 0 50px; }
    .rider-box .rider-box-inner #spec-box ul.spec-list li,
    .rider-box .progrisekey-box-inner #spec-box ul.spec-list li,
    .rider-box .enemy-box-inner #spec-box ul.spec-list li,
    .progrisekey-box .rider-box-inner #spec-box ul.spec-list li,
    .progrisekey-box .progrisekey-box-inner #spec-box ul.spec-list li,
    .progrisekey-box .enemy-box-inner #spec-box ul.spec-list li,
    .enemy-box .rider-box-inner #spec-box ul.spec-list li,
    .enemy-box .progrisekey-box-inner #spec-box ul.spec-list li,
    .enemy-box .enemy-box-inner #spec-box ul.spec-list li {
      width: 100%; }
      .rider-box .rider-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .rider-box .progrisekey-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .rider-box .enemy-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .progrisekey-box .rider-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .progrisekey-box .progrisekey-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .progrisekey-box .enemy-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .enemy-box .rider-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .enemy-box .progrisekey-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .enemy-box .enemy-box-inner #spec-box ul.spec-list li:nth-of-type(1) {
        margin: 0 0 30px; }
      .rider-box .rider-box-inner #spec-box ul.spec-list li p,
      .rider-box .progrisekey-box-inner #spec-box ul.spec-list li p,
      .rider-box .enemy-box-inner #spec-box ul.spec-list li p,
      .progrisekey-box .rider-box-inner #spec-box ul.spec-list li p,
      .progrisekey-box .progrisekey-box-inner #spec-box ul.spec-list li p,
      .progrisekey-box .enemy-box-inner #spec-box ul.spec-list li p,
      .enemy-box .rider-box-inner #spec-box ul.spec-list li p,
      .enemy-box .progrisekey-box-inner #spec-box ul.spec-list li p,
      .enemy-box .enemy-box-inner #spec-box ul.spec-list li p {
        font-size: 1.4rem;
        line-height: 1.5; }
  .rider-box .rider-box-inner #spec-box ul.thumnail,
  .rider-box .progrisekey-box-inner #spec-box ul.thumnail,
  .rider-box .enemy-box-inner #spec-box ul.thumnail,
  .progrisekey-box .rider-box-inner #spec-box ul.thumnail,
  .progrisekey-box .progrisekey-box-inner #spec-box ul.thumnail,
  .progrisekey-box .enemy-box-inner #spec-box ul.thumnail,
  .enemy-box .rider-box-inner #spec-box ul.thumnail,
  .enemy-box .progrisekey-box-inner #spec-box ul.thumnail,
  .enemy-box .enemy-box-inner #spec-box ul.thumnail {
    margin: 0; }
  .rider-box .rider-box-inner #spec-box.long,
  .rider-box .progrisekey-box-inner #spec-box.long,
  .rider-box .enemy-box-inner #spec-box.long,
  .progrisekey-box .rider-box-inner #spec-box.long,
  .progrisekey-box .progrisekey-box-inner #spec-box.long,
  .progrisekey-box .enemy-box-inner #spec-box.long,
  .enemy-box .rider-box-inner #spec-box.long,
  .enemy-box .progrisekey-box-inner #spec-box.long,
  .enemy-box .enemy-box-inner #spec-box.long {
    margin: 100px 0 0; }
  .rider-box .rider-box-inner .bottom-img-box,
  .rider-box .progrisekey-box-inner .bottom-img-box,
  .rider-box .enemy-box-inner .bottom-img-box,
  .progrisekey-box .rider-box-inner .bottom-img-box,
  .progrisekey-box .progrisekey-box-inner .bottom-img-box,
  .progrisekey-box .enemy-box-inner .bottom-img-box,
  .enemy-box .rider-box-inner .bottom-img-box,
  .enemy-box .progrisekey-box-inner .bottom-img-box,
  .enemy-box .enemy-box-inner .bottom-img-box {
    text-align: center; }
    .rider-box .rider-box-inner .bottom-img-box img,
    .rider-box .progrisekey-box-inner .bottom-img-box img,
    .rider-box .enemy-box-inner .bottom-img-box img,
    .progrisekey-box .rider-box-inner .bottom-img-box img,
    .progrisekey-box .progrisekey-box-inner .bottom-img-box img,
    .progrisekey-box .enemy-box-inner .bottom-img-box img,
    .enemy-box .rider-box-inner .bottom-img-box img,
    .enemy-box .progrisekey-box-inner .bottom-img-box img,
    .enemy-box .enemy-box-inner .bottom-img-box img {
      width: 450px;
      margin: 0 0 40px; }

a.btn-to-list {
  width: 240px;
  height: 50px;
  display: block;
  background: #000;
  color: #fff !important;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  position: relative;
  border-radius: 5px;
  text-decoration: none !important;
  font-size: 1.8rem;
  margin: 0 auto; }

.rider-box .img-wrapper {
  background: url("../rider/img/bg.png") left top/cover no-repeat; }

.progrisekey-box {
  border: 3px solid #000;
  border-top: none; }
  .progrisekey-box .img-wrapper {
    background: url("../progrisekey/img/bg.png") left top/cover no-repeat; }
  .progrisekey-box #main-thumb-box ul {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }

#enemy-box .btn-box a {
  background-image: none; }

/* ========================================================
rider
=========================================================*/
.modal-box .rider-ttl {
  background: url("../common-img/ttl_rider_modal.png") left/contain no-repeat; }

.rider-box {
  border: 3px solid #000;
  border-top: none; }
  .rider-box .img-wrapper .img-box a {
    display: block; }

/* ========================================================
progrisekey
=========================================================*/
.modal-box .progrisekey-ttl {
  background: url("../common-img/ttl_progrisekey_modal.png") left/contain no-repeat; }

.modal-box p.relation-ttl {
  background: #3c3c3c;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  font-size: 1.2rem;
  line-height: 1; }

.modal-navigation {
  padding: 30px 0;
  text-align: center; }
  .modal-navigation a {
    display: inline-block;
    margin: 0 2px;
    padding: 10px 0;
    width: 60px;
    background: #000;
    color: #fff;
    font-weight: bold;
    text-decoration: none; }
  .modal-navigation .disabled {
    background: #ccc;
    color: #eee;
    pointer-events: none; }

/* ========================================================
enemy
=========================================================*/
.enemy-ttl {
  background: url("../enemy/img/ttl_enemy.png") left/contain no-repeat; }

.enemy-box {
  border: 3px solid #000;
  border-top: none; }
  .enemy-box .img-wrapper {
    background: url("../enemy/img/bg.png") left/cover no-repeat; }
    .enemy-box .img-wrapper .img-box {
      padding: 65px 0 0; }
      .enemy-box .img-wrapper .img-box.long img {
        width: 676px; }
  .enemy-box .enemy-box-inner #detail-txt {
    margin: 0 0 50px; }
    .enemy-box .enemy-box-inner #detail-txt .sub_enemy {
      padding: 40px 0 0;
      border-top: 1px solid #ddd; }
  .enemy-box .enemy-box-inner .sub_enemy {
    padding: 40px 0 0;
    border-top: 1px solid #ddd; }

.raider .enemy-box .img-wrapper {
  background: url("../enemy/img/bg02.png") left top/cover no-repeat; }

/* ========================================================
intro
=========================================================*/
.intro-ttl {
  background: url("../intro/img/ttl_intro.png") left/contain no-repeat; }

.intro-txt-box {
  text-indent: -9999px;
  white-space: nowrap;
  line-height: 0; }

/* ========================================================
spmovie
=========================================================*/
.spmovie-ttl {
  background: url("../spmovie/img/ttl_spmovie.png") left/contain no-repeat; }

.spmovie-box {
  background: #fff; }
  .spmovie-box .detail_wrap {
    padding: 50px 40px 30px;
    border: 3px solid #000;
    border-top: none; }
    .spmovie-box .detail_wrap .spmoviettl-box {
      margin: 0 0 30px; }
    .spmovie-box .detail_wrap .video-wrap {
      width: 80%;
      margin: 0 auto 30px; }
      .spmovie-box .detail_wrap .video-wrap .zero-one-video {
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
        .spmovie-box .detail_wrap .video-wrap .zero-one-video iframe {
          position: absolute;
          top: 0;
          right: 0;
          width: 100% !important;
          height: 100% !important; }
    .spmovie-box .detail_wrap .noc-atten {
      font-size: 1.2rem;
      line-height: 1.5; }
      .spmovie-box .detail_wrap .noc-atten a {
        color: #199dc5;
        text-decoration: none; }
    .spmovie-box .detail_wrap h3 {
      margin: 40px 0 10px; }
    .spmovie-box .detail_wrap span.caution {
      font-size: 1.2rem;
      margin: 0 0 30px;
      display: block;
      line-height: 1; }
    .spmovie-box .detail_wrap .about-contents {
      background: #eee; }
      .spmovie-box .detail_wrap .about-contents .about-ttl {
        background: url("../spmovie/img/ttl_aboutcontents.png") left top no-repeat;
        height: 49px;
        line-height: 2;
        text-indent: -100%;
        white-space: nowrap;
        overflow: hidden; }
      .spmovie-box .detail_wrap .about-contents .txt {
        margin: 0 0 40px;
        padding: 20px 30px 30px;
        font-size: 1.4rem;
        line-height: 2; }
    .spmovie-box .detail_wrap .ttfc-modal-box {
      text-align: center; }
    .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li {
        padding: 0 2px 20px;
        margin: 0; }
        .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .img-box {
          margin: 0 0 10px;
          width: 163px; }
          .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .img-box a {
            display: inline-block; }
            .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .img-box a .protect {
              pointer-events: none; }
        .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box {
          margin: 0;
          line-height: 1.75; }
          .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-times {
            margin-right: 5px;
            width: 60px;
            vertical-align: top;
            float: left; }
            .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-times a {
              color: #fff;
              font-weight: bold; }
          .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-date-bn {
            font-size: 1.4rem;
            display: block;
            float: left; }
          .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box p {
            font-size: 1.4rem;
            line-height: 1.5;
            font-weight: bold;
            clear: both; }
          .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-until {
            display: block;
            font-size: 1.4rem; }

.spmovie #cboxContent {
  height: 608px !important; }
  .spmovie #cboxContent .download-box {
    margin-top: -5px;
    background: #fbff12; }
    .spmovie #cboxContent .download-box ul.btn-download {
      padding: 30px 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .spmovie #cboxContent .download-box ul.btn-download li {
        padding: 0 10px; }
    .spmovie #cboxContent .download-box p {
      padding: 10px 0 20px;
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold; }
      .spmovie #cboxContent .download-box p a {
        color: #000; }
        .spmovie #cboxContent .download-box p a:hover {
          text-decoration: none; }

/* ========================================================
staff
=========================================================*/
.staff-ttl {
  background: url("../staff/img/ttl_staff.png") left/contain no-repeat; }

.staff-box {
  padding: 30px 40px;
  background: #fff;
  border-left: 3px solid #000;
  border-right: 3px solid #000; }
  .staff-box h3 {
    margin: 0 auto 40px;
    width: 570px; }
  .staff-box dl {
    padding: 0px 50px;
    margin-bottom: 40px;
    text-align: left; }
    .staff-box dl dt {
      margin: 0 0 0.4em 0;
      border-bottom: 1px dotted #999999;
      font-weight: bold; }
    .staff-box dl dd {
      margin: 0 0 1em 4em; }

.music-box {
  padding: 0 40px 40px;
  background: #fff;
  border: 3px solid #000;
  border-top: none; }
  .music-box h3 {
    margin: 0 auto 40px;
    width: 570px; }
  .music-box dl {
    padding: 0px 50px;
    margin: 0 0 20px; }
    .music-box dl dt {
      display: block;
      font-weight: bold;
      font-size: 100%;
      line-height: 1.6;
      letter-spacing: 0.10em;
      margin-bottom: 5px; }
    .music-box dl dd {
      margin: 0 30px 10px 0;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px dotted #999999;
      line-height: 1.7em; }
  .music-box .detail-box {
    padding: 0 40px;
    margin: 0 0 30px; }
    .music-box .detail-box .img-box {
      margin: 0 0 20px;
      text-align: center; }
      .music-box .detail-box .img-box img {
        width: 450px; }
    .music-box .detail-box p {
      margin-bottom: 20px;
      line-height: 1.75; }
  .music-box .zero-one-photo {
    padding: 0 50px 50px; }
  .music-box p.txt-comingsoon {
    text-align: center;
    font-size: 2.5rem;
    padding: 20px 0 100px; }

/* ========================================================
news
=========================================================*/
.news-ttl {
  background: url("../news/img/ttl_news.png") left/contain no-repeat; }

.news-box {
  padding: 30px 40px;
  background: #fff;
  border: 3px solid #000;
  border-top: none; }
  .news-box .newsttl-box {
    margin: 0 0 40px; }
  .news-box p {
    margin: 0 0 30px; }
    .news-box p a {
      color: #199dc5 !important;
      font-weight: bold; }
  .news-box div.img-box {
    text-align: center;
    margin: 40px 0; }
  .news-box ul.img-box {
    overflow: hidden;
    margin: 40px 0; }
    .news-box ul.img-box li {
      float: left;
      width: 330px;
      margin: 0 10px 0 0; }
  .news-box h3.ttl-backnumber {
    margin: 60px 0 10px; }
  .news-box h4 {
    text-align: center; }
  .news-box h4 {
    text-align: center;
    font-size: 3.0rem;
    line-height: 1.3;
    margin: 40px 0; }
  .news-box h5 {
    font-size: 2.5rem;
    margin: 0 0 20px; }
  .news-box h6 {
    font-size: 1.9rem;
    margin: 60px 0 10px; }
  .news-box .lead {
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center; }
  .news-box .video-wrap {
    width: 80%;
    margin: 0 auto 30px; }
    .news-box .video-wrap .zero-one-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .news-box .video-wrap .zero-one-video iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
  .news-box .parts-news-list {
    margin: 0 0 40px; }
    .news-box .parts-news-list dl dt,
    .news-box .parts-news-list dl dd {
      line-height: 1.5;
      font-size: 1.4rem; }
    .news-box .parts-news-list dl dt {
      padding: 10px 0 0;
      font-weight: 500; }
    .news-box .parts-news-list dl dd {
      padding: 0 0 10px;
      border-bottom: 1px solid #ddd; }
      .news-box .parts-news-list dl dd a {
        color: #199dc5; }

/* ========================================================
data
=========================================================*/
.data-ttl {
  background: url("../data/img/ttl_data.png") left/contain no-repeat; }

.data-box {
  padding: 30px 40px 60px;
  background: #fff;
  border: 3px solid #000;
  border-top: none; }
  .data-box .present-box .tit {
    color: #eb0007;
    border-bottom: 1px solid #eb0007;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 2.0rem; }
  .data-box .present-box .img-box {
    margin-bottom: 10px; }
  .data-box .present-box .txt {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    margin-bottom: 30px; }
    .data-box .present-box .txt .prize {
      font-size: 1.5rem; }
  .data-box .present-box .btn-box {
    position: relative; }
    .data-box .present-box .btn-box a {
      display: block;
      padding: 0.8rem 0;
      background: #ae0000;
      border-radius: 100px;
      color: #fff !important;
      text-decoration: none !important;
      text-align: center;
      font-weight: 700; }
    .data-box .present-box .btn-box::after {
      content: "";
      display: block;
      position: absolute;
      top: 14px;
      right: 2%;
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: translateX(-50%) rotate(135deg);
      -ms-transform: translateX(-50%) rotate(135deg);
      transform: translateX(-50%) rotate(135deg); }
  .data-box > p {
    margin: 0 0 30px; }
  .data-box .img-box {
    text-align: center;
    margin: 40px 0; }
  .data-box .caution-box p {
    margin: 0 0 20px;
    font-size: 1.4rem;
    line-height: 2; }
  .data-box .close-txt p {
    padding: 5px;
    background: #ae0000;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: bold; }

/* ========================================================
共通モーダル
=========================================================*/
.modal-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  max-width: 760px;
  min-height: 340px;
  overflow-x: hidden; }
  .modal-box.rider {
    width: 760px;
    height: auto; }
    .modal-box.rider .rider-ttl {
      background: url("../common-img/ttl_rider_modal.png") left/contain no-repeat; }
    .modal-box.rider .modal-txt {
      width: auto !important; }
      .modal-box.rider .modal-txt .modal-ttl {
        font-size: 3.0rem !important;
        text-indent: 35px;
        position: relative; }
        .modal-box.rider .modal-txt .modal-ttl.num01:before {
          content: "";
          background: url("../rider/img/modal/num01.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num02:before {
          content: "";
          background: url("../rider/img/modal/num02.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num03:before {
          content: "";
          background: url("../rider/img/modal/num03.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num04:before {
          content: "";
          background: url("../rider/img/modal/num04.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num05:before {
          content: "";
          background: url("../rider/img/modal/num05.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num06:before {
          content: "";
          background: url("../rider/img/modal/num06.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num07:before {
          content: "";
          background: url("../rider/img/modal/num07.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num08:before {
          content: "";
          background: url("../rider/img/modal/num08.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num09:before {
          content: "";
          background: url("../rider/img/modal/num09.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num10:before {
          content: "";
          background: url("../rider/img/modal/num10.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num11:before {
          content: "";
          background: url("../rider/img/modal/num11.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num12:before {
          content: "";
          background: url("../rider/img/modal/num12.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num13:before {
          content: "";
          background: url("../rider/img/modal/num13.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num14:before {
          content: "";
          background: url("../rider/img/modal/num14.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num15:before {
          content: "";
          background: url("../rider/img/modal/num15.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num16:before {
          content: "";
          background: url("../rider/img/modal/num16.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl.num17:before {
          content: "";
          background: url("../rider/img/modal/num17.png") left top no-repeat; }
        .modal-box.rider .modal-txt .modal-ttl:before {
          width: 31px;
          height: 31px;
          display: block;
          position: absolute;
          line-height: 1;
          top: 8px; }
      .modal-box.rider .modal-txt .txt-det {
        border-bottom: none !important; }
  .modal-box .box-inner {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .modal-box .box-inner .modal-thumb {
      width: 200px;
      margin-right: 20px; }
      .modal-box .box-inner .modal-thumb img {
        width: 200px;
        height: 200px; }
    .modal-box .box-inner .modal-txt {
      width: 480px;
      font-size: 1.4rem;
      line-height: 1.6; }
      .modal-box .box-inner .modal-txt .modal-ttl {
        margin: 0 0 10px;
        font-size: 1.8rem;
        font-weight: bold; }
        .modal-box .box-inner .modal-txt .modal-ttl span {
          font-size: 1.4rem; }
      .modal-box .box-inner .modal-txt .txt-det {
        padding: 0 0 20px; }
        .modal-box .box-inner .modal-txt .txt-det a {
          color: #199dc5;
          font-weight: bold;
          text-decoration: underline; }
          .modal-box .box-inner .modal-txt .txt-det a:hover {
            text-decoration: none; }
      .modal-box .box-inner .modal-txt .profile-box {
        border-top: 1px solid #ccc;
        padding: 10px 0 0;
        font-weight: bold; }
        .modal-box .box-inner .modal-txt .profile-box span {
          font-size: 1.2rem; }
      .modal-box .box-inner .modal-txt .relation {
        margin: 10px 0 0; }
        .modal-box .box-inner .modal-txt .relation a {
          color: #199dc5;
          font-weight: bold;
          text-decoration: none; }
          .modal-box .box-inner .modal-txt .relation a:hover {
            text-decoration: none; }
      .modal-box .box-inner .modal-txt .btn-box a {
        margin: 20px 0 0;
        width: 240px;
        height: 50px;
        display: block;
        line-height: 50px;
        background: #000;
        color: #fff;
        font-size: 1.8rem;
        text-decoration: none;
        text-align: center;
        border-radius: 5px;
        font-weight: bold; }
        .modal-box .box-inner .modal-txt .btn-box a:hover {
          opacity: 0.6; }

.rider-modal .modal-thumb img {
  height: 259px !important; }

.cast .modal-box .btn-box {
  display: none; }

/* ========================================================
英雄祭
=========================================================*/
.eiyusai2020 {
  color: #fff;
  background: #000;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
  font-size: 1.4rem;
  line-height: 1.6; }
  .eiyusai2020 .header-area {
    position: relative;
    background: url(../eiyusai2020/img/bg_visual.png) center top no-repeat;
    background-size: cover;
    line-height: 0; }
    .eiyusai2020 .header-area #social-official {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      right: 10%;
      top: 30px; }
      .eiyusai2020 .header-area #social-official span {
        margin: 0 5px; }
    .eiyusai2020 .header-area .main-header {
      height: 1200px;
      margin: 0 auto; }
      .eiyusai2020 .header-area .main-header img {
        width: 100%; }
      .eiyusai2020 .header-area .main-header .event-logo {
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap; }
  .eiyusai2020 .inner {
    margin: 0 auto;
    padding: 0 0 100px;
    width: 900px; }
    .eiyusai2020 .inner h3.tit {
      margin-bottom: 40px;
      text-align: center; }
  .eiyusai2020 .schedule .catch {
    position: relative;
    margin-top: -370px;
    text-align: center; }
    .eiyusai2020 .schedule .catch h2, .eiyusai2020 .schedule .catch p {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      line-height: 0; }
  .eiyusai2020 .schedule .catch-sub {
    padding: 50px 0 100px;
    text-align: center; }
  .eiyusai2020 .schedule .blu-ray .det {
    text-align: center !important; }
  .eiyusai2020 .schedule .blu-ray img {
    max-width: 300px; }
  .eiyusai2020 .schedule .videopass, .eiyusai2020 .schedule .info, .eiyusai2020 .schedule .blu-ray {
    margin-bottom: 80px;
    text-align: center; }
    .eiyusai2020 .schedule .videopass h3, .eiyusai2020 .schedule .info h3, .eiyusai2020 .schedule .blu-ray h3 {
      margin-bottom: 20px;
      font-size: 3.6rem; }
    .eiyusai2020 .schedule .videopass .det, .eiyusai2020 .schedule .info .det, .eiyusai2020 .schedule .blu-ray .det {
      margin-bottom: 40px;
      color: #fbff12;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      line-height: 2; }
      .eiyusai2020 .schedule .videopass .det span, .eiyusai2020 .schedule .info .det span, .eiyusai2020 .schedule .blu-ray .det span {
        color: #fff; }
    .eiyusai2020 .schedule .videopass .txt, .eiyusai2020 .schedule .info .txt, .eiyusai2020 .schedule .blu-ray .txt {
      font-size: 1.8rem; }
    .eiyusai2020 .schedule .videopass .attention, .eiyusai2020 .schedule .info .attention, .eiyusai2020 .schedule .blu-ray .attention {
      font-size: 1.2rem; }
    .eiyusai2020 .schedule .videopass .supplement, .eiyusai2020 .schedule .info .supplement, .eiyusai2020 .schedule .blu-ray .supplement {
      text-align: left; }
    .eiyusai2020 .schedule .videopass a:link,
    .eiyusai2020 .schedule .videopass a:visited, .eiyusai2020 .schedule .info a:link,
    .eiyusai2020 .schedule .info a:visited, .eiyusai2020 .schedule .blu-ray a:link,
    .eiyusai2020 .schedule .blu-ray a:visited {
      color: #fbff12;
      font-weight: bold;
      text-decoration: underline; }
      .eiyusai2020 .schedule .videopass a:link:hover,
      .eiyusai2020 .schedule .videopass a:visited:hover, .eiyusai2020 .schedule .info a:link:hover,
      .eiyusai2020 .schedule .info a:visited:hover, .eiyusai2020 .schedule .blu-ray a:link:hover,
      .eiyusai2020 .schedule .blu-ray a:visited:hover {
        text-decoration: none; }
  .eiyusai2020 .schedule .schedule .schedule-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 80px;
    padding: 40px;
    width: 800px;
    background: #fff;
    font-size: 1.6rem;
    color: #333; }
    .eiyusai2020 .schedule .schedule .schedule-box .emphasis-box {
      padding: 25px;
      background: #eee; }
    .eiyusai2020 .schedule .schedule .schedule-box dd {
      margin-bottom: 40px; }
      .eiyusai2020 .schedule .schedule .schedule-box dd a:link,
      .eiyusai2020 .schedule .schedule .schedule-box dd a:visited {
        color: #eb0007;
        font-weight: bold;
        text-decoration: underline; }
        .eiyusai2020 .schedule .schedule .schedule-box dd a:link:hover,
        .eiyusai2020 .schedule .schedule .schedule-box dd a:visited:hover {
          text-decoration: none; }
  .eiyusai2020 .schedule .detail p {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center; }
  .eiyusai2020 .goods {
    margin: 0 auto 80px; }
    .eiyusai2020 .goods .txt {
      margin: 20px 0 0;
      font-size: 1.6rem; }
    .eiyusai2020 .goods .img {
      margin: 20px 0 0;
      text-align: center; }
    .eiyusai2020 .goods .day {
      font-size: 1.8rem;
      font-weight: bold; }
      .eiyusai2020 .goods .day span {
        color: #fff100; }
    .eiyusai2020 .goods .attention {
      font-size: 1.4rem; }
  .eiyusai2020 .cast {
    min-width: 1000px;
    background: #000; }
    .eiyusai2020 .cast .inner {
      padding-top: 0;
      text-align: center; }
    .eiyusai2020 .cast .cast-box {
      background: none; }
      .eiyusai2020 .cast .cast-box .tit img {
        margin-bottom: 0; }
      .eiyusai2020 .cast .cast-box img {
        margin-bottom: 60px; }
    .eiyusai2020 .cast .attention p {
      font-size: 1.8rem;
      margin-bottom: 40px; }
    .eiyusai2020 .cast .copy {
      margin-bottom: 60px;
      text-align: center; }
    .eiyusai2020 .cast .bnr-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 50px 0;
      border-top: 1px solid rgba(170, 170, 170, 0.4); }
      .eiyusai2020 .cast .bnr-area li {
        padding: 0 15px; }
        .eiyusai2020 .cast .bnr-area li a {
          display: block;
          background: #fff;
          line-height: 0; }
          .eiyusai2020 .cast .bnr-area li a img:hover {
            opacity: .6;
            -webkit-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out; }
  .eiyusai2020 .common-footer-pc-copyright-1ooDN {
    color: #333; }