@charset "UTF-8";
/*
Theme Name: GameLine2020
Description: GameLine2020 テーマ
Author: 株式会社wapon
Author URI: http://wapon.co.jp/
*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  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: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

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

img {
  max-width: 100%; }

.ranking-index, .author-area .author-area-index, .kouryaku-list .kouryaku-list-index, .update-list-area .update-list-index, .relation-link .relation-link-index {
  padding: 10px 15px;
  background-color: #2E3031;
  color: #FEFFFF;
  font-size: 0.9rem; }
  .ranking-index span, .author-area .author-area-index span, .kouryaku-list .kouryaku-list-index span, .update-list-area .update-list-index span, .relation-link .relation-link-index span {
    vertical-align: middle; }

.sidemenu-area div, .sidemenu-area a {
  display: block;
  padding: 13px 10px 13px 15px;
  color: #FEFFFF;
  font-size: 0.8rem;
  line-height: 1.5;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .sidemenu-area div.open-under, .sidemenu-area a.open-under {
    border-bottom: 1px solid #3E3F40; }

.sidemenu-area .menu > .menu-item-has-children > div,
.sidemenu-area .menu > ul > .page_item_has_children > div, .sidemenu-area .menu > .menu-item-has-children > a,
.sidemenu-area .menu > ul > .page_item_has_children > a {
  display: block;
  padding: 11px 10px 11px 15px;
  background-color: #2E3031;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

.main-content .wp-page-content .link-button, .main-content .wp-page-content .link-button-white, .main-content .wp-page-content .mini-link-button, .page-404 .link-button {
  display: block;
  margin-bottom: 2rem;
  padding: 11px 0;
  border: 1px solid #e8d748;
  color: #e8d748;
  text-align: center;
  font-size: 0.9rem;
  background-color: #0D0D0D;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .main-content .wp-page-content .link-button:hover, .main-content .wp-page-content .link-button-white:hover, .main-content .wp-page-content .mini-link-button:hover, .page-404 .link-button:hover {
    background-color: #18181A; }

.main-content .wp-page-content .my_game_id_input_area .my_game_id_input, .main-content .dataTables_filter input[type="search"], .main-content .comment-form input[type="text"] {
  background-color: #0D0D0D !important;
  border: 1px solid #2E3031;
  border-radius: 0;
  font-size: 16px;
  color: #CCCDCE;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_input::-webkit-input-placeholder, .main-content .dataTables_filter input[type="search"]::-webkit-input-placeholder, .main-content .comment-form input[type="text"]::-webkit-input-placeholder {
    color: #87888c; }
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_input:-ms-input-placeholder, .main-content .dataTables_filter input[type="search"]:-ms-input-placeholder, .main-content .comment-form input[type="text"]:-ms-input-placeholder {
    color: #87888c; }
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_input::-ms-input-placeholder, .main-content .dataTables_filter input[type="search"]::-ms-input-placeholder, .main-content .comment-form input[type="text"]::-ms-input-placeholder {
    color: #87888c; }
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_input::placeholder, .main-content .dataTables_filter input[type="search"]::placeholder, .main-content .comment-form input[type="text"]::placeholder {
    color: #87888c; }
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_input:focus, .main-content .dataTables_filter input:focus[type="search"], .main-content .comment-form input:focus[type="text"] {
    border: 1px solid #48AAD8;
    outline: 0; }

.main-content .send-opinion-textarea, .main-content .comment-form textarea {
  width: 100%;
  padding: 8px 12px;
  background-color: #0D0D0D;
  border: 1px solid #2E3031;
  border-radius: 0;
  color: #CCCDCE;
  font-size: 16px; }
  .main-content .send-opinion-textarea::-webkit-input-placeholder, .main-content .comment-form textarea::-webkit-input-placeholder {
    color: #87888c; }
  .main-content .send-opinion-textarea:-ms-input-placeholder, .main-content .comment-form textarea:-ms-input-placeholder {
    color: #87888c; }
  .main-content .send-opinion-textarea::-ms-input-placeholder, .main-content .comment-form textarea::-ms-input-placeholder {
    color: #87888c; }
  .main-content .send-opinion-textarea::placeholder, .main-content .comment-form textarea::placeholder {
    color: #87888c; }
  .main-content .send-opinion-textarea:focus, .main-content .comment-form textarea:focus {
    border: 1px solid #48AAD8;
    outline: 0; }

.main-content .wp-page-content .my_game_id_input_area .my_game_id_save_btn,
.main-content .wp-page-content .my_game_id_input_area .my_game_id_copy_btn, .main-content .send-opinion-submit, .main-content .comment-form .submit, .chara_have_rate_area .chara-have-all-clear, .chara_have_rate_area .button-by-rare, .arknights-combination-reset-button {
  display: block;
  width: 100%;
  padding: 13px 0;
  background-color: #48AAD8;
  color: #FEFFFF;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  text-align: center;
  font-size: 0.9rem;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  -o-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease; }
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_save_btn:hover,
  .main-content .wp-page-content .my_game_id_input_area .my_game_id_copy_btn:hover, .main-content .send-opinion-submit:hover, .main-content .comment-form .submit:hover, .chara_have_rate_area .chara-have-all-clear:hover, .chara_have_rate_area .button-by-rare:hover, .arknights-combination-reset-button:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1); }

.ranking-ul a, .update-list-area a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #FEFFFF;
  font-size: 0.85rem;
  line-height: 1.6; }

.ranking-ul .ranking-img, .update-list-area .ranking-img {
  margin-right: 12px;
  width: 80px;
  height: 42px;
  -o-object-fit: cover;
  object-fit: cover; }

.main-content .wp-page-content .tag {
  display: inline-block;
  margin: 4px 5px 4px 0;
  padding: 2px 5px;
  color: #FEFFFF;
  border: 1px solid #FEFFFF;
  border-radius: 3px;
  background-color: #0D0D0D; }

.main-content .wp-page-content .note-area {
  margin-bottom: 2rem;
  padding: 10px;
  line-height: 1.5;
  font-size: 0.9rem;
  color: #FEFFFF;
  border: 1px solid #FEFFFF;
  background-color: #2d2d2e; }
  .main-content .wp-page-content .note-area p:last-of-type {
    margin-bottom: 0; }

.main-content .wp-page-content .bikkuri-list-wrap {
  margin-bottom: 2rem;
  padding-left: 2rem; }
  .main-content .wp-page-content .bikkuri-list-wrap li {
    position: relative;
    list-style-type: none;
    line-height: 1.8; }
    .main-content .wp-page-content .bikkuri-list-wrap li::before {
      position: absolute;
      top: 2px;
      left: -26px;
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background-image: url("./images/bikkuri.png");
      background-size: contain; }

.main-content .wp-page-content .accordion-switch, .main-content .comment-show-more {
  padding: 12px 0;
  margin-bottom: 3rem;
  text-align: center;
  background-color: #0D0D0D;
  border: 1px solid #FEFFFF;
  color: #FEFFFF;
  cursor: pointer;
  font-size: 0.9rem;
  -webkit-box-shadow: 0 2px 0 0 #18181A, 0 6px 0 -3px #FEFFFF, 0 9px 0 -4px #18181A, 0 12px 0 -6px #FEFFFF;
  box-shadow: 0 2px 0 0 #18181A, 0 6px 0 -3px #FEFFFF, 0 9px 0 -4px #18181A, 0 12px 0 -6px #FEFFFF;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .main-content .wp-page-content .accordion-switch:hover, .main-content .comment-show-more:hover {
    background-color: #18181A; }
  .main-content .wp-page-content .accordion-switch::after, .main-content .comment-show-more::after {
    position: relative;
    top: -3px;
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    margin-left: 13px;
    border-right: 2px solid #FEFFFF;
    border-bottom: 2px solid #FEFFFF;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.main-content .wp-page-content .balloon-text-right {
  position: relative;
  display: block;
  margin: 0 0 0 20px;
  padding: 10px;
  width: calc(100% - 15px);
  background: #0D0D0D;
  border: solid 2px #87888c; }
  .main-content .wp-page-content .balloon-text-right p {
    margin-bottom: 0.2rem;
    color: #dce0e3; }
  .main-content .wp-page-content .balloon-text-right p:last-of-type {
    margin-bottom: 0; }
  .main-content .wp-page-content .balloon-text-right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    margin-top: -9px;
    border: 9px solid transparent;
    border-right: 9px solid #0D0D0D;
    z-index: 2; }
  .main-content .wp-page-content .balloon-text-right::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #87888c;
    z-index: 1; }

.main-content .wp-page-content .balloon-text-left {
  position: relative;
  display: block;
  margin: 0 20px 0 0;
  padding: 10px;
  width: calc(100% - 15px);
  background: #2E3031;
  border: solid 2px #87888c; }
  .main-content .wp-page-content .balloon-text-left p {
    margin-bottom: 0.5rem;
    color: #FEFFFF; }
  .main-content .wp-page-content .balloon-text-left p:last-of-type {
    margin-bottom: 0; }
  .main-content .wp-page-content .balloon-text-left::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    margin-top: -9px;
    border: 9px solid transparent;
    border-left: 9px solid #2E3031;
    z-index: 2; }
  .main-content .wp-page-content .balloon-text-left::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-left: 12px solid #87888c;
    z-index: 1; }

.main-content .wp-page-content .link-button.with-external-link::after, .main-content .wp-page-content .link-button-white.with-external-link::after, .main-content .wp-page-content .link-text.with-external-link::after {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: 3px;
  background-image: url("./images/external-yellow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub; }

.main-content .wp-page-content .shitsumonQ {
  margin-bottom: 1rem;
  padding: 4px 10px 8px 10px;
  background-color: #2E3031;
  color: #FEFFFF;
  font-weight: 500;
  line-height: 1.5; }
  .main-content .wp-page-content .shitsumonQ::before {
    content: 'Q.';
    display: inline-block;
    margin-right: 3px;
    font-size: 1.5rem;
    color: #e8d748; }

.main-content .wp-page-content .kaitouA {
  padding-left: 12px; }
  .main-content .wp-page-content .kaitouA::before {
    content: 'A.';
    display: inline-block;
    margin-right: 3px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #FEFFFF;
    line-height: 1; }

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont,  "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
  letter-spacing: 1px;
  background-color: #0D0D0D; }
  @media only screen and (max-width: 500px) {
    body {
      padding-bottom: 119px; } }

a {
  text-decoration: none; }

li {
  list-style: none; }

img {
  max-width: 100%;
  height: auto; }

iframe {
  max-width: 100%; }

[v-cloak] {
  display: none; }

ins {
  background-color: #18181A !important; }

.head-line-wrap {
  background-color: #18181A;
  border-bottom: 1px solid #7A7B7E; }

.head-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 94%;
  max-width: 1000px;
  margin: auto;
  padding: 15px 0; }
  @media only screen and (max-width: 500px) {
    .head-line {
      padding: 7px 0; } }
  .head-line .header-logo {
    display: block;
    width: 126px; }
    @media only screen and (max-width: 500px) {
      .head-line .header-logo {
        width: 97px; } }

.search-form input::placeholder {
  font-size: 13px;
}
.search-form input[type="text"] {
  width: 100%;
  padding: 5px 15px;
  border: 1px solid #7B7C80;
  border-radius: 18px;
  font-size: 16px;
  background-color: #2C3031;
  color: #FEFFFF; }
  @media only screen and (max-width: 500px) {
    .search-form input[type="text"] {
      padding: 3px 10px; } }
  .search-form input[type="text"]:focus {
    border: 1px solid #e8d748;
    outline: 0; }

.search-form .search-form-inner {
  position: relative;
  max-width: 180px; }

.search-form .search-button {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer; }
  @media only screen and (max-width: 500px) {
    .search-form .search-button {
      width: 18px; } }
  .search-form .search-button:focus {
    outline: 0; }

.main-img-area {
  position: relative;
  width: 100%;
  height: 25vw;
  max-height: 300px;
  background-color: #2E3031;
  border-bottom: 1px solid #7A7B7E;
  overflow: hidden; }
  @media only screen and (max-width: 500px) {
    .main-img-area {
      height: 17vw; } }
  .main-img-area .header-blur {
    position: absolute;
    top: -5%;
    left: 0;
    height: 110%;
    width: 100%;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(2px);
    filter: blur(2px); }
    @media screen and (min-width: 500px) {
      .main-img-area .header-blur {
        -webkit-filter: none;
        filter: none; } }
  .main-img-area .title-area {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc((100% - 1000px) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 500px) {
      .main-img-area .title-area:hover .site-top-icon {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); } }
    @media only screen and (max-width: 1100px) {
      .main-img-area .title-area {
        left: 2.5%; } }
  .main-img-area .site-top-icon-cover {
    border-radius: 18px;
    border: 3px solid #FEFFFF;
    overflow: hidden;
    z-index: 1; }
    @media only screen and (max-width: 500px) {
      .main-img-area .site-top-icon-cover {
        border-radius: 11px;
        border: 2px solid #FEFFFF; } }
  .main-img-area .site-top-icon {
    width: 73px;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    @media only screen and (max-width: 500px) {
      .main-img-area .site-top-icon {
        width: 36px; } }
  .main-img-area .game-title {
    margin-left: 25px;
    color: #FEFFFF;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 2px 3px 5px #0D0D0D; }
    @media only screen and (max-width: 500px) {
      .main-img-area .game-title {
        margin-left: 15px;
        font-size: 1.15rem; } }
  .main-img-area.other-page-header {
    height: 10vw;
    overflow: hidden; }
    @media only screen and (max-width: 810px) {
      .main-img-area.other-page-header {
        height: 17vw; } }
    .main-img-area.other-page-header::before {
      position: absolute;
      top: -5px;
      left: -5px;
      width: 105%;
      height: 115%;
      content: '';
      background: inherit;
      -webkit-filter: blur(3px);
      filter: blur(3px); }
    .main-img-area.other-page-header .site-top-icon {
      width: 65px; }
      @media only screen and (max-width: 810px) {
        .main-img-area.other-page-header .site-top-icon {
          width: 36px;
          border-radius: 11px; } }
    .main-img-area.other-page-header .game-title {
      font-size: 1.3rem; }
      @media only screen and (max-width: 500px) {
        .main-img-area.other-page-header .game-title {
          margin-left: 15px;
          font-size: 1.15rem; } }

.header-menu-wrap {
  background-color: #18181A; }
  @media only screen and (max-width: 1000px) {
    .header-menu-wrap {
      padding: 0 0 0 20px; } }
  @media only screen and (max-width: 810px) {
    .header-menu-wrap {
      padding-left: 15px; } }

.header-menu {
  max-width: 1000px;
  margin: auto; }
  .header-menu::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none; }
  @media only screen and (max-width: 1000px) {
    .header-menu {
      overflow-x: scroll;
      scroll-behavior: smooth; } }
  .header-menu > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 18px 0 23px; }
    @media only screen and (max-width: 810px) {
      .header-menu ul {
        padding: 16px 0; } }
  .header-menu li {
    margin-right: 40px; }
    .header-menu li:last-of-type {
      margin-right: 0; }
    @media only screen and (max-width: 500px) {
      .header-menu li {
        margin-right: 30px; } }
  .header-menu a {
    position: relative;
    padding-bottom: 12px;
    color: #87888c;
    font-weight: 600;
    font-size: 0.85rem;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    letter-spacing: 1px;
    white-space: nowrap; }
    @media only screen and (max-width: 500px) {
      .header-menu a {
        padding-bottom: 8px;
        font-size: 0.9rem; } }
    .header-menu a:hover {
      color: #FEFFFF; }
    .header-menu a::before, .header-menu a::after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 0;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      border-bottom: 2px solid #e8d748; }
    .header-menu a::before {
      left: 50%; }
    .header-menu a:after {
      right: 50%; }
    .header-menu a:hover::after, .header-menu a:hover::before {
      width: 46%; }
    .header-menu a.now-page {
      color: #FEFFFF; }
      .header-menu a.now-page::after, .header-menu a.now-page::before {
        width: 46%; }
  .header-menu .current-page-ancestor a::before, .header-menu .current-page-ancestor a:after,
  .header-menu .current-menu-item a::before,
  .header-menu .current-menu-item a:after {
    width: 46%; }

.fix-header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #17181A;
  border-bottom: 1px solid #2A2E2E;
  z-index: 10; }
  .fix-header .fix-header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1000px;
    width: 94%;
    margin: auto; }
  .fix-header .site-top-icon-link {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 36px;
    min-width: 36px; }
    @media only screen and (max-width: 1000px) {
      .fix-header .site-top-icon-link {
        margin-right: 20px; } }
  .fix-header .site-top-icon {
    border: 2px solid #FEFFFF;
    border-radius: 9px; }
  @media only screen and (max-width: 1000px) {
    .fix-header .header-menu {
      display: none; } }
  .fix-header .sp_fixed_header_right_ul {
    display: none;
    padding-top: 2px; }
    @media only screen and (max-width: 1000px) {
      .fix-header .sp_fixed_header_right_ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 15px; } }
    .fix-header .sp_fixed_header_right_ul .sp_fixed_header_li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .fix-header .sp_fixed_header_right_ul .fixed_header_li_text {
      color: #87888c;
      font-size: 10px;
      margin-top: 3px; }
    .fix-header .sp_fixed_header_right_ul .top_arrow_icon {
      height: 20px; }
    .fix-header .sp_fixed_header_right_ul .mail_icon {
      height: 20px; }
    .fix-header .sp_fixed_header_right_ul .comment_icon {
      height: 20px; }
  .fix-header .search-form {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
    @media only screen and (max-width: 1000px) {
      .fix-header .search-form {
        display: none; } }
    .fix-header .search-form .search-form-inner {
      max-width: 42px; }
    .fix-header .search-form .search-button {
      right: 11px; }
    .fix-header .search-form.active {
      position: absolute;
      top: 14px;
      right: calc((100% - 1000px) / 2); }
      .fix-header .search-form.active .search-form-inner {
        max-width: 180px; }

#sp-menu-icon {
  display: none;
  position: fixed;
  left: 2%;
  bottom: 128px;
  width: 50px;
  height: 50px;
  border: 1px solid #7F7E83;
  background-color: #2E3031;
  cursor: pointer;
  z-index: 2; }
  #sp-menu-icon img {
    position: absolute;
    top: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px; }
  #sp-menu-icon .menu-string {
    position: absolute;
    bottom: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0.6rem;
    color: #7F7E83;
    text-align: center; }
  @media only screen and (max-width: 1000px) {
    #sp-menu-icon {
      display: block; } }

.page-content-wrapper {
  background-color: #0D0D0D;
  color: #87888c;
  border-top: 1px solid #2C3030;
  padding-top: 18px; }
  @media only screen and (max-width: 500px) {
    .page-content-wrapper {
      padding-top: 12px; } }

.breadcrumb {
  max-width: 1000px;
  padding-left: 20px;
  margin: auto;
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden; }
  @media only screen and (max-width: 810px) {
    .breadcrumb {
      padding-left: 2.5%; } }
  @media only screen and (max-width: 500px) {
    .breadcrumb {
      overflow-x: scroll; } }
  .breadcrumb a {
    display: inline-block;
    color: #dce0e3; }
    .breadcrumb a::after {
      position: relative;
      top: -1px;
      content: '>';
      display: inline-block;
      margin-left: 5px; }
  .breadcrumb p {
    display: inline-block;
    color: #FEFFFF; }

.sidemenu-area {
  min-width: 200px;
  width: 200px;
  margin-right: 15px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 1000px) {
    .sidemenu-area {
      display: none; } }
  .sidemenu-area .menu-icon {
    width: 22px;
    margin-right: 10px;
    vertical-align: middle; }
  .sidemenu-area .koryaku-index {
    padding: 10px 9px;
    background-color: #2E3031;
    color: #FEFFFF;
    font-size: 0.8rem; }
    .sidemenu-area .koryaku-index span {
      position: relative;
      top: 1px;
      vertical-align: middle; }
  .sidemenu-area li {
    position: relative;
    border-bottom: 1px solid #3E3F40; }
    .sidemenu-area li:last-of-type {
      border-bottom: 0; }
  .sidemenu-area nav > div {
    padding: 0; }
  .sidemenu-area a:hover {
    background-color: #18181A; }
  .sidemenu-area .menu > .menu-item-has-children > a:hover,
  .sidemenu-area .menu > ul > .page_item_has_children > a:hover {
    background-color: #393b3d; }
  .sidemenu-area .menu-item-has-children .menu-item-has-children > a,
  .sidemenu-area .page_item_has_children .page_item_has_children > a,
  .sidemenu-area .menu-item-has-children .menu-item-has-children > div,
  .sidemenu-area .page_item_has_children .page_item_has_children > div {
    padding-right: 24px; }
  .sidemenu-area .menu-item-has-children .menu-item-has-children .sub-menu,
  .sidemenu-area .page_item_has_children .page_item_has_children .children {
    display: none;
    padding: 0 0 12px 0; }
    .sidemenu-area .menu-item-has-children .menu-item-has-children .sub-menu li,
    .sidemenu-area .page_item_has_children .page_item_has_children .children li {
      border-bottom: 0; }
    .sidemenu-area .menu-item-has-children .menu-item-has-children .sub-menu div, .sidemenu-area .menu-item-has-children .menu-item-has-children .sub-menu a,
    .sidemenu-area .page_item_has_children .page_item_has_children .children div,
    .sidemenu-area .page_item_has_children .page_item_has_children .children a {
      padding: 12px 10px 12px 15px;
      padding-left: calc(15px + 1rem);
      color: #dce0e3; }
  .sidemenu-area .has-three-level {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    font-size: 1.1rem; }
    .sidemenu-area .has-three-level::after {
      content: '＋';
      display: inline-block;
      margin-left: 5px;
      color: #FEFFFF; }
    .sidemenu-area .has-three-level.open::after {
      content: 'ー'; }
  .sidemenu-area .has-three-level-no-link {
    position: relative;
    cursor: pointer; }
    .sidemenu-area .has-three-level-no-link::after {
      position: absolute;
      content: '＋';
      display: inline-block;
      margin-left: 5px;
      color: #FEFFFF;
      right: 0;
      top: 0;
      height: 100%;
      padding-top: 10px;
      padding-right: 5px;
      padding-left: 5px;
      cursor: pointer;
      font-size: 1.1rem; }
    .sidemenu-area .has-three-level-no-link.open::after {
      content: 'ー'; }
  .sidemenu-area .side-page-mokuji-area {
    padding: 0; }
    .sidemenu-area .side-page-mokuji-area.fixed {
      position: fixed;
      left: calc((100% - 1000px) / 2);
      top: 38px;
      z-index: 1;
      width: 200px; }
  .sidemenu-area .mokuji-index {
    padding: 11px 10px 11px 15px;
    background-color: #2E3031;
    color: #FEFFFF;
    font-size: 0.8rem;
    line-height: 1.5; }
  .sidemenu-area .menu_bottom_close_button {
    display: none; }

.sp-menu-gradation {
  display: none; }

#sp-menu-wrapper .sidemenu-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 85%;
  max-width: 340px;
  height: 100vh;
  margin-right: 0;
  padding: 15px 10px 0 15px;
  background-color: #0D0D0D;
  -webkit-transform: translateX(-340px);
  -ms-transform: translateX(-340px);
  transform: translateX(-340px);
  z-index: 60;
  opacity: 1; }
  #sp-menu-wrapper .sidemenu-area.sp-menu-transition {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
  #sp-menu-wrapper .sidemenu-area nav {
    position: relative;
    height: calc(100vh - 80px - 120px);
    overflow-y: scroll; }
    #sp-menu-wrapper .sidemenu-area nav > div {
      margin-right: 20px; }
  #sp-menu-wrapper .sidemenu-area div {
    padding: 15px 15px 15px 15px;
    font-size: 0.9rem; }
  #sp-menu-wrapper .sidemenu-area nav > div {
    padding: 0; }
  #sp-menu-wrapper .sidemenu-area a {
    padding: 15px 15px 15px 15px;
    font-size: 0.9rem; }
  #sp-menu-wrapper .sidemenu-area .menu-item-has-children .menu-item-has-children .sub-menu a,
  #sp-menu-wrapper .sidemenu-area .page_item_has_children .page_item_has_children .children a {
    padding-left: calc(15px + 1rem); }
  #sp-menu-wrapper .sidemenu-area .menu > .menu-item-has-children > a,
  #sp-menu-wrapper .sidemenu-area .menu > ul > .page_item_has_children > a {
    padding: 13px 10px 13px 15px; }
  #sp-menu-wrapper .sidemenu-area .has-three-level {
    padding-top: 12px; }
  #sp-menu-wrapper .sidemenu-area .has-three-level-no-link {
    padding-top: 14px; }
    #sp-menu-wrapper .sidemenu-area .has-three-level-no-link::after {
      padding-top: 12px; }
  #sp-menu-wrapper .sidemenu-area.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  @media only screen and (max-width: 1000px) {
    #sp-menu-wrapper .sidemenu-area {
      display: block; } }

#sp-menu-wrapper div.koryaku-index {
  padding: 10px 9px; }
  #sp-menu-wrapper div.koryaku-index span {
    top: 0;
    font-size: 0.9rem; }

#sp-menu-wrapper nav > div.menu_bottom_close_button {
  display: block;
  border: 1px solid #fff;
  padding: 8px 0;
  text-align: center; }

#sp-menu-wrapper .sp-menu-gradation {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#0D0D0D));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #0D0D0D);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), #0D0D0D);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #0D0D0D);
  z-index: 1; }

#sp-menu-close-button {
  display: none;
  position: fixed;
  bottom: 128px;
  right: calc(100vw - 360px);
  width: 45px;
  height: 45px;
  color: #dce0e3;
  font-size: 2.5rem;
  background-color: #18181A;
  z-index: 100; }
  #sp-menu-close-button span {
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

.sidemenu-area.sp-koryaku-menu {
  display: none;
  width: 100%;
  background-color: #0D0D0D;
  margin: 20px 0; }
  .sidemenu-area.sp-koryaku-menu nav {
    padding: 0 10px; }
  @media only screen and (max-width: 1000px) {
    .sidemenu-area.sp-koryaku-menu {
      display: block; } }

.after-sp-koryakumenu {
  display: none; }
  @media only screen and (max-width: 1000px) {
    .after-sp-koryakumenu {
      display: block; } }

#menu-close-button {
  display: none; }
  @media only screen and (max-width: 1000px) {
    #menu-close-button {
      display: block; } }

.sp-menu-back {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(46, 48, 49, 0.6);
  z-index: 50; }

.left-right-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 18px;
  padding-left: calc((100% - 1000px) / 2); }
  @media only screen and (max-width: 500px) {
    .left-right-wrapper {
      margin-top: 12px; } }
  .left-right-wrapper .right-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 30px 0 30px 30px;
    background-color: #18181A; }
    @media only screen and (max-width: 810px) {
      .left-right-wrapper .right-area {
        display: block;
        padding: 10px 0 30px; } }

.right-sidebar-area {
  width: 300px; }
  @media only screen and (max-width: 810px) {
    .right-sidebar-area {
      width: auto;
      max-width: 450px;
      width: 94%;
      margin-top: 60px;
      margin-left: 3%; } }

.main-content {
  min-width: 415px;
  max-width: 415px;
  margin-right: 30px; }
  @media only screen and (max-width: 810px) {
    .main-content {
      min-width: initial;
      max-width: initial;
      width: 94%;
      margin: auto; } }
  .main-content .page-index {
    line-height: 1.5;
    color: #FEFFFF;
    font-size: 1.3rem;
    letter-spacing: 2px; }
    @media only screen and (max-width: 500px) {
      .main-content .page-index {
        font-size: 1.2rem; } }
  .main-content .content-ad-after {
    margin-top: 12px; }
  .main-content ins {
    background-color: #18181A; }
  .main-content .page-top-eyecatch {
    width: 100%; }
  .main-content .wp-page-content {
    width: 100%;
    overflow-x: hidden; }
    .main-content .wp-page-content h2 {
      margin-bottom: 1.5rem;
      padding: 12px 14px;
      background-color: #2E3031;
      color: #FEFFFF;
      font-weight: 500;
      line-height: 1.5; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content h2 {
          padding: 10px 12px;
          font-size: 0.95rem; } }
    .main-content .wp-page-content h3 {
      margin-bottom: 1rem;
      padding: 0 0 0 10px;
      border-left: 4px solid #FEFFFF;
      color: #FEFFFF;
      font-weight: 500;
      line-height: 1.8; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content h3 {
          padding: 0 0 0 8px;
          font-size: 0.95rem;
          line-height: 2; } }
    .main-content .wp-page-content h4 {
      font-weight: 500;
      margin-bottom: 0.5rem;
      color: #FEFFFF; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content h4 {
          font-size: 0.95rem; } }
    .main-content .wp-page-content p {
      margin-bottom: 1rem;
      line-height: 1.6;
      font-size: 0.9rem;
      color: #dce0e3; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content p {
          font-size: 0.85rem;
          line-height: 1.8; } }
    .main-content .wp-page-content img {
      margin-bottom: 1rem; }
    .main-content .wp-page-content img.no-margin {
      margin-bottom: 0; }
    .main-content .wp-page-content strong {
      color: #e8d748;
      font-weight: 600; }
    .main-content .wp-page-content b {
      font-weight: 600; }
    .main-content .wp-page-content a {
      color: #48AAD8;
      text-decoration: underline;
      font-size: 0.9rem;
      -webkit-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
      @media screen and (min-width: 500px) {
        .main-content .wp-page-content a :hover {
          color: #3988ad; } }
    .main-content .wp-page-content dt {
      margin-bottom: 0.5rem;
      color: #FEFFFF;
      font-weight: 600; }
    .main-content .wp-page-content dd {
      margin-bottom: 1rem;
      line-height: 1.6;
      font-size: 0.9rem;
      color: #dce0e3; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content dd {
          font-size: 0.85rem;
          line-height: 1.8; } }
    .main-content .wp-page-content li {
      color: #dce0e3;
      line-height: 1.5;
      font-size: 0.9rem;
      margin-bottom: 0.5rem; }
    .main-content .wp-page-content ol {
      padding-left: 2rem; }
      .main-content .wp-page-content ol li {
        list-style-type: decimal; }
    .main-content .wp-page-content ul {
      padding-left: 1rem; }
      .main-content .wp-page-content ul li {
        list-style-type: disc; }
    .main-content .wp-page-content .link-button-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content .link-button-box {
          display: block; } }
      .main-content .wp-page-content .link-button-box .link-button {
        width: 48%; }
        @media only screen and (max-width: 500px) {
          .main-content .wp-page-content .link-button-box .link-button {
            width: 100%; } }
    @media only screen and (max-width: 500px) {
      .main-content .wp-page-content .link-button {
        padding: 10px 0; } }
    .main-content .wp-page-content .link-button-white {
      color: #dce0e3;
      border: 1px solid #dce0e3; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content .link-button-white {
          padding: 10px 0; } }
      .main-content .wp-page-content .link-button-white.with-external-link::after {
        background-image: url("./images/external.svg"); }
    .main-content .wp-page-content .link-text.with-external-link::after {
      margin-right: 2px;
      background-image: url("./images/external-blue.svg"); }
    .main-content .wp-page-content .mini-link-button {
      color: #FEFFFF;
      background-color: #c9bb3e;
      border: 1px solid #c9bb3e;
      font-size: 0.8rem !important;
      font-weight: 600;
      padding: 8px 0; }
      .main-content .wp-page-content .mini-link-button:hover {
        background-color: #b0a438; }
    .main-content .wp-page-content .text_copy {
      cursor: pointer; }
      .main-content .wp-page-content .text_copy::after {
        content: '';
        display: inline-block;
        margin-left: 3px;
        width: 18px;
        height: 18px;
        background-image: url("./images/copy_icon_white.svg");
        background-size: contain;
        vertical-align: sub; }
    .main-content .wp-page-content .my_game_id_input_area {
      margin-top: 3rem; }
      .main-content .wp-page-content .my_game_id_input_area .game_id_label {
        display: block;
        color: #dce0e3; }
      .main-content .wp-page-content .my_game_id_input_area .my_game_id_input_btn_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 10px;
        margin-top: 10px; }
      .main-content .wp-page-content .my_game_id_input_area .my_game_id_input {
        padding: 9px 12px;
        font-size: 16px;
        border: 1px solid #dce0e3;
        letter-spacing: 0.08em; }
        @media only screen and (max-width: 500px) {
          .main-content .wp-page-content .my_game_id_input_area .my_game_id_input {
            width: calc(100% - 80px * 2); } }
        .main-content .wp-page-content .my_game_id_input_area .my_game_id_input::-webkit-input-placeholder {
          color: #4B4D4E; }
        .main-content .wp-page-content .my_game_id_input_area .my_game_id_input:-ms-input-placeholder {
          color: #4B4D4E; }
        .main-content .wp-page-content .my_game_id_input_area .my_game_id_input::-ms-input-placeholder {
          color: #4B4D4E; }
        .main-content .wp-page-content .my_game_id_input_area .my_game_id_input::placeholder {
          color: #4B4D4E; }
      .main-content .wp-page-content .my_game_id_input_area .my_game_id_save_btn,
      .main-content .wp-page-content .my_game_id_input_area .my_game_id_copy_btn {
        padding: 9px 0; }
        @media only screen and (max-width: 500px) {
          .main-content .wp-page-content .my_game_id_input_area .my_game_id_save_btn,
          .main-content .wp-page-content .my_game_id_input_area .my_game_id_copy_btn {
            width: 70px; } }
      .main-content .wp-page-content .my_game_id_input_area .my_game_id_save_btn {
        background-color: #18181A;
        border: 1px solid #48AAD8;
        color: #48AAD8; }
    .main-content .wp-page-content .my_game_id_exp_ul {
      margin-top: 1rem;
      margin-bottom: 3rem; }
      .main-content .wp-page-content .my_game_id_exp_ul li {
        font-size: 13px;
        color: #87888c; }
    .main-content .wp-page-content table .mini-link-button {
      margin-bottom: 0;
      line-height: 1.2; }
    .main-content .wp-page-content .date {
      margin: 15px 0 15px;
      font-size: 0.8rem;
      color: #87888c; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content .date {
          margin: 12px 0 12px;
          font-size: 0.7rem; } }
    .main-content .wp-page-content .mokuji-list {
      margin-bottom: 3rem;
      padding: 25px;
      background-color: #0D0D0D; }
      @media only screen and (max-width: 500px) {
        .main-content .wp-page-content .mokuji-list {
          padding: 15px; } }
      .main-content .wp-page-content .mokuji-list::before {
        content: '目次';
        display: inline-block;
        color: #FEFFFF;
        font-size: 0.9rem; }
        @media only screen and (max-width: 500px) {
          .main-content .wp-page-content .mokuji-list::before {
            font-size: 0.85rem; } }
      .main-content .wp-page-content .mokuji-list li {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0; }
      .main-content .wp-page-content .mokuji-list a {
        display: inline-block;
        margin-top: 15px;
        color: #BBBCBD;
        text-decoration: none; }
        @media only screen and (max-width: 500px) {
          .main-content .wp-page-content .mokuji-list a {
            margin-top: 15px;
            font-size: 0.85rem; } }
        .main-content .wp-page-content .mokuji-list a::before {
          content: '-';
          display: inline-block;
          margin-right: 5px; }
        .main-content .wp-page-content .mokuji-list a:hover {
          text-decoration: underline; }
    .main-content .wp-page-content table {
      width: 100%;
      margin: 1rem 0;
      font-size: 0.85rem;
      color: #FEFFFF;
      word-break: break-all; }
      .main-content .wp-page-content table.mini-table-p2 th, .main-content .wp-page-content table.mini-table-p2 td, .main-content .wp-page-content table.mini-table-p4 th, .main-content .wp-page-content table.mini-table-p4 td, .main-content .wp-page-content table.mini-table-p6 th, .main-content .wp-page-content table.mini-table-p6 td, .main-content .wp-page-content table.mini-table-p8 th, .main-content .wp-page-content table.mini-table-p8 td {
        font-size: .8rem; }
      .main-content .wp-page-content table.mini-table-p2 th, .main-content .wp-page-content table.mini-table-p2 td {
        padding: 2px; }
      .main-content .wp-page-content table.mini-table-p4 th, .main-content .wp-page-content table.mini-table-p4 td {
        padding: 4px; }
      .main-content .wp-page-content table.mini-table-p6 th, .main-content .wp-page-content table.mini-table-p6 td {
        padding: 6px; }
      .main-content .wp-page-content table.mini-table-p8 th, .main-content .wp-page-content table.mini-table-p8 td {
        padding: 8px; }
      .main-content .wp-page-content table p {
        color: #FEFFFF;
        margin-bottom: 0; }
      .main-content .wp-page-content table img {
        margin-bottom: 0; }
    .main-content .wp-page-content tr {
      border-bottom: 1px solid #FEFFFF;
      border-left: 1px solid #FEFFFF; }
      .main-content .wp-page-content tr:first-of-type {
        border-top: 1px solid #FEFFFF; }
    .main-content .wp-page-content th, .main-content .wp-page-content td {
      padding: 10px 10px;
      border-right: 1px solid #FEFFFF;
      font-weight: 400;
      line-height: 1.5;
      -webkit-transition: background-color 0.2s ease;
      -o-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease; }
    .main-content .wp-page-content th {
      background-color: #0D0D0D;
      text-align: center;
      vertical-align: middle;
      font-weight: 600; }
    .main-content .wp-page-content td {
      background-color: #2d2d2e !important;
      vertical-align: middle; }
    .main-content .wp-page-content .aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .main-content .wp-page-content .accordion-switch--active::after {
      top: 2px;
      -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg); }
    .main-content .wp-page-content .accordion-area {
      display: none;
      margin-bottom: 3rem; }
    .main-content .wp-page-content .balloon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 2rem; }
      .main-content .wp-page-content .balloon img {
        margin: 0 !important;
        width: 80px; }
      .main-content .wp-page-content .balloon figure {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .main-content .tablepress .sorting:hover {
    background-color: #0D0D0D; }
  .main-content .dataTables_filter {
    margin-bottom: 10px; }
    .main-content .dataTables_filter label {
      color: #dce0e3; }
    .main-content .dataTables_filter input[type="search"] {
      padding: 2px 5px; }
  .main-content .tablesorter-header {
    position: relative;
    cursor: pointer; }
    .main-content .tablesorter-header::after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0);
      right: 5px;
      width: 8px;
      height: 8px;
      background-image: url("./images/down-sort-arrow.png");
      background-size: contain; }
  .main-content .tablesorter-header[aria-sort="ascending"]::after {
    background-image: url("./images/down-sort-arrow-on.png");
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }
  .main-content .tablesorter-header[aria-sort="descending"]::after {
    background-image: url("./images/down-sort-arrow-on.png");
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0); }
  .main-content .wp-polls {
    margin-top: 3rem;
    padding: 15px;
    background-color: #0D0D0D; }
    .main-content .wp-polls .enquete-index {
      color: #48AAD8;
      font-weight: 600; }
    .main-content .wp-polls ul {
      padding-left: 0;
      margin: 0; }
    .main-content .wp-polls li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .main-content .wp-polls .radio-inline__input {
      clip: rect(1px, 1px, 1px, 1px);
      position: absolute !important; }
    .main-content .wp-polls .radio-inline__label {
      display: inline-block;
      padding: 8px 12px;
      margin-right: 15px;
      background-color: #18181A;
      border: 1px solid #48AAD8;
      color: #48AAD8;
      line-height: 1;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      cursor: pointer;
      white-space: nowrap; }
    .main-content .wp-polls .polls-bar-wrap {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      height: 32px;
      background-color: #2E3031; }
    .main-content .wp-polls .polls-bar {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #48AAD8;
      -webkit-transition: width 0.5s ease;
      -o-transition: width 0.5s ease;
      transition: width 0.5s ease; }
    .main-content .wp-polls .answer-title {
      position: relative;
      margin: 0;
      margin-left: 10px;
      width: calc(100% - 70px);
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      z-index: 1; }
    .main-content .wp-polls .vote-count {
      position: relative;
      margin: 0;
      margin-right: 10px;
      z-index: 1;
      font-size: 1rem;
      white-space: nowrap; }
      .main-content .wp-polls .vote-count span {
        margin-left: 2px;
        font-size: 0.7rem; }
    .main-content .wp-polls .wp-polls-form .polls-bar-wrap {
      width: calc(100% - 71px); }
  .main-content .send-opinion-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 12px 0;
    border: 1px solid #dce0e3;
    color: #dce0e3;
    font-size: 0.9rem;
    text-align: center;
    cursor: pointer;
    background-color: #0D0D0D;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .main-content .send-opinion-button .down_arrow {
      position: relative;
      top: -1px;
      width: 15px;
      margin-left: 4px; }
    .main-content .send-opinion-button:hover {
      background-color: #18181A; }
  .main-content .send-opinion-area {
    display: none;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .main-content .send-opinion-note {
    font-size: 0.8rem;
    line-height: 1.8;
    color: #dce0e3; }
  .main-content .send-opinion-textarea {
    margin-top: 20px;
    height: 114px; }
  .main-content .send-opinion-submit {
    margin-top: 20px;
    padding: 10px 0; }
  .main-content .opinion-success-message {
    margin-top: 1rem;
    color: #48AAD8;
    font-size: 0.9rem;
    line-height: 1.5; }
  .main-content .opinion-error {
    margin-top: 1rem;
    color: #F5D800;
    font-size: 0.9rem;
    line-height: 1.5; }
    .main-content .opinion-error a {
      color: #F5D800;
      text-decoration: underline; }
  .main-content .copyright-game-company {
    margin-bottom: 3rem;
    font-size: 0.8rem;
    line-height: 1.5; }
  .main-content .comment-area {
    padding: 20px 20px 30px 20px;
    margin-top: 3rem;
    width: 100%;
    background-color: #0D0D0D; }
    @media only screen and (max-width: 500px) {
      .main-content .comment-area {
        padding: 15px 15px 20px 15px; } }
    .main-content .comment-area p {
      line-height: 1.5; }
  .main-content .comment-index {
    font-size: 0.95rem;
    margin-bottom: 10px;
    color: #FEFFFF; }
    @media only screen and (max-width: 500px) {
      .main-content .comment-index {
        margin-bottom: 8px; } }
  .main-content .comments-count {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 9px;
    font-size: 0.9rem;
    background-color: #2E3031;
    border-radius: 3px;
    line-height: 1; }
    @media only screen and (max-width: 500px) {
      .main-content .comments-count {
        margin-left: 5px;
        font-size: 0.8rem; } }
  .main-content .comment-list > li {
    padding: 20px 3px;
    border-top: 1px solid #2F3030; }
    @media only screen and (max-width: 500px) {
      .main-content .comment-list > li {
        padding: 15px 3px; } }
    .main-content .comment-list > li:last-of-type {
      padding-bottom: 0; }
  .main-content .comment-list.comment-accordion li:nth-child(n+4) {
    display: none; }
  .main-content .children {
    margin-top: 20px; }
    .main-content .children li {
      padding: 3px 0 3px 1em;
      border-left: 4px solid #4C4D4D; }
  .main-content .comment-show-more {
    display: none;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 1rem; }
    .main-content .comment-show-more.comment-show-more--active {
      margin-top: 2rem; }
      .main-content .comment-show-more.comment-show-more--active::after {
        top: 2px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg); }
  .main-content .comment-form-cookies-consent {
    display: none; }
  .main-content #comment-email {
    display: none; }
  .main-content .comment-author {
    margin-bottom: 0;
    padding: 0;
    color: #FEFFFF;
    font-size: 0.9rem; }
    .main-content .comment-author.admin {
      display: inline-block;
      padding: .2em .8em;
      background-color: #2E3031;
      border-radius: 25px;
      margin-bottom: .2em; }
      .main-content .comment-author.admin:after {
        content: "";
        display: inline-block;
        width: .8em;
        height: .8em;
        background: url("./images/icon_check.png") no-repeat center center/contain;
        margin-left: .4em; }
  .main-content .comment-date {
    margin-bottom: 10px;
    font-size: 0.75rem; }
  .main-content .comment-text p {
    margin-bottom: 0;
    color: #CCCDCE;
    font-size: 0.85rem; }
  .main-content .dco-attachment {
    margin: 0.5rem 0; }
  .main-content .comment-reply-title {
    border-left: none;
    margin-bottom: 0; }
  .main-content .comment-input-area {
    width: 94%;
    max-width: 400px;
    margin: 40px auto 20px; }
    @media only screen and (max-width: 500px) {
      .main-content .comment-input-area {
        width: 98%; } }
  .main-content .comment-error {
    color: #F5D800; }
  .main-content .comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .main-content .comment-form input[type="text"] {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 100%;
      max-width: 260px;
      margin-bottom: 20px;
      padding: 8px 12px; }
      @media only screen and (max-width: 500px) {
        .main-content .comment-form input[type="text"] {
          margin-bottom: 15px; } }
    .main-content .comment-form textarea {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      height: 116px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 500px) {
        .main-content .comment-form textarea {
          margin-bottom: 15px; } }
    .main-content .comment-form .comment-form-attachment {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin-bottom: 20px; }
    .main-content .comment-form .image-icon {
      position: relative;
      top: -1px;
      width: 21px;
      vertical-align: middle;
      margin-right: 7px;
      margin-bottom: 0; }
    .main-content .comment-form label[for="attachment"] {
      display: block;
      color: #48AAD8;
      margin-bottom: 7px;
      font-size: 0.85rem; }
    .main-content .comment-form .form-submit {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
      margin-bottom: 0; }
    .main-content .comment-form input[type="file"] {
      width: 100%;
      margin-bottom: 5px;
      padding: 8px 12px;
      background-color: #0D0D0D;
      border: 1px solid #2E3031;
      border-radius: 0;
      color: #CCCDCE; }
      .main-content .comment-form input[type="file"]::-webkit-input-placeholder {
        color: #87888c; }
      .main-content .comment-form input[type="file"]:-ms-input-placeholder {
        color: #87888c; }
      .main-content .comment-form input[type="file"]::-ms-input-placeholder {
        color: #87888c; }
      .main-content .comment-form input[type="file"]::placeholder {
        color: #87888c; }
      .main-content .comment-form input[type="file"]:focus {
        border: 1px solid #48AAD8;
        outline: 0; }
    .main-content .comment-form .attachment-note {
      font-size: 0.8rem; }

.chara_have_rate_area .total-percent {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #0D0D0D;
  border: 1px solid #87888c;
  color: #FEFFFF;
  font-size: 0.9rem; }

.chara_have_rate_area .chara-have-number {
  color: #e8d748;
  font-weight: 600; }

.chara_have_rate_area .chara-have-all-clear {
  display: inline-block;
  width: auto;
  margin-right: 15px;
  padding: 5px 10px;
  background-color: #18181A;
  color: #dce0e3;
  border: 1px solid #dce0e3;
  font-size: 0.8rem; }

.chara_have_rate_area .tweet-clear-area {
  margin-bottom: 40px; }

.chara_have_rate_area .result-tweet-button {
  color: #48A1F2 !important;
  border: 1px solid #48A1F2 !important; }
  .chara_have_rate_area .result-tweet-button img {
    margin-bottom: 0 !important;
    vertical-align: middle; }
  .chara_have_rate_area .result-tweet-button span {
    vertical-align: middle; }
  .chara_have_rate_area .result-tweet-button.small-button {
    display: inline-block;
    margin: 0 !important;
    padding: 5px 10px !important;
    font-size: 0.8rem !important; }
  .chara_have_rate_area .result-tweet-button.small-button img {
    width: 18px;
    margin-right: 5px; }
  .chara_have_rate_area .result-tweet-button.bottom-big-button img {
    position: relative;
    top: -1px;
    width: 20px;
    margin-right: 5px; }

.chara_have_rate_area .check-button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px; }

.chara_have_rate_area .button-by-rare {
  display: inline-block;
  width: 48%;
  padding: 5px 0;
  color: #dce0e3;
  border: 1px solid #dce0e3;
  background-color: #0D0D0D;
  font-size: 0.7rem; }
  .chara_have_rate_area .button-by-rare:hover {
    background-color: #18181A; }

.chara_have_rate_area .chara-have-rate-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-left: 0 !important; }

.chara_have_rate_area .chara-have-rate-list {
  width: calc(100% / 6);
  margin: -1px -1px 0 0 !important;
  padding: 3px 3px 1px 3px;
  background-color: #0D0D0D;
  list-style-type: none !important;
  line-height: 1 !important;
  border: 1px solid #2E3031; }

.chara_have_rate_area .chara-have-rate-img {
  margin: 0 !important;
  cursor: pointer;
  -webkit-filter: brightness(0.4);
  filter: brightness(0.4);
  -webkit-transition: -webkit-filter 0.2s ease;
  transition: -webkit-filter 0.2s ease;
  -o-transition: filter 0.2s ease;
  transition: filter 0.2s ease;
  transition: filter 0.2s ease, -webkit-filter 0.2s ease; }
  .chara_have_rate_area .chara-have-rate-img.is-have-chara {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1); }

.chara_have_rate_area .percent-by-rank {
  margin-bottom: 2rem !important;
  font-size: 0.8rem !important; }
  .chara_have_rate_area .percent-by-rank .chara-have-number {
    font-size: 0.9rem !important; }

.arknights-combination-reset-button {
  margin: 1rem 0 3rem;
  padding: 8px 0;
  border: 1px solid #48AAD8;
  background-color: #18181A;
  color: #48AAD8; }
  .arknights-combination-reset-button:hover {
    background-color: #0D0D0D; }

.menu-home-top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px; }
  .menu-home-top-area .button {
    background-color: #0D0D0D;
    color: #FEFFFF;
    border: 1px solid #FEFFFF;
    width: 49.3%;
    padding: 12px 0;
    font-size: 0.9rem;
    text-align: center;
    cursor: pointer; }
    .menu-home-top-area .button:hover {
      background-color: #18181A; }
    @media only screen and (max-width: 500px) {
      .menu-home-top-area .button {
        width: 32%; } }
  @media only screen and (max-width: 500px) {
    .menu-home-top-area .pc-string {
      display: none; } }
  .menu-home-top-area .menu-open-button {
    display: none;
    margin-right: 1.4%; }
    @media only screen and (max-width: 500px) {
      .menu-home-top-area .menu-open-button {
        display: block; } }
    .menu-home-top-area .menu-open-button.wide-button {
      width: 49.3%;
      margin-right: 1.4%; }
  .menu-home-top-area .home-button {
    margin-right: 1.4%; }
    @media only screen and (max-width: 500px) {
      .menu-home-top-area .home-button {
        margin-right: 1.4%; } }
  .menu-home-top-area .to-top-button.wide-button {
    width: 100%; }
    @media only screen and (max-width: 500px) {
      .menu-home-top-area .to-top-button.wide-button {
        width: 49.3%; } }
  .menu-home-top-area .menu-icon {
    width: 16px;
    margin-right: 5px;
    vertical-align: bottom; }
  .menu-home-top-area .home-icon {
    width: 16px;
    margin-right: 5px;
    vertical-align: bottom; }
  .menu-home-top-area .top-arrow-icon {
    width: 16px;
    margin-right: 5px;
    vertical-align: bottom; }

.sns-share-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1rem; }
  .sns-share-area .sns-button {
    width: 24%;
    padding: 5px 3px;
    background-color: #0D0D0D;
    font-size: 0.8rem;
    text-align: center;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    white-space: nowrap; }
    .sns-share-area .sns-button img {
      margin-right: 3px;
      vertical-align: middle; }
    .sns-share-area .sns-button span {
      position: relative;
      top: 1px;
      vertical-align: middle; }
    .sns-share-area .sns-button:hover {
      background-color: #18181A; }
  .sns-share-area .twitter-button {
    border: 1px solid #48A1F2;
    color: #48A1F2; }
    .sns-share-area .twitter-button img {
      margin-right: 1px;
      width: 20px; }
  .sns-share-area .facebook-button {
    border: 1px solid #3C78F2;
    color: #3C78F2; }
    .sns-share-area .facebook-button img {
      width: 20px; }
  .sns-share-area .line-button {
    border: 1px solid #43B900;
    color: #43B900; }
    .sns-share-area .line-button img {
      width: 20px; }
  .sns-share-area .url-copy-button {
    padding: 9px 3px;
    border: 1px solid #dce0e3;
    color: #dce0e3; }

.tab-button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 0.8rem; }
  .tab-button-area .tab-button {
    position: relative;
    padding: 13px 0 11px;
    text-align: center;
    color: #48AAD8;
    cursor: pointer;
    text-align: center;
    -webkit-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .tab-button-area .tab-button::after {
      content: '';
      position: absolute;
      top: 5px;
      right: 0;
      display: block;
      height: 31px;
      border-left: 1px solid #4F5253; }
    .tab-button-area .tab-button:hover {
      background-color: #2E3031; }
    .tab-button-area .tab-button:first-of-type::before {
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      display: block;
      height: 31px;
      border-left: 1px solid #4F5253; }
    .tab-button-area .tab-button.tab-selected {
      border-radius: 7px 7px 0 0;
      border-right: 0;
      background-color: #4F5253;
      color: #fff; }

.two-tabs-button-area .tab-button {
  width: 50%; }

#two-tabs-second-area {
  display: none; }

.three-tabs-button-area .tab-button {
  width: calc(100% / 3); }

#three-tabs-second-area {
  display: none; }

#three-tabs-third-area {
  display: none; }

.ranking-icon {
  width: 24px;
  margin-right: 10px;
  vertical-align: middle; }

.ranking-area {
  margin-bottom: 20px; }

.ranking-ul {
  margin-top: 2px;
  padding: 20px 15px;
  background-color: #2E3031;
  counter-reset: number 0; }
  .ranking-ul li {
    position: relative;
    margin-bottom: 30px; }
    .ranking-ul li::before {
      counter-increment: number 1;
      content: counter(number);
      position: absolute;
      top: 0;
      left: 0;
      padding: 3px 0;
      width: 18px;
      font-size: 0.75rem;
      color: #FEFFFF;
      background-color: #414646;
      text-align: center;
      letter-spacing: 0; }
    .ranking-ul li:nth-of-type(1)::before {
      background-color: #e8d748; }
    .ranking-ul li:nth-of-type(2)::before {
      background-color: #A3A4A5; }
    .ranking-ul li:nth-of-type(3)::before {
      background-color: #856845; }
    .ranking-ul li:last-of-type {
      margin-bottom: 0; }
  .ranking-ul a:hover {
    text-decoration: underline; }
  .ranking-ul .ranking-page-title {
    width: calc(100% - 80px); }

.author-area {
  margin-top: 20px;
  margin-bottom: 20px; }
  .author-area .author-icon {
    width: 18px;
    margin-right: 10px;
    vertical-align: middle; }
  .author-area .author-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2px;
    padding: 20px 15px;
    background-color: #2E3031; }
  .author-area .profile-img {
    width: 60px;
    margin-right: 15px; }
  .author-area .author-name {
    color: #FEFFFF;
    margin-bottom: 10px; }
  .author-area .profile {
    font-size: 0.85rem;
    color: #FEFFFF;
    line-height: 1.5; }
  .author-area .link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 16px;
    margin-top: 10px; }
  .author-area .sns-link:hover .sns-icon {
    opacity: 0.8; }

.kouryaku-list {
  margin-top: 20px;
  margin-bottom: 20px; }
  .kouryaku-list .game-icon {
    width: 25px;
    margin-right: 10px;
    vertical-align: middle; }
  .kouryaku-list .game-top-icon {
    width: 45px;
    border-radius: 3px; }
  .kouryaku-list .kouryaku-list-wrapper {
    margin-top: 2px;
    padding: 20px 15px;
    background-color: #2E3031; }
  .kouryaku-list ul li {
    margin-bottom: 20px; }
    .kouryaku-list ul li:last-of-type {
      margin-bottom: 0; }
  .kouryaku-list ul a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #dce0e3;
    font-size: 0.8rem;
    line-height: 1.5; }
    .kouryaku-list ul a:hover {
      text-decoration: underline; }
  .kouryaku-list ul p {
    margin-left: 20px; }
  .kouryaku-list .link-button {
    display: block;
    margin-top: 20px;
    padding: 12px 0;
    border: 1px solid #dce0e3;
    background-color: #18181A;
    color: #dce0e3;
    text-align: center;
    font-size: 0.85rem;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .kouryaku-list .link-button:hover {
      background-color: #2E3031; }

.update-list-area {
  margin-bottom: 20px; }
  .update-list-area .update-icon {
    width: 18px;
    margin-right: 10px;
    vertical-align: middle; }
  .update-list-area .update-list-ul {
    margin-top: 2px;
    padding: 20px 15px;
    background-color: #2E3031; }
  .update-list-area li {
    margin-bottom: 30px; }
    .update-list-area li:last-of-type {
      margin-bottom: 0; }
  .update-list-area a:hover .title {
    text-decoration: underline; }
  .update-list-area .date {
    color: #87888c;
    font-size: 0.7rem; }
  .update-list-area .title {
    white-space: nowrap;
    overflow: hidden; }
  .update-list-area .update-list-right-area {
    width: calc(100% - 80px);
    padding-right: 1rem; }

.bbs-area {
  margin-top: 20px; }

.relation-link .link-icon {
  width: 20px;
  margin-right: 10px;
  vertical-align: middle; }

.relation-link ul {
  margin-top: 2px;
  padding: 20px 15px;
  background-color: #2E3031; }

.relation-link li {
  padding: 0.7rem 5px;
  border-bottom: 1px solid #424647; }
  .relation-link li:first-of-type {
    padding-top: 0; }
  .relation-link li:last-of-type {
    padding-bottom: 0;
    border-bottom: 0; }

.relation-link a {
  color: #dce0e3;
  font-size: 0.85rem;
  line-height: 1.5; }
  .relation-link a:hover {
    text-decoration: underline; }

.side-bnr {
  margin-top: 20px;
  margin-bottom: 20px; }
  .side-bnr a {
    display: block;
    overflow: hidden;
    margin-bottom: 1em; }
    .side-bnr a:last-child {
      margin-bottom: 0; }
    .side-bnr a:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .side-bnr a img {
      vertical-align: middle;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }

.footer {
  border-top: 1px solid #2E3031;
  background-color: #18181A; }

.footer-link-area {
  position: relative;
  padding: 30px 0 25px; }
  .footer-link-area .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px; }
    .footer-link-area .links ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: auto; }
      @media only screen and (max-width: 810px) {
        .footer-link-area .links ul {
          max-width: 350px;
          margin-bottom: -30px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
    .footer-link-area .links li {
      position: relative;
      padding-left: 20px;
      font-size: 0.7rem;
      white-space: nowrap; }
      .footer-link-area .links li::after {
        content: '|';
        color: #2E3031;
        margin-left: 20px; }
      .footer-link-area .links li:last-of-type::after {
        content: ''; }
      @media only screen and (max-width: 810px) {
        .footer-link-area .links li {
          margin-top: 30px;
          padding-left: 0;
          padding-right: 10px;
          margin: 0 auto 30px;
          font-size: 0.8rem; }
          .footer-link-area .links li::after {
            content: '';
            display: none; }
          .footer-link-area .links li:nth-of-type(4) {
            padding-right: 0; }
          .footer-link-area .links li:nth-of-type(7) {
            padding-right: 0; }
          .footer-link-area .links li:last-of-type {
            padding-right: 0; } }
    .footer-link-area .links a {
      color: #87888c; }
      .footer-link-area .links a:hover {
        text-decoration: underline; }
  .footer-link-area .scroll-page-top {
    position: absolute;
    right: 20px;
    bottom: 15px;
    padding: 8px 12px;
    background-color: #0D0D0D;
    color: #6B6C6E;
    border: 0;
    font-size: 0.75rem;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
    @media only screen and (max-width: 810px) {
      .footer-link-area .scroll-page-top {
        display: block;
        position: static;
        width: 160px;
        margin: 30px auto 0;
        padding: 10px 12px;
        font-size: 0.8rem; } }
    .footer-link-area .scroll-page-top:hover {
      opacity: 0.8; }

.wapon-area-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.wapon-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto; }
  .wapon-area .wapon-link {
    display: block;
    width: 100px; }
  .wapon-area span {
    margin: 0 10px;
    color: #87888c; }
  .wapon-area .gameline-link {
    position: relative;
    top: -2px;
    display: block;
    width: 98px; }

.copyright {
  padding: 15px 0;
  background-color: #0D0D0D;
  color: #6B6C6E;
  text-align: center;
  font-size: 0.7rem; }
  @media only screen and (max-width: 500px) {
    .copyright {
      padding: 12px 0; } }

.page-404 {
  padding: 60px 0;
  background-color: #0D0D0D;
  min-height: 55vh; }
  .page-404 .index-404 {
    text-align: center;
    color: #2E3031;
    font-size: 2rem;
    letter-spacing: 5px; }
  .page-404 .message-404 {
    margin-top: 3rem;
    color: #87888c;
    text-align: center; }
  .page-404 .link-button {
    margin: 2rem auto 0;
    padding: 14px 0;
    width: 90%;
    max-width: 300px; }

.slick-slide {
  height: 120px !important;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 10px; }

.slick-dots li button:before {
  color: #ccc !important; }

#throwsSpamAway, .comment-form-attachment__file-types-notice, .comment-form-attachment__autoembed-links-notice, .comment-form-attachment__file-size-notice {
  display: none !important; }

.trv-player-container {
  
}

.trvdp-box {
  aspect-ratio: 64/36;
}

.head-gad {
  height: 75px;
}