@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }
/* line 9, top.scss */
.bx-wrapper {
  width: 100%; }
  /* line 11, top.scss */
  .bx-wrapper img {
    width: 100%;
    height: auto; }

/* line 17, top.scss */
.kv {
  width: 100%;
  margin-top: 0px;
  background: url(../img/top/bg_kv.jpg?v20200318) no-repeat center top; }
  @media only screen and (max-width: 768px) {
    /* line 17, top.scss */
    .kv {
      margin-bottom: 30px;
      margin-top: 0;
      background-image: none; } }
  /* line 26, top.scss */
  .kv .bx-wrapper {
    width: 1200px;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      /* line 26, top.scss */
      .kv .bx-wrapper {
        max-width: none;
        width: 100%; } }
    /* line 33, top.scss */
    .kv .bx-wrapper img {
      width: 100%;
      height: auto; }

/* line 40, top.scss */
.bx-pager {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin: 30px auto;
  width: 1200px; }
  /* line 44, top.scss */
  .bx-pager-link {
    background: #ccc;
    border-radius: 100%;
    display: block;
    height: 14px;
    margin: 0 14px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 14px; }
    /* line 55, top.scss */
    .bx-pager-link:hover, .bx-pager-link.active {
      background: #e6002d; }
    /* line 59, top.scss */
    .bx-pager-link::after {
      background: #fff;
      border-radius: 100%;
      content: "";
      display: block;
      height: 5px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 5px; }
  @media only screen and (max-width: 768px) {
    /* line 40, top.scss */
    .bx-pager {
      width: 100%;
      justify-content: center;
      margin-top: 10px; } }

/* line 82, top.scss */
.top__sponsor {
  width: 1200px;
  margin: 0 auto;
  padding: 0px 10px;
  margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    /* line 82, top.scss */
    .top__sponsor {
      width: 100%;
      padding-bottom: 0;
      margin-bottom: 30px; } }
  /* line 92, top.scss */
  .top__sponsor h2 {
    font-family: "Fjalla One", sans-serif;
    color: #222;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1;
    padding-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      /* line 92, top.scss */
      .top__sponsor h2 {
        font-size: 1.4rem;
        padding-bottom: 10px; } }
    /* line 103, top.scss */
    .top__sponsor h2 span {
      color: #750069; }
  /* line 108, top.scss */
  .top__sponsor__inner ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      /* line 108, top.scss */
      .top__sponsor__inner ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center; } }
  /* line 114, top.scss */
  .top__sponsor__inner li {
    margin: 5px 0; }
    @media only screen and (max-width: 768px) {
      /* line 114, top.scss */
      .top__sponsor__inner li {
        padding: 0;
        margin: 10px 0;
        text-align: center;
        width: 23%; } }
    @media only screen and (max-width: 768px) {
      /* line 122, top.scss */
      .top__sponsor__inner li img {
        width: auto;
        height: 15px;
        max-width: 100%;
        max-height: 100%; } }
    @media only screen and (max-width: 768px) {
      /* line 131, top.scss */
      .top__sponsor__inner li:nth-child(1) img, .top__sponsor__inner li:nth-child(2) img {
        width: auto;
        height: 18px;
        max-width: 100%;
        max-height: 100%; } }
  /* line 141, top.scss */
  .top__sponsor__inner a:hover {
    opacity: 0.75; }

/* line 151, top.scss */
.spNav__list li a, .spNav__openBtn {
  color: #999;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 15px 0; }
  /* line 157, top.scss */
  .spNav__list li a figure, .spNav__openBtn figure {
    width: 100%;
    padding: 0 10px; }
    /* line 160, top.scss */
    .spNav__list li a figure img, .spNav__openBtn figure img {
      width: 100%;
      height: auto; }
  /* line 165, top.scss */
  .spNav__list li a p, .spNav__openBtn p {
    padding-top: 5px;
    font-size: 1rem; }

/* line 171, top.scss */
.spNav {
  background: #000;
  margin-bottom: 30px;
  font-weight: bold; }
  /* line 177, top.scss */
  .spNav__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch; }
    /* line 179, top.scss */
    .spNav__list li {
      width: 16%;
      text-align: center; }
  /* line 193, top.scss */
  .spNav__second {
    display: none; }
  /* line 196, top.scss */
  .spNav__openBtn {
    color: #e6002d; }

/* line 2, object/_nextmatch.scss */
.nextmatch__schedule {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
  /* line 5, object/_nextmatch.scss */
  .nextmatch__schedule li {
    width: 25%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 70px;
    line-height: 1;
    cursor: pointer;
    position: relative; }
    @media only screen and (max-width: 768px) {
      /* line 5, object/_nextmatch.scss */
      .nextmatch__schedule li {
        flex-wrap: wrap;
        height: auto; } }
    /* line 16, object/_nextmatch.scss */
    .nextmatch__schedule li::after {
      content: "";
      width: 1px;
      height: 40px;
      border-right: #ccc 1px solid;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 768px) {
        /* line 16, object/_nextmatch.scss */
        .nextmatch__schedule li::after {
          height: 60px; } }
    /* line 29, object/_nextmatch.scss */
    .nextmatch__schedule li.is-active::after, .nextmatch__schedule li:hover::after, .nextmatch__schedule li:last-child::after {
      border: none; }
    /* line 34, object/_nextmatch.scss */
    .nextmatch__schedule li:hover {
      background: #000; }
    /* line 37, object/_nextmatch.scss */
    .nextmatch__schedule li.is-active {
      background: linear-gradient(-13deg, #000, #000 55%, #333 55%, #333 85%, #c2c2c2 85%, #c2c2c2); }
    /* line 40, object/_nextmatch.scss */
    .nextmatch__schedule li:hover .nextmatch__schedule__date, .nextmatch__schedule li.is-active .nextmatch__schedule__date {
      color: #fff; }
  /* line 45, object/_nextmatch.scss */
  .nextmatch__schedule__emblem {
    padding-right: 10px; }
    @media only screen and (max-width: 768px) {
      /* line 45, object/_nextmatch.scss */
      .nextmatch__schedule__emblem {
        width: 100%;
        text-align: center;
        padding: 5px 0; } }
  /* line 53, object/_nextmatch.scss */
  .nextmatch__schedule__homeaway {
    font-size: 1.3rem;
    padding: 8px 10px;
    border: #fff 1px solid;
    font-family: "Fjalla One", sans-serif; }
    @media only screen and (max-width: 768px) {
      /* line 53, object/_nextmatch.scss */
      .nextmatch__schedule__homeaway {
        font-size: 1rem;
        padding: 1px 4px; } }
    /* line 62, object/_nextmatch.scss */
    .nextmatch__schedule__homeaway.is-home {
      background: #626262;
      border-color: #626262;
      color: #fff; }
    /* line 67, object/_nextmatch.scss */
    .nextmatch__schedule__homeaway.is-away {
      background: #fff;
      border-color: #222;
      color: #222; }
  /* line 73, object/_nextmatch.scss */
  .nextmatch__schedule__date {
    padding-left: 10px;
    font-size: 3rem;
    font-family: "Fjalla One", sans-serif; }
    @media only screen and (max-width: 768px) {
      /* line 73, object/_nextmatch.scss */
      .nextmatch__schedule__date {
        padding-left: 0;
        font-size: 1.4rem;
        width: 100%;
        text-align: center;
        padding: 5px 0; } }
/* line 86, object/_nextmatch.scss */
.nextmatch__outer {
  width: 100%;
  background: #000 url(/img/game/match_bg.jpg) right bottom no-repeat;
  background-size: cover;
  padding: 100px 0;
  color: #fff; }
  @media only screen and (max-width: 768px) {
    /* line 86, object/_nextmatch.scss */
    .nextmatch__outer {
      padding: 15px 0; } }
  @media only screen and (max-width: 768px) {
    /* line 95, object/_nextmatch.scss */
    .nextmatch__outer .page__outer {
      padding: 0; } }
/* line 101, object/_nextmatch.scss */
.nextmatch__main {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    /* line 101, object/_nextmatch.scss */
    .nextmatch__main {
      align-items: flex-start;
      padding: 0; } }
  /* line 108, object/_nextmatch.scss */
  .nextmatch__main__homeaway {
    font-size: 2rem;
    padding-top: 30px;
    font-family: "Fjalla One", sans-serif; }
    @media only screen and (max-width: 768px) {
      /* line 108, object/_nextmatch.scss */
      .nextmatch__main__homeaway {
        font-size: 1rem;
        padding-top: 0; } }
    /* line 116, object/_nextmatch.scss */
    .nextmatch__main__homeaway span {
      border-bottom: #000 2px solid; }
      /* line 118, object/_nextmatch.scss */
      .nextmatch__sanga .nextmatch__main__homeaway span {
        border-color: #fff; }
/* line 124, object/_nextmatch.scss */
.nextmatch__sanga, .nextmatch__opponent {
  text-align: center;
  width: 350px; }
  @media only screen and (max-width: 768px) {
    /* line 124, object/_nextmatch.scss */
    .nextmatch__sanga, .nextmatch__opponent {
      padding: 10px 2px;
      width: 18%;
      text-align: center;
      margin-top: 2em; } }
  /* line 134, object/_nextmatch.scss */
  .nextmatch__sanga figure, .nextmatch__opponent figure {
    width: 350px;
    height: 240px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      /* line 134, object/_nextmatch.scss */
      .nextmatch__sanga figure, .nextmatch__opponent figure {
        width: auto;
        height: auto;
        padding: 25px 0 0;
        display: inline-block; } }
    @media only screen and (max-width: 768px) {
      /* line 146, object/_nextmatch.scss */
      .nextmatch__sanga figure img, .nextmatch__opponent figure img {
        width: auto;
        height: 54px; } }
/* line 154, object/_nextmatch.scss */
.nextmatch__name {
  font-size: 2.4rem; }
  @media only screen and (max-width: 768px) {
    /* line 154, object/_nextmatch.scss */
    .nextmatch__name {
      font-size: 1.4rem; } }
/* line 160, object/_nextmatch.scss */
.nextmatch__result {
  text-align: center;
  width: 500px; }
  @media only screen and (max-width: 768px) {
    /* line 160, object/_nextmatch.scss */
    .nextmatch__result {
      width: 54%; } }
  /* line 166, object/_nextmatch.scss */
  .nextmatch__result__btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: -10px; }
    @media only screen and (max-width: 768px) {
      /* line 166, object/_nextmatch.scss */
      .nextmatch__result__btn {
        margin-top: 0px; } }
    /* line 172, object/_nextmatch.scss */
    .nextmatch__result__btn li {
      padding: 0 5px;
      border-bottom: #000 1px solid; }
      /* line 175, object/_nextmatch.scss */
      .nextmatch__result__btn li:hover {
        border: none; }
      @media only screen and (max-width: 768px) {
        /* line 172, object/_nextmatch.scss */
        .nextmatch__result__btn li {
          width: 30%; } }
  /* line 183, object/_nextmatch.scss */
  .nextmatch__result__date {
    margin-bottom: 15px;
    padding: 0 0 30px;
    border-bottom: #434343 1px solid;
    position: relative; }
    @media only screen and (max-width: 768px) {
      /* line 183, object/_nextmatch.scss */
      .nextmatch__result__date {
        padding: 0 0 15px; } }
  /* line 192, object/_nextmatch.scss */
  .nextmatch__result__score, #home .nextmatch__result__score {
    font-size: 9rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    font-family: "Fjalla One", sans-serif;
    text-decoration: none;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      /* line 192, object/_nextmatch.scss */
      .nextmatch__result__score, #home .nextmatch__result__score {
        font-size: 3rem;
        padding-top: 15px; } }
    /* line 203, object/_nextmatch.scss */
    .nextmatch__result__score div, #home .nextmatch__result__score div {
      width: 160px;
      text-align: center; }
      /* line 206, object/_nextmatch.scss */
      .nextmatch__result__score div:nth-child(2), #home .nextmatch__result__score div:nth-child(2) {
        width: 100px; }
      /* line 209, object/_nextmatch.scss */
      .nextmatch__result__score div table, #home .nextmatch__result__score div table {
        font-size: 1.4rem;
        width: 100%; }
        /* line 212, object/_nextmatch.scss */
        .nextmatch__result__score div table td, #home .nextmatch__result__score div table td {
          padding: 2px;
          text-align: center;
          vertical-align: baseline;
          white-space: nowrap;
          font-size: 2rem;
          line-height: 1.25; }
          @media only screen and (max-width: 768px) {
            /* line 212, object/_nextmatch.scss */
            .nextmatch__result__score div table td, #home .nextmatch__result__score div table td {
              font-size: 1.2rem; } }
          /* line 222, object/_nextmatch.scss */
          .nextmatch__result__score div table td.kanji, #home .nextmatch__result__score div table td.kanji {
            font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
        /* line 226, object/_nextmatch.scss */
        .nextmatch__result__score div table.extratime, #home .nextmatch__result__score div table.extratime {
          margin-top: 0.5em; }
          /* line 228, object/_nextmatch.scss */
          .nextmatch__result__score div table.extratime td, #home .nextmatch__result__score div table.extratime td {
            font-size: 1.4rem; }
            @media only screen and (max-width: 768px) {
              /* line 228, object/_nextmatch.scss */
              .nextmatch__result__score div table.extratime td, #home .nextmatch__result__score div table.extratime td {
                font-size: 1rem; } }
            /* line 233, object/_nextmatch.scss */
            .nextmatch__result__score div table.extratime td.pk, #home .nextmatch__result__score div table.extratime td.pk {
              letter-spacing: 0.1em; }
  /* line 242, object/_nextmatch.scss */
  .nextmatch__result__scorer {
    border-top: #434343 1px solid;
    margin-top: 25px;
    padding-top: 25px;
    font-size: 1.2rem;
    color: #ccc;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch; }
    @media only screen and (max-width: 768px) {
      /* line 242, object/_nextmatch.scss */
      .nextmatch__result__scorer {
        margin-top: 10px;
        padding-top: 10px; } }
    /* line 253, object/_nextmatch.scss */
    .nextmatch__result__scorer .homeScore,
    .nextmatch__result__scorer .awayScore {
      width: 50%; }
      /* line 256, object/_nextmatch.scss */
      .nextmatch__result__scorer .homeScore li,
      .nextmatch__result__scorer .awayScore li {
        zoom: 1; }
        /* line 6, foundation/_mixin.scss */
        .nextmatch__result__scorer .homeScore li:before, .nextmatch__result__scorer .homeScore li:after,
        .nextmatch__result__scorer .awayScore li:before,
        .nextmatch__result__scorer .awayScore li:after {
          content: "";
          display: table; }
        /* line 12, foundation/_mixin.scss */
        .nextmatch__result__scorer .homeScore li:after,
        .nextmatch__result__scorer .awayScore li:after {
          clear: both; }
      /* line 259, object/_nextmatch.scss */
      .nextmatch__result__scorer .homeScore .scoreTime,
      .nextmatch__result__scorer .awayScore .scoreTime {
        width: 40px;
        white-space: nowrap; }
    /* line 264, object/_nextmatch.scss */
    .nextmatch__result__scorer .homeScore {
      padding-right: 15px; }
      @media only screen and (max-width: 768px) {
        /* line 264, object/_nextmatch.scss */
        .nextmatch__result__scorer .homeScore {
          padding-right: 5px; } }
      /* line 269, object/_nextmatch.scss */
      .nextmatch__result__scorer .homeScore .scoreTime,
      .nextmatch__result__scorer .homeScore .scorePlayer {
        float: right;
        text-align: right; }
        @media only screen and (max-width: 768px) {
          /* line 269, object/_nextmatch.scss */
          .nextmatch__result__scorer .homeScore .scoreTime,
          .nextmatch__result__scorer .homeScore .scorePlayer {
            float: none;
            width: 100%;
            line-height: 1.25; } }
    /* line 280, object/_nextmatch.scss */
    .nextmatch__result__scorer .awayScore {
      padding-left: 15px; }
      @media only screen and (max-width: 768px) {
        /* line 280, object/_nextmatch.scss */
        .nextmatch__result__scorer .awayScore {
          padding-left: 5px; } }
      /* line 285, object/_nextmatch.scss */
      .nextmatch__result__scorer .awayScore .scoreTime,
      .nextmatch__result__scorer .awayScore .scorePlayer {
        float: left;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          /* line 285, object/_nextmatch.scss */
          .nextmatch__result__scorer .awayScore .scoreTime,
          .nextmatch__result__scorer .awayScore .scorePlayer {
            float: none;
            width: 100%;
            line-height: 1.25; } }
  /* line 297, object/_nextmatch.scss */
  .nextmatch__result .score_pk {
    font-size: 3.0rem;
    font-family: "Fjalla One", sans-serif;
    text-decoration: none;
    color: #fff; }
    @media only screen and (max-width: 768px) {
      /* line 297, object/_nextmatch.scss */
      .nextmatch__result .score_pk {
        font-size: 1.2rem; } }
/* line 307, object/_nextmatch.scss */
.nextmatch__card {
  display: none; }
  /* line 309, object/_nextmatch.scss */
  .nextmatch__card.is-active {
    display: block; }
/* line 313, object/_nextmatch.scss */
.nextmatch__prev, .nextmatch__next {
  font-size: 8rem; }
  @media only screen and (max-width: 768px) {
    /* line 313, object/_nextmatch.scss */
    .nextmatch__prev, .nextmatch__next {
      font-size: 5rem;
      margin-top: 1em; } }
  /* line 320, object/_nextmatch.scss */
  .nextmatch__prev a, .nextmatch__next a {
    color: #fff;
    display: block; }
    /* line 323, object/_nextmatch.scss */
    .nextmatch__prev a:hover, .nextmatch__next a:hover {
      opacity: 0.6; }

/* line 330, object/_nextmatch.scss */
#home .nextmatch__main a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff; }
  @media only screen and (max-width: 768px) {
    /* line 330, object/_nextmatch.scss */
    #home .nextmatch__main a {
      align-items: flex-start;
      padding: 0;
      width: 100%; } }
  /* line 340, object/_nextmatch.scss */
  #home .nextmatch__main a:hover {
    opacity: 0.4; }

/* line 345, object/_nextmatch.scss */
#home .nextmatch__result__score {
  padding-top: 20px;
  padding-top: 0; }
  /* line 350, object/_nextmatch.scss */
  #home .nextmatch__result__score:hover {
    opacity: 0.4; }
  /* line 354, object/_nextmatch.scss */
  #home .nextmatch__result__score div:nth-child(2) {
    width: 80px; }
  @media only screen and (max-width: 768px) {
    /* line 353, object/_nextmatch.scss */
    #home .nextmatch__result__score div {
      width: auto; } }

/* line 365, object/_nextmatch.scss */
.result__leg {
  font-size: 1.7rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch; }
  @media only screen and (max-width: 768px) {
    /* line 365, object/_nextmatch.scss */
    .result__leg {
      font-size: 1.2rem;
      font-weight: 200; } }
  /* line 372, object/_nextmatch.scss */
  #gameResult .result__leg {
    justify-content: flex-start; }
    @media only screen and (max-width: 768px) {
      /* line 372, object/_nextmatch.scss */
      #gameResult .result__leg {
        justify-content: center; } }
  /* line 378, object/_nextmatch.scss */
  .result__leg figure {
    padding-right: 10px; }
/* line 382, object/_nextmatch.scss */
.result__day {
  font-size: 4rem;
  font-family: "Fjalla One", sans-serif;
  line-height: 1.25; }
  @media only screen and (max-width: 768px) {
    /* line 382, object/_nextmatch.scss */
    .result__day {
      font-size: 2.1rem; } }
  /* line 389, object/_nextmatch.scss */
  .result__day .kanji {
    font-size: 3rem;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
    @media only screen and (max-width: 768px) {
      /* line 389, object/_nextmatch.scss */
      .result__day .kanji {
        font-size: 1.4rem; } }
/* line 397, object/_nextmatch.scss */
.result__stadium {
  font-size: 1.4rem; }
  @media only screen and (max-width: 768px) {
    /* line 397, object/_nextmatch.scss */
    .result__stadium {
      font-size: 0.9rem;
      line-height: 1.25; } }
/* line 404, object/_nextmatch.scss */
.result__state {
  position: absolute;
  bottom: -1em;
  font-size: 1.2rem;
  font-weight: bold;
  background: #434343;
  border-radius: 20px;
  padding: 3px 5px;
  width: 120px;
  color: #fff;
  left: 50%;
  letter-spacing: 0.1em;
  transform: translateX(-50%); }
  @media only screen and (max-width: 768px) {
    /* line 404, object/_nextmatch.scss */
    .result__state {
      font-size: 1rem;
      width: 90px;
      padding: 1px 5px; } }

@media only screen and (max-width: 768px) {
  /* line 208, top.scss */
  #nextmatch .page__outer {
    padding: 0; } }

/* line 219, top.scss */
#highlight {
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 221, top.scss */
    #highlight .movie {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      margin: 15px 0; } }
  @media only screen and (max-width: 768px) {
    /* line 228, top.scss */
    #highlight .movie iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; } }
  @media only screen and (max-width: 768px) {
    /* line 238, top.scss */
    #highlight .videoList__text {
      text-align: left; } }

/* line 252, top.scss */
.gameResult__main {
  border-bottom: #000 4px solid;
  border-top: #000 4px solid;
  padding: 30px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    /* line 252, top.scss */
    .gameResult__main {
      padding: 5px 0;
      flex-wrap: wrap; } }
/* line 262, top.scss */
.gameResult__score {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 7rem;
  padding-left: 60px;
  font-family: "Fjalla One", sans-serif; }
  @media only screen and (max-width: 768px) {
    /* line 262, top.scss */
    .gameResult__score {
      font-size: 4rem;
      padding-left: 0; } }
  /* line 271, top.scss */
  .gameResult__score div {
    padding: 0 15px;
    line-height: 1; }
    @media only screen and (max-width: 768px) {
      /* line 271, top.scss */
      .gameResult__score div {
        padding: 0 5px;
        line-height: 1; } }
    /* line 278, top.scss */
    .gameResult__score div:first-child, .gameResult__score div:last-child {
      padding: 0 20px;
      text-align: center; }
      @media only screen and (max-width: 768px) {
        /* line 278, top.scss */
        .gameResult__score div:first-child, .gameResult__score div:last-child {
          padding: 0 5px; } }
    @media only screen and (max-width: 768px) {
      /* line 286, top.scss */
      .gameResult__score div img {
        width: auto;
        height: 60px; } }
    /* line 292, top.scss */
    .gameResult__score div.score_pk {
      font-size: 3.0rem;
      white-space: nowrap; }
      @media only screen and (max-width: 768px) {
        /* line 292, top.scss */
        .gameResult__score div.score_pk {
          font-size: 1.2rem;
          padding: 0 5px; } }
  /* line 301, top.scss */
  .gameResult__score a {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #000;
    padding: 20px 0; }
    /* line 306, top.scss */
    .gameResult__score a:hover {
      opacity: 0.4; }
/* line 311, top.scss */
.gameResult__homeaway {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.2rem; }
  @media only screen and (max-width: 768px) {
    /* line 311, top.scss */
    .gameResult__homeaway {
      margin-top: 1px;
      font-size: 0.8rem; } }
  /* line 319, top.scss */
  .gameResult__homeaway img {
    vertical-align: middle; }
@media only screen and (max-width: 768px) {
  /* line 323, top.scss */
  .gameResult__date {
    text-align: center;
    margin-bottom: 10px; } }

/* line 335, top.scss */
#ranking {
  background: #e6e6e6; }
  @media only screen and (max-width: 768px) {
    /* line 337, top.scss */
    #ranking .englishTitle {
      margin-bottom: 5px; } }
  /* line 343, top.scss */
  #ranking .table-1st td {
    background: #fff; }
  /* line 348, top.scss */
  #ranking .ranking__main {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; }
    /* line 352, top.scss */
    #ranking .ranking__main .contentsTitle2 {
      width: 100%; }
    /* line 355, top.scss */
    #ranking .ranking__main .rightText {
      width: 100%;
      margin: 15px 0;
      text-align: right; }
      @media only screen and (max-width: 768px) {
        /* line 355, top.scss */
        #ranking .ranking__main .rightText {
          text-align: center; } }
  /* line 364, top.scss */
  #ranking .ranking__position {
    width: 98%;
    margin: 0 1%;
    text-align: center;
    font-weight: bold;
    font-size: 2.4rem; }
    @media only screen and (max-width: 768px) {
      /* line 364, top.scss */
      #ranking .ranking__position {
        width: 100%;
        font-size: 1.8rem; } }
    @media only screen and (max-width: 768px) {
      /* line 374, top.scss */
      #ranking .ranking__position h3 {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 768px) {
      /* line 379, top.scss */
      #ranking .ranking__position__pos {
        line-height: 1;
        margin-bottom: 15px; } }
    /* line 385, top.scss */
    #ranking .ranking__position span {
      font-size: 12rem;
      font-family: "Anton", sans-serif;
      margin: 0 20px;
      color: #750069; }
      @media only screen and (max-width: 768px) {
        /* line 385, top.scss */
        #ranking .ranking__position span {
          font-size: 8rem; } }
    /* line 394, top.scss */
    #ranking .ranking__position__detail {
      font-size: 2.4rem;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        /* line 394, top.scss */
        #ranking .ranking__position__detail {
          font-size: 1.8rem; } }
  /* line 402, top.scss */
  #ranking .ranking__standings {
    width: 98%;
    margin: 0 1%; }
    /* line 407, top.scss */
    #ranking .ranking__standings__tableHead thead th, #ranking .ranking__standings__tableHead thead td {
      text-align: center;
      font-family: "Fjalla One", sans-serif;
      font-weight: bold;
      vertical-align: middle;
      color: #000;
      padding: 5px; }
      /* line 414, top.scss */
      #ranking .ranking__standings__tableHead thead th img, #ranking .ranking__standings__tableHead thead td img {
        vertical-align: middle; }
    /* line 420, top.scss */
    #ranking .ranking__standings__table {
      overflow-y: scroll;
      height: 216px; }
    /* line 425, top.scss */
    #ranking .ranking__standings .standings thead {
      display: none; }
    /* line 430, top.scss */
    #ranking .ranking__standings .standings tbody tr.kyotosangafc th {
      background: #cab2c7;
      color: #750069; }
    /* line 434, top.scss */
    #ranking .ranking__standings .standings tbody tr.kyotosangafc td {
      background: #dbc3d8;
      color: #750069; }
    /* line 439, top.scss */
    #ranking .ranking__standings .standings tbody th, #ranking .ranking__standings .standings tbody td {
      text-align: center;
      font-family: "Fjalla One", sans-serif;
      vertical-align: middle;
      color: #000;
      padding: 6px 10px; }
      /* line 445, top.scss */
      #ranking .ranking__standings .standings tbody th img, #ranking .ranking__standings .standings tbody td img {
        vertical-align: middle; }
    /* line 449, top.scss */
    #ranking .ranking__standings .standings tbody td.teamName {
      width: auto;
      text-align: left;
      font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
    /* line 456, top.scss */
    #ranking .ranking__standings .ranking_rank {
      width: 80px; }
    /* line 459, top.scss */
    #ranking .ranking__standings .ranking_teamName {
      width: 435px; }
    /* line 462, top.scss */
    #ranking .ranking__standings .ranking_point {
      width: 80px; }
    /* line 465, top.scss */
    #ranking .ranking__standings .ranking_game {
      width: 80px; }
    /* line 468, top.scss */
    #ranking .ranking__standings .ranking_win {
      width: 80px; }
    /* line 471, top.scss */
    #ranking .ranking__standings .ranking_draw {
      width: 80px; }
    /* line 474, top.scss */
    #ranking .ranking__standings .ranking_lose {
      width: 80px; }
    /* line 477, top.scss */
    #ranking .ranking__standings .ranking_goalsFor {
      width: 80px; }
    /* line 480, top.scss */
    #ranking .ranking__standings .ranking_goalsAgainst {
      width: 80px; }
    /* line 483, top.scss */
    #ranking .ranking__standings .ranking_goalDifference {
      width: 80px; }
  /* line 489, top.scss */
  #ranking .ranking__btn {
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem; }

/* line 503, top.scss */
#homeNews .tabBtn {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    /* line 503, top.scss */
    #homeNews .tabBtn {
      margin-top: 0; } }
  @media only screen and (max-width: 768px) {
    /* line 508, top.scss */
    #homeNews .tabBtn li {
      white-space: nowrap;
      padding: 10px 15px;
      background: #333;
      color: #fff;
      font-size: 1.1rem; } }
  /* line 516, top.scss */
  #homeNews .tabBtn li.is-active::after {
    border-right: #ccc 1px solid; }
@media only screen and (max-width: 768px) {
  /* line 521, top.scss */
  #homeNews .rightText--link {
    font-family: "Fjalla One", sans-serif;
    line-height: 1;
    margin-bottom: 1px; } }
/* line 530, top.scss */
#homeNews .columnList li a {
  font-size: 1.4rem; }
  @media only screen and (max-width: 768px) {
    /* line 532, top.scss */
    #homeNews .columnList li a figure {
      width: 25%; } }
/* line 539, top.scss */
#homeNews .columnList__main {
  padding: 10px 15px 15px; }
  @media only screen and (max-width: 768px) {
    /* line 539, top.scss */
    #homeNews .columnList__main {
      width: 75%; } }
/* line 545, top.scss */
#homeNews .columnList__title {
  font-family: "Fjalla One", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 5px; }
/* line 550, top.scss */
#homeNews .columnList__category {
  font-size: 1.3rem; }
/* line 553, top.scss */
#homeNews .columnList__text {
  line-height: 1.35; }

/* line 559, top.scss */
.newIcon {
  display: inline-block;
  padding: 2px 3px;
  background: #e6002d;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 2px;
  margin-right: 0.5em; }

/* line 575, top.scss */
#schedule {
  background: #e6e6e6; }
  @media only screen and (max-width: 768px) {
    /* line 577, top.scss */
    #schedule .englishTitle {
      margin-bottom: 5px; } }
  /* line 583, top.scss */
  #schedule .table-1st td {
    background: #fff; }

/* line 590, top.scss */
.schedule__date {
  text-align: center;
  font-size: 4rem;
  font-family: "Fjalla One", sans-serif;
  margin: 20px 0; }
  @media only screen and (max-width: 768px) {
    /* line 590, top.scss */
    .schedule__date {
      font-size: 2rem;
      margin: 0 0 10px; } }
/* line 600, top.scss */
.schedule__team {
  width: 200px;
  font-size: 1.8rem;
  font-family: "Fjalla One", sans-serif;
  white-space: nowrap;
  color: #750069; }
  @media only screen and (max-width: 768px) {
    /* line 600, top.scss */
    .schedule__team {
      width: 10%;
      white-space: normal; } }
/* line 611, top.scss */
.schedule__text {
  line-height: 1.75;
  font-size: 1.6rem; }
  /* line 616, top.scss */
  .schedule__text i {
    color: #750069; }
/* line 620, top.scss */
.schedule__title {
  background: #750069;
  border-radius: 2px;
  padding: 3px 7px;
  display: inline-block;
  color: #fff;
  font-size: 1.2rem;
  margin-top: 1em;
  line-height: 1;
  letter-spacing: 0.1em; }
  /* line 630, top.scss */
  .schedule__title:first-child {
    margin-top: 0; }
  /* line 633, top.scss */
  .schedule__title.icon__color1 {
    background: #4a1f99; }
  /* line 636, top.scss */
  .schedule__title.icon__color2 {
    background: #1b813a; }
  /* line 639, top.scss */
  .schedule__title.icon__color3 {
    background: #b22560; }
  /* line 642, top.scss */
  .schedule__title.icon__color4 {
    background: #98861f; }
/* line 646, top.scss */
.schedule__footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center; }
  @media only screen and (max-width: 768px) {
    /* line 646, top.scss */
    .schedule__footer {
      display: block; } }
  /* line 651, top.scss */
  .schedule__footer p {
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 651, top.scss */
      .schedule__footer p {
        margin-right: 0; } }
    /* line 656, top.scss */
    .schedule__footer p:last-child {
      margin-right: 0; }

/* line 669, top.scss */
#onlineShop .columnList figure {
  padding: 4px; }

/* line 681, top.scss */
.philosophy li a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  text-decoration: none; }
  @media only screen and (max-width: 768px) {
    /* line 681, top.scss */
    .philosophy li a {
      flex-wrap: wrap; } }
  /* line 687, top.scss */
  .philosophy li a:hover .rightText--link {
    text-decoration: underline; }
/* line 692, top.scss */
.philosophyPhoto {
  width: 60%;
  height: 750px; }
  @media only screen and (max-width: 768px) {
    /* line 692, top.scss */
    .philosophyPhoto {
      width: 100%;
      background-size: auto 100%;
      height: 300px; } }
  /* line 700, top.scss */
  .philosophy01 .philosophyPhoto {
    background: url(/img/top/philosophy01.jpg) center center no-repeat;
    background-size: cover; }
  /* line 704, top.scss */
  .philosophy02 .philosophyPhoto {
    background: url(/img/top/philosophy02.jpg) center center no-repeat;
    background-size: cover; }
  /* line 708, top.scss */
  .philosophy03 .philosophyPhoto {
    background: url(/img/top/philosophy03.jpg) center center no-repeat;
    background-size: cover; }
  /* line 712, top.scss */
  .philosophy04 .philosophyPhoto {
    background: url(/img/top/philosophy04.jpg) center center no-repeat;
    background-size: cover; }
/* line 717, top.scss */
.philosophyText {
  width: 40%;
  height: 750px;
  background: #f4f4f4;
  padding: 60px 45px;
  font-size: 1.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 717, top.scss */
    .philosophyText {
      width: 100%;
      height: auto;
      padding: 20px; } }
  @media only screen and (max-width: 768px) {
    /* line 728, top.scss */
    .philosophyText__outer {
      color: #222; } }
  /* line 733, top.scss */
  .philosophyText strong {
    font-size: 1.7rem;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      /* line 733, top.scss */
      .philosophyText strong {
        font-size: 1.4rem; } }
  /* line 740, top.scss */
  .philosophyText p {
    padding-top: 1em;
    color: #222; }
    /* line 744, top.scss */
    .philosophyText p.rightText--link {
      color: #750069; }
/* line 749, top.scss */
.philosophyTitle {
  font-size: 1.5rem;
  font-weight: bold;
  color: #750069;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    /* line 749, top.scss */
    .philosophyTitle {
      font-size: 1.6rem;
      margin-bottom: 5px; } }
/* line 759, top.scss */
.philosophySubtitle {
  font-size: 4rem;
  font-weight: bold;
  color: #750069;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: #ccc 1px solid;
  line-height: 1;
  font-family: "Fjalla One", sans-serif; }
  @media only screen and (max-width: 768px) {
    /* line 759, top.scss */
    .philosophySubtitle {
      font-size: 2.1rem;
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none; } }
  /* line 774, top.scss */
  .philosophySubtitle span {
    font-size: 6rem;
    display: block; }
    @media only screen and (max-width: 768px) {
      /* line 774, top.scss */
      .philosophySubtitle span {
        font-size: 2.1rem;
        display: inline;
        padding-left: 0.5em; } }

/* line 786, top.scss */
#philosophyArea {
  position: relative; }
  /* line 788, top.scss */
  #philosophyArea .bx-controls {
    position: absolute;
    bottom: 0;
    right: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 788, top.scss */
      #philosophyArea .bx-controls {
        position: static;
        background: #f4f4f4; } }
  /* line 797, top.scss */
  #philosophyArea .bx-pager {
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 797, top.scss */
      #philosophyArea .bx-pager {
        margin: 0 auto;
        padding: 15px 0 30px;
        border-top: #ccc 1px solid;
        width: 90%; } }

/* line 812, top.scss */
#friendsSquare {
  border-top: #fff 2px solid;
  width: 100%;
  height: 900px;
  position: relative;
  color: #fff; }
  @media only screen and (max-width: 768px) {
    /* line 812, top.scss */
    #friendsSquare {
      height: 600px;
      background: url(/img/top/friendssquare.jpg) center left no-repeat;
      background-size: auto 100%; } }
  /* line 823, top.scss */
  #friendsSquare a {
    text-decoration: none;
    color: #fff; }
    /* line 826, top.scss */
    #friendsSquare a:hover .centerText--link {
      text-decoration: underline; }
  /* line 830, top.scss */
  #friendsSquare .centerText--link {
    margin-top: 30px; }
    @media only screen and (max-width: 768px) {
      /* line 830, top.scss */
      #friendsSquare .centerText--link {
        text-align: right; } }
    /* line 835, top.scss */
    #friendsSquare .centerText--link a, #friendsSquare .centerText--link::after {
      color: #fff; }
  /* line 840, top.scss */
  #friendsSquare__movie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden; }
    /* line 848, top.scss */
    #friendsSquare__movie div {
      width: 100%; }

/* line 865, top.scss */
.friendsSquare__outer {
  border: #fff 4px solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.25);
  padding: 40px 80px; }
  @media only screen and (max-width: 768px) {
    /* line 865, top.scss */
    .friendsSquare__outer {
      width: 100%;
      height: 100%;
      background: none;
      border: none;
      padding: 0; } }
/* line 884, top.scss */
.friendsSquare__title__outer {
  padding-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    /* line 884, top.scss */
    .friendsSquare__title__outer {
      padding-bottom: 0;
      text-align: center;
      padding-top: 50px; } }
  @media only screen and (max-width: 768px) {
    /* line 891, top.scss */
    .friendsSquare__title__outer img {
      width: 75%;
      height: auto; } }
/* line 899, top.scss */
.friendsSquare__text {
  text-align: center;
  line-height: 2;
  font-size: 1.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 899, top.scss */
    .friendsSquare__text {
      background: rgba(0, 0, 0, 0.5);
      text-align: left;
      padding: 20px 20px 10px;
      line-height: 1.5;
      width: 100%;
      position: absolute;
      bottom: 0; } }
  @media only screen and (max-width: 768px) {
    /* line 912, top.scss */
    .friendsSquare__text br {
      display: none; } }

/* line 926, top.scss */
.videoList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch; }
  /* line 928, top.scss */
  .videoList li {
    width: 370px;
    font-size: 1.5rem; }
    @media only screen and (max-width: 768px) {
      /* line 931, top.scss */
      .videoList li .videoList__movie {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        margin: 15px 0; } }
    @media only screen and (max-width: 768px) {
      /* line 938, top.scss */
      .videoList li .videoList__movie iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; } }
  @media only screen and (max-width: 768px) {
    /* line 949, top.scss */
    .videoList__text {
      font-size: 1.2rem; } }

/* line 960, top.scss */
.bnrList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch; }
  /* line 962, top.scss */
  .bnrList li {
    width: 580px;
    background: #f4f4f4;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 962, top.scss */
      .bnrList li {
        width: 100%;
        margin-bottom: 10px; } }
    /* line 970, top.scss */
    .bnrList li a {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: stretch;
      text-decoration: none;
      color: #000; }
      /* line 974, top.scss */
      .bnrList li a figure {
        position: relative;
        overflow: hidden;
        width: 220px; }
        @media only screen and (max-width: 768px) {
          /* line 974, top.scss */
          .bnrList li a figure {
            width: 35%; } }
        /* line 981, top.scss */
        .bnrList li a figure img {
          vertical-align: bottom;
          transition: all 0.2s linear; }
          @media only screen and (max-width: 768px) {
            /* line 981, top.scss */
            .bnrList li a figure img {
              width: 100%;
              height: 100%;
              object-fit: cover; } }
        /* line 990, top.scss */
        .bnrList li a figure::after {
          position: absolute;
          top: 0;
          right: 0;
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 0 140px 40px;
          border-color: transparent transparent #f4f4f4 transparent; }
  /* line 1004, top.scss */
  .bnrList__text {
    padding: 35px 25px;
    width: 360px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      /* line 1004, top.scss */
      .bnrList__text {
        padding: 20px 10px;
        width: auto; } }
  /* line 1013, top.scss */
  .bnrList__eng {
    font-family: "Anton", sans-serif;
    color: #e6002d;
    font-size: 2.1rem;
    text-align: center;
    line-height: 1; }
    @media only screen and (max-width: 768px) {
      /* line 1013, top.scss */
      .bnrList__eng {
        font-size: 1.2rem; } }
  /* line 1023, top.scss */
  .bnrList__title {
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 1.25; }
    @media only screen and (max-width: 768px) {
      /* line 1023, top.scss */
      .bnrList__title {
        font-size: 1.3rem;
        padding-left: 10px;
        margin-left: 10px; } }
    /* line 1035, top.scss */
    .bnrList__title::before {
      content: "";
      width: 1px;
      height: 40px;
      border-left: #000 1px solid;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%) rotate(18deg); }
  /* line 1046, top.scss */
  .bnrList li a:hover figure img {
    transform: scale(1.05); }

/* line 1051, top.scss */
.bnrList-2nd {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch; }
  /* line 1053, top.scss */
  .bnrList-2nd li {
    width: 580px;
    background: #f3e8f2;
    margin-bottom: 40px; }
    @media only screen and (max-width: 768px) {
      /* line 1053, top.scss */
      .bnrList-2nd li {
        width: 100%;
        margin-bottom: 10px; } }
    /* line 1061, top.scss */
    .bnrList-2nd li a {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: stretch;
      text-decoration: none;
      color: #000; }
      /* line 1065, top.scss */
      .bnrList-2nd li a figure {
        position: relative;
        overflow: hidden;
        width: 220px; }
        @media only screen and (max-width: 768px) {
          /* line 1065, top.scss */
          .bnrList-2nd li a figure {
            width: 35%; } }
        /* line 1072, top.scss */
        .bnrList-2nd li a figure img {
          vertical-align: bottom;
          transition: all 0.2s linear; }
          @media only screen and (max-width: 768px) {
            /* line 1072, top.scss */
            .bnrList-2nd li a figure img {
              width: 100%;
              height: 100%;
              object-fit: cover; } }
  /* line 1084, top.scss */
  .bnrList-2nd__text {
    padding: 5px 25px;
    width: 360px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; }
    @media only screen and (max-width: 768px) {
      /* line 1084, top.scss */
      .bnrList-2nd__text {
        padding: 5px 10px;
        width: 65%; } }
  /* line 1093, top.scss */
  .bnrList-2nd__box {
    padding: 0;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      /* line 1093, top.scss */
      .bnrList-2nd__box {
        padding: 0;
        width: auto; } }
  /* line 1101, top.scss */
  .bnrList-2nd__sub {
    width: 100%;
    color: #750069;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: left;
    line-height: 1;
    margin-bottom: 5px; }
    @media only screen and (max-width: 768px) {
      /* line 1101, top.scss */
      .bnrList-2nd__sub {
        font-size: 1.2rem;
        margin-bottom: 5px; } }
  /* line 1114, top.scss */
  .bnrList-2nd__title {
    font-size: 1.8rem;
    font-weight: bold;
    position: relative;
    line-height: 1.25; }
    @media only screen and (max-width: 768px) {
      /* line 1114, top.scss */
      .bnrList-2nd__title {
        font-size: 1.1rem; } }
  /* line 1123, top.scss */
  .bnrList-2nd li a:hover figure img {
    transform: scale(1.05); }

/* line 1128, top.scss */
.bnrArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 25px 0 50px;
  border-top: #f4f4f4 2px solid;
  padding-top: 50px; }
  @media only screen and (max-width: 768px) {
    /* line 1128, top.scss */
    .bnrArea {
      justify-content: flex-start; } }
  /* line 1136, top.scss */
  .bnrArea__item {
    margin-right: 25px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 768px) {
      /* line 1136, top.scss */
      .bnrArea__item {
        width: 33.33%;
        margin: 0;
        padding: 0 5px 10px; } }
    /* line 1144, top.scss */
    .bnrArea__item:nth-child(7n), .bnrArea__item:last-child {
      margin-right: 0; }
    /* line 1149, top.scss */
    .bnrArea__item a:hover {
      opacity: 0.75; }
    @media only screen and (max-width: 768px) {
      /* line 1153, top.scss */
      .bnrArea__item img {
        width: 100%;
        height: auto; } }

/* line 1166, top.scss */
.snsArea {
  background: #e6e6e6; }
  @media only screen and (max-width: 768px) {
    /* line 1166, top.scss */
    .snsArea {
      display: none; } }
  /* line 1171, top.scss */
  .snsArea .page__outer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch; }
    /* line 1173, top.scss */
    .snsArea .page__outer.pc-hidden {
      display: none; }
    @media only screen and (max-width: 768px) {
      /* line 1171, top.scss */
      .snsArea .page__outer {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch; }
        /* line 1178, top.scss */
        .snsArea .page__outer.pc-hidden {
          display: flex; }
        /* line 1181, top.scss */
        .snsArea .page__outer.sp-hidden {
          display: none; } }
    /* line 1185, top.scss */
    .snsArea .page__outer .snsCard {
      width: 260px;
      margin: 0 20px; }
      @media only screen and (max-width: 768px) {
        /* line 1185, top.scss */
        .snsArea .page__outer .snsCard {
          width: 100%;
          margin: auto;
          padding: 10px 0;
          color: #fff !important; } }
    /* line 1196, top.scss */
    .snsArea .page__outer .snsContents figure {
      padding-bottom: 1em; }
  /* line 1201, top.scss */
  .snsArea a {
    text-decoration: none; }
    /* line 1203, top.scss */
    .snsArea a h4 {
      color: #fff; }
  /* line 1207, top.scss */
  .snsArea h3 {
    font-size: 5rem;
    text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 1211, top.scss */
    .snsArea .twitter {
      background: #36aae3; } }
  /* line 1215, top.scss */
  .snsArea .twitter h3 {
    color: #36aae3; }
    @media only screen and (max-width: 768px) {
      /* line 1215, top.scss */
      .snsArea .twitter h3 {
        color: #fff; } }
  @media only screen and (max-width: 768px) {
    /* line 1222, top.scss */
    .snsArea .facebook {
      background: #314e9e; } }
  /* line 1226, top.scss */
  .snsArea .facebook h3 {
    color: #314e9e; }
    @media only screen and (max-width: 768px) {
      /* line 1226, top.scss */
      .snsArea .facebook h3 {
        color: #fff; } }
  @media only screen and (max-width: 768px) {
    /* line 1233, top.scss */
    .snsArea .instagram {
      background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
      background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
      position: relative;
      overflow: hidden; } }
  @media only screen and (max-width: 768px) {
    /* line 1240, top.scss */
    .snsArea .instagram::before {
      content: '';
      position: absolute;
      top: 45px;
      left: -90px;
      width: 180px;
      height: 180px;
      background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
      background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%); } }
  /* line 1252, top.scss */
  .snsArea .instagram h3 {
    color: #b8287f; }
    @media only screen and (max-width: 768px) {
      /* line 1252, top.scss */
      .snsArea .instagram h3 {
        color: #fff; } }
  /* line 1258, top.scss */
  .snsArea .instagram__photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch; }
    /* line 1260, top.scss */
    .snsArea .instagram__photo li {
      width: 130px;
      height: 130px; }
      /* line 1263, top.scss */
      .snsArea .instagram__photo li a:hover {
        opacity: 0.75; }
      /* line 1266, top.scss */
      .snsArea .instagram__photo li img {
        width: auto;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover; }
  /* line 1279, top.scss */
  .snsArea .line h3 {
    color: #fff; }
    @media only screen and (max-width: 768px) {
      /* line 1279, top.scss */
      .snsArea .line h3 {
        color: #fff; } }
    /* line 1284, top.scss */
    .snsArea .line h3 img {
      width: 44px;
      height: auto;
      vertical-align: middle; }
  /* line 1291, top.scss */
  .snsArea h4 {
    text-align: center;
    margin-bottom: 10px; }
    @media only screen and (max-width: 768px) {
      /* line 1291, top.scss */
      .snsArea h4 {
        font-size: 0.8rem; } }

/* Foot Banner
----------------------------------------------------------- */
/* line 1303, top.scss */
.footBnr {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 500; }
  /* line 1309, top.scss */
  .footBnr a {
    display: block;
    position: relative;
    transition: all 0.3s ease; }
    /* line 1313, top.scss */
    .footBnr a:hover {
      opacity: 0.85; }
  /* line 1317, top.scss */
  .footBnr__bg {
    background: #fff;
    border-top: #750069 2px solid;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0; }
    @media only screen and (max-width: 768px) {
      /* line 1317, top.scss */
      .footBnr__bg {
        height: 36px; } }
  /* line 1328, top.scss */
  .footBnr__img {
    position: absolute;
    bottom: 0;
    height: 96px;
    left: 50%;
    transform: translateX(-50%); }
    @media only screen and (max-width: 768px) {
      /* line 1328, top.scss */
      .footBnr__img {
        height: 54px; } }
    /* line 1337, top.scss */
    .footBnr__img img {
      height: 100%;
      width: auto; }

/* line 1343, top.scss */
.footer__others small {
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    /* line 1343, top.scss */
    .footer__others small {
      padding-bottom: 70px; } }

/* special Banner
----------------------------------------------------------- */
/* line 1354, top.scss */
.spBnr {
  margin: 50px auto;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    /* line 1354, top.scss */
    .spBnr {
      margin: 30px auto;
      width: 100%;
      padding: 0 20px; } }
  /* line 1362, top.scss */
  .spBnr .col-2 {
    width: 960px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 auto 30px; }
    @media only screen and (max-width: 768px) {
      /* line 1362, top.scss */
      .spBnr .col-2 {
        width: 100%; } }
    /* line 1369, top.scss */
    .spBnr .col-2 li {
      width: 49%;
      margin: 0 0 20px; }
      /* line 1374, top.scss */
      .spBnr .col-2 li:hover {
        opacity: 0.8; }
      /* line 1377, top.scss */
      .spBnr .col-2 li img {
        margin: 0 auto;
        width: 100%;
        height: auto; }
  /* line 1385, top.scss */
  .spBnr a:hover {
    opacity: 0.8; }
  /* line 1389, top.scss */
  .spBnr img {
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      /* line 1389, top.scss */
      .spBnr img {
        width: 100%;
        height: auto; } }

/* SPLASH CONTENTS
----------------------------------------------------------- */
/* line 1402, top.scss */
.overlay_area .overlay {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  display: table; }
  /* line 1412, top.scss */
  .overlay_area .overlay .overlay_cont {
    display: table-cell;
    color: #eee;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    max-height: 100vh;
    position: relative; }
    /* line 1421, top.scss */
    .overlay_area .overlay .overlay_cont .overlay_close {
      position: absolute;
      top: 0;
      right: 0;
      height: 30px; }
      @media only screen and (max-width: 768px) {
        /* line 1421, top.scss */
        .overlay_area .overlay .overlay_cont .overlay_close {
          height: 40px; } }
      /* line 1429, top.scss */
      .overlay_area .overlay .overlay_cont .overlay_close img {
        width: 30px;
        height: 30px; }
        @media only screen and (max-width: 768px) {
          /* line 1429, top.scss */
          .overlay_area .overlay .overlay_cont .overlay_close img {
            width: 40px;
            height: 40px; } }
    /* line 1438, top.scss */
    .overlay_area .overlay .overlay_cont .overlay_img {
      width: calc( 100vw - 30px);
      max-width: 1200px;
      text-align: center;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        /* line 1438, top.scss */
        .overlay_area .overlay .overlay_cont .overlay_img {
          width: 90%; } }
      /* line 1446, top.scss */
      .overlay_area .overlay .overlay_cont .overlay_img img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: calc( 100vh - 60px - 30px); }
        @media only screen and (max-width: 768px) {
          /* line 1446, top.scss */
          .overlay_area .overlay .overlay_cont .overlay_img img {
            max-height: calc( 100vh - 40px - 30px); } }

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