@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;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s; }

#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: #f0027f;
  color: #ffffff;
  padding: 10px;
  width: 130px;
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

#wrapper #section-emergency dd {
  border: 3px solid #f0027f;
  width: 1000px;
  color: #f0027f;
  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: #dd0979;
  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 .ridewatch-box h3 {
  background: url(../common-img/bg_ttl_sub.png) left/contain no-repeat;
  color: #fff;
  font-size: 2.2rem;
  padding: 0 0 0 50px;
  height: 40px;
  line-height: 40px;
  font-weight: 600; }

h2.content-ttl {
  height: 77px;
  color: #fff;
  font-size: 2.2rem;
  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; }

#wrapper #nav-wrap #nav {
  background: url("../common-img/second_nav_bg.png") top center no-repeat; }
  #wrapper #nav-wrap #nav .api-nav-main div {
    background: none;
    padding: 13px 0 53px;
    margin: -5px auto 0;
    width: 1084px; }
    #wrapper #nav-wrap #nav .api-nav-main div div,
    #wrapper #nav-wrap #nav .api-nav-main div a {
      width: 177px;
      line-height: 41px;
      color: #fff;
      padding: 0;
      border: none;
      margin: 0 0 2.5px 3px; }
    #wrapper #nav-wrap #nav .api-nav-main div a:hover span {
      background: #e00e93; }
    #wrapper #nav-wrap #nav .api-nav-main div a.active span {
      background: #e00e93; }
  #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: #000518; }
  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: 305px;
        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 left 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; }
      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 {
            border-bottom: 1px solid #ddd;
            padding: 12px 0;
            overflow: hidden; }
            body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list .icon {
              width: 6rem;
              float: left; }
            body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list .txt-box {
              line-height: 1;
              margin: 0 0 0 70px; }
              body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list .txt-box .date {
                font-size: 1.2rem;
                line-height: 1; }
              body.top #contents-wrap .main-container .topics-box .parts-info-top ul li.list .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 .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 .txt-box a span {
                  color: #dd0979;
                  font-weight: bold; }

/* ========================================================
second共通
=========================================================*/
.second #wrapper {
  background: url("../common-img/second_bg.png") top center no-repeat #000417;
  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; }
  .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-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: #2e3651;
      color: #fff; }
      .story-backnumber .thumnail li a:hover {
        background: #0092d6; }
    .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; }
  .next-box .video-wrap {
    width: 80%;
    margin: 0 auto 30px; }
    .next-box .video-wrap .zi-o-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .next-box .video-wrap .zi-o-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; }

/* ========================================================
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-list .cast-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff; }
  .cast-box-list .cast-box .castImg {
    width: 31%;
    margin: 0; }
  .cast-box-list .cast-box .txt-det {
    width: 69%;
    font-size: 1.4rem;
    line-height: 1.6; }
    .cast-box-list .cast-box .txt-det .castnam {
      font-size: 1.8rem;
      border-bottom: 1px solid #000; }
      .cast-box-list .cast-box .txt-det .castnam span {
        font-size: 1.4rem; }
    .cast-box-list .cast-box .txt-det > p {
      padding: 10px 0;
      margin: 0 0 10px;
      border-bottom: 1px solid #e6e6e6; }
    .cast-box-list .cast-box .txt-det a {
      color: #199dc5;
      font-weight: bold; }
    .cast-box-list .cast-box .txt-det .profile-box .profile {
      margin: 0 0 10px; }
      .cast-box-list .cast-box .txt-det .profile-box .profile li:first-child {
        font-weight: bold; }
        .cast-box-list .cast-box .txt-det .profile-box .profile li:first-child span {
          font-size: 1.2rem; }
    .cast-box-list .cast-box .txt-det .profile-box .relation a {
      text-decoration: none; }
      .cast-box-list .cast-box .txt-det .profile-box .relation a:hover {
        text-decoration: underline; }
  .cast-box-list .cast-box + .cast-box {
    border-top: none; }

.cast-box-list #character04 .txt-det > p {
  border-bottom: none; }

.cast-box-list #character04 .profile-box {
  display: none; }

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

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

.rider-box .main-img-wrapper,
.ridewatch-box .main-img-wrapper,
.another-box .main-img-wrapper,
.heisei-box .main-img-wrapper {
  position: relative; }
  .rider-box .main-img-wrapper .lead-box,
  .ridewatch-box .main-img-wrapper .lead-box,
  .another-box .main-img-wrapper .lead-box,
  .heisei-box .main-img-wrapper .lead-box {
    position: absolute;
    width: 285px;
    color: #fff;
    right: 50px;
    top: 40px;
    width: 310px;
    overflow: hidden; }
    .rider-box .main-img-wrapper .lead-box h1,
    .ridewatch-box .main-img-wrapper .lead-box h1,
    .another-box .main-img-wrapper .lead-box h1,
    .heisei-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,
    .ridewatch-box .main-img-wrapper .lead-box p,
    .another-box .main-img-wrapper .lead-box p,
    .heisei-box .main-img-wrapper .lead-box p {
      font-size: 1.4rem;
      line-height: 1.75; }
    .rider-box .main-img-wrapper .lead-box a,
    .ridewatch-box .main-img-wrapper .lead-box a,
    .another-box .main-img-wrapper .lead-box a,
    .heisei-box .main-img-wrapper .lead-box a {
      margin: 25px auto 0;
      width: 100%;
      height: 50px;
      display: block;
      line-height: 50px;
      background: #199dc5;
      color: #fff;
      font-size: 1.8rem;
      text-decoration: none;
      text-align: center;
      border-radius: 5px;
      font-weight: bold; }

.rider-box .img-wrapper,
.ridewatch-box .img-wrapper,
.another-box .img-wrapper,
.heisei-box .img-wrapper {
  height: 670px;
  position: relative; }
  .rider-box .img-wrapper .txt-box,
  .ridewatch-box .img-wrapper .txt-box,
  .another-box .img-wrapper .txt-box,
  .heisei-box .img-wrapper .txt-box {
    position: absolute !important;
    color: #fff;
    left: 50px;
    top: 30px; }
    .rider-box .img-wrapper .txt-box span,
    .ridewatch-box .img-wrapper .txt-box span,
    .another-box .img-wrapper .txt-box span,
    .heisei-box .img-wrapper .txt-box span {
      display: block;
      line-height: 1; }
    .rider-box .img-wrapper .txt-box span.jp,
    .ridewatch-box .img-wrapper .txt-box span.jp,
    .another-box .img-wrapper .txt-box span.jp,
    .heisei-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,
    .ridewatch-box .img-wrapper .txt-box span.en,
    .another-box .img-wrapper .txt-box span.en,
    .heisei-box .img-wrapper .txt-box span.en {
      font-size: 1.0rem; }
  .rider-box .img-wrapper .img-box,
  .ridewatch-box .img-wrapper .img-box,
  .another-box .img-wrapper .img-box,
  .heisei-box .img-wrapper .img-box {
    width: 100%;
    text-align: center;
    padding: 80px 0 0; }
    .rider-box .img-wrapper .img-box img,
    .ridewatch-box .img-wrapper .img-box img,
    .another-box .img-wrapper .img-box img,
    .heisei-box .img-wrapper .img-box img {
      width: 450px; }
    .rider-box .img-wrapper .img-box area,
    .ridewatch-box .img-wrapper .img-box area,
    .another-box .img-wrapper .img-box area,
    .heisei-box .img-wrapper .img-box area {
      border: none;
      outline: none; }
  .rider-box .img-wrapper .txt-guide,
  .ridewatch-box .img-wrapper .txt-guide,
  .another-box .img-wrapper .txt-guide,
  .heisei-box .img-wrapper .txt-guide {
    text-align: center;
    margin: 20px 0 0; }
    .rider-box .img-wrapper .txt-guide p,
    .ridewatch-box .img-wrapper .txt-guide p,
    .another-box .img-wrapper .txt-guide p,
    .heisei-box .img-wrapper .txt-guide p {
      font-size: 1.2rem; }

.rider-box .ridewatch-box-inner a,
.ridewatch-box .ridewatch-box-inner a,
.another-box .ridewatch-box-inner a,
.heisei-box .ridewatch-box-inner a {
  width: 220px !important; }

.rider-box .rider-box-inner #main-thumb-box ul,
.ridewatch-box .rider-box-inner #main-thumb-box ul,
.another-box .rider-box-inner #main-thumb-box ul,
.heisei-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 .ridewatch-box-inner,
.rider-box .another-box-inner,
.rider-box .heisei-box-inner,
.ridewatch-box .rider-box-inner,
.ridewatch-box .ridewatch-box-inner,
.ridewatch-box .another-box-inner,
.ridewatch-box .heisei-box-inner,
.another-box .rider-box-inner,
.another-box .ridewatch-box-inner,
.another-box .another-box-inner,
.another-box .heisei-box-inner,
.heisei-box .rider-box-inner,
.heisei-box .ridewatch-box-inner,
.heisei-box .another-box-inner,
.heisei-box .heisei-box-inner {
  padding: 40px;
  background: #fff; }
  .rider-box .rider-box-inner ul.btn-box,
  .rider-box .ridewatch-box-inner ul.btn-box,
  .rider-box .another-box-inner ul.btn-box,
  .rider-box .heisei-box-inner ul.btn-box,
  .ridewatch-box .rider-box-inner ul.btn-box,
  .ridewatch-box .ridewatch-box-inner ul.btn-box,
  .ridewatch-box .another-box-inner ul.btn-box,
  .ridewatch-box .heisei-box-inner ul.btn-box,
  .another-box .rider-box-inner ul.btn-box,
  .another-box .ridewatch-box-inner ul.btn-box,
  .another-box .another-box-inner ul.btn-box,
  .another-box .heisei-box-inner ul.btn-box,
  .heisei-box .rider-box-inner ul.btn-box,
  .heisei-box .ridewatch-box-inner ul.btn-box,
  .heisei-box .another-box-inner ul.btn-box,
  .heisei-box .heisei-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 .ridewatch-box-inner ul.btn-box li,
    .rider-box .another-box-inner ul.btn-box li,
    .rider-box .heisei-box-inner ul.btn-box li,
    .ridewatch-box .rider-box-inner ul.btn-box li,
    .ridewatch-box .ridewatch-box-inner ul.btn-box li,
    .ridewatch-box .another-box-inner ul.btn-box li,
    .ridewatch-box .heisei-box-inner ul.btn-box li,
    .another-box .rider-box-inner ul.btn-box li,
    .another-box .ridewatch-box-inner ul.btn-box li,
    .another-box .another-box-inner ul.btn-box li,
    .another-box .heisei-box-inner ul.btn-box li,
    .heisei-box .rider-box-inner ul.btn-box li,
    .heisei-box .ridewatch-box-inner ul.btn-box li,
    .heisei-box .another-box-inner ul.btn-box li,
    .heisei-box .heisei-box-inner ul.btn-box li {
      margin: 0 20px 0 0; }
      .rider-box .rider-box-inner ul.btn-box li a,
      .rider-box .ridewatch-box-inner ul.btn-box li a,
      .rider-box .another-box-inner ul.btn-box li a,
      .rider-box .heisei-box-inner ul.btn-box li a,
      .ridewatch-box .rider-box-inner ul.btn-box li a,
      .ridewatch-box .ridewatch-box-inner ul.btn-box li a,
      .ridewatch-box .another-box-inner ul.btn-box li a,
      .ridewatch-box .heisei-box-inner ul.btn-box li a,
      .another-box .rider-box-inner ul.btn-box li a,
      .another-box .ridewatch-box-inner ul.btn-box li a,
      .another-box .another-box-inner ul.btn-box li a,
      .another-box .heisei-box-inner ul.btn-box li a,
      .heisei-box .rider-box-inner ul.btn-box li a,
      .heisei-box .ridewatch-box-inner ul.btn-box li a,
      .heisei-box .another-box-inner ul.btn-box li a,
      .heisei-box .heisei-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 #199dc5;
        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 .ridewatch-box-inner ul.btn-box li:nth-of-type(3),
      .rider-box .another-box-inner ul.btn-box li:nth-of-type(3),
      .rider-box .heisei-box-inner ul.btn-box li:nth-of-type(3),
      .ridewatch-box .rider-box-inner ul.btn-box li:nth-of-type(3),
      .ridewatch-box .ridewatch-box-inner ul.btn-box li:nth-of-type(3),
      .ridewatch-box .another-box-inner ul.btn-box li:nth-of-type(3),
      .ridewatch-box .heisei-box-inner ul.btn-box li:nth-of-type(3),
      .another-box .rider-box-inner ul.btn-box li:nth-of-type(3),
      .another-box .ridewatch-box-inner ul.btn-box li:nth-of-type(3),
      .another-box .another-box-inner ul.btn-box li:nth-of-type(3),
      .another-box .heisei-box-inner ul.btn-box li:nth-of-type(3),
      .heisei-box .rider-box-inner ul.btn-box li:nth-of-type(3),
      .heisei-box .ridewatch-box-inner ul.btn-box li:nth-of-type(3),
      .heisei-box .another-box-inner ul.btn-box li:nth-of-type(3),
      .heisei-box .heisei-box-inner ul.btn-box li:nth-of-type(3) {
        margin: 0; }
  .rider-box .rider-box-inner ul.thumnail,
  .rider-box .ridewatch-box-inner ul.thumnail,
  .rider-box .another-box-inner ul.thumnail,
  .rider-box .heisei-box-inner ul.thumnail,
  .ridewatch-box .rider-box-inner ul.thumnail,
  .ridewatch-box .ridewatch-box-inner ul.thumnail,
  .ridewatch-box .another-box-inner ul.thumnail,
  .ridewatch-box .heisei-box-inner ul.thumnail,
  .another-box .rider-box-inner ul.thumnail,
  .another-box .ridewatch-box-inner ul.thumnail,
  .another-box .another-box-inner ul.thumnail,
  .another-box .heisei-box-inner ul.thumnail,
  .heisei-box .rider-box-inner ul.thumnail,
  .heisei-box .ridewatch-box-inner ul.thumnail,
  .heisei-box .another-box-inner ul.thumnail,
  .heisei-box .heisei-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 .ridewatch-box-inner ul.thumnail li,
    .rider-box .another-box-inner ul.thumnail li,
    .rider-box .heisei-box-inner ul.thumnail li,
    .ridewatch-box .rider-box-inner ul.thumnail li,
    .ridewatch-box .ridewatch-box-inner ul.thumnail li,
    .ridewatch-box .another-box-inner ul.thumnail li,
    .ridewatch-box .heisei-box-inner ul.thumnail li,
    .another-box .rider-box-inner ul.thumnail li,
    .another-box .ridewatch-box-inner ul.thumnail li,
    .another-box .another-box-inner ul.thumnail li,
    .another-box .heisei-box-inner ul.thumnail li,
    .heisei-box .rider-box-inner ul.thumnail li,
    .heisei-box .ridewatch-box-inner ul.thumnail li,
    .heisei-box .another-box-inner ul.thumnail li,
    .heisei-box .heisei-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 .ridewatch-box-inner ul.thumnail li a,
      .rider-box .another-box-inner ul.thumnail li a,
      .rider-box .heisei-box-inner ul.thumnail li a,
      .ridewatch-box .rider-box-inner ul.thumnail li a,
      .ridewatch-box .ridewatch-box-inner ul.thumnail li a,
      .ridewatch-box .another-box-inner ul.thumnail li a,
      .ridewatch-box .heisei-box-inner ul.thumnail li a,
      .another-box .rider-box-inner ul.thumnail li a,
      .another-box .ridewatch-box-inner ul.thumnail li a,
      .another-box .another-box-inner ul.thumnail li a,
      .another-box .heisei-box-inner ul.thumnail li a,
      .heisei-box .rider-box-inner ul.thumnail li a,
      .heisei-box .ridewatch-box-inner ul.thumnail li a,
      .heisei-box .another-box-inner ul.thumnail li a,
      .heisei-box .heisei-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 .ridewatch-box-inner ul.thumnail li a dl dd,
        .rider-box .another-box-inner ul.thumnail li a dl dd,
        .rider-box .heisei-box-inner ul.thumnail li a dl dd,
        .ridewatch-box .rider-box-inner ul.thumnail li a dl dd,
        .ridewatch-box .ridewatch-box-inner ul.thumnail li a dl dd,
        .ridewatch-box .another-box-inner ul.thumnail li a dl dd,
        .ridewatch-box .heisei-box-inner ul.thumnail li a dl dd,
        .another-box .rider-box-inner ul.thumnail li a dl dd,
        .another-box .ridewatch-box-inner ul.thumnail li a dl dd,
        .another-box .another-box-inner ul.thumnail li a dl dd,
        .another-box .heisei-box-inner ul.thumnail li a dl dd,
        .heisei-box .rider-box-inner ul.thumnail li a dl dd,
        .heisei-box .ridewatch-box-inner ul.thumnail li a dl dd,
        .heisei-box .another-box-inner ul.thumnail li a dl dd,
        .heisei-box .heisei-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 .ridewatch-box-inner ul.thumnail li:nth-of-type(3n),
      .rider-box .another-box-inner ul.thumnail li:nth-of-type(3n),
      .rider-box .heisei-box-inner ul.thumnail li:nth-of-type(3n),
      .ridewatch-box .rider-box-inner ul.thumnail li:nth-of-type(3n),
      .ridewatch-box .ridewatch-box-inner ul.thumnail li:nth-of-type(3n),
      .ridewatch-box .another-box-inner ul.thumnail li:nth-of-type(3n),
      .ridewatch-box .heisei-box-inner ul.thumnail li:nth-of-type(3n),
      .another-box .rider-box-inner ul.thumnail li:nth-of-type(3n),
      .another-box .ridewatch-box-inner ul.thumnail li:nth-of-type(3n),
      .another-box .another-box-inner ul.thumnail li:nth-of-type(3n),
      .another-box .heisei-box-inner ul.thumnail li:nth-of-type(3n),
      .heisei-box .rider-box-inner ul.thumnail li:nth-of-type(3n),
      .heisei-box .ridewatch-box-inner ul.thumnail li:nth-of-type(3n),
      .heisei-box .another-box-inner ul.thumnail li:nth-of-type(3n),
      .heisei-box .heisei-box-inner ul.thumnail li:nth-of-type(3n) {
        margin-right: 0; }
  .rider-box .rider-box-inner h3,
  .rider-box .ridewatch-box-inner h3,
  .rider-box .another-box-inner h3,
  .rider-box .heisei-box-inner h3,
  .ridewatch-box .rider-box-inner h3,
  .ridewatch-box .ridewatch-box-inner h3,
  .ridewatch-box .another-box-inner h3,
  .ridewatch-box .heisei-box-inner h3,
  .another-box .rider-box-inner h3,
  .another-box .ridewatch-box-inner h3,
  .another-box .another-box-inner h3,
  .another-box .heisei-box-inner h3,
  .heisei-box .rider-box-inner h3,
  .heisei-box .ridewatch-box-inner h3,
  .heisei-box .another-box-inner h3,
  .heisei-box .heisei-box-inner h3 {
    margin: 0 0 20px; }
  .rider-box .rider-box-inner h4,
  .rider-box .ridewatch-box-inner h4,
  .rider-box .another-box-inner h4,
  .rider-box .heisei-box-inner h4,
  .ridewatch-box .rider-box-inner h4,
  .ridewatch-box .ridewatch-box-inner h4,
  .ridewatch-box .another-box-inner h4,
  .ridewatch-box .heisei-box-inner h4,
  .another-box .rider-box-inner h4,
  .another-box .ridewatch-box-inner h4,
  .another-box .another-box-inner h4,
  .another-box .heisei-box-inner h4,
  .heisei-box .rider-box-inner h4,
  .heisei-box .ridewatch-box-inner h4,
  .heisei-box .another-box-inner h4,
  .heisei-box .heisei-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 .ridewatch-box-inner #main-thumb-box ul,
  .rider-box .another-box-inner #main-thumb-box ul,
  .rider-box .heisei-box-inner #main-thumb-box ul,
  .ridewatch-box .rider-box-inner #main-thumb-box ul,
  .ridewatch-box .ridewatch-box-inner #main-thumb-box ul,
  .ridewatch-box .another-box-inner #main-thumb-box ul,
  .ridewatch-box .heisei-box-inner #main-thumb-box ul,
  .another-box .rider-box-inner #main-thumb-box ul,
  .another-box .ridewatch-box-inner #main-thumb-box ul,
  .another-box .another-box-inner #main-thumb-box ul,
  .another-box .heisei-box-inner #main-thumb-box ul,
  .heisei-box .rider-box-inner #main-thumb-box ul,
  .heisei-box .ridewatch-box-inner #main-thumb-box ul,
  .heisei-box .another-box-inner #main-thumb-box ul,
  .heisei-box .heisei-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 .ridewatch-box-inner #spec-box ul.spec-list,
  .rider-box .another-box-inner #spec-box ul.spec-list,
  .rider-box .heisei-box-inner #spec-box ul.spec-list,
  .ridewatch-box .rider-box-inner #spec-box ul.spec-list,
  .ridewatch-box .ridewatch-box-inner #spec-box ul.spec-list,
  .ridewatch-box .another-box-inner #spec-box ul.spec-list,
  .ridewatch-box .heisei-box-inner #spec-box ul.spec-list,
  .another-box .rider-box-inner #spec-box ul.spec-list,
  .another-box .ridewatch-box-inner #spec-box ul.spec-list,
  .another-box .another-box-inner #spec-box ul.spec-list,
  .another-box .heisei-box-inner #spec-box ul.spec-list,
  .heisei-box .rider-box-inner #spec-box ul.spec-list,
  .heisei-box .ridewatch-box-inner #spec-box ul.spec-list,
  .heisei-box .another-box-inner #spec-box ul.spec-list,
  .heisei-box .heisei-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 .ridewatch-box-inner #spec-box ul.spec-list li,
    .rider-box .another-box-inner #spec-box ul.spec-list li,
    .rider-box .heisei-box-inner #spec-box ul.spec-list li,
    .ridewatch-box .rider-box-inner #spec-box ul.spec-list li,
    .ridewatch-box .ridewatch-box-inner #spec-box ul.spec-list li,
    .ridewatch-box .another-box-inner #spec-box ul.spec-list li,
    .ridewatch-box .heisei-box-inner #spec-box ul.spec-list li,
    .another-box .rider-box-inner #spec-box ul.spec-list li,
    .another-box .ridewatch-box-inner #spec-box ul.spec-list li,
    .another-box .another-box-inner #spec-box ul.spec-list li,
    .another-box .heisei-box-inner #spec-box ul.spec-list li,
    .heisei-box .rider-box-inner #spec-box ul.spec-list li,
    .heisei-box .ridewatch-box-inner #spec-box ul.spec-list li,
    .heisei-box .another-box-inner #spec-box ul.spec-list li,
    .heisei-box .heisei-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 .ridewatch-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .rider-box .another-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .rider-box .heisei-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .ridewatch-box .rider-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .ridewatch-box .ridewatch-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .ridewatch-box .another-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .ridewatch-box .heisei-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .another-box .rider-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .another-box .ridewatch-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .another-box .another-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .another-box .heisei-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .heisei-box .rider-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .heisei-box .ridewatch-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .heisei-box .another-box-inner #spec-box ul.spec-list li:nth-of-type(1),
      .heisei-box .heisei-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 .ridewatch-box-inner #spec-box ul.spec-list li p,
      .rider-box .another-box-inner #spec-box ul.spec-list li p,
      .rider-box .heisei-box-inner #spec-box ul.spec-list li p,
      .ridewatch-box .rider-box-inner #spec-box ul.spec-list li p,
      .ridewatch-box .ridewatch-box-inner #spec-box ul.spec-list li p,
      .ridewatch-box .another-box-inner #spec-box ul.spec-list li p,
      .ridewatch-box .heisei-box-inner #spec-box ul.spec-list li p,
      .another-box .rider-box-inner #spec-box ul.spec-list li p,
      .another-box .ridewatch-box-inner #spec-box ul.spec-list li p,
      .another-box .another-box-inner #spec-box ul.spec-list li p,
      .another-box .heisei-box-inner #spec-box ul.spec-list li p,
      .heisei-box .rider-box-inner #spec-box ul.spec-list li p,
      .heisei-box .ridewatch-box-inner #spec-box ul.spec-list li p,
      .heisei-box .another-box-inner #spec-box ul.spec-list li p,
      .heisei-box .heisei-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 .ridewatch-box-inner #spec-box ul.thumnail,
  .rider-box .another-box-inner #spec-box ul.thumnail,
  .rider-box .heisei-box-inner #spec-box ul.thumnail,
  .ridewatch-box .rider-box-inner #spec-box ul.thumnail,
  .ridewatch-box .ridewatch-box-inner #spec-box ul.thumnail,
  .ridewatch-box .another-box-inner #spec-box ul.thumnail,
  .ridewatch-box .heisei-box-inner #spec-box ul.thumnail,
  .another-box .rider-box-inner #spec-box ul.thumnail,
  .another-box .ridewatch-box-inner #spec-box ul.thumnail,
  .another-box .another-box-inner #spec-box ul.thumnail,
  .another-box .heisei-box-inner #spec-box ul.thumnail,
  .heisei-box .rider-box-inner #spec-box ul.thumnail,
  .heisei-box .ridewatch-box-inner #spec-box ul.thumnail,
  .heisei-box .another-box-inner #spec-box ul.thumnail,
  .heisei-box .heisei-box-inner #spec-box ul.thumnail {
    margin: 0; }
  .rider-box .rider-box-inner #spec-box.long,
  .rider-box .ridewatch-box-inner #spec-box.long,
  .rider-box .another-box-inner #spec-box.long,
  .rider-box .heisei-box-inner #spec-box.long,
  .ridewatch-box .rider-box-inner #spec-box.long,
  .ridewatch-box .ridewatch-box-inner #spec-box.long,
  .ridewatch-box .another-box-inner #spec-box.long,
  .ridewatch-box .heisei-box-inner #spec-box.long,
  .another-box .rider-box-inner #spec-box.long,
  .another-box .ridewatch-box-inner #spec-box.long,
  .another-box .another-box-inner #spec-box.long,
  .another-box .heisei-box-inner #spec-box.long,
  .heisei-box .rider-box-inner #spec-box.long,
  .heisei-box .ridewatch-box-inner #spec-box.long,
  .heisei-box .another-box-inner #spec-box.long,
  .heisei-box .heisei-box-inner #spec-box.long {
    margin: 100px 0 0; }
  .rider-box .rider-box-inner .bottom-img-box,
  .rider-box .ridewatch-box-inner .bottom-img-box,
  .rider-box .another-box-inner .bottom-img-box,
  .rider-box .heisei-box-inner .bottom-img-box,
  .ridewatch-box .rider-box-inner .bottom-img-box,
  .ridewatch-box .ridewatch-box-inner .bottom-img-box,
  .ridewatch-box .another-box-inner .bottom-img-box,
  .ridewatch-box .heisei-box-inner .bottom-img-box,
  .another-box .rider-box-inner .bottom-img-box,
  .another-box .ridewatch-box-inner .bottom-img-box,
  .another-box .another-box-inner .bottom-img-box,
  .another-box .heisei-box-inner .bottom-img-box,
  .heisei-box .rider-box-inner .bottom-img-box,
  .heisei-box .ridewatch-box-inner .bottom-img-box,
  .heisei-box .another-box-inner .bottom-img-box,
  .heisei-box .heisei-box-inner .bottom-img-box {
    text-align: center; }
    .rider-box .rider-box-inner .bottom-img-box img,
    .rider-box .ridewatch-box-inner .bottom-img-box img,
    .rider-box .another-box-inner .bottom-img-box img,
    .rider-box .heisei-box-inner .bottom-img-box img,
    .ridewatch-box .rider-box-inner .bottom-img-box img,
    .ridewatch-box .ridewatch-box-inner .bottom-img-box img,
    .ridewatch-box .another-box-inner .bottom-img-box img,
    .ridewatch-box .heisei-box-inner .bottom-img-box img,
    .another-box .rider-box-inner .bottom-img-box img,
    .another-box .ridewatch-box-inner .bottom-img-box img,
    .another-box .another-box-inner .bottom-img-box img,
    .another-box .heisei-box-inner .bottom-img-box img,
    .heisei-box .rider-box-inner .bottom-img-box img,
    .heisei-box .ridewatch-box-inner .bottom-img-box img,
    .heisei-box .another-box-inner .bottom-img-box img,
    .heisei-box .heisei-box-inner .bottom-img-box img {
      width: 450px;
      margin: 0 0 40px; }

a.btn-to-list {
  width: 240px;
  height: 50px;
  display: block;
  background: #199dc5;
  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/contain no-repeat; }

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

.ridewatch-box #main-thumb-box ul {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.heisei-box .main-img-wrapper .lead-box,
.ridewatch-box .main-img-wrapper .lead-box {
  color: #000; }

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

.rider-box .img-wrapper .img-box a {
  display: block; }

.rider-box .img-wrapper .timemazine {
  text-align: center; }
  .rider-box .img-wrapper .timemazine img {
    width: 600px; }

/* ========================================================
ridewatch
=========================================================*/
.modal-box .ridewatch-ttl {
  background: url("../common-img/ttl_ridewatch_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; }

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

.another-box .img-wrapper {
  background: url("../enemy/img/bg.png") left/contain no-repeat; }
  .another-box .img-wrapper .img-box {
    padding: 65px 0 0; }

.another-box .another-box-inner #detail-txt {
  margin: 0 0 50px; }

.another-box .another-box-inner .minion {
  padding: 40px 0 0;
  border-top: 1px solid #ddd; }

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

.heisei-box-under {
  background: url("../heisei/img/bg.png") left top/contain no-repeat #fff; }
  .heisei-box-under .heisei-box-under-inner {
    padding: 30px 40px 60px; }
    .heisei-box-under .heisei-box-under-inner .img-box {
      text-align: center;
      margin: 25px 0; }
    .heisei-box-under .heisei-box-under-inner .border-box {
      height: 3px;
      background: #000;
      margin: 40px 0 60px; }
    .heisei-box-under .heisei-box-under-inner h4 {
      font-size: 2.2rem;
      margin: 45px 0 20px;
      line-height: 1; }
    .heisei-box-under .heisei-box-under-inner a.btn-to-list {
      margin: 35px auto 80px; }
      .heisei-box-under .heisei-box-under-inner a.btn-to-list:last-of-type {
        margin: 35px auto 0; }

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

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

.message-box {
  padding: 30px 40px;
  background: #fff; }
  .message-box .txt-extra {
    font-size: 2.3rem;
    font-weight: bold;
    margin: 0 0 30px; }
  .message-box p {
    font-size: 1.4rem;
    margin: 0 0 50px;
    line-height: 2; }
    .message-box p a {
      color: #199dc5 !important;
      font-weight: bold;
      text-decoration: none !important; }

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

.spmovie-box {
  background: #fff; }
  .spmovie-box .detail_wrap {
    padding: 30px 40px; }
    .spmovie-box .detail_wrap .spmoviettl-box {
      margin: 0 0 30px; }
      .spmovie-box .detail_wrap .spmoviettl-box span.txt-until {
        font-size: 1.7rem;
        font-weight: bold; }
    .spmovie-box .detail_wrap .video-wrap {
      width: 80%;
      margin: 0 auto 30px; }
      .spmovie-box .detail_wrap .video-wrap .zi-o-video {
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
        .spmovie-box .detail_wrap .video-wrap .zi-o-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 .parts-spmovie-list ul.news-list li {
      padding: 0 0 20px;
      margin: 0 0 20px;
      border-bottom: 1px solid #ddd;
      overflow: hidden; }
      .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .img-box {
        width: 180px;
        float: left; }
      .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box {
        margin: 0 0 0 200px;
        line-height: 1.75; }
        .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-times {
          vertical-align: top; }
        .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-date-bn {
          font-size: 1.4rem;
          display: block; }
        .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; }
          .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box p a {
            color: #199dc5;
            font-size: 1.4rem;
            font-weight: bold;
            text-decoration: none; }
        .spmovie-box .detail_wrap .parts-spmovie-list ul.news-list li .txt-box span.txt-until {
          display: block;
          font-size: 1.4rem; }

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

.staff-box {
  padding: 30px 40px;
  background: #fff; }
  .staff-box h3 {
    margin: 0 0 40px; }
  .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;
  background: #fff; }
  .music-box h3 {
    margin: 0 0 40px; }
  .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 {
      line-height: 1.75; }
  .music-box .zi-o-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; }
  .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 .zi-o-video {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .news-box .video-wrap .zi-o-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; }
  .data-box > p {
    margin: 0 0 30px; }
  .data-box .img-box {
    text-align: center;
    margin: 40px 0; }
  .data-box .hint-box {
    margin: 0 auto 40px auto !important;
    background: #eee;
    border-radius: 20px;
    padding: 20px 0 20px 0;
    text-align: center;
    border: 3px dotted #ccc; }
    .data-box .hint-box p {
      text-align: center;
      line-height: 1.75; }
  .data-box .caution-box p {
    margin: 0 0 20px;
    font-size: 1.4rem;
    line-height: 2; }
  .data-box .close-txt p {
    padding: 5px;
    background: #e00e93;
    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: "1"; }
        .modal-box.rider .modal-txt .modal-ttl.num02:before {
          content: "2"; }
        .modal-box.rider .modal-txt .modal-ttl.num03:before {
          content: "3"; }
        .modal-box.rider .modal-txt .modal-ttl.num04:before {
          content: "4"; }
        .modal-box.rider .modal-txt .modal-ttl.num05:before {
          content: "5"; }
        .modal-box.rider .modal-txt .modal-ttl.num06:before {
          content: "6"; }
        .modal-box.rider .modal-txt .modal-ttl.num07:before {
          content: "7"; }
        .modal-box.rider .modal-txt .modal-ttl.num08:before {
          content: "8"; }
        .modal-box.rider .modal-txt .modal-ttl.num09:before {
          content: "9"; }
        .modal-box.rider .modal-txt .modal-ttl.num10:before {
          content: "10"; }
        .modal-box.rider .modal-txt .modal-ttl.num11:before {
          content: "11"; }
        .modal-box.rider .modal-txt .modal-ttl.num12:before {
          content: "12"; }
        .modal-box.rider .modal-txt .modal-ttl.num13:before {
          content: "13"; }
        .modal-box.rider .modal-txt .modal-ttl.num14:before {
          content: "14"; }
        .modal-box.rider .modal-txt .modal-ttl.num15:before {
          content: "15"; }
        .modal-box.rider .modal-txt .modal-ttl.num16:before {
          content: "16"; }
        .modal-box.rider .modal-txt .modal-ttl.num17:before {
          content: "17"; }
        .modal-box.rider .modal-txt .modal-ttl:before {
          width: 27px;
          height: 27px;
          display: block;
          border-radius: 50%;
          border: 1px solid #d34987;
          background: rgba(0, 0, 0, 0.5) !important;
          position: absolute;
          line-height: 1;
          padding: 0;
          text-indent: 0;
          text-align: center;
          font-size: 1.6rem;
          line-height: 27px;
          top: 10px;
          color: #fff; }
      .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: #199dc5;
        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; }

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