@charset "UTF-8";
@media (min-width: 768px) {
  body {
    overflow-x: auto;
    min-width: 1060px;
    margin: 0 auto; } }

@media (min-width: 768px) {
  .pcDisp {
    display: inline; } }
@media (max-width: 767px) {
  .pcDisp {
    display: none; } }

@media (min-width: 768px) {
  .spDisp {
    display: none; } }
@media (max-width: 767px) {
  .spDisp {
    display: inline; } }

@media (max-width: 767px) {
  .pc-header, .pc-footer {
    display: none; } }

@media (min-width: 768px) {
  .sp-header, .sp-footer, #g-menu {
    display: none; } }

@media (min-width: 768px) {
  .header-top--pc {
    display: block; } }
@media (max-width: 767px) {
  .header-top--pc {
    display: none; } }
@media (min-width: 768px) {
  .header-top--sp {
    display: none; } }
@media (max-width: 767px) {
  .header-top--sp {
    display: block; } }

@media (min-width: 768px) {
  section#main {
    width: 650px; } }

.contents__side {
  width: calc((100% - 1060px) / 2);
  height: 100%;
  position: absolute; }
  @media (max-width: 767px) {
    .contents__side {
      display: none; } }
  .contents__side--left {
    background: url(/img/top//backgound-left.png) left top no-repeat;
    background-size: 100%;
    left: 0; }
  .contents__side--right {
    background: url(/img/top//backgound-right.png) left top no-repeat;
    background-size: 100%;
    right: 0; }
  .contents__side--fixed {
    position: fixed;
    top: 0; }

#contents {
  height: 100%;
  padding: 0; }

@media (max-width: 767px) {
  .main-contents {
    position: absolute;
    z-index: 9999; } }

.detailText, .top-head__bannertext, .programText, .top-pr__detail, .top-main__detail, .top-news__detail {
  text-align: right;
  font-size: 13px;
  margin: 15px 0 0; }

.detailText__link:before {
  content: "";
  background: url(/img/top//icon_more.png);
  background-size: cover;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0; }

.top-inner {
  margin: 0 auto;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .top-inner {
      width: 1060px; } }
  .top-inner .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .top-inner * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.top-head {
  border-bottom: 1px solid #cccccc;
  width: 100%; }
  @media (min-width: 768px) {
    .top-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 30px;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }
  .top-head__link {
    display: inline-block; }
  .top-head__content {
    position: relative;
    border: 1px solid #cccccc; }
    @media (min-width: 768px) {
      .top-head__content {
        width: 300px; } }
    .top-head__content--banner {
      padding: 35px 0 0 15px; }
      @media (max-width: 767px) {
        .top-head__content--banner {
          width: calc(100% - 30px);
          margin: 0 auto;
          display: block;
          padding: 0 0 0 45px; } }
    .top-head__content--large {
      width: 340px;
      border: none; }
      @media (max-width: 767px) {
        .top-head__content--large {
          width: 100%;
          background: #1a1a1a;
          position: relative;
          margin: 60px auto 0 !important;
          padding: 18px 0 0; }
          .top-head__content--large::before {
            content: "";
            display: block;
            width: 100%;
            border-top: 5px solid #cc0001;
            position: absolute;
            top: -10px;
            left: 0; } }
    .top-head__content + .top-head__content {
      margin: 0 0 0 32px; }
      @media (max-width: 767px) {
        .top-head__content + .top-head__content {
          margin: 20px auto 0; } }
  .top-head__bannertext {
    margin: 40px 10px 0 0; }
    @media (max-width: 767px) {
      .top-head__bannertext {
        font-size: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
        .top-head__bannertext .detailText__link::before {
          background: none;
          width: 18px;
          height: 18px;
          border: 0px;
          border-top: solid 2px #cc0000;
          border-right: solid 2px #cc0000;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: 0;
          right: 14px;
          margin: auto;
          bottom: 0; } }
  @media (min-width: 768px) {
    .top-head__more {
      display: none; } }
  @media (max-width: 767px) {
    .top-head__more {
      position: relative;
      display: block;
      height: 30px;
      margin-top: 10px;
      padding: 25px; }
      .top-head__more::before, .top-head__more::after {
        display: block;
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 50%;
        width: 20px;
        height: 20px;
        margin-left: -5px; }
      .top-head__more::before {
        top: 5px;
        background: #cccccc; }
      .top-head__more::after {
        left: 50%;
        top: 3px;
        margin-left: -5px;
        background: #1a1a1a; }
      .top-head__more--reverse {
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1); } }

.howto-image {
  width: 277px; }
  @media (max-width: 767px) {
    .howto-image {
      width: 180px; } }

.programTitle {
  font-size: 20px;
  font-weight: bold; }
  @media (max-width: 767px) {
    .programTitle {
      width: calc(100% - 30px);
      margin: 0 auto;
      background: #cc0001;
      color: #FFF;
      font-size: 12px;
      padding: 8px 15px;
      font-weight: bold;
      text-align: center; } }
  .programTitle__icon {
    display: inline-block;
    vertical-align: -25px;
    margin-right: 10px; }
    @media (max-width: 767px) {
      .programTitle__icon {
        display: none; } }
  .programTitle__span {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px; }
    @media (min-width: 768px) {
      .programTitle__span {
        display: none; } }

.programText {
  margin: -18px 0 0; }
  @media (max-width: 767px) {
    .programText {
      position: absolute;
      width: 68.75%;
      left: 0;
      right: 0;
      bottom: -85px;
      margin: auto;
      text-align: center;
      background: #cc9999;
      border-radius: 3px; }
      .programText .detailText__link {
        display: block;
        color: #FFF;
        position: relative;
        font-size: 18px;
        padding: 10px 0; }
        .programText .detailText__link::before, .programText .detailText__link::after {
          display: block;
          content: "";
          position: absolute;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          right: 5px;
          width: 20px;
          height: 20px;
          margin-left: -5px; }
        .programText .detailText__link::before {
          top: 14px;
          background: #FFF; }
        .programText .detailText__link::after {
          right: 10px;
          top: 14px;
          margin-right: 3px;
          background: #cc9999; } }

.programList {
  margin: 12px 0 0;
  overflow-y: scroll;
  height: 180px; }
  @media (max-width: 767px) {
    .programList {
      height: auto;
      padding: 0 15px; } }
  .programList__item {
    margin-right: 10px; }
    @media (max-width: 767px) {
      .programList__item {
        margin-right: 0;
        border-bottom: 1px solid #cccccc; }
        .programList__item:nth-of-type(1) {
          border-top: 1px solid #cccccc; } }
    @media (min-width: 768px) {
      .programList__item:nth-of-type(odd) .programList__wrapper {
        background: pink; } }
    @media (max-width: 767px) {
      .programList__item--more {
        display: none; } }
  .programList__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px; }
    @media (max-width: 767px) {
      .programList__wrapper {
        padding: 18px 15px; } }
  .programList__image {
    width: 90px; }
  .programList__text {
    font-size: 14px;
    margin-left: 8px;
    line-height: 1.4;
    width: calc(100% - 97px); }
    @media (max-width: 767px) {
      .programList__text {
        color: #FFF;
        font-size: 12px; } }

@media (max-width: 767px) {
  .programList .target {
    display: none; } }

@media (max-width: 767px) {
  .cpy {
    color: #FFF; } }

.top-pr {
  width: 360px;
  padding: 30px;
  border-right: 1px solid #cccccc; }
  @media (min-width: 768px) {
    .top-pr {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }
  @media (max-width: 767px) {
    .top-pr {
      width: 100%;
      padding: 15px; } }
  .top-pr__title {
    font-size: 20px;
    line-height: 1.3;
    padding: 0 0 0 45px;
    position: relative; }
    .top-pr__title:before {
      content: "";
      width: 37px;
      height: 37px;
      display: inline-block;
      position: absolute;
      left: 0;
      top: -8px; }
    .top-pr__title--tw:before {
      background: url(/img/top//icon_tw.png) center top no-repeat;
      background-size: cover; }
    .top-pr__title--fb:before {
      background: url(/img/top//icon_fb.png) center top no-repeat;
      background-size: cover; }
    .top-pr__title--youtube:before {
      background: url(/img/top//icon_youtube.png) center top no-repeat;
      background-size: cover;
      width: 36px;
      height: 26px;
      top: 0; }
    .top-pr__title--sns {
      margin-bottom: 25px; }
      .top-pr__title--sns:before {
        background: url(/img/category/category_icon.png) center top no-repeat;
        background-size: cover;
        width: 23px;
        height: 21px;
        top: 0; }
  .top-pr__fb__block {
    margin: 25px 0 0; }
    @media (max-width: 767px) {
      .top-pr__fb__block {
        text-align: center; } }
  .top-pr__tw {
    margin: 42px 0 0; }
    .top-pr__tw__block {
      border: 1px solid #cccccc;
      height: 250px;
      overflow-y: scroll;
      margin: 20px auto 0;
      width: 100%;
      max-width: 520px; }
      .top-pr__tw__block::-webkit-scrollbar {
        display: none; }
  .top-pr__yt {
    margin: 35px 0 0; }
    .top-pr__yt__main {
      display: block;
      margin: 15px 0 0;
      position: relative;
      cursor: pointer;
      -webkit-transition: all ease .3s;
      transition: all ease .3s; }
      @media (min-width: 768px) {
        .top-pr__yt__main:hover {
          opacity: .5; } }
      .top-pr__yt__main img {
        width: 100%; }
  @media (max-width: 767px) {
    .top-pr__detail {
      text-align: center; } }

.movieList__item {
  margin: 20px 0 0; }
  .movieList__item--first .movieList__image {
    width: 100%;
    position: relative; }
    .movieList__item--first .movieList__image::before {
      content: "";
      background: url(/img/top//top_youtube.png) center top no-repeat;
      background-size: 100%;
      display: block;
      width: 70px;
      height: 47px;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  .movieList__item--first .movieList__text {
    width: 100%; }
.movieList__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f3f3f3;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  transition: all ease .3s; }
  @media (min-width: 768px) {
    .movieList__link:hover {
      opacity: .5; } }
.movieList__image {
  width: 120px; }
.movieList__text {
  width: calc(100% - 120px);
  padding: 5px 0 0 5px; }

.top-main {
  width: 700px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .top-main {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; } }
  @media (max-width: 767px) {
    .top-main {
      width: 100%;
      margin: 115px 0 0; } }
  .top-main__block {
    padding: 30px; }
    @media (max-width: 767px) {
      .top-main__block {
        padding: 15px; } }
    .top-main__block + .top-main__block {
      border-top: 1px solid #cccccc; }
  .top-main__title {
    font-size: 24px;
    line-height: 1.3;
    padding: 0 0 0 50px;
    position: relative; }
    @media (max-width: 767px) {
      .top-main__title {
        font-size: 14px;
        padding: 0 0 0 36px; } }
    .top-main__title:before {
      content: "";
      width: 35px;
      height: 35px;
      background: url(/img/top//icon_exclamation.png);
      background-size: cover;
      display: inline-block;
      position: absolute;
      left: 0;
      top: -4px; }
      @media (max-width: 767px) {
        .top-main__title:before {
          width: 28px;
          height: 28px;
          top: 0;
          margin: auto; } }
    @media (max-width: 767px) {
      .top-main__title--category:before {
        bottom: 0; } }
    .top-main__title--present:before {
      background: url(/img/top//icon_present.png);
      background-size: cover; }
    @media (max-width: 767px) {
      .top-main__title--present {
        font-size: 16px; } }
    .top-main__title--dvd {
      font-size: 20px;
      /*
      &:before {
          background: url(/img/top//icon_dvd.png);
          background-size: cover;
      }
      */ }
      @media (max-width: 767px) {
        .top-main__title--dvd {
          font-size: 17px; } }
  @media (max-width: 767px) {
    .top-main__detail {
      text-align: right; } }

.recommend {
  margin: 10px 0 0;
  display: inline-block; }
  @media (max-width: 767px) {
    .recommend {
      display: block; } }

.top-main-banner {
  border-top: 1px solid #cccccc;
  margin: 30px 0 0;
  padding: 30px 0; }
  @media (min-width: 768px) {
    .top-main-banner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (max-width: 767px) {
    .top-main-banner {
      margin: 25px 0 0;
      padding: 25px 0; } }
  .top-main-banner__item {
    width: 303px; }
    @media (max-width: 767px) {
      .top-main-banner__item {
        width: 100%; }
        .top-main-banner__item + .top-main-banner__item {
          margin-top: 25px; } }
  .top-main-banner__link {
    display: inline-block; }
    .top-main-banner__link img {
      width: 100%; }
  .top-main-banner__text {
    font-size: 14px;
    margin: 5px 0 0;
    line-height: 1.7; }
    @media (max-width: 767px) {
      .top-main-banner__text {
        font-size: 12px;
        padding: 0 15px;
        line-height: 1.5;
        word-break: break-all; } }

.categoryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0 0; }
  .categoryList__item {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    margin: 0 30px 0 0; }
    @media (max-width: 767px) {
      .categoryList__item {
        font-size: 12px;
        width: 50%;
        margin: 0; }
        .categoryList__item:nth-of-type(n+3) {
          margin-top: 8px; } }
  .categoryList__link:before {
    content: "";
    width: 17px;
    height: 15px;
    background: url(/img/top//other_icon.png);
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0; }

.presentList {
  margin: 30px 0 0; }
  @media (max-width: 767px) {
    .presentList {
      margin: 20px 0 0; } }
  .presentList__item + .presentList__item {
    margin-top: 50px; }
    @media (max-width: 767px) {
      .presentList__item + .presentList__item {
        margin-top: 40px; } }
  @media (min-width: 768px) {
    .presentList__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 768px) {
    .presentList__image {
      width: 150px; } }
  .presentList__image img {
    width: 100%;
    height: auto; }
  .presentList__image__link {
    display: block; }
  .presentList__text {
    padding: 0 0 0 15px;
    width: 490px; }
    @media (max-width: 767px) {
      .presentList__text {
        padding: 0;
        width: 100%; } }
  .presentList__program {
    font-size: 14px; }
    @media (max-width: 767px) {
      .presentList__program {
        font-size: 11px;
        margin: 10px 0 0; } }
  .presentList__title {
    font-size: 19px; }
    @media (max-width: 767px) {
      .presentList__title {
        font-size: 15px; } }
  .presentList__limit {
    color: #999999;
    font-size: 32px;
    margin: 8px 0 0; }
    @media (max-width: 767px) {
      .presentList__limit {
        font-size: 29px;
        margin: 0; } }
  .presentList__date {
    color: #cc0000;
    font-size: 13px;
    margin: -5px 0 0; }
    @media (max-width: 767px) {
      .presentList__date {
        font-size: 11px;
        margin: 0; } }
  .presentList__apply {
    text-align: right;
    margin: -25px 0 0; }
    @media (max-width: 767px) {
      .presentList__apply {
        text-align: center;
        margin: 10px 0 0; } }
  .presentList__button {
    background: #ff6600;
    color: #fff;
    display: inline-block;
    position: relative;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    padding: 6px 10px 6px 34px; }
    @media (max-width: 767px) {
      .presentList__button {
        font-size: 18px;
        padding: 6px 14px 6px 44px; } }
    .presentList__button:hover {
      color: #FFF; }
    .presentList__button:before {
      content: "";
      position: absolute;
      left: 9px;
      top: 0;
      bottom: 0;
      margin: auto;
      background: #990000;
      border-radius: 50%;
      width: 22px;
      height: 22px;
      z-index: 1; }
    .presentList__button:after {
      display: block;
      content: "＞";
      color: #FFF;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 15px;
      margin-top: 7px;
      z-index: 2; }
      @media (max-width: 767px) {
        .presentList__button:after {
          font-size: 14px;
          left: 16px;
          margin-top: 9px; } }

.top-middle {
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 30px; }
  @media (min-width: 768px) {
    .top-middle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4; } }
  @media (max-width: 767px) {
    .top-middle {
      padding: 15px; } }
  .top-middle__banner {
    width: 483px; }
    @media (max-width: 767px) {
      .top-middle__banner {
        width: 100%; } }
    .top-middle__banner img {
      width: 100%;
      height: auto; }
  .top-middle__detail {
    width: calc( 100% - 483px);
    padding: 0 0 0 25px; }
    @media (max-width: 767px) {
      .top-middle__detail {
        width: 100%;
        padding: 0; } }
  .top-middle__headline {
    font-size: 24px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .top-middle__headline {
        font-size: 18px;
        margin: 14px 0 0; } }
  .top-middle__text {
    font-size: 16px;
    line-height: 1.6; }
    @media (max-width: 767px) {
      .top-middle__text {
        font-size: 14px;
        line-height: 1.5; } }

.top-dvd {
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 36px 30px; }
  @media (min-width: 768px) {
    .top-dvd {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5;
      padding: 15px; } }
  @media (max-width: 767px) {
    .top-dvd {
      padding: 15px; } }

.dvdList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .dvdList {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .dvdList__link {
    display: block; }
    @media (min-width: 768px) {
      .dvdList__link img {
        width: 230px; } }
    @media (max-width: 767px) {
      .dvdList__link img {
        width: 100%; } }
  @media (min-width: 768px) {
    .dvdList__item {
      margin: 25px 0 0 25px; }
      .dvdList__item:nth-of-type(4n+1) {
        margin-left: 0; } }
  @media (max-width: 767px) {
    .dvdList__item {
      width: 47.413793%;
      margin: 16px 0 0; } }

.top-alert {
  font-size: 14px;
  position: relative;
  width: 100%; }
  @media (max-width: 767px) {
    .top-alert {
      padding: 10px 15px; } }
  @media (min-width: 768px) {
    .top-alert {
      padding: 10px 30px; } }
  .top-alert:before {
    content: "";
    width: 36px;
    height: 36px;
    background: url(/img/top//icon_exclamation.png);
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    position: absolute; }
    @media (max-width: 767px) {
      .top-alert:before {
        left: 15px;
        top: 25px; } }
    @media (min-width: 768px) {
      .top-alert:before {
        left: 30px;
        top: 14px; } }
  .top-alert p {
    display: flex;
    align-items: center;
    padding-left: 48px; }
    @media (max-width: 767px) {
      .top-alert p {
        flex-wrap: wrap; } }
  .top-alert a, .top-alert span {
    box-sizing: border-box;
    padding: 18px 10px;
    text-decoration: none; }
    @media (max-width: 767px) {
      .top-alert a, .top-alert span {
        display: block;
        width: 100%; } }
    @media (min-width: 768px) {
      .top-alert a, .top-alert span {
        width: 50%; } }
    .top-alert a:link, .top-alert span:link {
      text-decoration: underline; }
    .top-alert a:hover, .top-alert span:hover {
      text-decoration: none; }
    .top-alert a.top-info, .top-alert span.top-info {
      padding: 10px;
      background: #fff866;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .top-alert a.top-info, .top-alert span.top-info {
          width: auto; } }
      .top-alert a.top-info:before, .top-alert span.top-info:before {
        display: inline-block;
        margin-right: .4em;
        content: '▲';
        transform: rotate3d(0, 0, 1, 90deg); }

.top-news {
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 0 30px; }
  @media (min-width: 768px) {
    .top-news {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 767px) {
    .top-news {
      padding: 28px 0 0; } }
  .top-news__headline {
    font-size: 16px;
    margin-top: 22px; }
    .top-news__headline:before {
      content: "";
      width: 18px;
      height: 21px;
      background: url(/img/top//icon_news.png);
      background-size: cover;
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px 0 0; }
    @media (max-width: 767px) {
      .top-news__headline {
        padding: 0 15px;
        margin-top: 0; } }
  .top-news__section {
    width: 50%; }
    @media (max-width: 767px) {
      .top-news__section {
        width: 100%; } }
    @media (min-width: 768px) {
      .top-news__section + .top-news__section {
        border-left: 1px solid #cccccc;
        padding-left: 30px; } }
    @media (max-width: 767px) {
      .top-news__section + .top-news__section {
        border-top: 1px solid #cccccc;
        padding-top: 10px;
        margin: 30px 0 0; } }
  .top-news__detail {
    text-align: right;
    margin: 35px 30px; }
    @media (max-width: 767px) {
      .top-news__detail {
        font-size: 11px;
        margin: 15px 0; } }
  .top-news.top {
    border-bottom: 1px solid #cccccc;
    margin: 0 0 30px;
    padding: 0 30px; }
    @media (max-width: 767px) {
      .top-news.top {
        padding: 30px 15px 0; } }
    @media (min-width: 768px) {
      .top-news.top {
        order: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.newsList {
  padding: 15px 20px 0; }
  .top .newsList {
    overflow-y: scroll; }
    @media (min-width: 768px) {
      .top .newsList {
        height: 180px; } }
    @media (max-width: 767px) {
      .top .newsList {
        height: 10em; } }
  @media (max-width: 767px) {
    .newsList {
      padding: 0 15px; } }
  .newsList__item {
    padding: 10px; }
    .newsList__item--close {
      background: #eeeeee;
      position: relative; }
      .newsList__item--close:after {
        content: "終了";
        display: inline-block;
        color: #FFF;
        background: #666666;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 5px;
        border-radius: 3px;
        right: 8px;
        top: 8px; }
        @media (max-width: 767px) {
          .newsList__item--close:after {
            font-size: 11px; } }
    .newsList__item + .newsList__item {
      margin: 10px 0 0; }
      @media (max-width: 767px) {
        .newsList__item + .newsList__item {
          margin: 2px 0 0; } }
  .newsList__text {
    margin: 0 0 5px; }
    @media (max-width: 767px) {
      .newsList__text {
        font-size: 11px; } }
  .newsList__tag {
    display: inline-block;
    color: #FFF;
    padding: 0 5px;
    border-radius: 3px;
    margin: 0 0 0 10px; }
    .newsList__tag--green {
      background: #20ab6d; }
    .newsList__tag--blue {
      background: #0099ff; }
  .newsList__link {
    text-decoration: underline;
    font-size: 15px;
    line-height: 1.5; }
    @media (max-width: 767px) {
      .newsList__link {
        font-size: 14px; } }

.top-banner {
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 50px 30px 80px; }
  @media (min-width: 768px) {
    .top-banner {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7; } }
  @media (max-width: 767px) {
    .top-banner {
      margin: 25px 0 0;
      padding: 20px 15px 0; } }
  .top-banner__title {
    color: #cccccc;
    font-size: 15px;
    text-align: center; }
    @media (min-width: 768px) {
      .top-banner__title {
        display: none; } }
  .top-banner__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      .top-banner__list {
        margin: 20px 0 0; } }
  .top-banner__item {
    width: 313px;
    margin: 0 0 30px 30px; }
    @media (min-width: 768px) {
      .top-banner__item:nth-of-type(3n+1) {
        margin-left: 0; } }
    @media (max-width: 767px) {
      .top-banner__item {
        width: 100%;
        margin: 0 0 30px; } }
  .top-banner__link {
    display: block; }
  .top-banner__image {
    width: 100%; }

.carousel-pager {
  background: url(/img/top//background_thumb.png) center center;
  padding: 38px 0;
  position: relative;
  margin: -62px 0 0; }
  @media (max-width: 767px) {
    .carousel-pager {
      display: none; } }

.carousel__item {
  width: 1000px; }
  @media (max-width: 767px) {
    .carousel__item {
      width: 100%; } }
.carousel__link {
  position: relative;
  display: block; }
  @media (min-width: 768px) {
    .carousel__link::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      background: rgba(0, 0, 0, 0.5); } }
@media (min-width: 768px) {
  .carousel__detail {
    position: absolute;
    display: inline-block;
    padding: 15px;
    max-width: 970px;
    left: 30px;
    bottom: 30px;
    color: #FFF;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: opacity .3s ease, -webkit-transform .7s ease;
    transition: opacity .3s ease, -webkit-transform .7s ease;
    transition: opacity .3s ease, transform .7s ease;
    transition: opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
    -webkit-transition-delay: 1s;
    transition-delay: 1s; }
    .carousel__detail--right {
      right: 30px;
      left: auto;
      -webkit-transform: translateX(-50px);
      transform: translateX(-50px); } }
@media (max-width: 767px) {
  .carousel__detail {
    position: static;
    display: block;
    background: transparent !important;
    color: #000 !important;
    opacity: 1;
    padding: 10px;
    margin: 15px 0 0; } }
.carousel__lead {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4; }
  @media (max-width: 767px) {
    .carousel__lead {
      font-size: 16px; } }
.carousel__text {
  font-size: 14px; }
  @media (max-width: 767px) {
    .carousel__text {
      font-size: 11px; } }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .slick-list {
    z-index: 3; }
    .slick-list li {
      z-index: 5; } }

/* slick */
.slick-dots {
  width: 100%; }
  @media (min-width: 768px) {
    .slick-dots {
      background: url(/img/top//background_thumb.png) center center;
      padding: 15px 0;
      position: static; } }
  @media (max-width: 767px) {
    .slick-dots {
      z-index: 2;
      top: 0; }
      .slick-dots::before {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding: 37.5% 0 0; } }
  @media (min-width: 768px) {
    .slick-dots li {
      width: 114px;
      height: auto;
      margin: 0 4px; } }
  @media (max-width: 767px) {
    .slick-dots li button:before {
      font-size: 15px; } }
  .slick-dots .slick-active:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #FFF;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0; }
@media (max-width: 767px) and (max-width: 767px) {
  .slick-dots .slick-active button:before {
    color: #fa0001 !important; } }

.top-inner__pcBanner {
  margin: 20px auto 0;
  font-size: 0; }
  @media (max-width: 767px) {
    .top-inner__pcBanner {
      display: none; } }
  .top-inner__pcBanner__link {
    display: inline-block; }
    .top-inner__pcBanner__link + .top-inner__pcBanner__link {
      margin: 0 0 0 25px; }
  .top-inner__pcBanner_multi {
    background: url(/img/top//top_rugby-banner.png) top left no-repeat;
    width: 600px;
    display: inline-block;
    vertical-align: top;
    padding: 178px 0 0 0; }
    .top-inner__pcBanner_multi__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 0 10px 10px 0; }
    .top-inner__pcBanner_multi__link {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      background: url(/img/top//top_rugby-button.png);
      width: 103px;
      height: 38px;
      -webkit-transition: none;
      transition: none; }
      .top-inner__pcBanner_multi__link:hover {
        opacity: 1; }
      .top-inner__pcBanner_multi__link:nth-of-type(n+2) {
        margin: 0 0 0 10px; }
      .top-inner__pcBanner_multi__link--01 {
        background-position: 0 0; }
        .top-inner__pcBanner_multi__link--01:hover {
          background-position: 0 38px; }
      .top-inner__pcBanner_multi__link--02 {
        background-position: 327px 0; }
        .top-inner__pcBanner_multi__link--02:hover {
          background-position: 327px 38px; }
      .top-inner__pcBanner_multi__link--03 {
        background-position: 215px 0; }
        .top-inner__pcBanner_multi__link--03:hover {
          background-position: 215px 38px; }
      .top-inner__pcBanner_multi__link--04 {
        background-position: 104px 0; }
        .top-inner__pcBanner_multi__link--04:hover {
          background-position: 104px 38px; }

.top-inner__spBanner {
  margin: 10px auto 20px;
  padding: 15px;
  background: #FFF; }
  @media (min-width: 768px) {
    .top-inner__spBanner {
      display: none; } }
  .top-inner__spBanner__link {
    display: block; }
    .top-inner__spBanner__link + .top-inner__spBanner__link {
      margin: 20px 0 0; }
  .top-inner__spBanner_multi {
    background: url(/img/top//top_rugby-banner-sp.jpg) top left no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    display: block;
    position: relative;
    padding: 62.586207% 0 0; }
    .top-inner__spBanner_multi__link {
      position: absolute;
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      width: 16%;
      height: 25%;
      bottom: 19%; }
      .top-inner__spBanner_multi__link--01 {
        left: 7%; }
      .top-inner__spBanner_multi__link--02 {
        left: 30%; }
      .top-inner__spBanner_multi__link--03 {
        left: 54%; }
      .top-inner__spBanner_multi__link--04 {
        left: 77%; }

/* countdown */
.top-countdown {
  position: relative; }
  .top-countdown-content {
    position: absolute;
    color: #000;
    top: -60px;
    right: -30px;
    z-index: 1;
    width: 196px;
    height: 112px;
    background-image: url(/img/top/countdown_bg.png);
    background-size: cover; }
    @media (max-width: 767px) {
      .top-countdown-content {
        width: calc( 196 / 640 * 100vw);
        height: calc( 112 / 640 * 100vw );
        top: calc( -60 / 640 * 100vw );
        right: calc( -30 / 640 * 100vw ); } }
    .top-countdown-content--today {
      position: absolute;
      top: -60px;
      right: -30px;
      z-index: 1;
      width: 250px;
      height: 112px; }
      @media (max-width: 767px) {
        .top-countdown-content--today {
          width: calc( 250 / 640 * 100vw);
          height: calc( 112 / 640 * 100vw );
          top: calc( -60 / 640 * 100vw );
          right: calc( -30 / 640 * 100vw ); } }
    .top-countdown-content__body {
      z-index: 2;
      position: relative;
      top: 0;
      right: 0;
      text-align: right; }
    .top-countdown-content__label {
      position: absolute;
      top: 48px;
      right: 120px;
      font-size: 1.2rem; }
      @media (max-width: 767px) {
        .top-countdown-content__label {
          top: calc( 46 / 640 * 100vw );
          right: calc( 116 / 640 * 100vw );
          font-size: 1rem; } }
    .top-countdown-content__days {
      z-index: 2;
      position: relative;
      top: 28px;
      right: 72px;
      font-size: 2.4rem;
      font-weight: bold;
      letter-spacing: -.08em; }
      @media (max-width: 767px) {
        .top-countdown-content__days {
          top: calc( 36 / 640 * 100vw );
          right: calc( 68 / 640 * 100vw );
          font-size: 2em; } }
    .top-countdown-content__unit {
      position: absolute;
      top: 50px;
      right: 48px;
      font-size: 1.2rem;
      font-weight: bold; }
      @media (max-width: 767px) {
        .top-countdown-content__unit {
          top: calc( 46 / 640 * 100vw );
          right: calc( 32 / 640 * 100vw );
          font-size: 1rem;
          font-weight: normal; } }
  .top-countdown a:hover img {
    opacity: .5; }

/* swiper */
@media (min-width: 768px) {
  .carouselWrapper {
    overflow: hidden; } }
@media (max-width: 767px) {
  .carouselWrapper {
    margin-top: 52px; } }

@media (min-width: 768px) {
  .swiper-container {
    width: 1000px;
    overflow: visible; } }

@media (max-width: 767px) {
  .swiper-wrapper {
    width: 100% !important; } }

@media (min-width: 768px) {
  .swiper-slide {
    height: 375px;
    width: 1000px !important; } }
@media (max-width: 767px) {
  .swiper-slide {
    width: 100% !important; } }

.swiper-slide-active .carousel__link::before {
  display: none; }
.swiper-slide-active .carousel__detail {
  opacity: 0.9;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

@media (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 114px;
    height: auto;
    opacity: 1;
    position: relative; }
    .swiper-pagination-bullet:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      left: 0;
      top: 0;
      opacity: 0;
      -webkit-transition: all .5s;
      transition: all .5s;
      visibility: hidden; }
    .swiper-pagination-bullet:hover:before {
      opacity: 1;
      border: 2px solid #FFF;
      visibility: visible; } }
@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 12px;
    height: 12px; }
    .swiper-pagination-bullet img {
      display: none; } }

.swiper-pagination-bullet-active:before {
  opacity: 1;
  visibility: visible;
  border: 2px solid #FFF; }
@media (max-width: 767px) {
  .swiper-pagination-bullet-active {
    background: #fa0001; } }

.swiper-button-prev, .swiper-button-next {
  background: rgba(255, 255, 255, 0.6);
  width: 59px;
  height: 55px;
  top: 185px; }
  @media (max-width: 767px) {
    .swiper-button-prev, .swiper-button-next {
      display: none; } }

.swiper-button-prev {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  left: 0; }
  .swiper-button-prev::before {
    background: url(/img/top//prev.png) center center;
    content: "";
    width: 23px;
    height: 39px;
    display: block;
    position: absolute;
    left: 15px;
    top: 7px; }

.swiper-button-next {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  right: 0; }
  .swiper-button-next::before {
    background: url(/img/top//next.png) center center;
    content: "";
    width: 23px;
    height: 39px;
    display: block;
    position: absolute;
    right: 15px;
    top: 7px; }

@media (min-width: 768px) {
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    position: static;
    margin: 14px 0 0; } }
@media (max-width: 767px) {
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: auto;
    top: 5px;
    z-index: 0; }
    .swiper-pagination-fraction::before, .swiper-pagination-custom::before, .swiper-container-horizontal > .swiper-pagination-bullets::before {
      content: "";
      display: block;
      width: 100%;
      height: 0;
      padding: 37.5% 0 0; } }

@inlude sp {
  .fb_iframe_widget,
  .fb_iframe_widget span,
  .fb_iframe_widget iframe[style] {
    width: 100% !important; } }
#movie-modal {
  width: 560px;
  margin: 0;
  padding: 0;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 99999;
  cursor: pointer; }
  @media (max-width: 767px) {
    #movie-modal {
      width: 90%; } }

.movie-modal__inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden; }
.movie-modal__close {
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 0;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent; }
  .movie-modal__close:before, .movie-modal__close:after {
    content: "";
    background: #FFF;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 10px;
    left: 0; }
  .movie-modal__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .movie-modal__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .movie-modal__close span {
    position: relative; }

#player {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

#modal-overlay {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
  cursor: pointer; }

.top-main__title-lv2--present {
  padding: .6em .2em;
  background: #226578;
  color: #fff;
  font-size: 18px;
  font-weight: bold; }
.top-main__lead--present {
  margin-top: 30px;
  font-size: 16px; }
.top-main--present {
  margin-top: 1em;
  font-size: 14px; }
.top-main__image--present {
  margin-top: 1em; }
.top-main__image--present figcaption {
  margin-top: .6em; }
.top-main__body--present {
  margin-top: 20px;
  border: 1px solid #226578; }
  .top-main__body--present__body {
    padding: .8em 1em;
    text-align: center; }
    .top-main__body--present__body p + p {
      margin-top: .6em; }
.top-main__foot--present {
  margin-top: 20px; }

a.link-telephone {
  position: relative;
  display: inline-block;
  padding: .2em .4em;
  background-color: #4dc4e2;
  color: #fff;
  font-size: 18px;
  font-weight: bold; }

a.link-twitter {
  position: relative;
  padding-left: 28px;
  color: #10a5de; }
  a.link-twitter::before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    background-image: url(/img/top/icon_tw.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover; }

.note-list {
  font-size: 12px; }
  .note-list__item {
    margin-left: 1em; }
    .note-list__item::before {
      margin-left: -1em;
      content: '・'; }

/*# sourceMappingURL=top.css.map */