@charset "UTF-8";
/* Index for Sanspo SCSS */
* { /* force style cascading */
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  background: transparent;
}

/* Box sizing rules */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
/* stylelint-disable */
ul[class],
ol[class] {
  list-style: none;
}

/* stylelint-enable */
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
svg {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
.w-auto {
  width: auto;
  min-width: auto;
}
.w-16 {
  width: 4rem;
}

.w100 {
  width: 100%;
}
.w80 {
  width: 80%;
}
.w60 {
  width: 60%;
}
.w50 {
  width: 50%;
}
.w25 {
  width: 25%;
}

.w-1\/6 {
  width: 16.67%;
}

.w-1\/7 {
  width: 14.29%;
}
.max-w-full {
  max-width: 100%;
}
.min-w50 {
  min-width: 50%;
}

.min-h-2 {
  min-height: 2rem;
}
.min-h-3 {
  min-height: 3rem;
}
.min-h-5 {
  min-height: 5rem;
}
.min-h-9 {
  min-height: 9rem;
}
.min-h-96 {
  min-height: 24rem;
}
.h100 {
  height: 100%;
}

.aspect-ratio {
  position: relative;
  height: 0;
  overflow: hidden;
}
.aspect-ratio img {
  position: absolute;
  width: 100%;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.aspect-ratio__1x1 {
  flex: 1 1 auto;
  padding-bottom: 100%;
}

.aspect-ratio__3x2 {
  flex: 1 1 auto;
  padding-bottom: 66.6666666667%;
}

.aspect-ratio__4x3 {
  flex: 1 1 auto;
  padding-bottom: 75%;
}

.aspect-ratio__16x9 {
  flex: 1 1 auto;
  padding-bottom: 56.25%;
}

.aspect-ratio__100xauto {
  flex: 1 1 auto;
  width: 100%;
  height: auto;
}

/*
   SPACING
    tachyons-inspired spacings

   An eight step powers of two scale ranging from 0 to 16rem.
   Base:
     p = padding
     m = margin
   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left
     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale
   Media Query Extensions:
     sd: = mobile-only
     md: = tablet
     ld: = desktop
     xd: = wide
*/
.pa-0 {
  padding: 0;
}
.ph-0 {
  padding-left: 0;
  padding-right: 0;
}
.pv-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.pt-0 {
  padding-top: 0;
}
.pr-0 {
  padding-right: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.pl-0 {
  padding-left: 0;
}
.pa-1 {
  padding: 0.25rem;
}
.ph-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.pv-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pa-2 {
  padding: 0.5rem;
}
.ph-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pv-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pa-3 {
  padding: 1rem;
}
.ph-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pv-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pt-3 {
  padding-top: 1rem;
}
.pr-3 {
  padding-right: 1rem;
}
.pb-3 {
  padding-bottom: 1rem;
}
.pl-3 {
  padding-left: 1rem;
}
.pa-4 {
  padding: 2rem;
}
.ph-4 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pv-4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt-4 {
  padding-top: 2rem;
}
.pr-4 {
  padding-right: 2rem;
}
.pb-4 {
  padding-bottom: 2rem;
}
.pl-4 {
  padding-left: 2rem;
}
.pa-5 {
  padding: 4rem;
}
.ph-5 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.pv-5 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pt-5 {
  padding-top: 4rem;
}
.pr-5 {
  padding-right: 4rem;
}
.pb-5 {
  padding-bottom: 4rem;
}
.pl-5 {
  padding-left: 4rem;
}
.pa-6 {
  padding: 6rem;
}
.ph-6 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.pv-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.pt-6 {
  padding-top: 6rem;
}
.pr-6 {
  padding-right: 6rem;
}
.pb-6 {
  padding-bottom: 6rem;
}
.pl-6 {
  padding-left: 6rem;
}
.ma-0 {
  margin: 0;
}
.mh-0 {
  margin-left: 0;
  margin-right: 0;
}
.mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mt-0 {
  margin-top: 0;
}
.mr-0 {
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.ml-0 {
  margin-left: 0;
}
.ma-1 {
  margin: 0.25rem;
}
.mh-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mv-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ma-2 {
  margin: 0.5rem;
}
.mh-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mv-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ma-3 {
  margin: 1rem;
}
.mh-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mv-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mt-3 {
  margin-top: 1rem;
}
.mr-3 {
  margin-right: 1rem;
}
.mb-3 {
  margin-bottom: 1rem;
}
.ml-3 {
  margin-left: 1rem;
}
.ma-4 {
  margin: 2rem;
}
.mh-4 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mv-4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mt-4 {
  margin-top: 2rem;
}
.mr-4 {
  margin-right: 2rem;
}
.mb-4 {
  margin-bottom: 2rem;
}
.ml-4 {
  margin-left: 2rem;
}
.ma-5 {
  margin: 4rem;
}
.mh-5 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.mv-5 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.mt-5 {
  margin-top: 4rem;
}
.mr-5 {
  margin-right: 4rem;
}
.mb-5 {
  margin-bottom: 4rem;
}
.ml-5 {
  margin-left: 4rem;
}
.ma-6 {
  margin: 6rem;
}
.mh-6 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.mv-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.mt-6 {
  margin-top: 6rem;
}
.mr-6 {
  margin-right: 6rem;
}
.mb-6 {
  margin-bottom: 6rem;
}
.ml-6 {
  margin-left: 6rem;
}
.ma-auto {
  margin: auto;
}
.mr-auto {
  margin-right: auto;
}
.mt-auto {
  margin-top: auto;
}

.ml-auto {
  margin-left: auto;
}

.mh-auto {
  margin-right: auto;
  margin-left: auto;
}
.red {
  color: #ed1a3d;
}

.mainColor {
  color: #fb0f0c;
}

.mainColorBg {
  background-color: #fb0f0c;
}

.darkBlue {
  color: #0045ff;
}

.hover\:lightBlue:hover {
  color: #c1d3ea;
}

.darkBlueBg {
  background-color: #0045ff;
}

.lightBlueBg {
  background-color: #c1d3ea;
}

.yellow {
  color: #ff9d00;
}

.yellowBg {
  background-color: #ff9d00;
}

.lightGreen {
  color: #00be07;
}

.lightGreenBg {
  background-color: #00be07;
}

.pastelRedBg {
  background-color: #ffd7d7;
}

.pastelGreenBg {
  background-color: #d7f0d7;
}

.white {
  color: #fff;
}

.whiteBg {
  background-color: #fff;
}

.dark {
  color: #333;
}

.darkGreen {
  color: #090;
}

.darkRed {
  color: #b80000;
}

.gray0 {
  color: #e0e0e0;
}

.grayBg0 {
  background-color: #e0e0e0;
}

.gray1 {
  color: #ccc;
}

.grayBg1 {
  background-color: #ccc;
}

.gray2 {
  color: #666;
}

.grayBg2 {
  background-color: #666;
}

.gray3 {
  color: #333;
}

.grayBg3 {
  background-color: #333;
}

.bg-sun {
  background-color: #1a73e8;
  color: #fff;
}

.bg-sat {
  background-color: #a00909;
  color: #fff;
}

.bg-gold {
  background: #c4a600;
  color: #fff;
}

.bg-silver {
  background: #c0c0c0;
}

.border-gray1 {
  border-color: #ccc;
}

.even-grayBg0 tr:nth-child(2n) {
  background-color: #e0e0e0;
}

.data-font {
  font-family: "Roboto", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, helvetica, "Helvetica Neue", arial, verdana, sans;
}

.font-xs {
  font-size: 0.63rem;
}
.font-sm {
  font-size: 0.75rem;
}
.font-0 {
  font-size: 0.88rem;
}

.font-1 {
  font-size: 1rem;
}
.font-2 {
  font-size: 1.13rem;
}
.font-3 {
  font-size: 1.25rem;
}
.font-4 {
  font-size: 1.5rem;
}
.font-5 {
  font-size: 1.75rem;
}
.fixed-font-0 {
  font-size: 14px;
}

.fixed-font-1 {
  font-size: 15px;
}

.fixed-font-2 {
  font-size: 18px;
}
.lh-0 {
  line-height: 1;
}

.lh-1 {
  line-height: 1.5;
}
.lh-1-3 {
  line-height: 1.3em;
}
.lh-2 {
  line-height: 2;
}

.lh-3 {
  line-height: 2.5;
}

.nowrap {
  white-space: nowrap;
}

.ellipsis {
  text-overflow: ellipsis;
}

.normal {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}

.tl {
  text-align: left;
}
.no-underline {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.underline-offset-0 {
  text-underline-position: under;
}
@supports (text-underline-offset: 1px) {
  .underline-offset-0 {
    text-underline-position: initial;
    text-underline-offset: 0.25rem;
  }
}

.font-palt {
  font-feature-settings: "palt";
}

.border-none {
  border: none;
}
.br-0 {
  border-radius: 0;
}

.br-1 {
  border-radius: 0.25rem;
}

.bsolid-1 {
  border-style: solid;
  border-width: 1px;
}

.bspacing-0 {
  border-spacing: 0;
}

.bcollapse {
  border-collapse: collapse;
}

.border-t-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-b-0 {
  border-bottom: 0;
}

.border-b-2 {
  border-bottom: 2px solid;
}

.border-gold {
  border-color: #c4a600;
}

.border-silver {
  border-color: #c0c0c0;
}

.db {
  display: block;
}
.dib {
  display: inline-block;
}
.df {
  display: flex;
}
.dn {
  display: none;
}
.dg {
  display: -ms-grid;
  display: grid;
}
.fgrow-0 {
  flex-grow: 0;
}
.fgrow-1 {
  flex-grow: 1;
}
.fgrow-2 {
  flex-grow: 2;
}
* {
  flex-shrink: 1;
}

.fshrink-1 {
  flex-shrink: 1;
}
.fshrink-0 {
  flex-shrink: 0;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-r {
  flex-direction: column-reverse;
}
.fwrap {
  flex-wrap: wrap;
}
.fnwrap {
  flex-wrap: nowrap;
}
.jc-c {
  justify-content: center;
}
.jc-sb {
  justify-content: space-between;
}
.jc-sa {
  justify-content: space-around;
}

.jc-fe {
  justify-content: flex-end;
}
.jc-fs {
  justify-content: flex-start;
}
.ai-c {
  align-items: center;
}

.ai-fs {
  align-items: flex-start;
}

.ai-fe {
  align-items: flex-end;
}

.ai-s {
  align-items: stretch;
}

.as-s {
  -ms-grid-row-align: stretch;
      align-self: stretch;
}

.as-c {
  -ms-grid-row-align: center;
      align-self: center;
}

.as-e {
  -ms-grid-row-align: end;
      align-self: end;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.right-0 {
  right: 0;
}

.left-0 {
  left: 0;
}

.z-10 {
  z-index: 10;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.snap-x-mandatory {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.scrollbar-thin {
  scrollbar-width: thin;
}

.align-top {
  vertical-align: top;
}

.grid-rows-2 {
  -ms-grid-rows: (minmax(0, 1fr))[2];
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-flow-col {
  grid-auto-flow: column;
}
.opacity-50 {
  opacity: 0.5;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.slide-down {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-in-out;
}

input[type=checkbox]:checked + .slide-down {
  max-height: 1000px;
}

.arrow {
  position: relative;
  display: inline-block;
  padding: 0 1rem;
}
.arrow:before {
  border: solid #333;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  top: 25%;
  left: 4px;
  position: absolute;
  content: "";
}
.arrow-right:before {
  transform: rotate(-45deg);
}
.arrow-left:before {
  transform: rotate(135deg);
}
.arrow-up:before {
  top: 40%;
  transform: rotate(-135deg);
}
.arrow-down:before {
  top: 20%;
  transform: rotate(45deg);
}

.object-scale-down {
  object-fit: scale-down;
}

.object-cover {
  object-fit: cover;
}

.ZbatGroupLogos {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem;
}
.ZbatGroupLogos > a {
  margin-right: 2rem;
  margin-bottom: 2rem;
  display: inline-block;
  max-width: 120px;
}
.ZbatGroupLogos > a.eight {
  max-width: 72px;
}
.ZbatGroupLogos > a.gallop {
  max-width: 96px;
}
.ZbatGroupLogos > a.umanity {
  margin-top: 2px;
}
.ZbatGroupLogos > a img {
  width: 100%;
}

.global-footer {
  width: 100%;
  margin-top: 4rem;
  padding-bottom: 1rem;
}
.global-footer__copyright, .global-footer__info, .global-footer__category-nav {
  font-family: "Roboto", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, helvetica, "Helvetica Neue", arial, verdana, sans;
  flex-wrap: wrap;
}
.global-footer__category {
  min-width: 20rem;
}
.global-footer__category:first-of-type {
  flex-grow: 2;
}
.global-footer__special-links {
  height: 4em;
}
.global-footer__option {
  z-index: 1024;
  position: fixed;
  bottom: 144px;
  right: 5%;
  display: block;
  visibility: hidden;
  opacity: 0;
  font-size: 0;
}
.global-footer__option.visible {
  visibility: visible;
  opacity: 100%;
  transition: all 0.5s ease-in-out;
}
.global-footer__option.hidden {
  visibility: hidden;
  opacity: 0%;
  transition: all 0.5s ease-in-out;
}
.global-footer__option .share-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  box-shadow: 0px 10px 9px -9px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  font-size: 0.63rem;
  letter-spacing: -0.5px;
  color: #fff;
  background-color: #fb0f0c;
  border: none;
  outline: none;
  padding: 0;
  appearance: none;
}
.global-footer__option .share-button:before {
  content: "";
  display: inline-block;
  background-image: url('https://japan-news.pages.dev/jp-news-www.sanspo.com/pf/resources/icons/share.svg?d=668&mxid=00000000');
  background-repeat: no-repeat;
  background-size: contain;
  width: 19px;
  height: 21px;
  margin: 0 2px 0 0;
}
.global-footer__option.zbat .share-button {
  background-color: #00be07;
}

@keyframes CoinsShowAnimation {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes CoinsHideAnimation {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(100px);
  }
}
.isMobile .coins-close-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  right: 15px;
  top: 15px;
}
.isMobile .coins-close-button span:before,
.isMobile .coins-close-button span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 10%;
  margin: -8% 0 0 -42%;
  background: #808080;
}
.isMobile .coins-close-button span:before {
  transform: rotate(-45deg);
}
.isMobile .coins-close-button span:after {
  transform: rotate(45deg);
}
.isMobile .coins-optin-dialog {
  z-index: 2147483647;
  position: fixed;
  background-color: #fff;
  width: 500px;
  bottom: 10px;
  right: 10px;
  border: 5px solid #000;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.6);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  animation-name: CoinsShowAnimation;
  animation-duration: 0.5s;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS PGothic", "Arial", "Helvetica", sans-serif;
  border-radius: 30px;
}
.isMobile .coins-optin-dialog:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.TagsBar {
  background-color: #333;
  border-top: 4px currentColor solid;
  height: 2.8em;
  contain: strict;
  position: relative;
}
.TagsBar .splide {
  height: 100%;
  visibility: visible;
}
.TagsBar .splide__track {
  width: calc(100% - 48px);
  height: 100%;
  will-change: scroll-position;
  box-sizing: content-box;
}
.TagsBar .splide__list {
  width: calc(100% - 48px);
}
.TagsBar .splide__slide {
  width: auto;
  max-width: 14rem;
  display: flex;
  align-items: center;
  margin-right: 2rem;
}
.TagsBar .splide__arrows button {
  width: 24px;
  height: 100%;
  background-color: #333;
}
.TagsBar .splide__arrows button:disabled {
  visibility: hidden;
}
.TagsBar .splide button {
  width: 24px;
  height: 100%;
  background-color: #333;
  z-index: 8;
  cursor: pointer;
  color: #fff;
  opacity: 1;
  border-radius: none;
}
.TagsBar .splide button svg {
  width: 24px;
  height: 24px;
}
.TagsBar .splide button.prev {
  left: 0;
}
.TagsBar .splide button.prev:after {
  position: absolute;
  z-index: 8;
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  background: linear-gradient(90deg, rgb(51, 51, 51) 0%, rgba(51, 51, 51, 0) 100%);
  top: 0;
  left: 24px;
}
.TagsBar .splide button.next {
  right: 0;
}
.TagsBar .splide button.next:before {
  position: absolute;
  z-index: 8;
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  background: linear-gradient(90deg, rgba(51, 51, 51, 0) 0%, rgb(51, 51, 51) 50%);
  top: 0;
  right: 23px;
}
.TagsBar .splide button:disabled {
  visibility: hidden;
}

.ZbatBar {
  background-color: #e0e0e0;
  contain: content;
}
.ZbatBar__wrapper {
  padding: 0.25rem 0;
  height: auto;
}
.ZbatBar .AboutZbat a {
  margin-right: 1rem;
}
.ZbatBar .AboutZbat a:last-child {
  margin-right: 0;
}
.ZbatBar .AboutZbat a {
  font-weight: 700;
}
.ZbatBar .MemberRegistration a {
  margin-left: 1rem;
}
.ZbatBar .MemberRegistration a {
  font-weight: 700;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #000;
  padding: 0.5rem 0.5rem;
  line-height: 1em;
  text-decoration: none;
}

.NavBar {
  width: 100%;
  contain: content;
}
.NavBar__categories {
  order: 1;
  width: 100%;
  contain: content;
}

.nav-hamburger,
.nav-loupe {
  outline: none;
  contain: content;
  cursor: pointer;
  border: 2px transparent solid;
  border-radius: 0.25rem;
  transition: border-color 0.2s ease;
}
.nav-hamburger svg,
.nav-loupe svg {
  min-width: 40px;
  max-width: 40px;
}
.nav-hamburger:hover, .nav-hamburger:focus,
.nav-loupe:hover,
.nav-loupe:focus {
  border-color: #666;
}
[data-hidefocusrings] .nav-hamburger:hover, [data-hidefocusrings] .nav-hamburger:focus,
[data-hidefocusrings] .nav-loupe:hover,
[data-hidefocusrings] .nav-loupe:focus {
  border-color: transparent;
}

.sanspo-link {
  color: #fb0f0c;
}
[data-hidefocusrings] .sanspo-link:hover, [data-hidefocusrings] .sanspo-link:focus {
  outline: none;
}
.sanspo-link {
  contain: content;
}

.search-form {
  font-size: 16px;
}

.chevron {
  transform-origin: center;
  transition: transform 0.1s ease-in-out;
  transform: rotate3d(1, 0, 0, 0deg);
}

.chevron.chevron-opened {
  transform: rotate3d(1, 0, 0, 180deg);
}

.SectionBorder {
  border-color: inherit;
}

.CategoryBorder {
  border-color: rgba(204, 204, 204, 0.5);
}
.MenuBlue .CategoryBorder {
  border-color: rgba(255, 255, 255, 0.5);
}

.tag-bean {
  display: block;
  max-width: 100%;
  border: 2px solid transparent;
  transition: border-color 0.2s ease;
  line-height: 1em;
  padding: 0.15em 0.25em;
}
.tag-bean:hover, .tag-bean:focus {
  border: 2px solid rgba(0, 0, 0, 0.45);
}
.tag-bean.darkBlueBg:hover, .tag-bean.darkBlueBg:focus {
  border-color: rgba(255, 255, 255, 0.4);
}

.CategoryLink__list {
  flex-wrap: wrap;
  justify-content: flex-end;
  max-height: 4.25em;
}
.CategoryLink__list .tag-bean {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

[aria-expanded] .chevron path {
  stroke: currentColor;
  transition: 0.2s ease;
  transition-property: stroke-width, stroke;
}
[data-hidefocusrings] [aria-expanded]:focus {
  outline: none;
}
[aria-expanded]:focus .chevron path {
  stroke: #fb0f0c;
}

.CloseButton[title=閉じる] svg {
  stroke: currentColor;
  stroke-width: 0;
  transition: stroke-width 0.2s ease;
}
.CloseButton[title=閉じる]:focus {
  outline: none;
}

.NavDrawer {
  height: 100%;
  max-height: 100%;
}
.NavDrawer nav {
  margin-top: 4px;
  height: calc(100% - 32px);
  width: calc(100% - 32px);
  position: absolute;
  top: 42px;
  padding-bottom: 32px;
}

.MenuTooltip {
  opacity: 0;
  z-index: 11;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: opacity 0.15s ease;
  transition-timing-function: ease-in-out;
}
.MenuTooltip[data-enter] {
  opacity: 1;
}

.tag-highlight {
  color: #fb0f0c;
}

.SearchDrawer {
  height: 100%;
  max-height: 100%;
}

.SearchInput {
  border: 1px solid #ccc;
  border-radius: 2rem;
}
.SearchInput [type=search] {
  min-width: 6em;
  -webkit-appearance: textfield; /* stylelint-disable-line */
}
.SearchInput [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* stylelint-disable-line */
}

.HeaderLink {
  height: 100%;
  flex: 1 1 auto;
  width: 25%;
  text-decoration: none;
  margin-right: 0.25rem;
}
.HeaderLink:last-child {
  margin-right: 0;
}
.HeaderLink {
  min-width: fit-content;
}
.HeaderLink {
  background-image: linear-gradient(to right, #fb0f0c, #fb0f0c);
}
.HeaderLink.darkBlue {
  background-image: linear-gradient(to right, #0045ff, #0045ff);
}
.HeaderLink.yellow {
  background-image: linear-gradient(to right, #ff9d00, #ff9d00);
}
.HeaderLink.lightGreen {
  background-image: linear-gradient(to right, #00be07, #00be07);
}
.HeaderLink {
  background-repeat: no-repeat;
  background-position: center bottom 2px;
  background-size: 100% 3px;
  transition: background-size 0.2s ease;
}
.HeaderLink:hover, .HeaderLink:focus {
  background-size: 100% calc(0.25em + 2px);
}
[data-hidefocusrings] .HeaderLink:hover, [data-hidefocusrings] .HeaderLink:focus {
  outline: none;
  background-size: 100% calc(0.25em + 2px);
}
.HeaderLink.HeaderLink__active {
  background-position: center bottom;
  background-size: 100% 5px;
}

.BodyWrapper {
  padding-top: 7.7rem;
}

#header-nav {
  width: 100%;
  contain: content;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
  transition: transform 0.1s ease;
  will-change: transform;
}

@supports (position: sticky) {
  #header-nav {
    position: sticky;
  }
  .BodyWrapper {
    padding-top: 0 !important;
  }
}
.ModalBackdrop {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.ModalBackdrop[data-enter] {
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.2s ease-out;
}

.ModalBackdrop[data-leave] {
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.2s 0.1s ease-out;
}

.MenuModal,
.SearchModal {
  height: 100%;
  width: 24em;
  max-width: 90vw;
}
[data-hidefocusrings] .MenuModal,
[data-hidefocusrings] .SearchModal {
  outline: none;
}

.MenuModal[data-enter],
.SearchModal[data-enter] {
  transform: translateX(0%);
  transition: transform 0.2s 0.1s ease-in;
}

.MenuModal[data-leave],
.SearchModal[data-leave] {
  transition: transform 0.2s ease-in;
}

.MenuModal {
  transform: translateX(-100%);
}

.SearchModal {
  position: fixed;
  right: 0;
  transform: translateX(100%);
}

.PanelTagsList.PanelTagsList {
  margin: 0.5rem;
}

.FeatureNav--parent {
  width: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.FeatureNav--parent > li {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.FeatureNav--parent > li > a {
  order: 1;
  width: 15%;
}
.FeatureNav--parent > li ul.FeatureNav--children {
  order: 2;
  width: 85%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}
.FeatureNav--parent > li ul.FeatureNav--children > li {
  width: 25%;
}
.FeatureNav--parent > li ul.FeatureNav--children > li a {
  display: block;
  text-align: center;
  padding: 0.25rem;
  font-weight: 700;
  text-decoration: none;
}
.FeatureNav--parent > li .FeatureNav--others {
  order: 3;
  width: 100%;
  display: none;
}

/* olympic2022 */
.olympic2022-nav {
  background-image: url('https://japan-news.pages.dev/jp-news-www.sanspo.com/pf/resources/images/olympic2022/beijing2022_header_bg.png?d=668&mxid=00000000');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: sticky;
  top: 40px;
  z-index: 8;
}
.olympic2022-nav .FeatureNav {
  padding: 0.5rem;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li {
  justify-content: space-between;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li > a {
  display: block;
  overflow: hidden;
  margin: 0.5rem;
  width: 96px;
  max-height: 48px;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li > a > img {
  width: 100%;
  height: auto;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children {
  border: 1px solid #17b8ee;
  border-width: 1px 0 0 1px;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li {
  border: 1px solid #17b8ee;
  border-width: 0 1px 1px 0;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li a {
  white-space: nowrap;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--others > li {
  border: 1px solid #17b8ee;
  margin: 0 0.25rem;
  background: #fff;
}
.olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--others > li a {
  display: block;
  padding: 0.25rem;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

body {
  color: #333;
  font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, helvetica, "Helvetica Neue", arial, verdana, "Yu Mincho", sans; /* stylelint-disable-line */
  font-size: 14px;
}

.MainRightRail main {
  flex-grow: 2;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.SignleRail main {
  flex-grow: 2;
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.FeatureLayout {
  max-width: 100%;
}

.SideBar {
  width: calc(30% - 2rem);
  max-width: 480px;
  align-items: flex-end;
}
.SideBar {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.SideBar__sticky {
  position: sticky;
  bottom: 0;
  padding-bottom: 2rem;
  max-width: 100%;
}

.alert__container.npb-team-info {
  max-width: 1144px;
  margin: 1rem auto;
  padding: 0 1rem;
  font-size: 1.13rem;
}
.alert__container.npb-team-info > div {
  border: 2px solid #ed1a3d;
  padding: 0.5rem 1rem;
}
.alert__container.npb-team-info .alert__label,
.alert__container.npb-team-info .alert__message {
  color: #ed1a3d;
}
.alert__container a:hover .alert__message {
  text-decoration: underline;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.max-width {
  max-width: 1536px;
}

.max-width {
  max-width: 1180px;
}
.overflow-auto {
  overflow: auto;
}
img {
  pointer-events: none;
}

a > img {
  pointer-events: auto;
}

.custom-html-feature {
  width: 100%;
}

.pointer {
  cursor: pointer;
}

@media (min-width: 768px){
  .md\:w100 {
    width: 100%;
  }
  .md\:w60 {
    width: 60%;
  }
  .md\:w50 {
    width: 50%;
  }
  .md\:w-1\/7 {
    width: 14.29%;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:min-h-2 {
    min-height: 2rem;
  }
  .md\:min-h-3 {
    min-height: 3rem;
  }
  .md\:min-h-9 {
    min-height: 9rem;
  }
  .md\:pa-0 {
    padding: 0;
  }
  .md\:ph-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:pv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pl-0 {
    padding-left: 0;
  }
  .md\:pa-1 {
    padding: 0.25rem;
  }
  .md\:ph-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:pv-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:pt-1 {
    padding-top: 0.25rem;
  }
  .md\:pr-1 {
    padding-right: 0.25rem;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .md\:pl-1 {
    padding-left: 0.25rem;
  }
  .md\:pa-2 {
    padding: 0.5rem;
  }
  .md\:ph-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:pv-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:pt-2 {
    padding-top: 0.5rem;
  }
  .md\:pr-2 {
    padding-right: 0.5rem;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .md\:pl-2 {
    padding-left: 0.5rem;
  }
  .md\:pa-3 {
    padding: 1rem;
  }
  .md\:ph-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:pv-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:pt-3 {
    padding-top: 1rem;
  }
  .md\:pr-3 {
    padding-right: 1rem;
  }
  .md\:pb-3 {
    padding-bottom: 1rem;
  }
  .md\:pl-3 {
    padding-left: 1rem;
  }
  .md\:pa-4 {
    padding: 2rem;
  }
  .md\:ph-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:pv-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:pt-4 {
    padding-top: 2rem;
  }
  .md\:pr-4 {
    padding-right: 2rem;
  }
  .md\:pb-4 {
    padding-bottom: 2rem;
  }
  .md\:pl-4 {
    padding-left: 2rem;
  }
  .md\:pa-5 {
    padding: 4rem;
  }
  .md\:ph-5 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:pv-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:pt-5 {
    padding-top: 4rem;
  }
  .md\:pr-5 {
    padding-right: 4rem;
  }
  .md\:pb-5 {
    padding-bottom: 4rem;
  }
  .md\:pl-5 {
    padding-left: 4rem;
  }
  .md\:pa-6 {
    padding: 6rem;
  }
  .md\:ph-6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md\:pv-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:pt-6 {
    padding-top: 6rem;
  }
  .md\:pr-6 {
    padding-right: 6rem;
  }
  .md\:pb-6 {
    padding-bottom: 6rem;
  }
  .md\:pl-6 {
    padding-left: 6rem;
  }
  .md\:ma-0 {
    margin: 0;
  }
  .md\:mh-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:mv-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:ma-1 {
    margin: 0.25rem;
  }
  .md\:mh-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md\:mv-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .md\:mt-1 {
    margin-top: 0.25rem;
  }
  .md\:mr-1 {
    margin-right: 0.25rem;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .md\:ml-1 {
    margin-left: 0.25rem;
  }
  .md\:ma-2 {
    margin: 0.5rem;
  }
  .md\:mh-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md\:mv-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md\:mt-2 {
    margin-top: 0.5rem;
  }
  .md\:mr-2 {
    margin-right: 0.5rem;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:ml-2 {
    margin-left: 0.5rem;
  }
  .md\:ma-3 {
    margin: 1rem;
  }
  .md\:mh-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:mv-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md\:mt-3 {
    margin-top: 1rem;
  }
  .md\:mr-3 {
    margin-right: 1rem;
  }
  .md\:mb-3 {
    margin-bottom: 1rem;
  }
  .md\:ml-3 {
    margin-left: 1rem;
  }
  .md\:ma-4 {
    margin: 2rem;
  }
  .md\:mh-4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:mv-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md\:mt-4 {
    margin-top: 2rem;
  }
  .md\:mr-4 {
    margin-right: 2rem;
  }
  .md\:mb-4 {
    margin-bottom: 2rem;
  }
  .md\:ml-4 {
    margin-left: 2rem;
  }
  .md\:ma-5 {
    margin: 4rem;
  }
  .md\:mh-5 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .md\:mv-5 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .md\:mt-5 {
    margin-top: 4rem;
  }
  .md\:mr-5 {
    margin-right: 4rem;
  }
  .md\:mb-5 {
    margin-bottom: 4rem;
  }
  .md\:ml-5 {
    margin-left: 4rem;
  }
  .md\:ma-6 {
    margin: 6rem;
  }
  .md\:mh-6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .md\:mv-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .md\:mt-6 {
    margin-top: 6rem;
  }
  .md\:mr-6 {
    margin-right: 6rem;
  }
  .md\:mb-6 {
    margin-bottom: 6rem;
  }
  .md\:ml-6 {
    margin-left: 6rem;
  }
  .md\:font-sm {
    font-size: 0.75rem;
  }
  .md\:font-1 {
    font-size: 1rem;
  }
  .md\:font-2 {
    font-size: 1.13rem;
  }
  .md\:font-3 {
    font-size: 1.25rem;
  }
  .md\:font-4 {
    font-size: 1.5rem;
  }
  .md\:fixed-font-2 {
    font-size: 18px;
  }
  .md\:normal {
    font-weight: 500;
  }
  .md\:bold {
    font-weight: 700;
  }
  .md\:tc {
    text-align: center;
  }
  .md\:tl {
    text-align: left;
  }
  .md\:border-none {
    border: none;
  }
  .md\:db {
    display: block;
  }
  .md\:dib {
    display: inline-block;
  }
  .md\:df {
    display: flex;
  }
  .md\:dn {
    display: none;
  }
  .md\:dg {
    display: -ms-grid;
    display: grid;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:fwrap {
    flex-wrap: wrap;
  }
  .md\:fnwrap {
    flex-wrap: nowrap;
  }
  .md\:jc-c {
    justify-content: center;
  }
  .md\:jc-fs {
    justify-content: flex-start;
  }
  .md\:grid-flow-col {
    grid-auto-flow: column;
  }
  .NavBar__wrapper {
    height: 48px;
  }
  .NavBar__categories {
    width: auto;
    order: 0;
  }
  .HeaderLink {
    min-width: 6em;
  }
  .BodyWrapper {
    padding-top: 5.5rem;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li {
    width: 20%;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li:nth-child(n+11) {
    display: none;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children {
    order: 3;
    width: 100%;
    display: flex;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--others {
    order: 2;
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }
  .MainRightRail main {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .SignleRail main {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .SideBar {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .alert__container.npb-team-info {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .hide_on_tablet {
    display: none;
  }
}

@media (min-width: 992px){
  .ld\:w-auto {
    width: auto;
    min-width: auto;
  }
  .ld\:w-1\/7 {
    width: 14.29%;
  }
  .ld\:max-w-full {
    max-width: 100%;
  }
  .ld\:min-h-96 {
    min-height: 24rem;
  }
  .ld\:pa-0 {
    padding: 0;
  }
  .ld\:ph-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .ld\:pv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .ld\:pt-0 {
    padding-top: 0;
  }
  .ld\:pr-0 {
    padding-right: 0;
  }
  .ld\:pb-0 {
    padding-bottom: 0;
  }
  .ld\:pl-0 {
    padding-left: 0;
  }
  .ld\:pa-1 {
    padding: 0.25rem;
  }
  .ld\:ph-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ld\:pv-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .ld\:pt-1 {
    padding-top: 0.25rem;
  }
  .ld\:pr-1 {
    padding-right: 0.25rem;
  }
  .ld\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .ld\:pl-1 {
    padding-left: 0.25rem;
  }
  .ld\:pa-2 {
    padding: 0.5rem;
  }
  .ld\:ph-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ld\:pv-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .ld\:pt-2 {
    padding-top: 0.5rem;
  }
  .ld\:pr-2 {
    padding-right: 0.5rem;
  }
  .ld\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .ld\:pl-2 {
    padding-left: 0.5rem;
  }
  .ld\:pa-3 {
    padding: 1rem;
  }
  .ld\:ph-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ld\:pv-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .ld\:pt-3 {
    padding-top: 1rem;
  }
  .ld\:pr-3 {
    padding-right: 1rem;
  }
  .ld\:pb-3 {
    padding-bottom: 1rem;
  }
  .ld\:pl-3 {
    padding-left: 1rem;
  }
  .ld\:pa-4 {
    padding: 2rem;
  }
  .ld\:ph-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ld\:pv-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .ld\:pt-4 {
    padding-top: 2rem;
  }
  .ld\:pr-4 {
    padding-right: 2rem;
  }
  .ld\:pb-4 {
    padding-bottom: 2rem;
  }
  .ld\:pl-4 {
    padding-left: 2rem;
  }
  .ld\:pa-5 {
    padding: 4rem;
  }
  .ld\:ph-5 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ld\:pv-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .ld\:pt-5 {
    padding-top: 4rem;
  }
  .ld\:pr-5 {
    padding-right: 4rem;
  }
  .ld\:pb-5 {
    padding-bottom: 4rem;
  }
  .ld\:pl-5 {
    padding-left: 4rem;
  }
  .ld\:pa-6 {
    padding: 6rem;
  }
  .ld\:ph-6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .ld\:pv-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .ld\:pt-6 {
    padding-top: 6rem;
  }
  .ld\:pr-6 {
    padding-right: 6rem;
  }
  .ld\:pb-6 {
    padding-bottom: 6rem;
  }
  .ld\:pl-6 {
    padding-left: 6rem;
  }
  .ld\:ma-0 {
    margin: 0;
  }
  .ld\:mh-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .ld\:mv-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .ld\:mt-0 {
    margin-top: 0;
  }
  .ld\:mr-0 {
    margin-right: 0;
  }
  .ld\:mb-0 {
    margin-bottom: 0;
  }
  .ld\:ml-0 {
    margin-left: 0;
  }
  .ld\:ma-1 {
    margin: 0.25rem;
  }
  .ld\:mh-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .ld\:mv-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .ld\:mt-1 {
    margin-top: 0.25rem;
  }
  .ld\:mr-1 {
    margin-right: 0.25rem;
  }
  .ld\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .ld\:ml-1 {
    margin-left: 0.25rem;
  }
  .ld\:ma-2 {
    margin: 0.5rem;
  }
  .ld\:mh-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .ld\:mv-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .ld\:mt-2 {
    margin-top: 0.5rem;
  }
  .ld\:mr-2 {
    margin-right: 0.5rem;
  }
  .ld\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .ld\:ml-2 {
    margin-left: 0.5rem;
  }
  .ld\:ma-3 {
    margin: 1rem;
  }
  .ld\:mh-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .ld\:mv-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .ld\:mt-3 {
    margin-top: 1rem;
  }
  .ld\:mr-3 {
    margin-right: 1rem;
  }
  .ld\:mb-3 {
    margin-bottom: 1rem;
  }
  .ld\:ml-3 {
    margin-left: 1rem;
  }
  .ld\:ma-4 {
    margin: 2rem;
  }
  .ld\:mh-4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .ld\:mv-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .ld\:mt-4 {
    margin-top: 2rem;
  }
  .ld\:mr-4 {
    margin-right: 2rem;
  }
  .ld\:mb-4 {
    margin-bottom: 2rem;
  }
  .ld\:ml-4 {
    margin-left: 2rem;
  }
  .ld\:ma-5 {
    margin: 4rem;
  }
  .ld\:mh-5 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .ld\:mv-5 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .ld\:mt-5 {
    margin-top: 4rem;
  }
  .ld\:mr-5 {
    margin-right: 4rem;
  }
  .ld\:mb-5 {
    margin-bottom: 4rem;
  }
  .ld\:ml-5 {
    margin-left: 4rem;
  }
  .ld\:ma-6 {
    margin: 6rem;
  }
  .ld\:mh-6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .ld\:mv-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .ld\:mt-6 {
    margin-top: 6rem;
  }
  .ld\:mr-6 {
    margin-right: 6rem;
  }
  .ld\:mb-6 {
    margin-bottom: 6rem;
  }
  .ld\:ml-6 {
    margin-left: 6rem;
  }
  .ld\:mh-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .ld\:font-5 {
    font-size: 1.75rem;
  }
  .ld\:lh-1 {
    line-height: 1.5;
  }
  .ld\:normal {
    font-weight: 500;
  }
  .ld\:bold {
    font-weight: 700;
  }
  .ld\:tc {
    text-align: center;
  }
  .ld\:tl {
    text-align: left;
  }
  .ld\:border-none {
    border: none;
  }
  .ld\:db {
    display: block;
  }
  .ld\:dib {
    display: inline-block;
  }
  .ld\:df {
    display: flex;
  }
  .ld\:dn {
    display: none;
  }
  .hide_on_desktop {
    display: none;
  }
  .ld\:fgrow-0 {
    flex-grow: 0;
  }
  .ld\:fgrow-1 {
    flex-grow: 1;
  }
  .ld\:fgrow-2 {
    flex-grow: 2;
  }
  .ld\:fshrink-1 {
    flex-shrink: 1;
  }
  .ld\:fshrink-0 {
    flex-shrink: 0;
  }
  .ld\:flex-row {
    flex-direction: row;
  }
  .ld\:flex-col {
    flex-direction: column;
  }
  .ld\:fwrap {
    flex-wrap: wrap;
  }
  .ld\:fnwrap {
    flex-wrap: nowrap;
  }
  .ld\:jc-c {
    justify-content: center;
  }
  .ld\:jc-sb {
    justify-content: space-between;
  }
  .ld\:jc-fe {
    justify-content: flex-end;
  }
  .ld\:jc-fs {
    justify-content: flex-start;
  }
  .ld\:grid-flow-col {
    grid-auto-flow: column;
  }
  .global-footer {
    padding-bottom: calc(1rem + 100px);
  }
  .global-footer__copyright, .global-footer__info, .global-footer__category-nav {
    flex-wrap: nowrap;
  }
  .global-footer__category {
    max-width: 40%;
  }
  .HeaderLink {
    min-width: 7em;
  }
  #header-nav:hover, #header-nav.hovered {
    transform: translate(0, 0) !important;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li {
    width: 12.5%;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li:nth-child(n+11) {
    display: block;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children {
    order: 2;
    width: 85%;
    display: flex;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--others {
    order: 2;
    width: 50%;
    display: none;
  }
  .MainRightRail main {
    /*max-width: calc((100% / 3 * 2) - spacing-large);*/
    max-width: calc(69.5% - 2rem);
  }
  .SignleRail main {
    max-width: calc(73.35% - 2rem);
  }
  .ld\:max-width {
    max-width: 1180px;
  }
}

@media (min-width: 1400px){
  .wd\:pa-0 {
    padding: 0;
  }
  .wd\:ph-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .wd\:pv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .wd\:pt-0 {
    padding-top: 0;
  }
  .wd\:pr-0 {
    padding-right: 0;
  }
  .wd\:pb-0 {
    padding-bottom: 0;
  }
  .wd\:pl-0 {
    padding-left: 0;
  }
  .wd\:pa-1 {
    padding: 0.25rem;
  }
  .wd\:ph-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .wd\:pv-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .wd\:pt-1 {
    padding-top: 0.25rem;
  }
  .wd\:pr-1 {
    padding-right: 0.25rem;
  }
  .wd\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .wd\:pl-1 {
    padding-left: 0.25rem;
  }
  .wd\:pa-2 {
    padding: 0.5rem;
  }
  .wd\:ph-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .wd\:pv-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .wd\:pt-2 {
    padding-top: 0.5rem;
  }
  .wd\:pr-2 {
    padding-right: 0.5rem;
  }
  .wd\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .wd\:pl-2 {
    padding-left: 0.5rem;
  }
  .wd\:pa-3 {
    padding: 1rem;
  }
  .wd\:ph-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .wd\:pv-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .wd\:pt-3 {
    padding-top: 1rem;
  }
  .wd\:pr-3 {
    padding-right: 1rem;
  }
  .wd\:pb-3 {
    padding-bottom: 1rem;
  }
  .wd\:pl-3 {
    padding-left: 1rem;
  }
  .wd\:pa-4 {
    padding: 2rem;
  }
  .wd\:ph-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .wd\:pv-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .wd\:pt-4 {
    padding-top: 2rem;
  }
  .wd\:pr-4 {
    padding-right: 2rem;
  }
  .wd\:pb-4 {
    padding-bottom: 2rem;
  }
  .wd\:pl-4 {
    padding-left: 2rem;
  }
  .wd\:pa-5 {
    padding: 4rem;
  }
  .wd\:ph-5 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .wd\:pv-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .wd\:pt-5 {
    padding-top: 4rem;
  }
  .wd\:pr-5 {
    padding-right: 4rem;
  }
  .wd\:pb-5 {
    padding-bottom: 4rem;
  }
  .wd\:pl-5 {
    padding-left: 4rem;
  }
  .wd\:pa-6 {
    padding: 6rem;
  }
  .wd\:ph-6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .wd\:pv-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .wd\:pt-6 {
    padding-top: 6rem;
  }
  .wd\:pr-6 {
    padding-right: 6rem;
  }
  .wd\:pb-6 {
    padding-bottom: 6rem;
  }
  .wd\:pl-6 {
    padding-left: 6rem;
  }
  .wd\:ma-0 {
    margin: 0;
  }
  .wd\:mh-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .wd\:mv-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .wd\:mt-0 {
    margin-top: 0;
  }
  .wd\:mr-0 {
    margin-right: 0;
  }
  .wd\:mb-0 {
    margin-bottom: 0;
  }
  .wd\:ml-0 {
    margin-left: 0;
  }
  .wd\:ma-1 {
    margin: 0.25rem;
  }
  .wd\:mh-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .wd\:mv-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .wd\:mt-1 {
    margin-top: 0.25rem;
  }
  .wd\:mr-1 {
    margin-right: 0.25rem;
  }
  .wd\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .wd\:ml-1 {
    margin-left: 0.25rem;
  }
  .wd\:ma-2 {
    margin: 0.5rem;
  }
  .wd\:mh-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .wd\:mv-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .wd\:mt-2 {
    margin-top: 0.5rem;
  }
  .wd\:mr-2 {
    margin-right: 0.5rem;
  }
  .wd\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .wd\:ml-2 {
    margin-left: 0.5rem;
  }
  .wd\:ma-3 {
    margin: 1rem;
  }
  .wd\:mh-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .wd\:mv-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .wd\:mt-3 {
    margin-top: 1rem;
  }
  .wd\:mr-3 {
    margin-right: 1rem;
  }
  .wd\:mb-3 {
    margin-bottom: 1rem;
  }
  .wd\:ml-3 {
    margin-left: 1rem;
  }
  .wd\:ma-4 {
    margin: 2rem;
  }
  .wd\:mh-4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .wd\:mv-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .wd\:mt-4 {
    margin-top: 2rem;
  }
  .wd\:mr-4 {
    margin-right: 2rem;
  }
  .wd\:mb-4 {
    margin-bottom: 2rem;
  }
  .wd\:ml-4 {
    margin-left: 2rem;
  }
  .wd\:ma-5 {
    margin: 4rem;
  }
  .wd\:mh-5 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .wd\:mv-5 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .wd\:mt-5 {
    margin-top: 4rem;
  }
  .wd\:mr-5 {
    margin-right: 4rem;
  }
  .wd\:mb-5 {
    margin-bottom: 4rem;
  }
  .wd\:ml-5 {
    margin-left: 4rem;
  }
  .wd\:ma-6 {
    margin: 6rem;
  }
  .wd\:mh-6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .wd\:mv-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .wd\:mt-6 {
    margin-top: 6rem;
  }
  .wd\:mr-6 {
    margin-right: 6rem;
  }
  .wd\:mb-6 {
    margin-bottom: 6rem;
  }
  .wd\:ml-6 {
    margin-left: 6rem;
  }
  .wd\:mh-auto {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px){
  .sd\:w100 {
    width: 100%;
  }
  .sd\:w80 {
    width: 80%;
  }
  .sd\:w-1\/7 {
    width: 14.29%;
  }
  .sd\:max-w-full {
    max-width: 100%;
  }
  .sd\:min-h-5 {
    min-height: 5rem;
  }
  .sd\:min-h-9 {
    min-height: 9rem;
  }
  .sd\:pa-0 {
    padding: 0;
  }
  .sd\:ph-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sd\:pv-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sd\:pt-0 {
    padding-top: 0;
  }
  .sd\:pr-0 {
    padding-right: 0;
  }
  .sd\:pb-0 {
    padding-bottom: 0;
  }
  .sd\:pl-0 {
    padding-left: 0;
  }
  .sd\:pa-1 {
    padding: 0.25rem;
  }
  .sd\:ph-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sd\:pv-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sd\:pt-1 {
    padding-top: 0.25rem;
  }
  .sd\:pr-1 {
    padding-right: 0.25rem;
  }
  .sd\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .sd\:pl-1 {
    padding-left: 0.25rem;
  }
  .sd\:pa-2 {
    padding: 0.5rem;
  }
  .sd\:ph-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sd\:pv-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sd\:pt-2 {
    padding-top: 0.5rem;
  }
  .sd\:pr-2 {
    padding-right: 0.5rem;
  }
  .sd\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .sd\:pl-2 {
    padding-left: 0.5rem;
  }
  .sd\:pa-3 {
    padding: 1rem;
  }
  .sd\:ph-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sd\:pv-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sd\:pt-3 {
    padding-top: 1rem;
  }
  .sd\:pr-3 {
    padding-right: 1rem;
  }
  .sd\:pb-3 {
    padding-bottom: 1rem;
  }
  .sd\:pl-3 {
    padding-left: 1rem;
  }
  .sd\:pa-4 {
    padding: 2rem;
  }
  .sd\:ph-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sd\:pv-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sd\:pt-4 {
    padding-top: 2rem;
  }
  .sd\:pr-4 {
    padding-right: 2rem;
  }
  .sd\:pb-4 {
    padding-bottom: 2rem;
  }
  .sd\:pl-4 {
    padding-left: 2rem;
  }
  .sd\:pa-5 {
    padding: 4rem;
  }
  .sd\:ph-5 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .sd\:pv-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sd\:pt-5 {
    padding-top: 4rem;
  }
  .sd\:pr-5 {
    padding-right: 4rem;
  }
  .sd\:pb-5 {
    padding-bottom: 4rem;
  }
  .sd\:pl-5 {
    padding-left: 4rem;
  }
  .sd\:pa-6 {
    padding: 6rem;
  }
  .sd\:ph-6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .sd\:pv-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .sd\:pt-6 {
    padding-top: 6rem;
  }
  .sd\:pr-6 {
    padding-right: 6rem;
  }
  .sd\:pb-6 {
    padding-bottom: 6rem;
  }
  .sd\:pl-6 {
    padding-left: 6rem;
  }
  .sd\:ma-0 {
    margin: 0;
  }
  .sd\:mh-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sd\:mv-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sd\:mt-0 {
    margin-top: 0;
  }
  .sd\:mr-0 {
    margin-right: 0;
  }
  .sd\:mb-0 {
    margin-bottom: 0;
  }
  .sd\:ml-0 {
    margin-left: 0;
  }
  .sd\:ma-1 {
    margin: 0.25rem;
  }
  .sd\:mh-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sd\:mv-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sd\:mt-1 {
    margin-top: 0.25rem;
  }
  .sd\:mr-1 {
    margin-right: 0.25rem;
  }
  .sd\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .sd\:ml-1 {
    margin-left: 0.25rem;
  }
  .sd\:ma-2 {
    margin: 0.5rem;
  }
  .sd\:mh-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sd\:mv-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sd\:mt-2 {
    margin-top: 0.5rem;
  }
  .sd\:mr-2 {
    margin-right: 0.5rem;
  }
  .sd\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sd\:ml-2 {
    margin-left: 0.5rem;
  }
  .sd\:ma-3 {
    margin: 1rem;
  }
  .sd\:mh-3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sd\:mv-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sd\:mt-3 {
    margin-top: 1rem;
  }
  .sd\:mr-3 {
    margin-right: 1rem;
  }
  .sd\:mb-3 {
    margin-bottom: 1rem;
  }
  .sd\:ml-3 {
    margin-left: 1rem;
  }
  .sd\:ma-4 {
    margin: 2rem;
  }
  .sd\:mh-4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sd\:mv-4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sd\:mt-4 {
    margin-top: 2rem;
  }
  .sd\:mr-4 {
    margin-right: 2rem;
  }
  .sd\:mb-4 {
    margin-bottom: 2rem;
  }
  .sd\:ml-4 {
    margin-left: 2rem;
  }
  .sd\:ma-5 {
    margin: 4rem;
  }
  .sd\:mh-5 {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .sd\:mv-5 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .sd\:mt-5 {
    margin-top: 4rem;
  }
  .sd\:mr-5 {
    margin-right: 4rem;
  }
  .sd\:mb-5 {
    margin-bottom: 4rem;
  }
  .sd\:ml-5 {
    margin-left: 4rem;
  }
  .sd\:ma-6 {
    margin: 6rem;
  }
  .sd\:mh-6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .sd\:mv-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .sd\:mt-6 {
    margin-top: 6rem;
  }
  .sd\:mr-6 {
    margin-right: 6rem;
  }
  .sd\:mb-6 {
    margin-bottom: 6rem;
  }
  .sd\:ml-6 {
    margin-left: 6rem;
  }
  .sd\:ma-auto {
    margin: auto;
  }
  .sd\:mr-auto {
    margin-right: auto;
  }
  .sd\:font-xs {
    font-size: 0.63rem;
  }
  .sd\:font-sm {
    font-size: 0.75rem;
  }
  .sd\:font-1 {
    font-size: 1rem;
  }
  .sd\:font-2 {
    font-size: 1.13rem;
  }
  .sd\:font-4 {
    font-size: 1.5rem;
  }
  .sd\:lh-1-3 {
    line-height: 1.3em;
  }
  .sd\:normal {
    font-weight: 500;
  }
  .sd\:bold {
    font-weight: 700;
  }
  .sd\:tc {
    text-align: center;
  }
  .sd\:tl {
    text-align: left;
  }
  .sd\:border-none {
    border: none;
  }
  .sd\:db {
    display: block;
  }
  .sd\:dib {
    display: inline-block;
  }
  .sd\:df {
    display: flex;
  }
  .sd\:dn {
    display: none;
  }
  .sd\:dg {
    display: -ms-grid;
    display: grid;
  }
  .hide_on_mobile {
    display: none;
  }
  .sd\:flex-row {
    flex-direction: row;
  }
  .sd\:flex-col {
    flex-direction: column;
  }
  .sd\:flex-col-r {
    flex-direction: column-reverse;
  }
  .sd\:fwrap {
    flex-wrap: wrap;
  }
  .sd\:fnwrap {
    flex-wrap: nowrap;
  }
  .sd\:jc-c {
    justify-content: center;
  }
  .sd\:jc-sb {
    justify-content: space-between;
  }
  .sd\:jc-fs {
    justify-content: flex-start;
  }
  .sd\:grid-flow-col {
    grid-auto-flow: column;
  }
  .ZbatGroupLogos {
    flex-flow: row wrap;
    justify-content: center;
    margin: 0.5rem;
  }
  .ZbatGroupLogos > a {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .global-footer__links {
    line-height: 2.7;
    margin-top: 12px;
  }
  .global-footer__info {
    line-height: 2.7;
  }
  .ZbatBar .AboutZbat a {
    margin-right: 0.5rem;
  }
  .ZbatBar .MemberRegistration a {
    margin-left: 0.5rem;
  }
  .HeaderLink {
    line-height: 2;
  }
  .HeaderLink:hover, .HeaderLink:focus {
    background-position: center bottom 1px;
    background-size: 100% 5px;
  }
  .FeatureNav--parent > li .FeatureNav--others {
    display: flex;
  }
  .olympic2022-nav .FeatureNav {
    margin-right: -1px;
    margin-left: -1px;
    padding: 0;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li > a {
    order: 1;
    width: 30%;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li {
    width: 33.3%;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children > li:nth-child(n+7) {
    display: none;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--children {
    order: 3;
    width: 100%;
    display: flex;
  }
  .olympic2022-nav .FeatureNav .FeatureNav--parent > li ul.FeatureNav--others {
    order: 2;
    width: 60%;
    display: flex;
    justify-content: flex-end;
  }
  .sd\:overflow-auto {
    overflow: auto;
  }
}

@media screen and (max-width: 600px){
  .isMobile .coins-optin-dialog {
    width: 70%;
    height: 320px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
  }
  .isMobile .coins-optin-dialog-text-box {
    max-width: 100%;
  }
  .isMobile .coins-optin-dialog-text-box > span {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0;
  }
  .isMobile .coins-optin-dialog-text-box > span .subtext {
    font-size: 14px;
    font-weight: 400;
  }
  .isMobile .coins-optin-dialog-button-box {
    min-width: 100%;
  }
  .isMobile .coins-optin-dialog-button-box .coins-optin-dialog-button {
    width: 100%;
    background-color: #f70;
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 10px;
  }
  .isMobile .coins-optin-dialog-icon {
    display: flex;
    justify-content: center;
    vertical-align: top;
    margin-top: 20px;
  }
  .isMobile .coins-optin-dialog-icon img {
    border: 1px solid #686868;
    border-radius: 10px;
  }
}

@media (prefers-reduced-motion: reduce){
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  /* IE10・11に指定するスタイルを記入 */
  .flex-col {
    width: 100%;
  }
  .SideBar {
    align-items: flex-start;
  }
  .SideBar__sticky {
    position: relative;
    top: 0;
    bottom: auto;
  }
}