@charset "UTF-8";
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, img, ins, q,
small, strong, sub, sup,
b,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tr, th, td,
article, aside,
footer, header, main, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
}

html {
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  line-height: 1;
  -webkit-font-smoothing: subpixel-antialiased;
}

article, aside,
footer, header, main, nav, section {
  display: block;
}

li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted;
  cursor: help;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

audio,
video,
canvas {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border: solid 1px #aaa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.newsWrap:after, .wrap:after, .headerWrap:after, .headerNav:after, .headerNav-ul:after, .articleCard-link:after, .goodsContents:after {
  content: " ";
  display: block;
  clear: both;
}

.billboard .carouselLink:before {
  content: "";
  display: block;
  padding-top: 61.83333333%;
}

.toggleButton:before, .toggleButton > span, .toggleButton:after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: #333;
  border-radius: 1px;
  position: absolute;
  left: 5px;
  transition: transform .3s, opacity .3s;
}

.newsListLink, .detailPageLink,
.contactPageLink {
  text-align: center;
  margin-top: 30px;
  clear: both;
}
.newsListLink > a, .detailPageLink > a,
.contactPageLink > a {
  color: #fcfcfc;
  display: block;
  width: 200px;
  margin: 0 auto;
  padding: 10px;
  border: solid 1px #fcfcfc;
  transition: background .6s, color .6s;
}
.newsListLink > a:hover, .detailPageLink > a:hover,
.contactPageLink > a:hover {
  color: #1d2089;
  background-color: #fcfcfc;
}
.newsListLink > .contactButton, .detailPageLink > .contactButton,
.contactPageLink > .contactButton {
  width: 280px;
  padding: 20px;
}

.markerSvg {
  margin-bottom: -2px;
  width: 14px;
  height: 14px;
}

.billboard {
  text-align: center;
  margin-top: 54px;
  position: relative;
}
.billboard:before {
  content: "";
  display: block;
  padding-top: 61.83333333%;
}
.billboard:after {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background: url("../images/wave.png") repeat-x bottom;
  background-image: url("../images/wave.svg");
  position: absolute;
  bottom: 0;
  margin-bottom: -2px;
}
.billboard .billboard-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.billboard .ofi {
  font-family: "object-fit: cover;";
}

.conceptHeader,
.playersHeader,
.newsHeader,
.goodsHeader,
.contactHeader {
  display: inline-block;
  color: #fcfcfc;
  font-size: 30px;
  font-size: 3rem;
  font-style: italic;
  text-align: center;
  font-weight: normal;
  margin: 30px 10px;
  padding: 0 10px;
  border-bottom: solid 3px #e70216;
}
@media only screen and (min-width: 62em) {
  .conceptHeader,
  .playersHeader,
  .newsHeader,
  .goodsHeader,
  .contactHeader {
    font-size: 36px;
    font-size: 3.6rem;
  }
}

.playerMago,
.playerMachabo,
.playerMizuha,
.playerMoke,
.playerChomosh,
.playerAo,
.playerDouble,
.playerZousenpai,
.playerJyotaro,
.streamerAoi-eir,
.streamerTotsuka-otoha,
.streamerItsuka,
.streamerChico,
.r6sIreba,
.r6sK3rry,
.r6sLambor,
.r6sO-iocchan,
.r6sNoexr,
.r6sMotton,
.r6sAccel,
.r6sAssuu,
.r6sSoulboi {
  display: inline-block;
  position: relative;
  padding: 0 8px;
  margin-bottom: 46px;
}
@media only screen and (min-width: 35em) {
  .playerMago,
  .playerMachabo,
  .playerMizuha,
  .playerMoke,
  .playerChomosh,
  .playerAo,
  .playerDouble,
  .playerZousenpai,
  .playerJyotaro,
  .streamerAoi-eir,
  .streamerTotsuka-otoha,
  .streamerItsuka,
  .streamerChico,
  .r6sIreba,
  .r6sK3rry,
  .r6sLambor,
  .r6sO-iocchan,
  .r6sNoexr,
  .r6sMotton,
  .r6sAccel,
  .r6sAssuu,
  .r6sSoulboi {
    padding: 0 10px;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 48em) {
  .playerMago,
  .playerMachabo,
  .playerMizuha,
  .playerMoke,
  .playerChomosh,
  .playerAo,
  .playerDouble,
  .playerZousenpai,
  .playerJyotaro,
  .streamerAoi-eir,
  .streamerTotsuka-otoha,
  .streamerItsuka,
  .streamerChico,
  .r6sIreba,
  .r6sK3rry,
  .r6sLambor,
  .r6sO-iocchan,
  .r6sNoexr,
  .r6sMotton,
  .r6sAccel,
  .r6sAssuu,
  .r6sSoulboi {
    padding: 0 18px;
  }
}
@media only screen and (min-width: 62em) {
  .playerMago,
  .playerMachabo,
  .playerMizuha,
  .playerMoke,
  .playerChomosh,
  .playerAo,
  .playerDouble,
  .playerZousenpai,
  .playerJyotaro,
  .streamerAoi-eir,
  .streamerTotsuka-otoha,
  .streamerItsuka,
  .streamerChico,
  .r6sIreba,
  .r6sK3rry,
  .r6sLambor,
  .r6sO-iocchan,
  .r6sNoexr,
  .r6sMotton,
  .r6sAccel,
  .r6sAssuu,
  .r6sSoulboi {
    margin-bottom: 80px;
  }
}
.playerMago > a,
.playerMachabo > a,
.playerMizuha > a,
.playerMoke > a,
.playerChomosh > a,
.playerAo > a,
.playerDouble > a,
.playerZousenpai > a,
.playerJyotaro > a,
.streamerAoi-eir > a,
.streamerTotsuka-otoha > a,
.streamerItsuka > a,
.streamerChico > a,
.r6sIreba > a,
.r6sK3rry > a,
.r6sLambor > a,
.r6sO-iocchan > a,
.r6sNoexr > a,
.r6sMotton > a,
.r6sAccel > a,
.r6sAssuu > a,
.r6sSoulboi > a {
  display: block;
}
.playerMago h2,
.playerMachabo h2,
.playerMizuha h2,
.playerMoke h2,
.playerChomosh h2,
.playerAo h2,
.playerDouble h2,
.playerZousenpai h2,
.playerJyotaro h2,
.streamerAoi-eir h2,
.streamerTotsuka-otoha h2,
.streamerItsuka h2,
.streamerChico h2,
.r6sIreba h2,
.r6sK3rry h2,
.r6sLambor h2,
.r6sO-iocchan h2,
.r6sNoexr h2,
.r6sMotton h2,
.r6sAccel h2,
.r6sAssuu h2,
.r6sSoulboi h2,
.playerMago h3,
.playerMachabo h3,
.playerMizuha h3,
.playerMoke h3,
.playerChomosh h3,
.playerAo h3,
.playerDouble h3,
.playerZousenpai h3,
.playerJyotaro h3,
.streamerAoi-eir h3,
.streamerTotsuka-otoha h3,
.streamerItsuka h3,
.streamerChico h3,
.r6sIreba h3,
.r6sK3rry h3,
.r6sLambor h3,
.r6sO-iocchan h3,
.r6sNoexr h3,
.r6sMotton h3,
.r6sAccel h3,
.r6sAssuu h3,
.r6sSoulboi h3,
.playerMago h4,
.playerMachabo h4,
.playerMizuha h4,
.playerMoke h4,
.playerChomosh h4,
.playerAo h4,
.playerDouble h4,
.playerZousenpai h4,
.playerJyotaro h4,
.streamerAoi-eir h4,
.streamerTotsuka-otoha h4,
.streamerItsuka h4,
.streamerChico h4,
.r6sIreba h4,
.r6sK3rry h4,
.r6sLambor h4,
.r6sO-iocchan h4,
.r6sNoexr h4,
.r6sMotton h4,
.r6sAccel h4,
.r6sAssuu h4,
.r6sSoulboi h4 {
  white-space: nowrap;
  color: #fcfcfc;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 35em) {
  .playerMago h2,
  .playerMachabo h2,
  .playerMizuha h2,
  .playerMoke h2,
  .playerChomosh h2,
  .playerAo h2,
  .playerDouble h2,
  .playerZousenpai h2,
  .playerJyotaro h2,
  .streamerAoi-eir h2,
  .streamerTotsuka-otoha h2,
  .streamerItsuka h2,
  .streamerChico h2,
  .r6sIreba h2,
  .r6sK3rry h2,
  .r6sLambor h2,
  .r6sO-iocchan h2,
  .r6sNoexr h2,
  .r6sMotton h2,
  .r6sAccel h2,
  .r6sAssuu h2,
  .r6sSoulboi h2,
  .playerMago h3,
  .playerMachabo h3,
  .playerMizuha h3,
  .playerMoke h3,
  .playerChomosh h3,
  .playerAo h3,
  .playerDouble h3,
  .playerZousenpai h3,
  .playerJyotaro h3,
  .streamerAoi-eir h3,
  .streamerTotsuka-otoha h3,
  .streamerItsuka h3,
  .streamerChico h3,
  .r6sIreba h3,
  .r6sK3rry h3,
  .r6sLambor h3,
  .r6sO-iocchan h3,
  .r6sNoexr h3,
  .r6sMotton h3,
  .r6sAccel h3,
  .r6sAssuu h3,
  .r6sSoulboi h3,
  .playerMago h4,
  .playerMachabo h4,
  .playerMizuha h4,
  .playerMoke h4,
  .playerChomosh h4,
  .playerAo h4,
  .playerDouble h4,
  .playerZousenpai h4,
  .playerJyotaro h4,
  .streamerAoi-eir h4,
  .streamerTotsuka-otoha h4,
  .streamerItsuka h4,
  .streamerChico h4,
  .r6sIreba h4,
  .r6sK3rry h4,
  .r6sLambor h4,
  .r6sO-iocchan h4,
  .r6sNoexr h4,
  .r6sMotton h4,
  .r6sAccel h4,
  .r6sAssuu h4,
  .r6sSoulboi h4 {
    font-size: 12px;
    font-size: 1.2rem;
    bottom: -42px;
  }
}
@media only screen and (min-width: 62em) {
  .playerMago h2,
  .playerMachabo h2,
  .playerMizuha h2,
  .playerMoke h2,
  .playerChomosh h2,
  .playerAo h2,
  .playerDouble h2,
  .playerZousenpai h2,
  .playerJyotaro h2,
  .streamerAoi-eir h2,
  .streamerTotsuka-otoha h2,
  .streamerItsuka h2,
  .streamerChico h2,
  .r6sIreba h2,
  .r6sK3rry h2,
  .r6sLambor h2,
  .r6sO-iocchan h2,
  .r6sNoexr h2,
  .r6sMotton h2,
  .r6sAccel h2,
  .r6sAssuu h2,
  .r6sSoulboi h2,
  .playerMago h3,
  .playerMachabo h3,
  .playerMizuha h3,
  .playerMoke h3,
  .playerChomosh h3,
  .playerAo h3,
  .playerDouble h3,
  .playerZousenpai h3,
  .playerJyotaro h3,
  .streamerAoi-eir h3,
  .streamerTotsuka-otoha h3,
  .streamerItsuka h3,
  .streamerChico h3,
  .r6sIreba h3,
  .r6sK3rry h3,
  .r6sLambor h3,
  .r6sO-iocchan h3,
  .r6sNoexr h3,
  .r6sMotton h3,
  .r6sAccel h3,
  .r6sAssuu h3,
  .r6sSoulboi h3,
  .playerMago h4,
  .playerMachabo h4,
  .playerMizuha h4,
  .playerMoke h4,
  .playerChomosh h4,
  .playerAo h4,
  .playerDouble h4,
  .playerZousenpai h4,
  .playerJyotaro h4,
  .streamerAoi-eir h4,
  .streamerTotsuka-otoha h4,
  .streamerItsuka h4,
  .streamerChico h4,
  .r6sIreba h4,
  .r6sK3rry h4,
  .r6sLambor h4,
  .r6sO-iocchan h4,
  .r6sNoexr h4,
  .r6sMotton h4,
  .r6sAccel h4,
  .r6sAssuu h4,
  .r6sSoulboi h4 {
    font-size: 14px;
    font-size: 1.4rem;
    bottom: -46px;
  }
}
.playerMago h2 > span,
.playerMachabo h2 > span,
.playerMizuha h2 > span,
.playerMoke h2 > span,
.playerChomosh h2 > span,
.playerAo h2 > span,
.playerDouble h2 > span,
.playerZousenpai h2 > span,
.playerJyotaro h2 > span,
.streamerAoi-eir h2 > span,
.streamerTotsuka-otoha h2 > span,
.streamerItsuka h2 > span,
.streamerChico h2 > span,
.r6sIreba h2 > span,
.r6sK3rry h2 > span,
.r6sLambor h2 > span,
.r6sO-iocchan h2 > span,
.r6sNoexr h2 > span,
.r6sMotton h2 > span,
.r6sAccel h2 > span,
.r6sAssuu h2 > span,
.r6sSoulboi h2 > span,
.playerMago h3 > span,
.playerMachabo h3 > span,
.playerMizuha h3 > span,
.playerMoke h3 > span,
.playerChomosh h3 > span,
.playerAo h3 > span,
.playerDouble h3 > span,
.playerZousenpai h3 > span,
.playerJyotaro h3 > span,
.streamerAoi-eir h3 > span,
.streamerTotsuka-otoha h3 > span,
.streamerItsuka h3 > span,
.streamerChico h3 > span,
.r6sIreba h3 > span,
.r6sK3rry h3 > span,
.r6sLambor h3 > span,
.r6sO-iocchan h3 > span,
.r6sNoexr h3 > span,
.r6sMotton h3 > span,
.r6sAccel h3 > span,
.r6sAssuu h3 > span,
.r6sSoulboi h3 > span,
.playerMago h4 > span,
.playerMachabo h4 > span,
.playerMizuha h4 > span,
.playerMoke h4 > span,
.playerChomosh h4 > span,
.playerAo h4 > span,
.playerDouble h4 > span,
.playerZousenpai h4 > span,
.playerJyotaro h4 > span,
.streamerAoi-eir h4 > span,
.streamerTotsuka-otoha h4 > span,
.streamerItsuka h4 > span,
.streamerChico h4 > span,
.r6sIreba h4 > span,
.r6sK3rry h4 > span,
.r6sLambor h4 > span,
.r6sO-iocchan h4 > span,
.r6sNoexr h4 > span,
.r6sMotton h4 > span,
.r6sAccel h4 > span,
.r6sAssuu h4 > span,
.r6sSoulboi h4 > span {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  padding: 0 2px;
}
@media only screen and (min-width: 35em) {
  .playerMago h2 > span,
  .playerMachabo h2 > span,
  .playerMizuha h2 > span,
  .playerMoke h2 > span,
  .playerChomosh h2 > span,
  .playerAo h2 > span,
  .playerDouble h2 > span,
  .playerZousenpai h2 > span,
  .playerJyotaro h2 > span,
  .streamerAoi-eir h2 > span,
  .streamerTotsuka-otoha h2 > span,
  .streamerItsuka h2 > span,
  .streamerChico h2 > span,
  .r6sIreba h2 > span,
  .r6sK3rry h2 > span,
  .r6sLambor h2 > span,
  .r6sO-iocchan h2 > span,
  .r6sNoexr h2 > span,
  .r6sMotton h2 > span,
  .r6sAccel h2 > span,
  .r6sAssuu h2 > span,
  .r6sSoulboi h2 > span,
  .playerMago h3 > span,
  .playerMachabo h3 > span,
  .playerMizuha h3 > span,
  .playerMoke h3 > span,
  .playerChomosh h3 > span,
  .playerAo h3 > span,
  .playerDouble h3 > span,
  .playerZousenpai h3 > span,
  .playerJyotaro h3 > span,
  .streamerAoi-eir h3 > span,
  .streamerTotsuka-otoha h3 > span,
  .streamerItsuka h3 > span,
  .streamerChico h3 > span,
  .r6sIreba h3 > span,
  .r6sK3rry h3 > span,
  .r6sLambor h3 > span,
  .r6sO-iocchan h3 > span,
  .r6sNoexr h3 > span,
  .r6sMotton h3 > span,
  .r6sAccel h3 > span,
  .r6sAssuu h3 > span,
  .r6sSoulboi h3 > span,
  .playerMago h4 > span,
  .playerMachabo h4 > span,
  .playerMizuha h4 > span,
  .playerMoke h4 > span,
  .playerChomosh h4 > span,
  .playerAo h4 > span,
  .playerDouble h4 > span,
  .playerZousenpai h4 > span,
  .playerJyotaro h4 > span,
  .streamerAoi-eir h4 > span,
  .streamerTotsuka-otoha h4 > span,
  .streamerItsuka h4 > span,
  .streamerChico h4 > span,
  .r6sIreba h4 > span,
  .r6sK3rry h4 > span,
  .r6sLambor h4 > span,
  .r6sO-iocchan h4 > span,
  .r6sNoexr h4 > span,
  .r6sMotton h4 > span,
  .r6sAccel h4 > span,
  .r6sAssuu h4 > span,
  .r6sSoulboi h4 > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 62em) {
  .playerMago h2 > span,
  .playerMachabo h2 > span,
  .playerMizuha h2 > span,
  .playerMoke h2 > span,
  .playerChomosh h2 > span,
  .playerAo h2 > span,
  .playerDouble h2 > span,
  .playerZousenpai h2 > span,
  .playerJyotaro h2 > span,
  .streamerAoi-eir h2 > span,
  .streamerTotsuka-otoha h2 > span,
  .streamerItsuka h2 > span,
  .streamerChico h2 > span,
  .r6sIreba h2 > span,
  .r6sK3rry h2 > span,
  .r6sLambor h2 > span,
  .r6sO-iocchan h2 > span,
  .r6sNoexr h2 > span,
  .r6sMotton h2 > span,
  .r6sAccel h2 > span,
  .r6sAssuu h2 > span,
  .r6sSoulboi h2 > span,
  .playerMago h3 > span,
  .playerMachabo h3 > span,
  .playerMizuha h3 > span,
  .playerMoke h3 > span,
  .playerChomosh h3 > span,
  .playerAo h3 > span,
  .playerDouble h3 > span,
  .playerZousenpai h3 > span,
  .playerJyotaro h3 > span,
  .streamerAoi-eir h3 > span,
  .streamerTotsuka-otoha h3 > span,
  .streamerItsuka h3 > span,
  .streamerChico h3 > span,
  .r6sIreba h3 > span,
  .r6sK3rry h3 > span,
  .r6sLambor h3 > span,
  .r6sO-iocchan h3 > span,
  .r6sNoexr h3 > span,
  .r6sMotton h3 > span,
  .r6sAccel h3 > span,
  .r6sAssuu h3 > span,
  .r6sSoulboi h3 > span,
  .playerMago h4 > span,
  .playerMachabo h4 > span,
  .playerMizuha h4 > span,
  .playerMoke h4 > span,
  .playerChomosh h4 > span,
  .playerAo h4 > span,
  .playerDouble h4 > span,
  .playerZousenpai h4 > span,
  .playerJyotaro h4 > span,
  .streamerAoi-eir h4 > span,
  .streamerTotsuka-otoha h4 > span,
  .streamerItsuka h4 > span,
  .streamerChico h4 > span,
  .r6sIreba h4 > span,
  .r6sK3rry h4 > span,
  .r6sLambor h4 > span,
  .r6sO-iocchan h4 > span,
  .r6sNoexr h4 > span,
  .r6sMotton h4 > span,
  .r6sAccel h4 > span,
  .r6sAssuu h4 > span,
  .r6sSoulboi h4 > span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.playerMago .circleIcon,
.playerMachabo .circleIcon,
.playerMizuha .circleIcon,
.playerMoke .circleIcon,
.playerChomosh .circleIcon,
.playerAo .circleIcon,
.playerDouble .circleIcon,
.playerZousenpai .circleIcon,
.playerJyotaro .circleIcon,
.streamerAoi-eir .circleIcon,
.streamerTotsuka-otoha .circleIcon,
.streamerItsuka .circleIcon,
.streamerChico .circleIcon,
.r6sIreba .circleIcon,
.r6sK3rry .circleIcon,
.r6sLambor .circleIcon,
.r6sO-iocchan .circleIcon,
.r6sNoexr .circleIcon,
.r6sMotton .circleIcon,
.r6sAccel .circleIcon,
.r6sAssuu .circleIcon,
.r6sSoulboi .circleIcon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
}
@media only screen and (min-width: 35em) {
  .playerMago .circleIcon,
  .playerMachabo .circleIcon,
  .playerMizuha .circleIcon,
  .playerMoke .circleIcon,
  .playerChomosh .circleIcon,
  .playerAo .circleIcon,
  .playerDouble .circleIcon,
  .playerZousenpai .circleIcon,
  .playerJyotaro .circleIcon,
  .streamerAoi-eir .circleIcon,
  .streamerTotsuka-otoha .circleIcon,
  .streamerItsuka .circleIcon,
  .streamerChico .circleIcon,
  .r6sIreba .circleIcon,
  .r6sK3rry .circleIcon,
  .r6sLambor .circleIcon,
  .r6sO-iocchan .circleIcon,
  .r6sNoexr .circleIcon,
  .r6sMotton .circleIcon,
  .r6sAccel .circleIcon,
  .r6sAssuu .circleIcon,
  .r6sSoulboi .circleIcon {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 62em) {
  .playerMago .circleIcon,
  .playerMachabo .circleIcon,
  .playerMizuha .circleIcon,
  .playerMoke .circleIcon,
  .playerChomosh .circleIcon,
  .playerAo .circleIcon,
  .playerDouble .circleIcon,
  .playerZousenpai .circleIcon,
  .playerJyotaro .circleIcon,
  .streamerAoi-eir .circleIcon,
  .streamerTotsuka-otoha .circleIcon,
  .streamerItsuka .circleIcon,
  .streamerChico .circleIcon,
  .r6sIreba .circleIcon,
  .r6sK3rry .circleIcon,
  .r6sLambor .circleIcon,
  .r6sO-iocchan .circleIcon,
  .r6sNoexr .circleIcon,
  .r6sMotton .circleIcon,
  .r6sAccel .circleIcon,
  .r6sAssuu .circleIcon,
  .r6sSoulboi .circleIcon {
    width: 130px;
    height: 130px;
  }
}
.playerMago .circleIcon:before,
.playerMachabo .circleIcon:before,
.playerMizuha .circleIcon:before,
.playerMoke .circleIcon:before,
.playerChomosh .circleIcon:before,
.playerAo .circleIcon:before,
.playerDouble .circleIcon:before,
.playerZousenpai .circleIcon:before,
.playerJyotaro .circleIcon:before,
.streamerAoi-eir .circleIcon:before,
.streamerTotsuka-otoha .circleIcon:before,
.streamerItsuka .circleIcon:before,
.streamerChico .circleIcon:before,
.r6sIreba .circleIcon:before,
.r6sK3rry .circleIcon:before,
.r6sLambor .circleIcon:before,
.r6sO-iocchan .circleIcon:before,
.r6sNoexr .circleIcon:before,
.r6sMotton .circleIcon:before,
.r6sAccel .circleIcon:before,
.r6sAssuu .circleIcon:before,
.r6sSoulboi .circleIcon:before, .playerMago .circleIcon:after,
.playerMachabo .circleIcon:after,
.playerMizuha .circleIcon:after,
.playerMoke .circleIcon:after,
.playerChomosh .circleIcon:after,
.playerAo .circleIcon:after,
.playerDouble .circleIcon:after,
.playerZousenpai .circleIcon:after,
.playerJyotaro .circleIcon:after,
.streamerAoi-eir .circleIcon:after,
.streamerTotsuka-otoha .circleIcon:after,
.streamerItsuka .circleIcon:after,
.streamerChico .circleIcon:after,
.r6sIreba .circleIcon:after,
.r6sK3rry .circleIcon:after,
.r6sLambor .circleIcon:after,
.r6sO-iocchan .circleIcon:after,
.r6sNoexr .circleIcon:after,
.r6sMotton .circleIcon:after,
.r6sAccel .circleIcon:after,
.r6sAssuu .circleIcon:after,
.r6sSoulboi .circleIcon:after {
  display: block;
  content: "";
  width: 102%;
  height: 102%;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: screen;
  animation: circle-animation 4s infinite linear;
}
.playerMago .circleIcon:before,
.playerMachabo .circleIcon:before,
.playerMizuha .circleIcon:before,
.playerMoke .circleIcon:before,
.playerChomosh .circleIcon:before,
.playerAo .circleIcon:before,
.playerDouble .circleIcon:before,
.playerZousenpai .circleIcon:before,
.playerJyotaro .circleIcon:before,
.streamerAoi-eir .circleIcon:before,
.streamerTotsuka-otoha .circleIcon:before,
.streamerItsuka .circleIcon:before,
.streamerChico .circleIcon:before,
.r6sIreba .circleIcon:before,
.r6sK3rry .circleIcon:before,
.r6sLambor .circleIcon:before,
.r6sO-iocchan .circleIcon:before,
.r6sNoexr .circleIcon:before,
.r6sMotton .circleIcon:before,
.r6sAccel .circleIcon:before,
.r6sAssuu .circleIcon:before,
.r6sSoulboi .circleIcon:before {
  background: #0073c0;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.playerMago .circleIcon:after,
.playerMachabo .circleIcon:after,
.playerMizuha .circleIcon:after,
.playerMoke .circleIcon:after,
.playerChomosh .circleIcon:after,
.playerAo .circleIcon:after,
.playerDouble .circleIcon:after,
.playerZousenpai .circleIcon:after,
.playerJyotaro .circleIcon:after,
.streamerAoi-eir .circleIcon:after,
.streamerTotsuka-otoha .circleIcon:after,
.streamerItsuka .circleIcon:after,
.streamerChico .circleIcon:after,
.r6sIreba .circleIcon:after,
.r6sK3rry .circleIcon:after,
.r6sLambor .circleIcon:after,
.r6sO-iocchan .circleIcon:after,
.r6sNoexr .circleIcon:after,
.r6sMotton .circleIcon:after,
.r6sAccel .circleIcon:after,
.r6sAssuu .circleIcon:after,
.r6sSoulboi .circleIcon:after {
  background: #0051a3;
  border-radius: 80% 40% 40% 50%/50%;
}
.playerMago .circleIcon .circleWrap,
.playerMachabo .circleIcon .circleWrap,
.playerMizuha .circleIcon .circleWrap,
.playerMoke .circleIcon .circleWrap,
.playerChomosh .circleIcon .circleWrap,
.playerAo .circleIcon .circleWrap,
.playerDouble .circleIcon .circleWrap,
.playerZousenpai .circleIcon .circleWrap,
.playerJyotaro .circleIcon .circleWrap,
.streamerAoi-eir .circleIcon .circleWrap,
.streamerTotsuka-otoha .circleIcon .circleWrap,
.streamerItsuka .circleIcon .circleWrap,
.streamerChico .circleIcon .circleWrap,
.r6sIreba .circleIcon .circleWrap,
.r6sK3rry .circleIcon .circleWrap,
.r6sLambor .circleIcon .circleWrap,
.r6sO-iocchan .circleIcon .circleWrap,
.r6sNoexr .circleIcon .circleWrap,
.r6sMotton .circleIcon .circleWrap,
.r6sAccel .circleIcon .circleWrap,
.r6sAssuu .circleIcon .circleWrap,
.r6sSoulboi .circleIcon .circleWrap {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 35em) {
  .playerMago .circleIcon .circleWrap,
  .playerMachabo .circleIcon .circleWrap,
  .playerMizuha .circleIcon .circleWrap,
  .playerMoke .circleIcon .circleWrap,
  .playerChomosh .circleIcon .circleWrap,
  .playerAo .circleIcon .circleWrap,
  .playerDouble .circleIcon .circleWrap,
  .playerZousenpai .circleIcon .circleWrap,
  .playerJyotaro .circleIcon .circleWrap,
  .streamerAoi-eir .circleIcon .circleWrap,
  .streamerTotsuka-otoha .circleIcon .circleWrap,
  .streamerItsuka .circleIcon .circleWrap,
  .streamerChico .circleIcon .circleWrap,
  .r6sIreba .circleIcon .circleWrap,
  .r6sK3rry .circleIcon .circleWrap,
  .r6sLambor .circleIcon .circleWrap,
  .r6sO-iocchan .circleIcon .circleWrap,
  .r6sNoexr .circleIcon .circleWrap,
  .r6sMotton .circleIcon .circleWrap,
  .r6sAccel .circleIcon .circleWrap,
  .r6sAssuu .circleIcon .circleWrap,
  .r6sSoulboi .circleIcon .circleWrap {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 62em) {
  .playerMago .circleIcon .circleWrap,
  .playerMachabo .circleIcon .circleWrap,
  .playerMizuha .circleIcon .circleWrap,
  .playerMoke .circleIcon .circleWrap,
  .playerChomosh .circleIcon .circleWrap,
  .playerAo .circleIcon .circleWrap,
  .playerDouble .circleIcon .circleWrap,
  .playerZousenpai .circleIcon .circleWrap,
  .playerJyotaro .circleIcon .circleWrap,
  .streamerAoi-eir .circleIcon .circleWrap,
  .streamerTotsuka-otoha .circleIcon .circleWrap,
  .streamerItsuka .circleIcon .circleWrap,
  .streamerChico .circleIcon .circleWrap,
  .r6sIreba .circleIcon .circleWrap,
  .r6sK3rry .circleIcon .circleWrap,
  .r6sLambor .circleIcon .circleWrap,
  .r6sO-iocchan .circleIcon .circleWrap,
  .r6sNoexr .circleIcon .circleWrap,
  .r6sMotton .circleIcon .circleWrap,
  .r6sAccel .circleIcon .circleWrap,
  .r6sAssuu .circleIcon .circleWrap,
  .r6sSoulboi .circleIcon .circleWrap {
    width: 130px;
    height: 130px;
  }
}
.playerMago .circleIcon img,
.playerMachabo .circleIcon img,
.playerMizuha .circleIcon img,
.playerMoke .circleIcon img,
.playerChomosh .circleIcon img,
.playerAo .circleIcon img,
.playerDouble .circleIcon img,
.playerZousenpai .circleIcon img,
.playerJyotaro .circleIcon img,
.streamerAoi-eir .circleIcon img,
.streamerTotsuka-otoha .circleIcon img,
.streamerItsuka .circleIcon img,
.streamerChico .circleIcon img,
.r6sIreba .circleIcon img,
.r6sK3rry .circleIcon img,
.r6sLambor .circleIcon img,
.r6sO-iocchan .circleIcon img,
.r6sNoexr .circleIcon img,
.r6sMotton .circleIcon img,
.r6sAccel .circleIcon img,
.r6sAssuu .circleIcon img,
.r6sSoulboi .circleIcon img {
  width: 100%;
  height: 100%;
  transition: transform .3s;
}
.playerMago a:hover img,
.playerMachabo a:hover img,
.playerMizuha a:hover img,
.playerMoke a:hover img,
.playerChomosh a:hover img,
.playerAo a:hover img,
.playerDouble a:hover img,
.playerZousenpai a:hover img,
.playerJyotaro a:hover img,
.streamerAoi-eir a:hover img,
.streamerTotsuka-otoha a:hover img,
.streamerItsuka a:hover img,
.streamerChico a:hover img,
.r6sIreba a:hover img,
.r6sK3rry a:hover img,
.r6sLambor a:hover img,
.r6sO-iocchan a:hover img,
.r6sNoexr a:hover img,
.r6sMotton a:hover img,
.r6sAccel a:hover img,
.r6sAssuu a:hover img,
.r6sSoulboi a:hover img {
  transform: scale(1.2);
}

.newsWrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 48em) {
  .newsWrap {
    margin-right: -20px;
  }
}

.articleCard {
  text-align: left;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 20px auto;
  background-color: #fcfcfc;
  border-radius: 3px;
  position: relative;
}
@media only screen and (min-width: 48em) {
  .articleCard {
    width: 220px;
    margin-left: 0;
    margin-right: 20px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 62em) {
  .articleCard {
    width: 286px;
  }
}

.articleCard-link {
  color: #333;
  padding: 10px;
  display: block;
  width: 100%;
  height: 100%;
}
.articleCard-link:hover {
  color: #333;
}

.articleCard-contents {
  margin-left: 110px;
}
@media only screen and (min-width: 48em) {
  .articleCard-contents {
    margin: 10px 0 0 0;
  }
}

.articleCard-title {
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 48em) {
  .articleCard-title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.articleCard-date {
  color: #888;
  font-size: 12px;
  font-size: 1.2rem;
  white-space: nowrap;
}
@media only screen and (min-width: 48em) {
  .articleCard-date {
    padding-bottom: 5px;
  }
}

.articleCard-imgWrap {
  overflow: hidden;
  width: 100px;
  height: 62px;
  float: left;
  position: relative;
}
@media only screen and (min-width: 48em) {
  .articleCard-imgWrap {
    width: 100%;
    height: 124px;
    float: none;
  }
}
@media only screen and (min-width: 62em) {
  .articleCard-imgWrap {
    width: 100%;
    height: 164px;
    float: none;
  }
}

.articleCard-img {
  width: 100px;
  height: 62px;
  object-fit: cover;
  transition: transform .3s;
}
@media only screen and (min-width: 48em) {
  .articleCard-img {
    width: 100%;
    height: 100%;
    margin-left: 0;
  }
}

/*!
 *  Typicons (subset) by Stephen Hutchings - https://github.com/stephenhutchings
 *  License - http://creativecommons.org/licenses/by-sa/3.0/ (CC BY-SA 3.0)
 *  Zondicons (subset) by Steve Schoger - http://www.steveschoger.com/
 *  License - https://creativecommons.org/licenses/by/4.0/ (CC BY 4.0)
 */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon_cuf40i.eot");
  src: url("../fonts/icomoon_cuf40i.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon_cuf40i.ttf") format("truetype"), url("../fonts/icomoon_cuf40i.woff") format("woff"), url("../fonts/icomoon_cuf40i.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
  position: relative;
  bottom: -1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-site-map:before {
  content: "\e902";
}

.icon-mail:before {
  content: "\e903";
}

.icon-cheveron-right:before {
  content: "\e904";
}

.icon-cheveron-left:before {
  content: "\e905";
}

.icon-cheveron-down:before {
  content: "\e906";
}

.icon-cheveron-circle-right:before {
  content: "\e907";
}

.icon-cheveron-circle-left:before {
  content: "\e908";
}

.icon-cheveron-circle-up:before {
  content: "\e909";
}

.icon-cheveron-circle-down:before {
  content: "\e90a";
}

.icon-cheveron-up:before {
  content: "\e90b";
}

.icon-purchase:before {
  content: "\e900";
}

.icon-location:before {
  content: "\e947";
}

.icon-point-up:before {
  content: "\ea03";
  margin-right: 3px;
  bottom: 1px;
}

.icon-point-right:before {
  content: "\ea04";
}

.icon-point-down:before {
  content: "\ea05";
}

.icon-point-left:before {
  content: "\ea06";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-date:before {
  content: "\e901";
  font-size: 16px;
  font-size: 1.6rem;
  margin-right: 2px;
  bottom: -2px;
}

.svg {
  width: 18px;
  height: 18px;
  fill: #333;
}

.twitterLink {
  width: 100%;
  height: 50px;
  position: relative;
  transition: opacity .5s;
}
@media only screen and (min-width: 62em) {
  .twitterLink {
    width: 50px;
    margin-left: -10px;
  }
}
.twitterLink .twitterSvg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  fill: #1da1f2;
}
.twitterLink:hover {
  opacity: .6;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
body {
  color: #333;
  font-family: "Open Sans", "Helvetica Neue", Verdana, 'Noto Serif JP', serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
  background-color: #1d2089;
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
/*
h1,h2,h3,h4,h5,h6,p,pre,dl,ul,ol,address,blockquote,table,form,fieldset {
	margin-bottom: 30px; //ほぼ再定義するため削除
}
*/
q, blockquote {
  color: #6b6b6b;
  background-color: #f1f1f1;
}

pre,
code {
  font-family: monospace, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

em {
  font-style: normal;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.59, transparent), color-stop(0.6, #e70216), to(#e70216));
  background: -moz-linear-gradient(to bottom, transparent 60%, #e70216 60%);
  background: linear-gradient(to bottom, transparent 60%, #e70216 60%);
}

mark {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.59, transparent), color-stop(0.6, #0073c0), to(#0073c0));
  background: -moz-linear-gradient(to bottom, transparent 60%, #0073c0 60%);
  background: linear-gradient(to bottom, transparent 60%, #0073c0 60%);
}

hr {
  height: 0;
  overflow: visible;
}

del {
  text-decoration: line-through;
}

small {
  font-size: 12px;
  font-size: 1.2rem;
}

sub,
sup {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -4px;
}

sup {
  top: -8px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #dfdfdf;
}

tr, th, td {
  border: solid 1px #dfdfdf;
}

th {
  text-align: left;
  background-color: #f8f8f8;
}

form {
  padding: 20px;
}

img {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Open Sans", "Helvetica Neue", Verdana, "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0;
}

fieldset {
  border: 1px solid #68f;
  padding: 6px 10px 12px;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

a {
  color: #0073c0;
  text-decoration: none;
  transition: color .3s;
}

a:hover {
  color: #0098fd;
}

a:focus {
  outline: none;
}

.wrap {
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 61.9375em) {
  .wrap {
    max-width: 740px;
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .wrap {
    width: 938px;
  }
}

.contents {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 320px;
  overflow: hidden;
}

.overlayBase {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 54px;
  left: 0;
  z-index: 20;
  transition: background-color .3s, visibility .3s;
}
@media only screen and (min-width: 62em) {
  .overlayBase {
    transition: none;
  }
}

.overlay {
  visibility: visible;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 62em) {
  .overlay {
    visibility: hidden;
  }
}

/*==============================
headerのレイアウト
===============================*/
header {
  line-height: 50px;
  width: 100%;
  height: 54px;
  min-width: 320px;
  background-color: #fcfcfc;
  border-bottom: solid 4px #e70216;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 30;
}

.headerWrap {
  margin: 0 auto;
  padding: 0 15px;
}
@media only screen and (min-width: 48em) {
  .headerWrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 62em) {
  .headerWrap {
    width: 938px;
  }
}
@media only screen and (min-width: 75em) {
  .headerWrap {
    width: 1080px;
  }
}

.logo {
  width: 168px;
  height: 54px;
  margin: 0 0 0 5px;
  float: left;
  position: relative;
  z-index: 1;
}

.logoLink {
  line-height: 54px;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.logoImg {
  margin-top: 16px;
}

/*==============================
headerのtoggle設定
===============================*/
.toggleButton {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  text-align: center;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: none;
  float: right;
  position: relative;
  transition: margin .3s;
  cursor: pointer;
}
@media only screen and (min-width: 62em) {
  .toggleButton {
    display: none;
  }
}
.toggleButton:before {
  top: 11px;
}
.toggleButton > span {
  top: 24px;
}
.toggleButton:after {
  bottom: 11px;
}
.toggleButton:focus {
  outline: none;
}

.menu-opened + .toggleButton {
  color: #fcfcfc;
}
.menu-opened + .toggleButton:before {
  transform: translateY(13px) rotate(45deg);
}
.menu-opened + .toggleButton > span {
  opacity: 0;
}
.menu-opened + .toggleButton:after {
  transform: translateY(-13px) rotate(-45deg);
}

.headerNav {
  text-align: center;
  width: 270px;
  height: 100%;
  height: 100vh;
  margin-top: 54px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  right: -270px;
  transform: translateX(0);
}
@media only screen and (max-width: 61.9375em) {
  .headerNav {
    background-color: #fcfcfc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
}
@media only screen and (min-width: 62em) {
  .headerNav {
    width: 100%;
    height: 50px;
    margin-top: 0;
    overflow: visible;
    position: static;
  }
}

.menu-opened {
  transform: translateX(-270px);
}
@media only screen and (min-width: 62em) {
  .menu-opened {
    transform: translateX(0);
  }
}

.headerNav-ul {
  display: inline-block;
  padding-top: 20px;
}
@media only screen and (min-width: 62em) {
  .headerNav-ul {
    padding-top: 0;
    float: right;
    position: static;
  }
}
.headerNav-ul > li {
  text-align: left;
}
@media only screen and (min-width: 62em) {
  .headerNav-ul > li {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 40px;
    float: left;
  }
}
.headerNav-ul > li > a {
  display: block;
}
@media only screen and (min-width: 62em) {
  .headerNav-ul > li:last-child {
    text-align: center;
    margin-right: 0;
  }
}

.billboard:before {
  content: none;
}
.billboard .carouselLink {
  display: block;
  background-color: #7599c7;
  position: relative;
  transition: background-color .8s;
}
.billboard .carouselLink .billboard-img {
  mix-blend-mode: multiply;
}
.billboard .carouselLink .viewButton {
  color: #fcfcfc;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px 18px;
  border: solid 1px #fcfcfc;
  position: absolute;
  right: 12%;
  bottom: 12%;
  transition: color .6s, background-color .6s, border-color .6s;
}
@media only screen and (min-width: 48em) {
  .billboard .carouselLink .viewButton {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 5px 28px;
  }
}
@media only screen and (min-width: 62em) {
  .billboard .carouselLink .viewButton {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 5px 34px;
  }
}
@media only screen and (min-width: 75em) {
  .billboard .carouselLink .viewButton {
    font-size: 28px;
    font-size: 2.8rem;
    padding: 5px 40px;
  }
}
.billboard .carouselLink:hover {
  background-color: #fff;
}
.billboard .carouselLink:hover .viewButton {
  color: #1d2089;
  background-color: #fcfcfc;
  background-color: rgba(252, 252, 252, 0.8);
}

.frontPage {
  color: #fcfcfc;
  width: 100%;
}
.frontPage section {
  text-align: center;
  margin-bottom: 120px;
}
@media only screen and (min-width: 48em) {
  .frontPage .contactSection {
    margin-bottom: 180px;
  }
}
.frontPage section:last-child {
  margin-bottom: 30px;
}

.contactHeader {
  margin-top: -54px;
  padding-top: 54px;
}

.nb {
  white-space: nowrap;
}

@media only screen and (min-width: 48em) {
  .sp_br {
    display: none;
  }
}

.sponsorsHeader {
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: normal;
}
@media only screen and (min-width: 62em) {
  .sponsorsHeader {
    font-size: 20px;
    font-size: 2.4rem;
  }
}

/*＝＝＝＝＝＝＝＝CONCEPT＝＝＝＝＝＝＝＝*/
.concept {
  margin-bottom: 10px;
}

.pvWrap {
  max-width: 640px;
  margin: 0 auto 80px auto;
}
.pvWrap .youtubeWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.pvWrap .youtubeWrap .pv_thumbnail,
.pvWrap .youtubeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pvWrap .youtubeWrap .pv_thumbnail {
  cursor: pointer;
  transition: opacity .5s;
}
.pvWrap .youtubeWrap .pv_thumbnail:hover {
  opacity: .8;
}
.pvWrap .youtubeWrap .hide {
  display: none;
}

/*＝＝＝＝＝＝＝＝PLAYERS＝＝＝＝＝＝＝＝*/
.playersWrap {
  width: 100%;
  min-width: 320px;
  background: url("../images/map.png") no-repeat;
  background-image: url("../images/map.svg");
  background-size: contain;
  background-position: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes circle-animation {
  to {
    transform: rotate(360deg);
  }
}
.playerList > h3,
.streamerList > h3,
.r6sList > h3,
.valorantList > h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 10px;
}
@media only screen and (min-width: 35em) {
  .playerList > h3,
  .streamerList > h3,
  .r6sList > h3,
  .valorantList > h3 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 62em) {
  .playerList > h3,
  .streamerList > h3,
  .r6sList > h3,
  .valorantList > h3 {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}

/*＝＝＝＝＝＝＝Slick.js＝＝＝＝＝＝＝*/
.playersWrap .slick-list {
  padding-top: 10px !important;
}
.playersWrap .slick-track {
  display: table !important;
}
.playersWrap .slick-track .slick-slide {
  float: none !important;
  display: table-cell !important;
  vertical-align: middle !important;
}
.playersWrap .slick-dots {
  position: relative !important;
  bottom: 0 !important;
}
.playersWrap .slick-prev,
.playersWrap .slick-next {
  display: none !important;
}
@media only screen and (min-width: 23.4375em) {
  .playersWrap .slick-prev,
  .playersWrap .slick-next {
    display: block !important;
  }
}
.playersWrap .slick-prev {
  left: -18px !important;
}
.playersWrap .slick-next {
  right: -18px !important;
}

/*＝＝＝＝＝＝＝＝NEWS＝＝＝＝＝＝＝＝*/
.newsWrap {
  justify-content: center;
}

@media only screen and (min-width: 48em) {
  .articleCard:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 62em) {
  .articleCard:first-child {
    margin-left: 0;
  }
}

.articleCard-link img {
  transition: opacity .6s;
}
.articleCard-link:hover img {
  opacity: .8;
}

.newsListLink {
  margin-top: 10px;
}

/*＝＝＝＝＝＝＝＝GOODS＝＝＝＝＝＝＝＝*/
.goodsContents {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.goodsContents > .goodsList {
  width: 33.333333%;
  padding-top: 33.333333%;
  background-color: #fcfcfc;
  position: relative;
  overflow: hidden;
}
.goodsContents > .goodsList > a {
  width: 102%;
  padding-top: 102%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity .6s;
}
.goodsContents > .goodsList > a:hover {
  opacity: .8;
}
.goodsContents > .goodsList .goodsList-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

/*＝＝＝＝＝＝＝＝CONTACT＝＝＝＝＝＝＝＝*/
.contactPageLink {
  margin-top: 0;
}

.contactContent {
  text-align: center;
}

.contactText {
  white-space: nowrap;
}

/*＝＝＝＝＝＝＝＝SPONSORS＝＝＝＝＝＝＝＝*/
#js-sponsors {
  width: 100%;
  position: relative;
}

.gyogunAnimation:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 23%;
  background-image: url("../images/school_of_fish.png");
  background-image: url("../images/school_of_fish.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  transform: translateY(-35%);
  animation: gyogun 5s both;
}

@keyframes gyogun {
  0% {
    opacity: 0;
    transform: translateX(-150%) translateY(-50%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(150%) translateY(-50%);
  }
}
.mago_fish.gyogunAnimation:before {
  background-image: url("../images/school_of_fish2.png");
  background-image: url("../images/school_of_fish2.svg");
}

.sponsorsHeader {
  margin-bottom: 40px;
}
@media only screen and (min-width: 48em) {
  .sponsorsHeader {
    margin-bottom: 60px;
  }
}

.gtune_intelWrap {
  width: 220px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  .gtune_intelWrap {
    width: 300px;
  }
}
.gtune_intelWrap img {
  width: 100%;
  height: auto;
}

.madcatzWrap {
  width: 280px;
  height: auto;
  margin: 20px auto 0;
  position: relative;
  right: -6px;
}
@media only screen and (min-width: 48em) {
  .madcatzWrap {
    width: 365px;
    right: -10px;
  }
}
.madcatzWrap svg,
.madcatzWrap img {
  width: 100%;
  height: auto;
}

footer {
  margin-top: auto;
  padding-top: 210px;
  background-color: #fcfcfc;
  background: #fcfcfc url("../images/footer.png") no-repeat;
  background-image: url("../images/footer.svg");
  background-size: 100% 210px;
  position: relative;
}
footer:before {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #1d2089;
  position: absolute;
  top: -1px;
}
footer:after {
  display: block;
  content: "";
  width: 100px;
  height: 60px;
  background: url("../images/footer_logo.png") no-repeat;
  background-image: url("../images/footer_logo.svg");
  background-size: cover;
  position: absolute;
  top: 130px;
  right: 18px;
}
@media only screen and (min-width: 48em) {
  footer:after {
    width: 120px;
    height: 72px;
    top: 118px;
    right: 30px;
  }
}
@media only screen and (min-width: 62em) {
  footer:after {
    width: 141px;
    height: 84px;
    top: 106px;
    right: 40px;
  }
}

.navSection > p,
.twitterSection > p {
  margin-bottom: 15px;
}
.navSection > h2,
.twitterSection > h2 {
  text-align: center;
  padding-top: 10px;
}

.navSection {
  text-align: center;
  width: 100%;
  padding: 20px;
}
@media only screen and (min-width: 62em) {
  .navSection {
    width: 300px;
    margin-right: 30px;
    float: left;
  }
}
@media only screen and (min-width: 75em) {
  .navSection {
    width: 330px;
    margin-right: 30px;
  }
}

.footerNav-ul {
  display: inline-block;
}
.footerNav-ul > li {
  text-align: left;
  margin-bottom: 5px;
}
@media only screen and (min-width: 62em) {
  .footerNav-ul > li {
    margin-bottom: 10px;
  }
}

.twitterSection {
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 62em) {
  .twitterSection {
    width: 538px;
    padding: 20px;
    float: left;
  }
}
.twitterSection #twitter-widget-0 {
  max-width: 400px !important;
  height: 400px !important;
}
@media only screen and (min-width: 62em) {
  .twitterSection #twitter-widget-0 {
    width: 100% !important;
    height: 500px !important;
  }
}
.twitterSection #twitter-widget-0 h1 {
  font-size: 10px !important;
}

.footerBottom {
  line-height: 40px;
  height: 40px;
  margin-top: 30px;
  background-color: #1d2089;
}
.footerBottom > p {
  color: #fcfcfc;
  text-align: center;
}

.IE8 header:before {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acdcee', endColorstr='#ffcfdf', GradientType=1);
}
.IE8 strong,
.IE8 ins {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#ffcfdf', GradientType=0);
}
.IE8 mark {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#acdcee', GradientType=0);
}

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