:root {
  --default-font: "Noto Sans JP", sans-serif;
  --flame-size: 62.5em;
  --yellow: #fdd000;
  --blue: #171f55;
  --orange: #c9a063;
  --light-blue: #00afec;
  --red: red;
  --pale-blue: #a7a8b6;
  --shallow-blue: #454c77;
  --deep-blue: #0f1023;
  --gray: #333;
  --light-gray: #dcdcdc;
  --dark-gray: #eee;
  --white: #fff;
  --button-color: #ccc;
  --table-even: #e7e8ee;
  --table-odd: #d1d2dd;
  --cursive: "Alfa Slab One", "Noto Sans JP", cursive;
  --bg-camouflage: url(/wp/wp-content/themes/griffins/asset/images/bg-blue.png)
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
  line-sizing: normal
}

body {
  margin: 0
}

h1 {
  margin: .67em 0;
  font-size: 2rem
}

h2 {
  font-size: 1.5rem
}

h3 {
  font-size: 1.17rem
}

h4 {
  font-size: 1rem
}

h5 {
  font-size: .83rem
}

h6 {
  font-size: .67rem
}

pre {
  white-space: pre-wrap
}

hr {
  height: 0;
  overflow: visible;
  color: inherit;
  border-style: solid;
  border-width: 1px 0 0
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  max-width: 100%
}

canvas,
img,
svg,
video {
  height: auto
}

audio {
  width: 100%
}

img {
  border-style: none
}

svg {
  overflow: hidden
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

body,
html {
  overflow-x: hidden;
  font-family: Noto Sans JP, sans-serif;
  font-family: var(--default-font);
  color: var(--font-color);
  letter-spacing: .05em;
  background: no-repeat
}

a {
  color: inherit;
  text-decoration: none
}

ol,
ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.header-block {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.site-title {
  margin: 0 auto 0 0
}

.nav {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1000;
  width: 12.5rem;
  background-color: #171f55;
  background-color: var(--blue);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.js_menu-open .nav {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.menu-button {
  position: absolute;
  right: 100%;
  width: 3.125rem;
  height: 3.125rem;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
  background-color: #fdd000;
  background-color: var(--yellow);
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.menu-button>._line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 2em;
  height: 2px;
  margin: auto;
  background-color: #171f55;
  background-color: var(--blue);
  -webkit-transition: inherit;
  transition: inherit
}

.menu-button>._line:after,
.menu-button>._line:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: inherit;
  -webkit-transition: inherit;
  transition: inherit
}

.menu-button>._line:before {
  top: -10px
}

.menu-button>._line:after {
  top: 10px
}

.menu-button[aria-expanded=true]>._line {
  background-color: transparent
}

.menu-button[aria-expanded=true]>._line:after,
.menu-button[aria-expanded=true]>._line:before {
  top: 0;
  background-color: #171f55;
  background-color: var(--blue)
}

.menu-button[aria-expanded=true]>._line:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.menu-button[aria-expanded=true]>._line:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.global-navigation,
.gnav-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.gnav-list>._item {
  position: relative
}

.gnav-list>.-about-info,
.gnav-list>.-obog,
.gnav-list>.-parents {
  display: list-item
}

.gnav-item:hover>.gnav-second,
.gnav-item>._link {
  display: block
}

.gnav-second:before {
  position: absolute;
  bottom: 100%;
  left: 3.125rem;
  width: 0;
  height: 0
}

.icon-menu {
  display: -webkit-box;
  display: flex;
  justify-content: space-around
}

.breadcrumb-line {
  display: none;
  max-width: 62.5em;
  max-width: var(--flame-size);
  margin: .625rem auto
}

.breadcrumb-item>._angle {
  margin: 0 .5em 0 .25em
}

.two-col>.main-block {
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 2;
  order: 1;
  max-width: 46.25rem;
  overflow: hidden
}

.-member .two-col>.main-block {
  flex-shrink: 1;
  -webkit-box-ordinal-group: 1;
  order: 0;
  max-width: 41.875rem
}

.info-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: -.75em
}

.info-box>._icon {
  margin-right: .5em
}

.info-item {
  margin-right: 1em;
  text-transform: uppercase
}

.contents-block.-child-content {
  margin-bottom: 3.125rem
}

.contents-block>._inner {
  padding: 1px 0;
  margin: auto 4%
}

.contact-info,
.page-contents,
.share-box {
  margin-right: 3.6231884%;
  margin-left: 3.6231884%
}

.contact-info {
  margin-top: 2.5rem
}

.contact-info>._title {
  margin: 1.25em 0
}

.contact-info>._sub-title {
  margin: 2em 0 1em
}

.contact-info>._list>._item>._link>._caret,
.contact-info>._sub-title>._icon {
  margin-right: .5em
}

.share-box {
  margin-top: 2.5rem
}

.share-box>._text {
  position: relative
}

.share-box>._text:after,
.share-box>._text:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  margin: auto
}

.share-box>._text:before {
  width: 100%;
  height: 1px
}

.share-box>._text:after {
  width: 12em
}

.share-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 2.375rem;
  color: #00afec;
  color: var(--light-blue)
}

.share-list>._item:not(:last-of-type) {
  margin-right: 1.875rem
}

.page-contents {
  margin-top: 2.1875rem
}

.page-contents>:first-child {
  margin-top: 0
}

.page-contents ._thumb {
  margin-bottom: 0
}

.page-contents>.information-title,
.page-contents h1 {
  margin-right: -3.6231884%;
  margin-left: -3.6231884%
}

.contents-link>._item {
  position: relative;
  height: 0
}

.contents-link>._item>._link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: auto
}

.carousel-item>._image {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%
}

.news-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -1.25rem -1rem 0
}

.news-item {
  width: 44.52054794%;
  margin: 1rem 1.25rem 1rem 0
}

.-news .news-item {
  width: 100%
}

.news-link {
  display: block
}

.news-link>._title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.news-info {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden
}

.news-info>._date {
  position: absolute;
  bottom: 0;
  left: 0
}

.news-info>._image {
  width: 100%
}

.news-info>.news-badge {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block
}

.news-info>.news-badge:after {
  position: absolute;
  top: 0;
  left: 100%;
  display: inline-block
}

.game-list>._item {
  margin-bottom: .9375rem
}

.game-list.-archive {
  display: block;
  margin: auto
}

.game-list.-archive>._item:last-of-type {
  margin-bottom: 1.875rem
}

.game-item>._situation {
  position: relative;
  display: block;
  margin: 0 -1.875rem
}

.game-item>._detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse
}

.page-contents .game-item>._header {
  margin: 0 -1.875rem
}

.game-situation>:first-child {
  margin-top: 0
}

.game-situation>._arrow {
  position: absolute;
  top: 0;
  right: 1.25rem;
  bottom: 0;
  width: 1.25em;
  height: 1.25em;
  padding: .0625em .0625em .0625em .1875em;
  margin: auto;
  font-size: 1.25em;
  border: 3px solid;
  border-radius: 50%
}

.game-score,
.team-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.game-score>._details,
.game-score>._left,
.game-score>._right,
.game-score>._situation,
.team-info>._details,
.team-info>._left,
.team-info>._right,
.team-info>._situation {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 33.33333333%;
  margin: 0
}

.game-score>._situation,
.team-info>._situation {
  -webkit-box-ordinal-group: 2;
  order: 1
}

.game-score>._right,
.team-info>._right {
  -webkit-box-ordinal-group: 3;
  order: 2
}

.game-score>._left,
.team-info>._left {
  -webkit-box-ordinal-group: 1;
  order: 0
}

.game-score>._details,
.team-info>._details {
  height: 2.875rem
}

.game-score {
  -webkit-box-align: center;
  align-items: center;
  margin: 1.25rem 0 .9375rem
}

.page-contents .game-score {
  margin: 1.875rem 0 .625rem
}

.game-score p {
  margin: 0
}

.game-score>._text {
  width: 100%
}

.game-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.game-details>._detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

.game-details>._detail>._left:after {
  content: "-"
}

.information-title {
  margin-top: 0
}

.information-item {
  margin-top: 1.25rem
}

.information-item> {
  display: inline-block;
  width: 100%
}

.information-link {
  display: block;
  width: 100%
}

.information-link>._text>._caret {
  margin-right: .25em
}

.category-list {
  display: -webkit-box;
  display: flex
}

.category-item {
  margin: 0 .625rem 0 0
}

.category-link {
  display: block
}

.category-link>._title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.select-box {
  margin-bottom: 1.5625rem
}

.select-year {
  position: relative;
  margin-bottom: 1.25rem
}

.select-year.js_select>._list {
  display: block
}

.select-year>._selected {
  position: relative;
  margin: 0
}

.select-year>._selected>._angle {
  position: absolute;
  top: 0;
  right: 4.34782609%;
  bottom: 0;
  margin: auto
}

.year-text{
    font-size: 1rem;
    letter-spacing: 1px;
    margin: 0 0 0 5px;
}

.select-list {
  position: absolute;
  top: 100%;
  z-index: 100;
  display: none;
  width: 100%
}

.select-month {
  position: relative
}

.select-month:after,
.select-month:before,
.select-month>._controller {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto
}

.select-month:after,
.select-month:before {
  display: block;
  width: 2em;
  content: ""
}

.select-month:before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(left, #fff 50%, hsla(0, 0%, 100%, 0));
  background: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0))
}

.select-month:after {
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), to(hsla(0, 0%, 100%, 0)));
  background: -webkit-linear-gradient(right, #fff 50%, hsla(0, 0%, 100%, 0));
  background: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0))
}

.select-month>._controller {
  z-index: 100;
  font-size: 1.25rem;
  color: #00afec;
  color: var(--light-blue);
  text-shadow: 0 0 1px #fff;
  text-shadow: 0 0 1px var(--white)
}

.select-month:before,
.select-month>._controller._backward {
  left: -1px
}

.select-month:after,
.select-month>._controller._forward {
  right: -1px
}

.month-box {
  overflow-y: auto
}

.month-list {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  width: calc(200% + 2em);
  padding: 0 1em;
  margin-bottom: 1.25rem
}

.game-detail>._title {
  margin: 0
}

.contents-block [data-status] {
  display: none
}

.contents-block[data-view_status=coaches] [data-status=coaches],
.contents-block[data-view_status=players] [data-status=players],
.contents-block[data-view_status=staff] [data-status=staff] {
  display: -webkit-box;
  display: flex
}

.aside-block {
  margin-top: 3.75rem
}

.-member .aside-block {
  flex-shrink: 0
}

.menu-item>._text {
  display: block;
  margin-left: 4px
}

.footer-block {
  position: relative
}

.banner-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.625rem -.625rem 0
}

.banner-list>._item {
  width: calc(50% - .625rem);
  margin: 0 .625rem .625rem 0
}

.menu-list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  flex-wrap: wrap;
  height: 12rem;
  margin: 2.5rem -12rem 2.5rem 0
}

.sns-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 1.25rem 0
}

.sns-list>._item:not(:last-of-type) {
  margin-right: 1.25rem
}

.copyright-line {
  display: block
}

.header-block {
  padding: 0 4%;
  background-color: #171f55;
  background-color: var(--blue)
}

.site-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 3.125rem;
  font-weight: 500
}

.site-title>._link {
  font-size: .4375rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  color: var(--white)
}

.site-title>._link>._image {
  width: auto;
  height: 1rem;
  margin-top: .4375rem
}

.gnav-item {
  color: #fdd000;
  color: var(--yellow)
}

.gnav-item>._link {
  line-height: 1;
  text-transform: uppercase
}

.gnav-list>.gnav-item>._link {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1.25rem .9375rem 1.25rem 1.25rem;
  font-size: .9375rem;
  font-weight: 600;
  border: solid #fdd000;
  border: var(--yellow) solid;
  border-width: 0 0 1px
}

.gnav-second>.gnav-item>._link {
  padding: 1rem 1.25rem;
  font-size: .875rem;
  color: #fdd000;
  color: var(--yellow);
  letter-spacing: .025em;
  background-color: #454c77;
  background-color: var(--shallow-blue);
  border-bottom: 1px solid #fdd000;
  border-bottom: 1px solid var(--yellow)
}

.gnav-second>.gnav-item>._link>._angle {
  display: none
}

.gnav-second>.gnav-item>._link>._caret {
  margin-right: .5em
}

.icon-item {
  padding: .9375rem 0;
  color: #fdd000;
  color: var(--yellow)
}

.icon-item>._link {
  display: block;
  padding: .5rem 0;
  font-size: .875rem;
  line-height: 1
}

.icon-text {
  display: none;
  visibility: hidden
}

.breadcrumb-item {
  font-size: .875rem;
  color: #0f1023;
  color: var(--deep-blue)
}

.breadcrumb-item>._link {
  color: #00afec;
  color: var(--light-blue)
}

.breadcrumb-item:nth-of-type(-n+2)>._link,
.breadcrumb-item:nth-of-type(-n+2)>._text {
  text-transform: uppercase
}

.carousel-item ._image {
  background-position: 50%;
  background-size: cover
}

.news-link {
  color: #171f55;
  color: var(--blue);
  border: 1px solid
}

.news-link>._title {
  padding: 0 .375rem;
  font-size: .75rem
}

.news-link>._title>.-ellipsis {
  width: 90%
}

.news-info>._date {
  padding: .3125em 1em;
  background-color: #00afec;
  background-color: var(--light-blue)
}

.news-badge,
.news-info>._date {
  font-size: .625em;
  color: #fff;
  color: var(--white)
}

.news-badge {
  padding: .3125em .5em .3125em 1em;
  font-weight: 600;
  text-transform: uppercase;
  background-color: red;
  background-color: var(--red)
}

.news-badge:after {
  content: "";
  border-color: red transparent transparent;
  border-left: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 1.4375em solid transparent;
  border-top: 2.125em solid var(--red)
}

.news-info>.news-badge:after {
  width: 0;
  height: 0
}

.game-list.-archive>._item {
  position: relative;
  width: 100%;
  overflow: hidden
}

.game-list.-archive>._item:after,
.game-list.-archive>._item:before {
  position: absolute;
  bottom: -38px;
  z-index: 1;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  content: "";
  background-color: #fff;
  background-color: var(--white);
  border-top: 1px solid #171f55;
  border-top: 1px solid var(--blue)
}

.game-list.-archive>._item:before {
  left: -38px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.game-list.-archive>._item:after {
  right: -38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.game-item {
  padding: 0 1.5625rem;
  overflow: hidden;
  color: #333;
  color: var(--gray);
  background-image: -webkit-linear-gradient(135deg, transparent 1rem, #fff 1.0625rem), -webkit-linear-gradient(45deg, transparent 1rem, #fff 1.0625rem);
  background-image: -webkit-linear-gradient(135deg, transparent rem(16px), #fff rem(17px)), -webkit-linear-gradient(45deg, transparent rem(16px), #fff rem(17px));
  background-image: linear-gradient(315deg, transparent 1rem, #fff 1.0625rem), linear-gradient(45deg, transparent 1rem, #fff 1.0625rem);
  background-image: -webkit-linear-gradient(135deg, transparent 1rem, var(--white) 1.0625rem), -webkit-linear-gradient(45deg, transparent 1rem, var(--white) 1.0625rem);
  background-image: -webkit-linear-gradient(135deg, transparent rem(16px), var(--white) rem(17px)), -webkit-linear-gradient(45deg, transparent rem(16px), var(--white) rem(17px));
  background-image: linear-gradient(315deg, transparent 1rem, var(--white) 1.0625rem), linear-gradient(45deg, transparent 1rem, var(--white) 1.0625rem);
  background-repeat: no-repeat;
  background-position: 100% 100%, 0 100%;
  background-size: 50% 100%
}

.page-contents .game-item {
  padding: 0 3.90625%
}

.-archive .game-item {
  position: relative;
  padding-bottom: 0;
  border: 1px solid #171f55;
  border: 1px solid var(--blue)
}

.game-item>._situation {
  padding: .6875rem;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  color: var(--white);
  text-align: center;
  background-color: #00afec;
  background-color: var(--light-blue)
}

.-archive .game-item>._situation {
  padding: .0625rem .9375rem .5rem
}

.-archive .game-item>._situation>._date {
  font-weight: 400
}

.page-contents .game-item>._header {
  padding: 1px 0 1em;
  background-color: #171f55;
  background-color: var(--blue)
}

.game-item>._header>._title {
  margin: .625rem;
  font-size: .8125rem;
  font-weight: 600;
  text-align: center
}

.page-contents .game-item>._header>._title {
  padding-left: 0;
  color: #fff;
  color: var(--white);
  border: none
}

.game-item>._header>._date {
  display: block;
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 1.0625rem;
  text-align: center
}

.page-contents .game-item>._header>._date {
  color: #fff;
  color: var(--white)
}

.game-item>._header>._date.-undecided {
  margin: 0;
  font-weight: 600
}

.page-contents .game-item>._detail {
  background-color: #fff;
  background-color: var(--white)
}

.game-item>._place {
  position: relative;
  display: block;
  padding: .625rem 0;
  margin: 1.25rem auto;
  font-size: .8125rem;
  font-weight: 500;
  color: #171f55;
  color: var(--blue);
  text-align: center;
  border: 3px solid;
  border-radius: 2.5rem
}

.page-contents .game-item>._place {
  margin: 1.25rem auto;
  color: inherit
}

.game-item>._place>._marker {
  margin-right: .5em
}

.team-info {
  font-size: .75rem;
  font-weight: 600
}

.team-info>._left,
.team-info>._right {
  padding: 1em;
  overflow: hidden;
  color: #171f55;
  color: var(--blue);
  text-align: center;
  background-color: #fdd000;
  background-color: var(--yellow)
}

.game-score {
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive)
}

.game-score>._left,
.game-score>._right {
  font-size: 2.625rem;
  color: #171f55;
  color: var(--blue);
  letter-spacing: .025em
}

.game-score>._text {
  font-size: 1.875rem;
  color: #c9a063;
  color: var(--orange);
  text-align: center
}

.game-details>._detail {
  font-size: 1.125rem
}

.game-details:after {
  display: block;
  -webkit-box-ordinal-group: 2;
  order: 1;
  width: calc(100% + 1rem);
  height: 1px;
  margin: 0 -.5rem;
  content: "";
  background-color: #333;
  background-color: var(--gray)
}

.game-first {
  -webkit-box-ordinal-group: 1;
  order: 0
}

.game-latter {
  -webkit-box-ordinal-group: 3;
  order: 2
}

.contents-link>._item {
  padding-bottom: 47.22222222%;
  background-position: 50%;
  background-size: cover
}

.contents-link>.-team {
  background-image: url(/wp/wp-content/themes/griffins/asset/images/bg-team.jpg)
}

.contents-link>.-recruit {
  background-image: url(/wp/wp-content/themes/griffins/asset/images/bg-recruit.jpg)
}

.contents-link>._item>._link {
  padding: 0 2.75% 0 8.25%;
  color: #fff;
  color: var(--white);
  -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .75));
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, .75))
}

.contents-link>._item>._link>._angle {
  font-size: 1.875rem
}

.contents-block.-game {
  background-image: url(/wp/wp-content/themes/griffins/asset/images/bg-blue.png);
  background-image: var(--bg-camouflage);
  background-size: cover
}

.contents-block.-banner {
  background-color: #eee;
  background-color: var(--dark-gray)
}

.info-box {
  font-size: .75rem
}

.info-box>._tag {
  padding: 0;
  font-weight: 400
}

.info-box>._badge {
  color: red;
  color: var(--red);
  text-transform: uppercase
}

.tag-item {
  list-style: none
}

.tag-item>._link {
  color: inherit
}

.contact-info,
.page-contents,
.share-box {
  color: #333;
  color: var(--gray)
}

.contact-info>._title {
  padding-bottom: .25em;
  font-size: 1.0625rem;
  color: #171f55;
  color: var(--blue);
  border-bottom: 1px solid #00afec;
  border-bottom: 1px solid var(--light-blue)
}

.contact-info>._sub-title {
  font-size: .875rem;
  color: #171f55;
  color: var(--blue)
}

.contact-info>._list,
.contact-info a {
  color: #00afec;
  color: var(--light-blue)
}

.contact-info p:not([class]) {
  font-size: .8125rem
}

.share-box>._text {
  text-align: center
}

.share-box>._text:after,
.share-box>._text:before {
  content: ""
}

.share-box>._text:before {
  background-color: #ccc
}

.share-box>._text:after {
  background-color: #fff
}

.page-contents>.information-title,
.page-contents h1 {
  padding: .4375rem 0 .4375rem .625rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #171f55;
  color: var(--blue);
  background-color: #fdd000;
  background-color: var(--yellow);
  border: solid #171f55;
  border: var(--blue) solid;
  border-width: 0 0 .125rem .3125rem
}

.page-contents h2 {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #171f55;
  color: var(--blue);
  border-bottom: 2px solid
}

.page-contents h3 {
  padding: .25rem 0 .375rem .5rem;
  font-size: 1.25rem;
  color: #171f55;
  color: var(--blue);
  border-left: .5rem solid #00afec;
  border-left: .5rem solid var(--light-blue)
}

.page-contents ul {
  padding-left: 1.5em;
  font-weight: 700;
  list-style: disc
}

.page-contents a {
  color: #00afec;
  color: var(--light-blue)
}

.page-contents p:not([class]) {
  font-size: .8125rem
}

.page-contents table {
  width: 100%;
  word-wrap: break-word;
  border-spacing: 0
}

.page-contents table td,
.page-contents table th {
  padding: .5em
}

.page-contents table th {
  min-width: 8.75rem;
  color: #171f55;
  color: var(--blue);
  text-align: left;
  vertical-align: top
}

.page-contents table td {
  font-size: .75rem
}

.page-contents>._thumb>._image {
  width: 100%
}

.page-contents .link-block {
  color: #171f55;
  color: var(--blue)
}

.page-contents .link-block>._link {
  color: inherit
}

.information-item {
  padding-bottom: 1.25rem;
  color: #333;
  color: var(--gray);
  border-bottom: 1px dotted #aaa
}

.information-link {
  font-size: .8125rem
}

.information-link>._date {
  padding-right: 1em;
  color: #333;
  color: var(--gray)
}

.information-link>._text {
  color: #00afec;
  color: var(--light-blue)
}

.category-link {
  border: 1px solid #171f55;
  border: 1px solid var(--blue)
}

.category-link>._title {
  padding: 0 .5rem;
  margin: .83333em 0;
  font-size: .75rem;
  font-weight: 600
}

.category-link>._title>.-ellipsis {
  width: 90%
}

.category-link>._title>._angle {
  font-size: 1.25em
}

.select-year {
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 1.5625rem;
  color: #fff;
  color: var(--white);
  text-align: center;
  letter-spacing: .075em
}

.select-year>._selected {
  padding: .5em
}

.select-list,
.select-year>._selected {
  background-color: #171f55;
  background-color: var(--blue)
}

.select-list {
  color: #fff;
  color: var(--white);
  cursor: pointer
}

.select-list>._item {
  border-top: 1px solid #fdd000;
  border-top: 1px solid var(--yellow)
}

.select-list>._item>._link {
  display: block;
  padding: .5em
}

.month-list {
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 2.5rem;
  line-height: 1;
  color: #171f55;
  color: var(--blue);
  list-style: none;
  border-bottom: 2px solid
}

.month-list>._item:after {
  display: block;
  width: .5rem;
  height: 0;
  margin: auto;
  content: "";
  border-bottom: .5rem solid;
  -webkit-transform: translateY(.3125rem);
  transform: translateY(.3125rem)
}

.month-list>.-none {
  color: #a7a8b6;
  color: var(--pale-blue)
}

.month-list>.-current {
  color: #00afec;
  color: var(--light-blue)
}

.month-list>.-current:after {
  width: 200%;
  -webkit-transform: translate(-25%, 5px);
  transform: translate(-25%, 5px)
}

.month-list>.-exist:hover {
  color: #fdd000;
  color: var(--yellow)
}

.team-header {
  margin-bottom: 2.5rem
}

.team-pages {
  display: -webkit-box;
  display: flex;
  margin: 0 -4%;
  border-bottom: 6px solid #00afec;
  border-bottom: 6px solid var(--light-blue)
}

.team-pages>._item {
  width: 50%
}

.pages-item {
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: .075em
}

.pages-item>._link {
  display: block;
  padding: .75rem 0;
  color: #171f55;
  color: var(--blue);
  text-align: center
}

.pages-item>.-active {
  color: #fdd000;
  color: var(--yellow);
  background-color: #171f55;
  background-color: var(--blue)
}

.status-list {
  display: -webkit-box;
  display: flex;
  margin: 0 -4%
}

.status-list>._item:not(:first-of-type) {
  margin-left: .3125rem
}

.status-item {
  width: 33.33333333%
}

.status-item>._button {
  width: 100%;
  height: 100%;
  padding: .25rem;
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: .9375rem;
  color: #fff;
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: .075em;
  cursor: pointer;
  background-color: #ccc;
  background-color: var(--button-color);
  border: none;
  outline: none
}

.position-buttons {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 1.5625rem 0 0;
  color: #171f55;
  color: var(--blue)
}

.position-buttons>._item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 15%;
  margin-bottom: .625rem
}

.position-box {
  margin: 0 -4%;
  overflow-y: scroll
}

.position-item {
  margin: 0 .5em
}

.position-item>._button {
  font: inherit;
  font-size: .9375rem;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: none
}

.position-item>._button:hover {
  color: #00afec;
  color: var(--light-blue)
}

.position-item>._button>._caret {
  margin-right: .125em
}

[data-view_status=coaches] [data-set_status=coaches]._button,
[data-view_status=players] [data-set_status=players]._button,
[data-view_status=staff] [data-set_status=staff]._button {
  background-color: #00afec;
  background-color: var(--light-blue)
}

.position-list {
  margin: -3.125rem 0 0;
  overflow: hidden
}

.position-list>._item {
  margin: 0;
  overflow: hidden;
  border: 1px solid #171f55;
  border: 1px solid var(--blue)
}

.position-list>._item:not(:last-of-type) {
  margin-bottom: 1.25rem
}

.position-title {
  margin-top: 3.125rem
}

.position-name {
  width: 100%;
  padding-bottom: 2rem;
  margin: 0;
  color: #171f55;
  color: var(--blue)
}

.position-name>._abbreviation {
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 1.875rem;
  text-transform: uppercase;
  letter-spacing: .075em;
  border-bottom: 1px solid #171f55;
  border-bottom: 1px solid var(--blue)
}

.position-name>._en,
.position-name>._ja {
  margin: 0
}

.position-name>._ja {
  padding-top: .25em;
  font-size: 1rem;
  font-weight: 900
}

.position-name>._en {
  font-size: 1rem;
  font-weight: 500;
  text-transform: capitalize
}

.position-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.position-item>._detail {
  width: 100%;
  max-height: 0;
  -webkit-transition: max-height .5s;
  transition: max-height .5s
}

.position-item>._header>._profile>._minus {
  display: none
}

.position-item.js_select>._header>._profile>._minus {
  display: block
}

.position-item.js_select>._detail {
  max-height: 600px;
  -webkit-transition: max-height .6s;
  transition: max-height .6s
}

.profile-header {
  display: -webkit-box;
  display: flex;
  -webkit-transition: opacity .1s;
  transition: opacity .1s
}

.profile-header:hover {
  opacity: .8
}

.profile-header>._image {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 40%
}

.profile-header>._image>._plus {
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.25rem
}

.profile-header>._profile {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 60%;
  padding: 0 1.25rem;
  color: #fff;
  color: var(--white);
  cursor: pointer;
  background-color: #171f55;
  background-color: var(--blue)
}

.profile-header>._profile>._minus,
.profile-header>._profile>._plus {
  position: absolute;
  right: .5rem;
  bottom: .5rem
}

.profile-item {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0
}

.profile-item>._en,
.profile-item>._grade,
.profile-item>._ja {
  width: 100%
}

.profile-item>._ja {
  -webkit-box-ordinal-group: 4;
  order: 3;
  font-size: 1.25rem
}


.profile-item>._en {
  -webkit-box-ordinal-group: 5;
  order: 4;
  margin: 0;
  font-size: .625rem
}

.profile-item>._number {
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 1rem 0 0;
  font-size: .9375rem
}

.profile-item>._position {
  -webkit-box-ordinal-group: 3;
  order: 2;
  margin: 0;
  font-size: .9375rem
}

.profile-item>._grade {
  -webkit-box-ordinal-group: 6;
  order: 5;
  margin: 1rem 0 0;
  font-size: 1rem;
  text-transform: uppercase
}

.profile-detail {
  padding: 1.5625rem;
  margin: 0;
  font-size: .8125rem
}

.profile-detail>._holiday,
.profile-detail>._inscription,
.profile-detail>._school {
  font-weight: 600;
  color: #171f55;
  color: var(--blue)
}

.profile-detail>._inscription,
.profile-detail>._school,
.profile-detail>._holiday{
  float: left
}

.profile-detail>._detail {
  margin: 0;
  color: #333;
  color: var(--gray)
}

.profile-detail>._detail {
  min-height: 1em;
  margin-bottom: 1em;
  margin-left: 8.5em
}

.game-detail {
  margin-bottom: 2.1875rem;
  font-weight: 500;
  background-color: #171f55;
  background-color: var(--blue)
}

.game-detail>._title {
  padding: 1em 0;
  font-size: .8125rem;
  font-weight: 500;
  color: #fff;
  color: var(--white);
  text-align: center;
  border: none
}

.game-detail>._table {
  table-layout: fixed;
  border: solid #fff;
  border: var(--white) solid;
  border-width: 1px 0
}

.game-detail>._table tr:nth-of-type(2n) {
  background-color: #e7e8ee;
  background-color: var(--table-even)
}

.game-detail>._table tr:nth-of-type(odd) {
  background-color: #d1d2dd;
  background-color: var(--table-odd)
}

.game-detail>._table td,
.game-detail>._table th {
  padding: .625rem 0
}

.game-detail>._table th {
  font-size: .8125rem;
  font-weight: 500;
  color: #fdd000;
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  background-color: #171f55;
  background-color: var(--blue)
}

.game-detail>._table tr :not(:first-of-type) {
  border-left: 1px solid #fff;
  border-left: 1px solid var(--white)
}

.point-board col {
  width: 12.5%
}

.point-board col:first-of-type {
  width: 20.3125%
}

.point-board col:nth-of-type(7) {
  width: 16.25%
}

.point-board td,
.point-board th {
  min-width: 1px;
  text-align: center
}

.point-board td:not(:first-child) {
  font-size: .8125rem;
  font-weight: 900
}

.point-board td:first-of-type {
  overflow: hidden
}

.detail-board col:first-of-type {
  width: 12.5%
}

.detail-board col:nth-of-type(2) {
  width: 17.1875%
}

.detail-board col:nth-of-type(3) {
  width: 20.3125%
}

.detail-board col:nth-of-type(4) {
  width: 49.53125%
}

.detail-board td:nth-of-type(-n+2) {
  padding-right: 0;
  padding-left: 0;
  text-align: center
}

.detail-board td:nth-of-type(n+3) {
  padding-left: .5em
}

.position-field {
  padding: 0 6.66666666%
}

.position-field>._board {
  background: url(/wp/wp-content/themes/griffins/asset/images/court.png) no-repeat;
  background-size: contain
}

.position-board {
  position: relative;
  height: 0;
  padding-bottom: 172.66666666%
}

.position-board>._defense,
.position-board>._offense {
  position: absolute;
  display: block;
  width: 100%;
  padding: .8125rem 0;
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 1.25rem;
  color: #fff;
  color: var(--white);
  text-align: center;
  text-transform: uppercase
}

.position-board>._offense {
  top: 0
}

.position-board>._defense {
  bottom: 0
}

.position-button {
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: none
}

.position-button>._icon {
  width: auto;
  height: 2.875rem
}

.staff-list {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  margin-top: .9375rem
}

.position-table>._item {
  position: absolute
}

.aside-menu {
  color: #fff;
  color: var(--white);
  background-color: #0f1023;
  background-color: var(--deep-blue)
}

.menu-item>._text {
  padding: .9375rem 0 .9375rem 12px;
  font-size: .9375rem;
  background-color: #171f55;
  background-color: var(--blue);
  border-left: 4px solid #fdd000;
  border-left: 4px solid var(--yellow)
}

.menu-child>._item {
  border-top: 1px solid #171f55;
  border-top: 1px solid var(--blue)
}

.child-item>._link {
  display: block;
  padding: .625rem .625rem .625rem 1.875rem;
  font-size: .75rem;
  text-indent: -.625rem
}

.child-item.-active>._link,
.child-item:hover>._link {
  background-color: #00afec;
  background-color: var(--light-blue)
}

.child-item>._link>._caret {
  margin-right: .5em
}

.footer-block {
  color: #fff;
  color: var(--white);
  background-color: #171f55;
  background-color: var(--blue)
}

.copyright-line {
  padding: 1.25rem 0;
  font-size: .625rem;
  color: #fff;
  color: var(--white);
  text-align: center;
  background-color: #0f1023;
  background-color: var(--deep-blue)
}

.menu-list {
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase
}

.menu-item>._link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 2em
}

.menu-item>._link>._angle,
.menu-item>._link>._caret {
  margin-right: .25em;
  font-size: 1.25em
}

.menu-second {
  padding-left: 1.25rem;
  font-size: .77777em
}

.sns-item>._link {
  font-size: 1.625rem
}

.sns-text {
  display: none;
  visibility: hidden
}

.banner-list {
  padding: 2.1875rem 0
}

.page-title {
  margin: 2.1875rem 0;
  font-family: Alfa Slab One, Noto Sans JP, cursive;
  font-family: var(--cursive);
  font-size: 2.1875rem;
  line-height: 1;
  color: #171f55;
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .075em
}

.page-title.-reversal {
  color: #fff;
  color: var(--white)
}

.-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.link-block {
  margin: 3.125em auto;
  text-align: center
}

.link-block>._link {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 72%;
  padding: .83333em 1.25em;
  margin: auto;
  font-size: .9375em;
  font-weight: 900;
  color: #171f55;
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
  border: 3px solid;
  border-radius: 2.5rem
}

.link-block>._link:before {
  display: block;
  width: .5em;
  content: ""
}

.link-block.-reversal>._link {
  color: #fff;
  color: var(--white);
  background-color: #171f55;
  background-color: var(--blue);
  border-color: #fff;
  border-color: var(--white)
}

.js_open {
  overflow: hidden
}

.row-wrapper {
  display: block
}

.to_top {
  position: fixed;
  right: .625rem;
  bottom: .625rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  padding-bottom: .25rem;
  font-size: 1.5rem;
  visibility: hidden;
  background-color: #00afec;
  background-color: var(--light-blue);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: visibility .1s, opacity .1s;
  transition: visibility .1s, opacity .1s
}

.to_top.-show {
  visibility: visible;
  opacity: 1
}

.__sd {
  display: block
}

.__ld {
  display: none
}

.slick-dotted {
  position: relative
}

.slick-dots {
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

.slick-dots>li>button {
  display: block;
  width: .75rem;
  height: .75rem;
  padding: 0;
  margin: .75rem .3125rem;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  background-color: #dcdcdc;
  background-color: var(--light-gray);
  border: 0;
  border-radius: 50%
}

.slick-dots>.slick-active>button {
  background-color: #00afec;
  background-color: var(--light-blue)
}

.pagination-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 2.1875rem
}

.pagination-list>._item {
  margin: 0 .125rem;
  color: #171f55;
  color: var(--blue);
  border: 1px solid
}

.pagination-list>._item._arrow {
  margin: 0 .625rem
}

.pagination-list>._item>._link,
.pagination-list>._item>._text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem
}

.pagination-list>._item>._text {
  color: #fff;
  color: var(--white);
  background-color: #171f55;
  background-color: var(--blue)
}

@media (min-width:48em) {

  .js_menu-open .nav,
  .nav {
    -webkit-transform: none;
    transform: none
  }

  .nav {
    position: static;
    width: auto
  }

  .menu-button {
    display: none
  }

  .global-navigation,
  .gnav-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
  }

  .gnav-list>.-about-info,
  .gnav-list>.-obog,
  .gnav-list>.-parents {
    display: none
  }

  .gnav-second {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none
  }

  .gnav-second>._item>._link {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 12.5rem
  }

  .icon-menu>._item {
    margin-left: 1.25rem
  }

  .breadcrumb-line,
  .two-col {
    display: -webkit-box;
    display: flex
  }

  .info-box {
    margin-top: 0
  }

  .contents-block.-child-content {
    margin-bottom: 6.25rem
  }

  .contents-block>._inner {
    width: 62.5em;
    width: var(--flame-size);
    margin: auto
  }

  .contact-info,
  .page-contents,
  .share-box {
    margin-right: 1.875rem;
    margin-left: 1.875rem
  }

  .page-contents {
    margin-top: 0
  }

  .page-contents>.information-title,
  .page-contents h1 {
    margin-right: -1.875rem;
    margin-left: -1.875rem
  }

  .contents-link {
    display: -webkit-box;
    display: flex
  }

  .contents-link>._item {
    width: 50%
  }

  .carousel-item>._image {
    width: 62.5rem;
    padding-bottom: 31.25rem
  }

  .news-list {
    margin: 0 -3.125rem 0 0
  }

  .news-item {
    width: auto;
    margin: 0 3.125rem 3.125rem 0
  }

  .-news .news-item {
    width: auto
  }

  .news-info>._image {
    width: calc(18.75rem - 2px)
  }

  .game-list {
    display: -webkit-box;
    display: flex;
    margin-right: -2.5rem
  }

  .game-list>._item {
    width: 30rem;
    margin-right: 2.5rem;
    margin-bottom: auto
  }

  .game-list.-archive>._item {
    margin-bottom: 3.75rem
  }

  .game-score>._details,
  .team-info>._details {
    height: 4.125rem
  }

  .game-score {
    height: 3.75rem;
    margin: 1.875rem 0 1.25rem
  }

  .category-list {
    margin-right: -.625rem;
    margin-bottom: 1.875rem
  }

  .select-box {
    margin-bottom: 3.125rem
  }

  .select-year {
    margin-bottom: 2.5rem
  }

  .select-year:hover>._list {
    display: block
  }

  .select-year>._selected>._angle {
    right: 1.25rem
  }
  
  .year-text {
    font-size: 1.8rem;
    margin: 0 2px 0 0;
  }

  .select-month:after,
  .select-month:before,
  .select-month>._controller {
    display: none
  }

  .month-list {
    width: 100%;
    padding: 0;
    margin-bottom: 2.5rem
  }

  .aside-block {
    width: 13.75rem;
    margin-top: 0;
    margin-right: 2.5rem
  }

  .-member .aside-block {
    width: 18.75rem;
    margin: 0 0 0 1.875rem
  }

  .banner-list {
    margin: 0 -3.125rem -1.5625rem 0
  }

  .banner-list>._item {
    width: 18.75rem;
    margin: 0 3.125rem 1.5625rem 0
  }

  .menu-list {
    display: -webkit-box;
    display: flex
  }

  .sns-list {
    margin: 0 0 2.5rem
  }

  .header-block {
    padding: 0 1.875rem
  }

  .site-title {
    height: auto;
    padding: 1.25rem 0
  }

  .site-title>._link {
    font-size: .875rem
  }

  .site-title>._link>._image {
    height: auto;
    margin-top: .875rem
  }

  .gnav-list>.gnav-item {
    padding: 1.875rem 0
  }

  .gnav-list>.gnav-item>._link {
    padding: .5rem 1.25rem;
    font-family: Alfa Slab One, Noto Sans JP, cursive;
    font-family: var(--cursive);
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    color: var(--white);
    border-width: 0 1px 0 0
  }

  .gnav-list>.gnav-item>._link.-current,
  .gnav-list>.gnav-item>._link:hover {
    color: #fdd000;
    color: var(--yellow)
  }

  .gnav-list>.gnav-item>._link>._angle {
    display: none
  }

  .gnav-second>.gnav-item>._link {
    font-size: 1.125rem;
    background-color: #0f1023;
    background-color: var(--deep-blue);
    border-color: #454c77;
    border-color: var(--shallow-blue)
  }

  .gnav-second>.gnav-item>._link:hover {
    background-color: #171f55;
    background-color: var(--blue)
  }

  .gnav-second>.gnav-item>._link>._angle {
    display: inline-block
  }

  .gnav-second>.gnav-item>._link>._caret {
    display: none
  }

  .gnav-list>.gnav-item:first-of-type>._link {
    border-left: 1px solid #fdd000;
    border-left: 1px solid var(--yellow)
  }

  .gnav-second {
    border: none
  }

  .gnav-second:before {
    content: "";
    border-color: transparent transparent #0f1023;
    border-left: .625rem solid transparent;
    border-bottom: .625rem solid var(--deep-blue);
    border-right: .625rem solid transparent;
    border-top: 0 solid transparent
  }

  .icon-item>._link {
    font-size: 1.375rem
  }

  .icon-item {
    padding: 1.875rem 0;
    color: #fff;
    color: var(--white)
  }

  .icon-item>._link:hover {
    color: #fdd000;
    color: var(--yellow)
  }

  .news-item.-large {
    width: 100%;
    font-size: 1.25em
  }

  .news-item.-large .news-info>._image {
    width: calc(62.5rem - 2px)
  }

  .news-link>._title {
    padding: 0 .75rem;
    font-size: 1em
  }

  .news-link>._title>.-ellipsis {
    max-width: 16em
  }

  .news-badge,
  .news-info>._date {
    font-size: .75em
  }

  .game-item {
    padding: 0 1.875rem;
    background-image: -webkit-linear-gradient(135deg, transparent 1.625rem, #fff 1.6875rem), -webkit-linear-gradient(45deg, transparent 1.625rem, #fff 1.6875rem);
    background-image: -webkit-linear-gradient(135deg, transparent rem(26px), #fff rem(27px)), -webkit-linear-gradient(45deg, transparent rem(26px), #fff rem(27px));
    background-image: linear-gradient(315deg, transparent 1.625rem, #fff 1.6875rem), linear-gradient(45deg, transparent 1.625rem, #fff 1.6875rem);
    background-image: -webkit-linear-gradient(135deg, transparent 1.625rem, var(--white) 1.6875rem), -webkit-linear-gradient(45deg, transparent 1.625rem, var(--white) 1.6875rem);
    background-image: -webkit-linear-gradient(135deg, transparent rem(26px), var(--white) rem(27px)), -webkit-linear-gradient(45deg, transparent rem(26px), var(--white) rem(27px));
    background-image: linear-gradient(315deg, transparent 1.625rem, var(--white) 1.6875rem), linear-gradient(45deg, transparent 1.625rem, var(--white) 1.6875rem)
  }

  .page-contents .game-item {
    padding: 0 1.875rem .625rem
  }

  .game-item>._situation {
    padding: .54545em;
    font-size: 1.375rem
  }

  .-archive .game-item>._situation {
    padding: .04545em .90909em .45454em
  }

  .game-item>._header>._title {
    margin: .9375rem;
    font-size: 1.125rem
  }

  .game-item>._header>._date {
    font-size: 1.5rem
  }

  .game-item>._place {
    font-size: 1rem
  }

  .game-item>._place:hover {
    color: #fff;
    color: var(--white);
    text-decoration: none;
    background-color: #171f55;
    background-color: var(--blue)
  }

  .page-contents .game-item>._place {
    margin: 1.875rem auto
  }

  .team-info {
    font-size: 1rem
  }

  .game-score>._left,
  .game-score>._right {
    font-size: 3.75rem
  }

  .game-score>._text {
    font-size: 2.625rem
  }

  .game-details>._detail {
    font-size: 1.5rem
  }

  .contents-link>._item {
    padding-bottom: 23.61111111%
  }

  .info-box {
    font-size: .875rem
  }

  .contact-info>._title {
    font-size: 1.25rem
  }

  .contact-info>._sub-title {
    font-size: 1.0625rem
  }

  .contact-info a:hover {
    text-decoration: underline
  }

  .contact-info p:not([class]) {
    font-size: 1rem
  }

  .page-contents>.information-title,
  .page-contents h1 {
    padding: .5rem 0 .5rem 1.25rem;
    font-size: 1.875rem;
    border-width: 0 0 .25rem .625rem
  }

  .page-contents h2 {
    font-size: 1.75rem
  }

  .page-contents h3 {
    padding: 0 0 0 .625em;
    font-size: 1.5rem;
    border-width: 1rem
  }

  .page-contents a:not([class]):hover {
    text-decoration: underline
  }

  .page-contents p:not([class]),
  .page-contents table td {
    font-size: 1rem
  }

  .information-item>._link:hover {
    text-decoration: none
  }

  .information-link {
    font-size: 1rem
  }

  .information-link:hover>._text {
    text-decoration: underline
  }

  .category-link>._title {
    padding: 0 .75rem;
    font-size: 1rem
  }

  .category-link>._title>.-ellipsis {
    max-width: 16em
  }

  .select-year {
    font-size: 3.125rem
  }

  .select-list>._item>._link,
  .select-year>._selected {
    padding: 0
  }

  .select-list>._item:hover {
    color: #171f55;
    color: var(--blue);
    background-color: #fdd000;
    background-color: var(--yellow)
  }

  .month-list {
    font-size: 3.125rem
  }

  .team-pages {
    margin: 0
  }

  .pages-item {
    font-size: 2.5rem
  }

  .status-list {
    margin: 0
  }

  .status-item>._button {
    padding: .75rem;
    font-size: 1.625rem
  }

  .position-buttons {
    margin: 1.875rem 0 0
  }

  .position-buttons>._item {
    width: auto
  }

  .position-box {
    margin: 0
  }

  .position-item>._button {
    font-size: 1.625rem
  }

  .position-list {
    margin: -4.6875rem 0 0
  }

  .position-title {
    margin-top: 4.6875rem
  }

  .position-name>._abbreviation {
    font-size: 2.5rem
  }

  .position-name>._ja {
    font-size: 1.75rem
  }

  .position-name>._en {
    font-size: .6875rem
  }

  .position-item {
    width: 41.875rem
  }

  .profile-header>._image {
    width: 12.9375rem
  }

  .profile-header>._profile {
    width: 28.8125rem;
    padding: 0 1.875rem
  }

  .profile-item>._ja {
    font-size: 1.875rem
  }

  .profile-item>._en {
    font-size: .875rem
  }

  .profile-item>._number,
  .profile-item>._position {
    font-size: 1.25rem
  }

  .profile-item>._grade {
    font-size: 1.5rem
  }

  .profile-detail {
    padding: 1.875rem;
    font-size: 1rem
  }

  .game-detail {
    margin-bottom: 3.125rem
  }

  .game-detail>._title {
    font-size: 1rem
  }

  .game-detail>._table td,
  .game-detail>._table th {
    padding: .625rem 1rem
  }

  .game-detail>._table th {
    padding: .625rem 0;
    font-size: 1rem
  }

  .point-board col {
    width: 11.13490364%
  }

  .point-board col:first-of-type {
    width: 33.19057815%
  }

  .point-board col:nth-of-type(7) {
    width: 11.13490364%
  }

  .point-board td:not(:first-child) {
    font-size: 1.375rem
  }

  .point-board td:first-of-type {
    text-align: left
  }

  .detail-board col:first-of-type {
    width: 7.47065101%
  }

  .detail-board col:nth-of-type(2) {
    width: 9.60512273%
  }

  .detail-board col:nth-of-type(3) {
    width: 21.34471718%
  }

  .detail-board col:nth-of-type(4) {
    width: 61.57950907%
  }

  .position-field {
    padding: 0
  }

  .position-button:hover {
    opacity: .8
  }

  .menu-item>._text {
    font-size: 1rem
  }

  .child-item>._link,
  .copyright-line {
    font-size: .875rem
  }

  .menu-item>._link:hover,
  .sns-item>._link:hover {
    color: #fdd000;
    color: var(--yellow)
  }

  .banner-list {
    padding: 3.125rem 0
  }

  .page-title {
    margin: 3.125rem 0;
    font-size: 3.75rem
  }

  .-news>._inner>.link-block {
    margin: 1.25em auto 4.375em
  }

  .link-block>._link {
    width: 16.66666em;
    font-size: 1.5em
  }

  .link-block>._link:hover {
    color: #fff;
    color: var(--white);
    background-color: #171f55;
    background-color: var(--blue)
  }

  .link-block.-reversal>._link {
    width: 16.66666em;
    font-size: 1.5em
  }

  .link-block.-reversal>._link:hover {
    color: #171f55;
    color: var(--blue);
    background-color: #fff;
    background-color: var(--white)
  }

  .row-wrapper {
    display: -webkit-box;
    display: flex
  }

  .__sd {
    display: none
  }

  .__ld {
    display: block
  }

  .slick-dots {
    position: absolute
  }

  .pagination-list {
    margin-top: 0
  }

  .pagination-list>._item {
    margin: 0 .3125rem
  }

  .pagination-list>._item._arrow {
    margin: 0 .25rem
  }

  .pagination-list>._item>._link,
  .pagination-list>._item>._text {
    width: 3.125rem;
    height: 3.125rem
  }

  .pagination-list>._item>._link:hover,
  .pagination-list>._item>._text:hover {
    color: #fff;
    color: var(--white);
    background-color: #171f55;
    background-color: var(--blue)
  }
}