@charset "UTF-8";
/*!
 * igo_style.css
 * version: 1.0.0
 * Copyright The Asahi Shimbun Company. All rights reserved. No reproduction or republication without written permission.
 */
:root {
  --theme-color-main: #1e6bb3;
  --theme-color-main-rgb: rgb(30 107 179);
  --theme-color-sub: "";
  --theme-color-sub-rgb: "";
}

/* mdButtonBox */
.mdButtonBox {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 10px 0;
  margin: 0 auto;
}
.mdButtonBox > * {
  width: 100%;
}
.mdButtonBox[data-style*=row-2] > * {
  width: calc((100% - 20px) / 2);
}
.mdButtonBox[data-style*=row-3] > * {
  width: calc((100% - 40px) / 3);
}
.mdLiveBox .mdButtonBox {
  display: inline-flex;
  flex-direction: column;
  gap: 10px 20px;
  width: 100%;
  min-width: 300px;
  max-width: 400px;
}
.Title .mdButtonBox {
  display: inline-flex;
  gap: 0 10px;
  float: right;
  padding: 0;
}
#wrapper .mdButtonBox {
  max-width: none;
  padding: 10px 0;
  margin: 0 auto;
}
#wrapper .mdButtonBox > * {
  flex: 1 0 auto;
  width: 100%;
  max-width: 300px;
}
#wrapper .mdLiveBox .mdButtonBox {
  align-items: center;
  min-width: 300px !important;
  max-width: 400px !important;
}
#wrapper .mdLiveBox .mdButtonBox > * {
  width: 100% !important;
  max-width: none;
}
#wrapper .Title .mdButtonBox {
  padding: 0;
}

/* mdButton */
.mdButton {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3em;
  padding: 0.75em 0.5em;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #fff !important;
  text-decoration: none !important;
  letter-spacing: 0;
  cursor: pointer;
  background: var(--theme-color-main);
  border: 1px solid var(--theme-color-main);
  border-radius: 0.25em;
  caret-color: transparent;
}
.mdButton.pr-6-em {
  padding-right: 1.5em;
}
.mdButton.pl-6-em {
  padding-left: 1.5em;
}
.mdButton > * {
  display: block;
  flex: auto;
  margin: 0 0 -1px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
.mdButton > i {
  flex: none;
  margin: 0;
}
.mdButton > span em {
  display: block;
  padding: 0.5em 0 0;
  font-size: 0.75em;
  line-height: 1;
}
.mdButton:hover {
  color: #fff !important;
  text-decoration: none;
  background: #b90000;
  border-color: #b90000;
}
.mdButton.is-plain {
  color: #1e1e17 !important;
  background: #fff;
  border-color: #1e1e17;
}
.mdButton.is-plain:hover {
  color: #b90000 !important;
  background: rgba(185, 0, 0, 0.1);
  border-color: #b90000;
}
.mdButton--small, .mdButton[data-size=small] {
  flex: auto !important;
  width: auto !important;
  min-height: 2em;
  padding: 0.5em;
  font-size: 14px;
}
.mdButton[data-style*=bg-gray] {
  color: #787871 !important;
  background: #ebebe4;
  border-color: #ebebe4;
}
.mdButton[data-style*=bg-gray]:hover {
  color: #fff !important;
  background: #b90000;
  border-color: #b90000;
}
.mdButton[aria-pressed=true] {
  color: #fff !important;
  pointer-events: none;
  background: #b90000;
  border-color: #b90000;
}
.mdButton[aria-pressed=false] {
  color: #787871 !important;
  background: #ebebe4;
  border-color: #ebebe4;
}
.mdButton[aria-pressed=false]:hover {
  color: #fff !important;
  background: var(--theme-color-main);
  border-color: var(--theme-color-main);
}
.mdButton[data-name=igo-shogi-tv] {
  position: relative;
}
.mdButton[data-name=igo-shogi-tv]::before {
  display: inline-flex;
  flex: 0 0 auto;
  width: 3em;
  height: 3em;
  padding: 0;
  margin: 0 0.5em 0 0;
  content: "";
  background: url("https://www.asahicom.jp/igo/images/bnr_igo_shogi_tv_1x1.jpg") center/contain no-repeat;
  border-radius: 50%;
}
.mdButton[data-name=igo-shogi-tv] > span {
  text-align: left;
}
.mdButton[data-name=igo-shogi-tv] > span::after {
  display: inline-flex;
  width: 1em;
  height: 1em;
  content: "";
  background: url("https://www.asahicom.jp/css/images/arrow_link_small_blank.gif") right top/10px auto no-repeat;
}
.mdButton[data-name=igo-shogi-tv]:hover > span::after {
  background-position-y: -120px;
}
#wrapper .mdButton--small, #wrapper .mdButton[data-size=small] {
  font-size: 12px;
}

/* .mdCardBox */
.mdCardBox {
  box-sizing: border-box;
  display: block !important;
  padding: 0;
  margin: 0 auto;
}
.mdCardBox > * {
  padding: 0 0 10px;
  margin: 0;
}
.mdCardBox > *:last-of-type {
  padding: 0;
}
.mdCardBox__head {
  font-size: 16px;
}

/* mdCardList */
.mdCardList {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 20px;
  padding: 0 0 10px;
  margin: 0;
}
.mdCardList * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.mdCardList--col-2 {
  grid-template-columns: 1fr 1fr;
}
.mdCardList--col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.mdCardList--col-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mdCardList--col-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mdCardList--col-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mdCardList--col-7 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mdCardList--col-8 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mdCardList[data-name=meijin-list] {
  gap: 5px;
}
@media screen and (min-width: 1101px) {
  .mdCardList {
    gap: 10px 24px;
  }
  .mdCardList[data-name=meijin-list] {
    gap: 6px;
  }
}
#wrapper .mdCardList {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  padding: 16px 0 0;
  margin: 0 10px;
}
#wrapper .mdCardList > * {
  width: 100%;
  margin: 0 0 16px;
}
#wrapper .mdCardList[class*="--col-"] > * {
  flex: 0 1 48%;
}

/* mdCard */
.mdCard {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
.mdCard * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.mdCard-image {
  position: relative;
  width: 100%;
  margin: 0 0 10px;
  line-height: 0;
}
.mdCard-image img {
  width: 100%;
}
.mdCard-image a:hover img {
  opacity: 0.75;
}
*[class*=mdCardList--col-] .mdCard-image {
  height: 0;
  padding: 56.25% 0 0;
  overflow: hidden;
}
*[class*=mdCardList--col-] .mdCard-image img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
*[data-name=meijin-list] .mdCard-image {
  height: auto;
  padding: 0;
}
*[data-name=meijin-list] .mdCard-image img {
  position: relative;
  height: auto;
}
.mdCard dl {
  display: block;
  margin: 0 0 10px;
  line-height: 1.5;
}
.mdCard dl > * {
  display: block;
}
.mdCard dl dt {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.mdCard dl dd {
  font-size: 14px;
}
.mdCard-cont {
  display: block;
  margin: 0 0 10px;
  line-height: 1.5;
}
.mdCard-cont > * {
  display: block;
}
.mdCard-cont__head {
  font-size: 16px;
  font-weight: bold;
}
.mdCard-cont__body {
  font-size: 14px;
}
.mdCard[class*=-row] {
  flex-direction: row;
  align-items: center;
  padding: 12px 0;
}
.mdCard[class*=-row] .mdCard-image {
  flex: 1 0 auto;
  width: 80px;
  height: 80px;
  margin: 0 10px 0 0;
}
.mdCard[class*=-row] dl {
  margin: 0 !important;
}
.mdCard[class*=-row] .mdCard-cont {
  margin: 0 !important;
}
.mdLiveBox .mdCard[class*=-row] .mdCard-image {
  width: 100px;
  height: 100px;
}
.mdLiveBox .mdCard[class*=-row] dl dt {
  font-size: 20px;
}
.mdLiveBox .mdCard[class*=-row] .mdCard-cont__head {
  font-size: 20px;
}
*[data-name=outline] .mdCard dl {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
*[data-name=outline] .mdCard dl dt {
  min-width: 6em;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
*[data-name=outline] .mdCard dl dt span::after {
  content: "：";
}
#wrapper .mdCard > * {
  margin: 0.5em 0 0;
}
#wrapper .mdCard > * a {
  font-weight: bold;
}
#wrapper .mdCard-image {
  margin: 0;
}
#wrapper .mdCard-sp-wide {
  width: calc(100vw - 20px);
}
#wrapper .mdCard[class*=-row] .mdCard-image {
  width: 82px;
  height: 82px;
  margin: 0 12px 0 0;
  border: 1px solid #e6e6df;
}
#wrapper .mdLiveBox .mdCard[class*=-row] {
  display: block;
}
#wrapper .mdLiveBox .mdCard[class*=-row] .mdCard-image {
  position: absolute;
  top: 12px;
  left: 0;
}
#wrapper .mdLiveBox .mdCard[class*=-row] dl dt {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 82px;
  padding: 0 0 0 94px;
}
#wrapper .mdLiveBox .mdCard[class*=-row] dl dd {
  margin: 10px 0 0;
}
#wrapper .mdLiveBox .mdCard[class*=-row] .mdCard-cont__haed {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 82px;
  padding: 0 0 0 94px;
}
#wrapper .mdLiveBox .mdCard[class*=-row] .mdCard-cont__head {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 82px;
  padding: 0 0 0 94px;
}
#wrapper .mdLiveBox .mdCard[class*=-row] .mdCard-cont__body {
  margin: 10px 0 0;
}

/* mdIcon */
.mdIcon {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  width: 1em;
  height: 1em;
  padding: 0;
  margin: 0 0.25em;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mdIcon.is-append {
  margin: 0 0 0 0.25em;
}
.mdIcon.is-prepend {
  margin: 0 0.25em 0 0;
}
.mdIcon[data-name^=arrow-]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.4em;
  height: 0.4em;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-top-color: inherit;
  border-right-color: inherit;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: 50%;
}
.mdIcon[data-name=arrow-right]::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.mdIcon[data-name=arrow-down]::after {
  top: 33.333%;
  transform: translate(-50%, -50%) rotate(135deg);
}
.mdIcon[data-name=arrow-left]::after {
  transform: translate(-50%, -50%) rotate(225deg);
}
.mdIcon[data-name=arrow-top]::after {
  top: 66.666%;
  transform: translate(-50%, -50%) rotate(315deg);
}
.mdIcon[data-name^=caret-]::after {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent transparent var(--theme-color-main);
  border-style: solid;
  border-width: 0.5em 0 0.5em 0.75em;
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: 50% 50%;
}
.mdIcon[data-name=caret-right]::after {
  transform: translate(-50%, -50%) rotate(0);
}
.mdIcon[data-name=caret-down]::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.mdIcon[data-name=caret-left]::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.mdIcon[data-name=caret-up]::after {
  transform: translate(-50%, -50%) rotate(270deg);
}
.mdIcon[data-name=eisei] {
  box-sizing: content-box;
  padding: 0.167em;
  color: #fff;
  background: #b90000;
}

/* kifuPlayer */
.kifuPlayer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0 0;
  margin: 0;
}
#wrapper .kifuPlayer {
  padding: 0;
  margin: 1px 0 0;
}

/* kifuSelectorBox */
.kifuSelectorBox {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  float: right;
  padding: 0 0 0 5em;
  margin: 0 0 0 auto;
  font-size: 12px;
}
.kifuSelectorBox::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0;
  content: "日程選択：";
}
.kifuSelectorBox > * {
  padding: 0 10px 0 0;
  margin: 0;
}
.kifuSelectorBox > *:last-of-type {
  padding: 0;
}
.kifuSelectorBox select {
  padding: 4px;
  font-size: 14px;
}
.kifuSelectorBox select > option {
  line-height: 1;
}
#wrapper .kifuSelectorBox::before {
  top: 5px;
}
#wrapper .kifuSelectorBox > * {
  padding: 5px 5px 5px 0;
}
#wrapper .kifuSelectorBox > *:last-of-type {
  padding: 5px 0;
}

/* kifuTabList */
.kifuTabList {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 0 5px;
  margin: 0;
}
.kifuTabList::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #b90000;
}
.kifuTabList[aria-hidden=true] {
  display: none;
}
.kifuTabList > label {
  box-sizing: border-box;
  display: block;
  width: 50%;
  padding: 0 5px;
  margin: 0;
  cursor: pointer;
}
.kifuTabList > label > * {
  padding: 9px 4px 8px;
  margin: 0;
  color: #787871;
  border-color: #787871;
  border-style: solid;
  border-width: 1px 1px 2px;
}
.kifuTabList > label > *:empty {
  border-style: none;
}
.kifuTabList > label:hover > * {
  color: #b90000;
}
.kifuTabList[data-tabs-count="7"] > label {
  width: 14.2857142857%;
}
.kifuTabList[data-tabs-count="6"] > label {
  width: 16.6666666667%;
}
.kifuTabList[data-tabs-count="5"] > label {
  width: 20%;
}
.kifuTabList[data-tabs-count="4"] > label {
  width: 25%;
}
.kifuTabList[data-tabs-count="3"] > label {
  width: 33.3333333333%;
}
.kifuTabList > input {
  display: none;
}
.kifuTabList > input:checked + label {
  z-index: 1;
}
.kifuTabList > input:checked + label > * {
  padding: 8px 3px;
  color: #1e1e17;
  border-color: #b90000 #b90000 #fff;
  border-width: 2px;
}
.kifuTabList > input:disabled + label {
  pointer-events: none;
}
.kifuTabList > input:disabled + label > * {
  color: #e6e6df;
  border-color: #e6e6df;
}
.kifuTabList-label {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
}
.kifuTabList-label__item--sub {
  width: 100%;
  font-size: 12px;
}
.kifuTabList-label__item--name {
  flex: 1 1 2em;
}
.kifuTabList-label__item--name.is-playerA {
  text-align: right;
}
.kifuTabList-label__item--name.is-playerB {
  text-align: left;
}
.kifuTabList-label__item--name > span {
  display: none !important;
}
.kifuTabList-label__item--name > span:first-of-type {
  display: inline-block !important;
}
.kifuTabList-label__item--vs {
  flex: 0 1 auto;
  padding: 0 4px !important;
  font-size: 12px;
}
#wrapper .kifuTabList {
  padding: 0;
}
#wrapper .kifuTabList::after {
  height: 1px;
}
#wrapper .kifuTabList > label {
  padding: 0;
}
#wrapper .kifuTabList > label > * {
  padding: 9px 2px;
  background-color: #f5f5ee;
  border-color: #f5f5ee #d2d2cb #f5f5ee #fff;
  border-width: 1px;
}
#wrapper .kifuTabList > label:first-of-type > * {
  border-left-color: #fff !important;
}
#wrapper .kifuTabList > label:last-of-type > * {
  border-right-color: #fff !important;
}
#wrapper .kifuTabList > input:checked + label > * {
  color: #1e1e17;
  background-color: #fff;
  border-color: #b90000 #b90000 #fff;
}
#wrapper .kifuTabList > input:disabled + label > * {
  color: #d2d2cb;
}
#wrapper .kifuTabList-label {
  min-height: 4.5em;
  font-size: 12px;
}
#wrapper .kifuTabList-label__item--name {
  flex: 1 1 1em;
}
#wrapper .kifuTabList-label__item--vs {
  padding: 0 2px !important;
}
#wrapper .kifuTabList[data-tabs-count="1"] > input:checked + label > * {
  border-right-color: #b90000 !important;
}

[class*=" kifuTabList-label__item"],
[class^=kifuTabList-label__item] {
  padding: 0;
  margin: 0;
  text-align: center;
}
[class*=" kifuTabList-label__item"] > span,
[class^=kifuTabList-label__item] > span {
  display: inline-block;
}

/* kifuBoard */
.kifuBoard {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
}
.kifuBoard-wrapper {
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
#wrapper .kifuBoard {
  padding: 0 10px;
}

/* kifuBoard-switcher */
.kifuBoard-switcher {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

/* kifuSwitcherList */
.kifuSwitcherList {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 5px;
  margin: 0;
}
.kifuSwitcherList[aria-hidden=true] {
  display: none;
}
.kifuSwitcherList > label {
  box-sizing: border-box;
  display: block;
  width: auto;
  min-width: 8em;
  padding: 0 5px;
  margin: 20px 0 0;
  cursor: pointer;
}
.kifuSwitcherList > label > * {
  color: #787871;
  pointer-events: none;
  background-color: #fff;
  border-color: #787871;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}
.kifuSwitcherList > label:hover > * {
  color: #0a0a03;
}
.kifuSwitcherList > input {
  display: none;
}
.kifuSwitcherList > input:checked + label > * {
  color: #fff;
  background-color: #b90000;
  border-color: #b90000;
}
.kifuSwitcherList > input:disabled + label {
  pointer-events: none;
}
.kifuSwitcherList > input:disabled + label > * {
  color: #e6e6df;
  border-color: #e6e6df;
}
.kifuSwitcherList-label {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 6em;
  height: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
}
.kifuSwitcherList-label__item {
  padding: 0;
  margin: 0;
  text-align: center;
}
.kifuSwitcherList-label__item > span {
  display: inline-block;
}

/* kifuBoard-reloader */
.kifuBoard-reloader {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 20px 5px 0;
  margin: 0 auto;
}
.kifuBoard-reloader > select {
  padding: 4px;
  margin: 0;
  font-size: 12px;
}
.kifuBoard-reloader > select > option {
  line-height: 1;
}
.kifuBoard-reloader-button {
  display: inline-block;
  padding: 0 5px;
  margin: 0;
  font-size: 12px;
}
.kifuBoard-reloader-button button {
  display: inline-block;
  padding: 3px 10px;
  margin: 0;
  cursor: pointer;
  background: #e6e6df;
  border: 1px solid #95958e;
  border-radius: 4px;
}
.kifuBoard-reloader-button button:hover {
  color: #fff;
  text-decoration: none;
  background: #b90000;
}

/* kifuBoard-loading */
.kifuBoard-loading {
  position: relative;
  display: none;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  margin: 0;
  overflow: hidden;
}
.kifuBoard-loading-spinner {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  display: block;
  width: 5em;
  height: 5em;
  padding: 0;
  margin: auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 0.5em solid #e6e6df;
  border-right: 0.5em solid #e6e6df;
  border-bottom: 0.5em solid #e6e6df;
  border-left: 0.5em solid #787871;
  border-radius: 50%;
  animation: load8 2s infinite linear;
}
.kifuBoard:empty + .kifuBoard-loading {
  display: block;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* kifuMod */
.kifuMod .Title {
  padding: 8px 0 0;
  margin: 0 0 10px;
}
.kifuMod .Annotation {
  margin: 0 10px;
  border-top: none;
}
.kifuMod .jsb_contents .jsb_board {
  line-height: 0;
}
.kifuMod .jsb_contents .jsb_controller ul li a {
  width: 30px;
  height: 30px;
}
.kifuMod .jsb_contents .jsb_controller ul li a img {
  height: 100%;
}
#wrapper .kifuMod .Title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 10px;
  margin: 0;
}
#wrapper .kifuMod .Title h2 {
  padding: 5px 0;
}
#wrapper .kifuMod .Annotation {
  padding: 0 10px 20px;
  margin: 0;
}
#wrapper .kifuMod .jsb_contents td {
  padding: 0;
  margin: 0;
  border: none;
}
#wrapper .kifuMod .jsb_contents .jsb_board {
  display: block;
  width: 100%;
  height: auto;
}
#wrapper .kifuMod .jsb_contents .jsb_board tbody {
  display: block;
  width: 100%;
  height: auto;
}
#wrapper .kifuMod .jsb_contents .jsb_board tr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#wrapper .kifuMod .jsb_contents .jsb_board th,
#wrapper .kifuMod .jsb_contents .jsb_board td {
  display: block;
}
#wrapper .kifuMod .jsb_contents .jsb_board th:first-child, #wrapper .kifuMod .jsb_contents .jsb_board th:last-child {
  width: calc((100vw - 20px) * 0.05) !important;
}
#wrapper .kifuMod .jsb_contents .jsb_board_file_num {
  height: calc((100vw - 20px) * 0.05) !important;
  line-height: calc((100vw - 20px) * 0.05) !important;
}
#wrapper .kifuMod .jsb_contents .jsb_board_rank_num {
  line-height: calc((100vw - 20px) * 0.1) !important;
}

/* kifuExResp */
.kifuExRespMod {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
#wrapper .kifuExRespMod {
  margin: 0;
}

.kifuExResp {
  width: 100%;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
}
#wrapper .kifuExResp {
  width: 100%;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
}

.kifuExRespInner iframe {
  padding: 0;
  margin: 0 auto;
}

/* for Vue */
[v-cloak] {
  display: none;
}

/* mdLiveBox */
.mdLiveBox {
  box-sizing: border-box;
  padding: 20px;
  margin: 0 auto 15px;
  border: 1px solid #dcdcd5;
}
.mdLiveBox > * {
  box-sizing: border-box;
  padding: 0 0 10px;
  margin: 0;
}
.mdLiveBox > *:last-of-type {
  padding: 0;
}
#wrapper .mdLiveBox {
  padding: 0;
  margin: 0 auto;
  border-width: 1px 0 0;
}
#wrapper .mdLiveBox > * {
  margin: 0 10px;
}
#wrapper .mdLiveBox > * .Title {
  padding: 10px 0;
  color: #1e1e17 !important;
  background: none !important;
}
#wrapper .mdLiveBox > * .Title a {
  color: #1e1e17 !important;
}

/* mdMeijinList */
.shgMeijinList {
  box-sizing: border-box;
  display: flex;
  gap: 10px 5px;
  padding: 0;
  margin: 0;
}
.shgMeijinList * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.shgMeijinList__item {
  width: 12.5%;
}
.shgMeijinList__item a {
  display: block;
  line-height: 0;
}
.shgMeijinList__item a > * {
  display: block;
}
.shgMeijinList__item a img {
  width: 100%;
}
.shgMeijinList__item a span {
  padding: 0.5em 0 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.shgMeijinList__item a:hover img {
  opacity: 0.8;
}
#wrapper .shgMeijinList {
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 0;
  margin: 0 10px;
}
#wrapper .shgMeijinList__item {
  width: calc((100% - 30px) / 4);
}

/* mdNoteBox */
.mdNoteBox {
  box-sizing: border-box;
  padding: 10px;
  margin: 0 auto 10px;
  border: 1px solid #dcdcd5;
}
#wrapper .mdNoteBox {
  padding: 0;
  margin: 0 10px 10px;
  border-color: #e6e6df;
}

/* mdNoteList */
.mdNoteList {
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0 auto 10px;
  list-style-type: none;
}
.mdNoteList > li {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #5a5a53;
  letter-spacing: 0;
}
.mdNoteList > li a {
  text-decoration: underline;
}
.mdNoteList:not([data-style=""]) > li {
  padding: 0 0 0.5em 1.5em;
}
.mdNoteList:not([data-style=""]) > li::before {
  position: absolute;
  top: 0;
  left: 0.25em;
  content: "・";
}
.mdNoteList[data-style=disc] > li::before {
  content: "・";
}
.mdNoteList[data-style=ref] > li::before {
  content: "※";
}
.mdNoteList dl {
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0;
}
.mdNoteList dl > * {
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0;
}
#wrapper .mdNoteList > li {
  padding: 0 10px 0.5em;
}
#wrapper .mdNoteList:not([data-style=""]) > li {
  padding: 0 0.5em 0.5em 1.5em;
}

/* mdNoteText */
.mdNoteText {
  box-sizing: border-box;
  display: block;
  padding: 0;
  margin: 0 auto 10px;
}
.mdNoteText > * {
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 0 0 0.5em;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #5a5a53;
  letter-spacing: 0;
}
.mdNoteText > * a {
  text-decoration: underline;
}

*[class*=mdNote] span {
  position: relative;
  display: inline-block;
}
*[class*=mdNote] span.win, *[class*=mdNote] span.lose {
  width: 1.25em;
  color: transparent;
}
*[class*=mdNote] span.win::after, *[class*=mdNote] span.lose::after {
  position: absolute;
  top: 0.25em;
  left: 0;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  content: "";
  background-color: #fff;
  border: 1px solid #0a0a03;
  border-radius: 50%;
}
*[class*=mdNote] span.lose::after {
  background-color: #0a0a03;
}
*[class*=mdNote] span.eisei {
  padding: 0 0.167em;
  color: #fff;
  background: #b90000;
}

/* mdPlainBox */
.mdPlainBox {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#wrapper .mdPlainBox {
  margin: 0 10px 10px;
}

/* Section */
body.live .Section .TopRecommend {
  border-top: none;
}
.Section .ListSideImage li.Image a img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: contain;
  object-position: top center;
}
.Section hr {
  box-sizing: border-box;
  display: block !important;
  height: 1px !important;
  padding: 0;
  margin: 0;
  background: #dcdcd5;
  border: none;
}
#wrapper .Section {
  padding: 0;
  margin: 0;
}
#wrapper .Section .Title {
  line-height: 1.6;
}
#wrapper .Section .Title h2 {
  line-height: inherit;
}
#wrapper .Section .PlainMod + .ArticleHeadlineList li:first-of-type {
  border-top: 1px solid #eeeee7;
}

/* SectionGenreTop */
body.live #wrapper .SectionGenreTop .ArticleHeadlineList li:first-of-type {
  border-top: 1px solid #eeeee7;
}

/* mdStandingBox */
.mdStandingBox {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
.mdLiveBox .mdStandingBox {
  margin: 0 !important;
}
#wrapper .mdStandingBox {
  margin: 10px;
}

/* mdTableBox */
.mdTableBox {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
.mdTableBox__inner {
  position: relative;
  box-sizing: border-box;
  padding: 0 0 10px;
  margin: 0;
}
.mdTableBox__inner[class*=overflow-] {
  overscroll-behavior-x: none;
}
.mdTableBox__inner > table {
  margin: 0 !important;
}

/* mdTable */
.mdTable {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0 auto 10px;
  font-size: 14px;
  color: #0a0a03;
  letter-spacing: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
  border-top: 1px solid #dcdcd5;
  border-right: 1px solid #dcdcd5;
}
.mdTable caption {
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  letter-spacing: 0;
}
.mdTable caption > * {
  display: inline-flex;
}
.mdTable thead,
.mdTable tbody,
.mdTable tfoot,
.mdTable tr {
  position: relative;
}
.mdTable thead th {
  font-weight: bold;
  white-space: nowrap;
  background: #ebebe4;
}
.mdTable tbody th {
  font-weight: bold;
  white-space: nowrap;
  background: #f5f5ee;
}
.mdTable tbody td {
  background: #fff;
}
.mdTable th,
.mdTable td {
  position: relative;
  min-height: 24px;
  padding: 5px;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #dcdcd5;
  border-left: 1px solid #dcdcd5;
}
.mdTable th > *,
.mdTable td > * {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  padding: 0;
  margin: 0;
  color: #5a5a53;
}
.mdTable th a,
.mdTable td a {
  text-decoration: underline;
}
.mdTable th a:hover,
.mdTable td a:hover {
  color: #b90000;
}
.mdTable[data-name*=fixtures] {
  border-right: none;
}
.mdTable[data-name*=fixtures] caption {
  font-weight: bold;
  text-align: left;
}
.mdTable[data-name*=fixtures] tbody th {
  font-weight: 500;
  background: #fff;
}
.mdTable[data-name*=fixtures] tr {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dcdcd5;
}
.mdTable[data-name*=fixtures] tr > * {
  display: flex;
  flex: auto;
  align-items: center;
  border-left: none;
}
.mdTable[data-name*=fixtures] th,
.mdTable[data-name*=fixtures] td {
  position: absolute;
  top: 0;
  gap: 5px;
  width: auto;
  white-space: nowrap;
  border-bottom: none;
}
.mdTable[data-name*=fixtures] th:empty,
.mdTable[data-name*=fixtures] td:empty {
  display: none;
}
.mdTable[data-name*=fixtures] th.date,
.mdTable[data-name*=fixtures] td.date {
  left: 0;
  z-index: 1;
}
.mdTable[data-name*=fixtures] th.info,
.mdTable[data-name*=fixtures] td.info {
  right: 0;
  z-index: 1;
}
.mdTable[data-name*=fixtures] th.match,
.mdTable[data-name*=fixtures] td.match {
  position: static;
  width: 100%;
  font-size: 14px;
}
.mdTable[data-name*=fixtures] th.match > *,
.mdTable[data-name*=fixtures] td.match > * {
  position: relative;
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1;
}
.mdTable[data-name*=fixtures] th.match .player,
.mdTable[data-name*=fixtures] td.match .player {
  flex: 1 1 100%;
  flex-wrap: wrap;
  gap: 0.25em;
  justify-content: center;
  padding: 0;
}
.mdTable[data-name*=fixtures] th.match .player[data-result=win]::after, .mdTable[data-name*=fixtures] th.match .player[data-result=lose]::after,
.mdTable[data-name*=fixtures] td.match .player[data-result=win]::after,
.mdTable[data-name*=fixtures] td.match .player[data-result=lose]::after {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  width: 0.8em;
  height: 0.8em;
  content: "";
  border: 1px solid #0a0a03;
  border-radius: 50%;
  transform: translate(0, -50%);
  transform-origin: center;
}
.mdTable[data-name*=fixtures] th.match .player[data-result=lose]::after,
.mdTable[data-name*=fixtures] td.match .player[data-result=lose]::after {
  background-color: #0a0a03;
}
.mdTable[data-name*=fixtures] th.match .player[data-name=A],
.mdTable[data-name*=fixtures] td.match .player[data-name=A] {
  justify-content: flex-end;
}
.mdTable[data-name*=fixtures] th.match .player[data-name=A][data-result=win], .mdTable[data-name*=fixtures] th.match .player[data-name=A][data-result=lose],
.mdTable[data-name*=fixtures] td.match .player[data-name=A][data-result=win],
.mdTable[data-name*=fixtures] td.match .player[data-name=A][data-result=lose] {
  padding-right: 1.25em;
}
.mdTable[data-name*=fixtures] th.match .player[data-name=A][data-result=win]::after, .mdTable[data-name*=fixtures] th.match .player[data-name=A][data-result=lose]::after,
.mdTable[data-name*=fixtures] td.match .player[data-name=A][data-result=win]::after,
.mdTable[data-name*=fixtures] td.match .player[data-name=A][data-result=lose]::after {
  right: 0.1em;
}
.mdTable[data-name*=fixtures] th.match .player[data-name=B],
.mdTable[data-name*=fixtures] td.match .player[data-name=B] {
  justify-content: flex-start;
}
.mdTable[data-name*=fixtures] th.match .player[data-name=B][data-result=win], .mdTable[data-name*=fixtures] th.match .player[data-name=B][data-result=lose],
.mdTable[data-name*=fixtures] td.match .player[data-name=B][data-result=win],
.mdTable[data-name*=fixtures] td.match .player[data-name=B][data-result=lose] {
  padding-left: 1.25em;
}
.mdTable[data-name*=fixtures] th.match .player[data-name=B][data-result=win]::after, .mdTable[data-name*=fixtures] th.match .player[data-name=B][data-result=lose]::after,
.mdTable[data-name*=fixtures] td.match .player[data-name=B][data-result=win]::after,
.mdTable[data-name*=fixtures] td.match .player[data-name=B][data-result=lose]::after {
  left: 0.1em;
}
.mdTable[data-name*=fixtures] th .status,
.mdTable[data-name*=fixtures] td .status {
  display: inline-flex;
  justify-content: center;
  min-width: 3em;
  padding: 5px 0.5em;
  font-size: 14px;
  line-height: 1;
  background-color: #ebebe4;
}
.mdTable[data-name*=fixtures] th .status[data-status=on],
.mdTable[data-name*=fixtures] td .status[data-status=on] {
  color: #fff;
  background-color: #b90000;
}
.mdTable[data-name=fixtures-7ban] th .venue,
.mdTable[data-name=fixtures-7ban] td .venue {
  position: absolute;
  top: -23px;
  right: 0;
  font-size: 12px;
  line-height: 22px;
}
.mdTable[data-name*=standings] thead th {
  padding: 5px 3px !important;
}
.mdTable[data-name*=standings] thead th > * {
  display: block;
  line-height: 1.5 !important;
}
.mdTable[data-name*=standings] thead th .date {
  font-size: 10px !important;
  font-weight: 500;
}
.mdTable[data-name*=standings] tbody th {
  font-weight: 500;
  background: #fff;
}
.mdTable[data-name*=standings] tbody tr.player th {
  white-space: nowrap;
}
.mdTable[data-name*=standings] th.label,
.mdTable[data-name*=standings] td.label {
  font-weight: bold;
}
.mdTable[data-name*=standings] th.name,
.mdTable[data-name*=standings] td.name {
  min-width: 7em;
}
.mdTable[data-name*=standings] th.match > *,
.mdTable[data-name*=standings] td.match > * {
  display: block;
}
.mdTable[data-name*=standings] th.match *[class*=day-],
.mdTable[data-name*=standings] td.match *[class*=day-] {
  display: inline-flex;
  justify-content: center;
  min-width: 4em;
  margin: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #787871;
  text-decoration: none;
  background-color: #ebebe4;
}
.mdTable[data-name*=standings] th.match a[class*=day-],
.mdTable[data-name*=standings] td.match a[class*=day-] {
  font-weight: bold;
  color: #1e1e17;
}
.mdTable[data-name*=standings] th.match a[class*=day-]:hover,
.mdTable[data-name*=standings] td.match a[class*=day-]:hover {
  color: #fff;
  background-color: #b90000;
}
.mdTable[data-name*=standings] th.match .result,
.mdTable[data-name*=standings] td.match .result {
  box-sizing: border-box;
  margin: 2px auto;
}
.mdTable[data-name*=standings] th.match .result[data-result=win], .mdTable[data-name*=standings] th.match .result[data-result=lose],
.mdTable[data-name*=standings] td.match .result[data-result=win],
.mdTable[data-name*=standings] td.match .result[data-result=lose] {
  width: 1em;
  height: 1em;
  color: transparent;
  background-color: #fff;
  border: 1px solid #0a0a03;
  border-radius: 50%;
}
.mdTable[data-name*=standings] th.match .result[data-result=lose],
.mdTable[data-name*=standings] td.match .result[data-result=lose] {
  background-color: #0a0a03;
}
.mdTable[data-name*=standings] th.match .vs,
.mdTable[data-name*=standings] td.match .vs {
  font-size: 12px;
  line-height: 18px;
}
.mdTable[data-name*=standings] th.match .date,
.mdTable[data-name*=standings] td.match .date {
  font-size: 10px;
  line-height: 18px;
}
.mdTable[data-name=standings-league] tbody th {
  background: #fff;
}
.mdTable[data-name=standings-league] th.match,
.mdTable[data-name=standings-league] td.match {
  white-space: nowrap;
}
.mdTable[data-name=outline] tbody td {
  text-align: left;
}
.mdTable[data-name=outline] tbody td.name {
  text-align: center;
}
.mdTable[data-name=outline] tbody td.name > * {
  white-space: nowrap;
}
.mdTable[data-name=outline] th.date > *,
.mdTable[data-name=outline] td.date > * {
  display: inline-block;
  margin: 0 0.5em 0 0;
}
.mdTable[data-name=outline] th.date > *.venue,
.mdTable[data-name=outline] td.date > *.venue {
  font-size: 12px;
}
.mdTable[data-name=outline] th.date > *:last-of-type,
.mdTable[data-name=outline] td.date > *:last-of-type {
  margin: 0;
}
.mdTable[data-name=results] {
  border-right: none;
}
.mdTable[data-name=results] th,
.mdTable[data-name=results] td {
  width: auto;
  border-left: none;
}
.mdTable[data-name=results] th.number,
.mdTable[data-name=results] td.number {
  width: 3em;
}
.mdTable[data-name=results] th.year, .mdTable[data-name=results] th.result, .mdTable[data-name=results] th.link,
.mdTable[data-name=results] td.year,
.mdTable[data-name=results] td.result,
.mdTable[data-name=results] td.link {
  padding: 5px 0;
}
.mdTable[data-name=results] th.result > *,
.mdTable[data-name=results] td.result > * {
  white-space: nowrap;
}
.mdTable[data-name=results] th.link,
.mdTable[data-name=results] td.link {
  width: 5em;
}
.mdTable[data-name=results] th.link > *,
.mdTable[data-name=results] td.link > * {
  display: inline-flex;
  gap: 5px;
  justify-content: center;
  width: 100%;
}
.mdTable[data-name=results] th .name[data-info*=eisei],
.mdTable[data-name=results] td .name[data-info*=eisei] {
  display: inline-block;
}
#wrapper .mdTable {
  border-right: none;
}
#wrapper .mdTable tr > *:first-child {
  border-left-width: 0;
}
#wrapper .mdTable[data-name*=fixtures] tr {
  flex-direction: column;
  padding: 5px 0;
}
#wrapper .mdTable[data-name*=fixtures] th,
#wrapper .mdTable[data-name*=fixtures] td {
  position: relative;
  top: auto;
  min-height: auto;
  padding: 5px 0;
  line-height: 1;
}
#wrapper .mdTable[data-name*=fixtures] th.info,
#wrapper .mdTable[data-name*=fixtures] td.info {
  flex-direction: column-reverse;
}
#wrapper .mdTable[data-name=fixtures-7ban] th .venue,
#wrapper .mdTable[data-name=fixtures-7ban] td .venue {
  position: relative;
  top: auto;
  right: auto;
}
#wrapper .mdTable[data-name*=standings] th.name,
#wrapper .mdTable[data-name*=standings] td.name {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  min-width: 5em;
}
#wrapper .mdTable[data-name*=standings] th.name::after,
#wrapper .mdTable[data-name*=standings] td.name::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #dcdcd5;
}
#wrapper .mdTable[data-name*=standings] th .firstName,
#wrapper .mdTable[data-name*=standings] td .firstName {
  display: none;
}
#wrapper .mdTable[data-name=outline] tbody td.name {
  border-left-width: 1px !important;
}
#wrapper .mdTable[data-name=results] thead th {
  font-size: 14px !important;
}
#wrapper .mdTable[data-name=results] th,
#wrapper .mdTable[data-name=results] td {
  font-size: 12px;
}
#wrapper .mdTable[data-name=results] th.number,
#wrapper .mdTable[data-name=results] td.number {
  width: auto;
}
#wrapper .mdTable[data-name=results] th.link,
#wrapper .mdTable[data-name=results] td.link {
  padding: 5px 5px 5px 0;
}
#wrapper .mdTable[data-name=results] th.link > *,
#wrapper .mdTable[data-name=results] td.link > * {
  flex-wrap: wrap;
}

/* mdTitle */
.mdTitle {
  box-sizing: border-box;
  padding: 5px 0;
  margin: 0;
}
.mdTitle h1,
.mdTitle h2,
.mdTitle h3,
.mdTitle h4 {
  box-sizing: border-box;
  padding: 0 0 5px;
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
.Title + .mdTableBox .mdTitle {
  padding: 15px 0 5px;
  border-top: 1px solid #dcdcd5;
}
#wrapper .mdTitle {
  padding: 10px;
}
#wrapper .mdTitle h1,
#wrapper .mdTitle h2,
#wrapper .mdTitle h3,
#wrapper .mdTitle h4 {
  padding: 0;
}
#wrapper .mdTitle.Title {
  color: #fff;
  background: var(--theme-color-main);
}
#wrapper .mdTitle.Title a {
  color: #fff;
}
#wrapper .mdTableBox .mdTitle {
  padding: 0 10px 10px;
}
#wrapper .Title + .mdTableBox .mdTitle {
  padding: 10px;
}

/* mdVideoBox */
.mdVideoBox {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
.mdVideoBox__inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0 auto 10px;
}
.mdVideoBox__inner[data-style*=resp-] {
  height: 0;
}
.mdVideoBox__inner[data-style*=resp-] > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mdVideoBox__inner[data-style=resp-1x1] {
  padding: 100% 0 0;
}
.mdVideoBox__inner[data-style=resp-4x3] {
  padding: 75% 0 0;
}
.mdVideoBox__inner[data-style=resp-16x9] {
  padding: 56.25% 0 0;
}

/* MejinsenKifu */
.MejinsenKifu {
  display: block;
  padding: 10px 0 0;
  margin: 0;
  border-top: 1px solid #dcdcd5;
}
.MejinsenKifu::after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  content: "";
}
.MejinsenKifu dl {
  display: block;
  float: left;
  width: 390px;
  padding: 0 0 10px;
  margin: 0;
}
.MejinsenKifu dl::after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  content: "";
}
.MejinsenKifu dl dt {
  padding: 0 0 5px;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  color: #1e1e17;
}
.MejinsenKifu dl dt a {
  padding: 0;
  margin: 0;
  color: #1e1e17;
  text-decoration: none;
}
.MejinsenKifu dl dt a:hover {
  color: #b90000;
  text-decoration: underline;
}
.MejinsenKifu dl dt span {
  display: block;
  padding: 0 0 2px;
  margin: 0;
  font-size: 60%;
  font-weight: bold;
  line-height: 1.3;
  color: #64645d;
}
.MejinsenKifu dl dt span a {
  padding: 0 17px 0 0;
  margin: 0;
  color: #64645d;
  text-decoration: none;
  background: url("https://www.asahicom.jp/css/images/arrow_link_small.gif") no-repeat right 1px;
}
.MejinsenKifu dl dt span a:hover {
  color: #b90000;
  text-decoration: underline;
  background: url("https://www.asahicom.jp/css/images/arrow_link_small.gif") no-repeat right -119px;
}
.MejinsenKifu dl dd {
  padding: 0;
  margin: 0;
}
.MejinsenKifu dl p {
  padding: 0;
  margin: 0;
  font-size: 90%;
  line-height: 1.8;
  color: #32322b;
}
.MejinsenKifu dl p a {
  padding: 0;
  margin: 0;
  color: #64645d;
  text-decoration: none;
}
.MejinsenKifu dl p a:hover {
  color: #b90000;
  text-decoration: underline;
}
.MejinsenKifu .ImageSet {
  float: right;
  width: 250px;
  padding: 0;
  margin: 0;
  font-size: 80%;
}
.MejinsenKifu .ImageSet .Image {
  padding: 0 0 8px;
  clear: both;
  text-align: right;
}
.MejinsenKifu .ImageSet .Image .supplement {
  padding: 3px 3px 8px;
  font-size: 90%;
  color: #5a5a53;
  border-top: dotted 1px #e6e6df;
}
.MejinsenKifu .IgoPlayer {
  padding: 8px 3px;
  color: #5a5a53;
  border-top: dotted 1px #e6e6df;
}
.MejinsenKifu .IgoPlayer .TitleIP {
  font-size: 120% !important;
  font-weight: bold;
}
.MejinsenKifu .ListMedium {
  padding: 5px 0 0;
  margin: 0;
  clear: none;
  border-top: none;
}
.MejinsenKifu .PlainMod {
  padding: 0 0 12px;
  margin: 0;
  clear: both;
  border-top: none;
}
.MejinsenKifu .TableMod {
  width: 100%;
  font-size: 90%;
  text-align: center;
}
.MejinsenKifu .TableMod th {
  padding: 3px 0;
}
.MejinsenKifu .TableMod td {
  padding: 3px 0;
}
.MejinsenKifu .TableMod td:nth-child(even) {
  background: #fff;
}
.MejinsenKifu .TableMod td:nth-child(odd) {
  background: #fbfbf8;
}
.MejinsenKifu .forSP {
  display: none !important;
}
.MejinsenKifu .player {
  padding: 0 0 10px !important;
  font-size: 16px !important;
  font-weight: bold;
  line-height: 1 !important;
}
#wrapper .MejinsenKifu {
  padding: 0;
  margin: 10px;
  border-top: none;
}
#wrapper .MejinsenKifu .forPC {
  display: none !important;
}
#wrapper .MejinsenKifu .forSP {
  display: initial !important;
}
#wrapper .MejinsenKifu .ImageSet {
  display: none;
}
#wrapper .MejinsenKifu dl {
  float: none;
  width: auto;
  padding: 0;
  margin: 0;
  font-size: 16px;
}
#wrapper .MejinsenKifu dl dt {
  padding: 0 0 5px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
#wrapper .MejinsenKifu dl dt span {
  padding: 0;
  font-size: 1em;
  line-height: inherit;
  color: #787871;
}
#wrapper .MejinsenKifu dl dd {
  padding: 0 0 5px;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
#wrapper .MejinsenKifu dl p {
  font-size: 1em;
  line-height: inherit;
}
#wrapper .MejinsenKifu .player-name {
  display: inline-block;
}
#wrapper .MejinsenKifu .PlainMod {
  padding: 0;
}

/* TableMod-MejinsenKifu */
.TableMod-MejinsenKifu tr.forPC {
  display: table-row;
}
.TableMod-MejinsenKifu th,
.TableMod-MejinsenKifu td {
  box-sizing: border-box;
  width: 14.2857142857%;
}
.TableMod-MejinsenKifu span,
.TableMod-MejinsenKifu a {
  display: inline-block;
}
#wrapper .TableMod-MejinsenKifu {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 10px 0 !important;
  font-size: 12px;
  text-align: initial;
  border: none !important;
  border-top: 1px solid #e6e6df !important;
}
#wrapper .TableMod-MejinsenKifu th,
#wrapper .TableMod-MejinsenKifu td {
  box-sizing: border-box;
  height: 35px;
  overflow: hidden;
  font-size: 14px !important;
  line-height: 24px;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: middle;
  background: #fff !important;
}
#wrapper .TableMod-MejinsenKifu thead {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 6em;
}
#wrapper .TableMod-MejinsenKifu thead tr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#wrapper .TableMod-MejinsenKifu thead th,
#wrapper .TableMod-MejinsenKifu thead td {
  width: 100%;
  padding: 5px 0 !important;
  text-align: left;
  background: #fff !important;
}
#wrapper .TableMod-MejinsenKifu tbody {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 6em);
}
#wrapper .TableMod-MejinsenKifu tbody tr {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
#wrapper .TableMod-MejinsenKifu tbody th,
#wrapper .TableMod-MejinsenKifu tbody td {
  width: 100%;
  padding: 5px !important;
}
#wrapper .TableMod-MejinsenKifu tbody .date {
  width: 30%;
}
#wrapper .TableMod-MejinsenKifu tbody .links {
  width: 70%;
  text-align: right;
}
#wrapper .TableMod-MejinsenKifu tbody .links th,
#wrapper .TableMod-MejinsenKifu tbody .links td {
  padding: 5px 0 !important;
  font-size: 12px !important;
}
#wrapper .TableMod-MejinsenKifu tbody .links a {
  display: inline-block;
  flex: auto;
  width: auto;
  min-width: 5em;
  padding: 0;
  margin: 0;
  text-align: center;
  background: #ebebe4;
}
#wrapper .TableMod-MejinsenKifu tbody .links .forSP {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (max-width: 350px) {
  #wrapper .TableMod-MejinsenKifu th,
  #wrapper .TableMod-MejinsenKifu td {
    font-size: 12px !important;
  }
}

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