@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;
}

.playerPage .post-body .post-share > ul:after,
.page .post-body .post-share > ul:after, .wrap:after, .headerWrap:after, .headerNav:after, .headerNav-ul:after, .playerPage .post-body ol > li:after,
.page .post-body ol > li:after {
  content: " ";
  display: block;
  clear: both;
}

.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;
}

.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;";
}

.playersListPage h1, .playerPage h1,
.page h1 {
  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) {
  .playersListPage h1, .playerPage h1,
  .page h1 {
    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);
}

.playerPage .post-body .post-share,
.page .post-body .post-share {
  text-align: center;
  margin-top: 50px;
}
.playerPage .post-body .post-share > ul,
.page .post-body .post-share > ul {
  font-size: 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;
  }
}

.playersListPage {
  text-align: center;
  color: #fcfcfc;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.playersListPage .post-body {
  position: relative;
}
@media only screen and (min-width: 62em) {
  .playersListPage .post-body {
    padding: 50px 0;
  }
}
.playersListPage .post-body p {
  letter-spacing: .2em;
  margin-bottom: 30px;
}
@media only screen and (min-width: 62em) {
  .playersListPage .post-body p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.playersListPage .post-body .small {
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (min-width: 62em) {
  .playersListPage .post-body .small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.playersListPage .post-body .big {
  display: inline-block;
  font-size: 26px;
  font-size: 2.6rem;
}
@media only screen and (min-width: 62em) {
  .playersListPage .post-body .big {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.playersListPage .post-body:after {
  display: block;
  content: "";
  width: 50%;
  height: 60%;
  background: url("../images/fish.png") no-repeat;
  background-image: url("../images/fish.svg");
  background-size: contain;
  position: absolute;
  bottom: -20px;
  right: -10px;
  z-index: -1;
  transform: rotate(25deg);
}
@media only screen and (min-width: 62em) {
  .playersListPage .post-body:after {
    bottom: 0;
  }
}

.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;
}

.playerPage,
.page {
  text-align: center;
  width: 100%;
  margin-bottom: 80px;
}
.playerPage h1,
.page h1 {
  margin-top: 30px;
  line-height: 1.2;
  font-style: normal;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.playerPage h1 > .kana,
.page h1 > .kana {
  white-space: nowrap;
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 62em) {
  .playerPage h1 > .kana,
  .page h1 > .kana {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.playerPage h1 > .roman,
.page h1 > .roman {
  font-style: italic;
}
.playerPage .post-body,
.page .post-body {
  text-align: left;
  padding: 15px;
  background-color: #fcfcfc;
  border-radius: 3px;
}
@media only screen and (min-width: 35em) {
  .playerPage .post-body,
  .page .post-body {
    padding: 30px;
  }
}
.playerPage .post-body h2,
.page .post-body h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  margin: 40px 0 15px;
}
@media only screen and (min-width: 35em) {
  .playerPage .post-body h2,
  .page .post-body h2 {
    margin-top: 60px;
  }
}
.playerPage .post-body h2.firstHeader,
.page .post-body h2.firstHeader {
  margin-top: 0;
}
.playerPage .post-body h3,
.page .post-body h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 20px 0 10px;
}
@media only screen and (min-width: 35em) {
  .playerPage .post-body h3,
  .page .post-body h3 {
    margin-top: 40px;
  }
}
.playerPage .post-body p,
.page .post-body p {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  margin-bottom: 20px;
}
@media only screen and (min-width: 35em) {
  .playerPage .post-body p,
  .page .post-body p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.playerPage .post-body ol,
.page .post-body ol {
  counter-reset: body_count;
  margin-bottom: 20px;
}
.playerPage .post-body ol > li:before,
.page .post-body ol > li:before {
  counter-increment: body_count;
  content: counters(body_count,"-") ".";
  display: block;
  text-align: center;
  margin-right: 10px;
  float: left;
}
.playerPage .post-body ul,
.page .post-body ul {
  margin-bottom: 20px;
}
.playerPage .post-body ul > li,
.page .post-body ul > li {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.playerPage .post-body img,
.page .post-body img {
  display: block;
  margin: 0 auto 10px;
  max-width: 100%;
  height: auto;
  border: solid 3px #dfdfdf;
}
.playerPage .post-body .post-share-twitter,
.page .post-body .post-share-twitter {
  margin-right: 20px;
}
.playerPage .post-body .post-share-twitter,
.playerPage .post-body .post-share-facebook,
.page .post-body .post-share-twitter,
.page .post-body .post-share-facebook {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-bottom: 0;
}
.playerPage .post-body .post-share-twitter > a,
.playerPage .post-body .post-share-facebook > a,
.page .post-body .post-share-twitter > a,
.page .post-body .post-share-facebook > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1px;
  opacity: 1;
  transition: opacity .5s;
  will-change: transform;
}
.playerPage .post-body .post-share-twitter > a:hover,
.playerPage .post-body .post-share-facebook > a:hover,
.page .post-body .post-share-twitter > a:hover,
.page .post-body .post-share-facebook > a:hover {
  -webkit-transform-style: preserve-3d;
  opacity: .6;
}

.page {
  padding-top: 114px;
}

/*＝＝＝＝＝＝＝＝PLAYERS ICON＝＝＝＝＝＝＝＝*/
.playersWrap {
  text-align: center;
  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 {
  color: #fcfcfc;
  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;
}

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=player.css.map */