@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) 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%;
  }
}
/* line 131, top.scss */
.top__sponsor__inner a:hover {
  opacity: 0.75;
}

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

/* line 161, top.scss */
.spNav {
  background: #000;
  margin-bottom: 30px;
  font-weight: bold;
}
/* line 167, top.scss */
.spNav__list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
}
/* line 169, top.scss */
.spNav__list li {
  width: 16%;
  text-align: center;
}
/* line 183, top.scss */
.spNav__second {
  display: none;
}
/* line 186, 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 198, top.scss */
  #nextmatch .page__outer {
    padding: 0;
  }
}

/* line 209, top.scss */
#highlight {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  /* line 211, top.scss */
  #highlight iframe {
    width: 100%;
    height: 260px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 217, top.scss */
  #highlight .videoList__text {
    text-align: left;
  }
}

/* line 231, 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 231, top.scss */
  .gameResult__main {
    padding: 5px 0;
    flex-wrap: wrap;
  }
}
/* line 241, 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 241, top.scss */
  .gameResult__score {
    font-size: 4rem;
    padding-left: 0;
  }
}
/* line 250, top.scss */
.gameResult__score div {
  padding: 0 15px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  /* line 250, top.scss */
  .gameResult__score div {
    padding: 0 5px;
    line-height: 1;
  }
}
/* line 257, 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 257, top.scss */
  .gameResult__score div:first-child, .gameResult__score div:last-child {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 265, top.scss */
  .gameResult__score div img {
    width: auto;
    height: 60px;
  }
}
/* line 271, top.scss */
.gameResult__score div.score_pk {
  font-size: 3.0rem;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  /* line 271, top.scss */
  .gameResult__score div.score_pk {
    font-size: 1.2rem;
    padding: 0 5px;
  }
}
/* line 280, 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 285, top.scss */
.gameResult__score a:hover {
  opacity: 0.4;
}
/* line 290, top.scss */
.gameResult__homeaway {
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 768px) {
  /* line 290, top.scss */
  .gameResult__homeaway {
    margin-top: 1px;
    font-size: 0.8rem;
  }
}
/* line 298, top.scss */
.gameResult__homeaway img {
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  /* line 302, top.scss */
  .gameResult__date {
    text-align: center;
    margin-bottom: 10px;
  }
}

/* line 314, top.scss */
#ranking {
  background: #e6e6e6;
}
@media only screen and (max-width: 768px) {
  /* line 316, top.scss */
  #ranking .englishTitle {
    margin-bottom: 5px;
  }
}
/* line 322, top.scss */
#ranking .table-1st td {
  background: #fff;
}
/* line 327, top.scss */
#ranking .ranking__main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
/* line 331, top.scss */
#ranking .ranking__main .contentsTitle2 {
  width: 100%;
}
/* line 334, top.scss */
#ranking .ranking__main .rightText {
  width: 100%;
  margin: 15px 0;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  /* line 334, top.scss */
  #ranking .ranking__main .rightText {
    text-align: center;
  }
}
/* line 343, 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 343, top.scss */
  #ranking .ranking__position {
    width: 100%;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  /* line 353, top.scss */
  #ranking .ranking__position h3 {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 358, top.scss */
  #ranking .ranking__position__pos {
    line-height: 1;
    margin-bottom: 15px;
  }
}
/* line 364, 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 364, top.scss */
  #ranking .ranking__position span {
    font-size: 8rem;
  }
}
/* line 373, top.scss */
#ranking .ranking__position__detail {
  font-size: 2.4rem;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  /* line 373, top.scss */
  #ranking .ranking__position__detail {
    font-size: 1.8rem;
  }
}
/* line 381, top.scss */
#ranking .ranking__standings {
  width: 98%;
  margin: 0 1%;
}
/* line 386, 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 393, top.scss */
#ranking .ranking__standings__tableHead thead th img, #ranking .ranking__standings__tableHead thead td img {
  vertical-align: middle;
}
/* line 399, top.scss */
#ranking .ranking__standings__table {
  overflow-y: scroll;
  height: 216px;
}
/* line 404, top.scss */
#ranking .ranking__standings .standings thead {
  display: none;
}
/* line 409, top.scss */
#ranking .ranking__standings .standings tbody tr.kyotosangafc th {
  background: #cab2c7;
  color: #750069;
}
/* line 413, top.scss */
#ranking .ranking__standings .standings tbody tr.kyotosangafc td {
  background: #dbc3d8;
  color: #750069;
}
/* line 418, 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 424, top.scss */
#ranking .ranking__standings .standings tbody th img, #ranking .ranking__standings .standings tbody td img {
  vertical-align: middle;
}
/* line 428, 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 435, top.scss */
#ranking .ranking__standings .ranking_rank {
  width: 80px;
}
/* line 438, top.scss */
#ranking .ranking__standings .ranking_teamName {
  width: 435px;
}
/* line 441, top.scss */
#ranking .ranking__standings .ranking_point {
  width: 80px;
}
/* line 444, top.scss */
#ranking .ranking__standings .ranking_game {
  width: 80px;
}
/* line 447, top.scss */
#ranking .ranking__standings .ranking_win {
  width: 80px;
}
/* line 450, top.scss */
#ranking .ranking__standings .ranking_draw {
  width: 80px;
}
/* line 453, top.scss */
#ranking .ranking__standings .ranking_lose {
  width: 80px;
}
/* line 456, top.scss */
#ranking .ranking__standings .ranking_goalsFor {
  width: 80px;
}
/* line 459, top.scss */
#ranking .ranking__standings .ranking_goalsAgainst {
  width: 80px;
}
/* line 462, top.scss */
#ranking .ranking__standings .ranking_goalDifference {
  width: 80px;
}
/* line 468, top.scss */
#ranking .ranking__btn {
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
}

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

/* line 538, 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 554, top.scss */
#schedule {
  background: #e6e6e6;
}
@media only screen and (max-width: 768px) {
  /* line 556, top.scss */
  #schedule .englishTitle {
    margin-bottom: 5px;
  }
}
/* line 562, top.scss */
#schedule .table-1st td {
  background: #fff;
}

/* line 569, 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 569, top.scss */
  .schedule__date {
    font-size: 2rem;
    margin: 0 0 10px;
  }
}
/* line 579, 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 579, top.scss */
  .schedule__team {
    width: 10%;
    white-space: normal;
  }
}
/* line 590, top.scss */
.schedule__text {
  line-height: 1.75;
  font-size: 1.6rem;
}
/* line 595, top.scss */
.schedule__text i {
  color: #750069;
}
/* line 599, 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 609, top.scss */
.schedule__title:first-child {
  margin-top: 0;
}
/* line 612, top.scss */
.schedule__title.icon__color1 {
  background: #4a1f99;
}
/* line 615, top.scss */
.schedule__title.icon__color2 {
  background: #1b813a;
}
/* line 618, top.scss */
.schedule__title.icon__color3 {
  background: #b22560;
}
/* line 621, top.scss */
.schedule__title.icon__color4 {
  background: #98861f;
}
/* line 625, top.scss */
.schedule__footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  /* line 625, top.scss */
  .schedule__footer {
    display: block;
  }
}
/* line 630, top.scss */
.schedule__footer p {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  /* line 630, top.scss */
  .schedule__footer p {
    margin-right: 0;
  }
}
/* line 635, top.scss */
.schedule__footer p:last-child {
  margin-right: 0;
}

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

/* line 660, 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 660, top.scss */
  .philosophy li a {
    flex-wrap: wrap;
  }
}
/* line 666, top.scss */
.philosophy li a:hover .rightText--link {
  text-decoration: underline;
}
/* line 671, top.scss */
.philosophyPhoto {
  width: 60%;
  height: 750px;
}
@media only screen and (max-width: 768px) {
  /* line 671, top.scss */
  .philosophyPhoto {
    width: 100%;
    background-size: auto 100%;
    height: 300px;
  }
}
/* line 679, top.scss */
.philosophy01 .philosophyPhoto {
  background: url(/img/top/philosophy01.jpg) center center no-repeat;
  background-size: cover;
}
/* line 683, top.scss */
.philosophy02 .philosophyPhoto {
  background: url(/img/top/philosophy02.jpg) center center no-repeat;
  background-size: cover;
}
/* line 687, top.scss */
.philosophy03 .philosophyPhoto {
  background: url(/img/top/philosophy03.jpg) center center no-repeat;
  background-size: cover;
}
/* line 691, top.scss */
.philosophy04 .philosophyPhoto {
  background: url(/img/top/philosophy04.jpg) center center no-repeat;
  background-size: cover;
}
/* line 696, top.scss */
.philosophyText {
  width: 40%;
  height: 750px;
  background: #f4f4f4;
  padding: 60px 45px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  /* line 696, top.scss */
  .philosophyText {
    width: 100%;
    height: auto;
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 707, top.scss */
  .philosophyText__outer {
    color: #222;
  }
}
/* line 712, top.scss */
.philosophyText strong {
  font-size: 1.7rem;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  /* line 712, top.scss */
  .philosophyText strong {
    font-size: 1.4rem;
  }
}
/* line 719, top.scss */
.philosophyText p {
  padding-top: 1em;
  color: #222;
}
/* line 723, top.scss */
.philosophyText p.rightText--link {
  color: #750069;
}
/* line 728, top.scss */
.philosophyTitle {
  font-size: 1.5rem;
  font-weight: bold;
  color: #750069;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  /* line 728, top.scss */
  .philosophyTitle {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
/* line 738, 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 738, top.scss */
  .philosophySubtitle {
    font-size: 2.1rem;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
/* line 753, top.scss */
.philosophySubtitle span {
  font-size: 6rem;
  display: block;
}
@media only screen and (max-width: 768px) {
  /* line 753, top.scss */
  .philosophySubtitle span {
    font-size: 2.1rem;
    display: inline;
    padding-left: 0.5em;
  }
}

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

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

/* line 844, 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 844, top.scss */
  .friendsSquare__outer {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
  }
}
/* line 863, top.scss */
.friendsSquare__title__outer {
  padding-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  /* line 863, top.scss */
  .friendsSquare__title__outer {
    padding-bottom: 0;
    text-align: center;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 870, top.scss */
  .friendsSquare__title__outer img {
    width: 75%;
    height: auto;
  }
}
/* line 878, top.scss */
.friendsSquare__text {
  text-align: center;
  line-height: 2;
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  /* line 878, 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 891, top.scss */
  .friendsSquare__text br {
    display: none;
  }
}

/* line 905, top.scss */
.videoList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
/* line 907, top.scss */
.videoList li {
  width: 370px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  /* line 910, top.scss */
  .videoList li iframe {
    width: 100%;
    height: 260px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 917, top.scss */
  .videoList__text {
    font-size: 1.2rem;
  }
}

/* line 928, top.scss */
.bnrList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
/* line 930, top.scss */
.bnrList li {
  width: 580px;
  background: #f4f4f4;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  /* line 930, top.scss */
  .bnrList li {
    width: 100%;
    margin-bottom: 10px;
  }
}
/* line 938, top.scss */
.bnrList li a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  color: #000;
}
/* line 942, top.scss */
.bnrList li a figure {
  position: relative;
  overflow: hidden;
  width: 220px;
}
@media only screen and (max-width: 768px) {
  /* line 942, top.scss */
  .bnrList li a figure {
    width: 35%;
  }
}
/* line 949, top.scss */
.bnrList li a figure img {
  vertical-align: bottom;
  transition: all 0.2s linear;
}
@media only screen and (max-width: 768px) {
  /* line 949, top.scss */
  .bnrList li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* line 958, 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 972, 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 972, top.scss */
  .bnrList__text {
    padding: 20px 10px;
    width: auto;
  }
}
/* line 981, 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 981, top.scss */
  .bnrList__eng {
    font-size: 1.2rem;
  }
}
/* line 991, 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 991, top.scss */
  .bnrList__title {
    font-size: 1.3rem;
    padding-left: 10px;
    margin-left: 10px;
  }
}
/* line 1003, 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 1014, top.scss */
.bnrList li a:hover figure img {
  transform: scale(1.05);
}

/* line 1019, 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 1019, top.scss */
  .bnrArea {
    justify-content: flex-start;
  }
}
/* line 1027, top.scss */
.bnrArea__item {
  margin-right: 25px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  /* line 1027, top.scss */
  .bnrArea__item {
    width: 33.33%;
    margin: 0;
    padding: 0 5px 10px;
  }
}
/* line 1035, top.scss */
.bnrArea__item:nth-child(7n), .bnrArea__item:last-child {
  margin-right: 0;
}
/* line 1040, top.scss */
.bnrArea__item a:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 768px) {
  /* line 1044, top.scss */
  .bnrArea__item img {
    width: 100%;
    height: auto;
  }
}

/* line 1057, top.scss */
.snsArea {
  background: #e6e6e6;
}
@media only screen and (max-width: 768px) {
  /* line 1057, top.scss */
  .snsArea {
    display: none;
  }
}
/* line 1062, top.scss */
.snsArea .page__outer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
}
/* line 1064, top.scss */
.snsArea .page__outer.pc-hidden {
  display: none;
}
@media only screen and (max-width: 768px) {
  /* line 1062, top.scss */
  .snsArea .page__outer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
  }
  /* line 1069, top.scss */
  .snsArea .page__outer.pc-hidden {
    display: flex;
  }
  /* line 1072, top.scss */
  .snsArea .page__outer.sp-hidden {
    display: none;
  }
}
/* line 1076, top.scss */
.snsArea .page__outer .snsCard {
  width: 260px;
  margin: 0 20px;
}
@media only screen and (max-width: 768px) {
  /* line 1076, top.scss */
  .snsArea .page__outer .snsCard {
    width: 100%;
    margin: auto;
    padding: 10px 0;
    color: #fff !important;
  }
}
/* line 1087, top.scss */
.snsArea .page__outer .snsContents figure {
  padding-bottom: 1em;
}
/* line 1092, top.scss */
.snsArea a {
  text-decoration: none;
}
/* line 1094, top.scss */
.snsArea a h4 {
  color: #fff;
}
/* line 1098, top.scss */
.snsArea h3 {
  font-size: 5rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  /* line 1102, top.scss */
  .snsArea .twitter {
    background: #36aae3;
  }
}
/* line 1106, top.scss */
.snsArea .twitter h3 {
  color: #36aae3;
}
@media only screen and (max-width: 768px) {
  /* line 1106, top.scss */
  .snsArea .twitter h3 {
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1113, top.scss */
  .snsArea .facebook {
    background: #314e9e;
  }
}
/* line 1117, top.scss */
.snsArea .facebook h3 {
  color: #314e9e;
}
@media only screen and (max-width: 768px) {
  /* line 1117, top.scss */
  .snsArea .facebook h3 {
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1124, 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 1131, 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 1143, top.scss */
.snsArea .instagram h3 {
  color: #b8287f;
}
@media only screen and (max-width: 768px) {
  /* line 1143, top.scss */
  .snsArea .instagram h3 {
    color: #fff;
  }
}
/* line 1149, top.scss */
.snsArea .instagram__photo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
/* line 1151, top.scss */
.snsArea .instagram__photo li {
  width: 130px;
  height: 130px;
}
/* line 1154, top.scss */
.snsArea .instagram__photo li a:hover {
  opacity: 0.75;
}
/* line 1157, top.scss */
.snsArea .instagram__photo li img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
/* line 1170, top.scss */
.snsArea .line h3 {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  /* line 1170, top.scss */
  .snsArea .line h3 {
    color: #fff;
  }
}
/* line 1175, top.scss */
.snsArea .line h3 img {
  width: 44px;
  height: auto;
  vertical-align: middle;
}
/* line 1182, top.scss */
.snsArea h4 {
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  /* line 1182, top.scss */
  .snsArea h4 {
    font-size: 0.8rem;
  }
}

/* Foot Banner
----------------------------------------------------------- */
/* line 1194, top.scss */
.footBnr {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}
/* line 1200, top.scss */
.footBnr a {
  display: block;
  position: relative;
  transition: all 0.3s ease;
}
/* line 1204, top.scss */
.footBnr a:hover {
  opacity: 0.85;
}
/* line 1208, 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 1208, top.scss */
  .footBnr__bg {
    height: 36px;
  }
}
/* line 1219, top.scss */
.footBnr__img {
  position: absolute;
  bottom: 0;
  height: 96px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  /* line 1219, top.scss */
  .footBnr__img {
    height: 54px;
  }
}
/* line 1228, top.scss */
.footBnr__img img {
  height: 100%;
  width: auto;
}

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

/* special Banner
----------------------------------------------------------- */
/* line 1245, top.scss */
.spBnr {
  margin: 50px auto -25px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  /* line 1245, top.scss */
  .spBnr {
    margin: 30px auto -20px;
    width: 100%;
    padding: 0 20px;
  }
}
/* line 1253, 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 1253, top.scss */
  .spBnr .col-2 {
    width: 100%;
  }
}
/* line 1260, top.scss */
.spBnr .col-2 li {
  width: 49%;
  margin: 0 0 20px;
}
/* line 1265, top.scss */
.spBnr .col-2 li:hover {
  opacity: 0.8;
}
/* line 1268, top.scss */
.spBnr .col-2 li img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
/* line 1276, top.scss */
.spBnr a:hover {
  opacity: 0.8;
}
/* line 1280, top.scss */
.spBnr img {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  /* line 1280, top.scss */
  .spBnr img {
    width: 100%;
    height: auto;
  }
}

/* SPLASH CONTENTS
----------------------------------------------------------- */
/* line 1293, 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 1303, 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 1312, 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 1312, top.scss */
  .overlay_area .overlay .overlay_cont .overlay_close {
    height: 40px;
  }
}
/* line 1320, top.scss */
.overlay_area .overlay .overlay_cont .overlay_close img {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 768px) {
  /* line 1320, top.scss */
  .overlay_area .overlay .overlay_cont .overlay_close img {
    width: 40px;
    height: 40px;
  }
}
/* line 1329, 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 1329, top.scss */
  .overlay_area .overlay .overlay_cont .overlay_img {
    width: 90%;
  }
}
/* line 1337, 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 1337, top.scss */
  .overlay_area .overlay .overlay_cont .overlay_img img {
    max-height: calc( 100vh - 40px - 30px);
  }
}

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