@charset "UTF-8";

/* -----------------------------------------------------------------------------
   Markdwon
   -----------------------------------------------------------------------------*/
p.nd-markdown-p {
    margin-bottom: 0.5em;
    /* margin: 0 0 0.5em 0 !important;*/
}

/* ページネーション修正 */
.page-seat-detail .detail-content__pagination .swiper-pagination-bullet,
.page-top .top-mv__pagination .splide__pagination__page {
  background: var(--colorBg8) !important;
}
.page-seat-detail .detail-content__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-top .top-mv__pagination .splide__pagination__page.is-active {
  background: var(--colorMain6, ) !important;
}

.markdown-dd dt{
    font-weight: bold;
    margin-bottom: 0.5em;
}
.markdown-dd dd{
    margin-left: 2em;
    margin-bottom: 0.5em;
}

/* -----------------------------------------------------------------------------
   全ページ共通
   -----------------------------------------------------------------------------*/

/* テーブルヘッダー　*/
.m-basic-table__cell--header {
    color: #141414;
    background: #9FBCC2;
}

/* ページタイトル コントラスト調整 */
.m-subpage-mv__heading.m-primary-heading {
    color: #2D2D2D !important;
}

/* リンク色を青に */
.m-text-link {
    color: #1558d6 !important;
}
.m-text-link::after {
    filter: brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(1542%) hue-rotate(200deg) brightness(97%) contrast(95%) !important;
}
.m-post-area a {
    color: #1558d6 !important;
}
.m-text-link--internal::after,
.m-post-area a::after {
    filter: brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(1542%) hue-rotate(200deg) brightness(97%) contrast(95%) !important;
    margin: 0 0.5em 0 0 !important;
}

/* h3のスタイル変更 */
.m-small-heading::before {
    width: 0.3rem;
    height: 1.3rem;
}
.m-small-heading {
    padding-left: 1.5rem;
}
@media (min-width: 768px) {
    .m-small-heading::before {
        height: 2rem;
        width: 0.5rem;
    }
    .m-small-heading {
        padding-left: 2.5rem;
    }
}
/* h4のインデント削除 */
.m-small-heading {
    margin-left: 0 !important;
}
@media (min-width: 768px) {
    .m-small-heading {
        margin-left: 0 !important;
    }
}

/* ol */
.m-numbered-text--kana::before {
    content: counter(item, katakana) !important;
}
li.m-bulleted-text,
li.m-numbered-text {
    margin-bottom: 0.5em;
}

li.m-bulleted-text::before {
    content: "■";
}

/* ページタイトル*/
.m-primary-heading__ja {
    color: white !important;
}

/* ぶら下がり字下げ */
.nd-markdown-p .hanging-indent1 {
    display: block;
    padding-left: 2em;
    text-indent: -2em;
}
.nd-markdown-p .hanging-indent2 {
    display: block;
    padding-left: 2.8em;
    text-indent: -2.8em;
}

/* 汎用字下げ */
.common-hanging-indent1 {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}

.common-hanging-indent2 {
    display: block;
    text-indent: -2em;
    padding-left: 2em;
}

.common-hanging-indent3 {
    display: block;
    text-indent: -3em;
    padding-left: 3em;
}

.common-hanging-indent4 {
    display: block;
    text-indent: -4em;
    padding-left: 4em;
}

/* -----------------------------------------------------------------------------
   トップ
   -----------------------------------------------------------------------------*/

/* 下段バナー表示位置 */
.page-top .top-links__banners.bottom-banner,
.page-top .top-links__ex-menu__list.bottom-banner {
    margin-top: 0.7rem !important;
}

@media (min-width: 768px){
    .page-top .top-links__banners.bottom-banner,
    .page-top .top-links__ex-menu__list.bottom-banner {
        margin-top: 2rem !important;
    }
}

/* Aモードキャプション高さ調整 */
@media (min-width: 768px){
    .page-top .m-article-panel__body {
        padding: 2.5rem 3rem 2.5rem;
    }
}

/* Aモード川崎競馬を楽しむ コントラスト調整 */
.m-article-panel__title {
    background: var(--colorMain6) !important;
}

/* Aモードメインビジュアル縮小 */
@media (min-width: 768px){
    .page-top .top-mv__slider {
        width: calc(53% - 15rem) !important;
    }
}

/* 緊急のお知らせ */
.top-information-button {
    width: calc(50% + 6.8rem);
}
@media (min-width: 768px){
    .top-information-button {
        width: calc(50% - -12rem);
    }
}

/* Cモードのピックアップコンテンツ背景色変更 */
.top-pickup-c,
.top-pickup-d {
    background-color: initial !important;
}

/* Dモードのニュース背景色変更 */
.top-news-d {
    background: #EBFCFC !important;
}

/* SP版 Aモードの営業情報とチケットペイボタン並べ替え */
@media (max-width: 767px){
    .page-top .top-button-menu {
        flex-direction: column !important;
    }
}
/* -----------------------------------------------------------------------------
   佐々木竹見
   -----------------------------------------------------------------------------*/
/* 文字サイズ調整 */
@media (min-width: 768px) {
    .page-race-column-sasakitakemi .column-detail p {
        font-size: initial !important;
    }
}

/* -----------------------------------------------------------------------------
   川崎ジョッキーズカップ
   -----------------------------------------------------------------------------*/
/* ふりがなはみ出し修正 */
.page-data-jockeys_cup .jockeys-data__table__profile__kana {
    white-space: break-spaces !important;
}

/* -----------------------------------------------------------------------------
   ニュース
   -----------------------------------------------------------------------------*/
.news-article td.m-basic-table__cell {
    text-align: inherit;
}
.news-article .m-post-area2 img.alignright {
    float: right;
    margin: 0 0 20px 25px;
    vertical-align: top;
}
.news-article .m-post-area2 img.aligncenter {
    margin: 20px auto;
    display: block;
}
.news-article .m-post-area2 img.alignnone {
    display: block;
}

/* ワードプレスからの移植データに対するスタイル */
.fromwpcontents dl {
  font-size: 1em;
  line-height: 1.75;
  margin-bottom: 20px;
}
.fromwpcontents dl > dt {
  font-weight: bold;
  margin-top: 15px;
}
.fromwpcontents dl > dt:first-child {
  margin-top: 0;
}
.fromwpcontents dl > dd {
  margin: 15px 0 0 20px;
}
.fromwpcontents dl dt + dd {
  margin-top: 0;
}
.fromwpcontents p {
    margin-bottom: 20px;
}
.fromwpcontents table {
    border-spacing: 0;
}
.fromwpcontents .m-basic-table__cell {
    background: none;
    border: 1px #ccc solid;
}
.fromwpcontents .m-basic-table--striped .m-basic-table__row:nth-child(even) .m-basic-table__cell {
    background: none;
}
.fromwpcontents .m-basic-table--striped .m-basic-table__row:nth-child(even) th.m-basic-table__cell,
.fromwpcontents th.m-basic-table__cell {
    background: #9FBCC2;
}

/* -----------------------------------------------------------------------------
   開催カレンダー
   -----------------------------------------------------------------------------*/
/* 高さ調整 */
@media (max-width: 999px){
    .m-calendar-table--mobile-break .m-calendar-table__heading {
        height: 2rem !important;
    }
}

/* -----------------------------------------------------------------------------
   能力調教試験
   -----------------------------------------------------------------------------*/
/* サイト内リンクボタン */
.m-iconic-button.m-iconic-button-internal::after {
    width: 1.5rem !important;
    height: 1.5rem !important;
    background: url("../img/common/icon_arrow-right.svg") no-repeat center center/contain !important;
}

/* -----------------------------------------------------------------------------
   イベント・ファンサービス
   -----------------------------------------------------------------------------*/
/* 日付列の幅調整 */
@media (min-width: 768px){
    .page-service-event .event-schedule__table .m-event-table__cell--header {
        white-space: nowrap !important;
    }
}
.event-article__info-head {
    white-space: nowrap;
    min-width: 4.5rem;
}

/* -----------------------------------------------------------------------------
   観覧席ガイド
 -----------------------------------------------------------------------------*/
/* 表っぽいリストを並べた時の隙間調整 */
.m-seat-card__list-item {
  margin-bottom: 0.4rem;
}

.m-seat-card__list-item:last-child {
  margin-bottom: 0;
}

/* 画像の上にキャプションを重ねる */
.img-with-caption{
    position: relative;
}

.img-with-caption .detail-content__slider-caption {
    position: relative;
    bottom: 3.4rem;
    left: 1.2rem;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--colorBg1);
}

/* 「もっと詳しくボタンは通常の高さで */
.m-iconic-button--color-white-blank.m-iconic-button--color-white-blank-normal-height {
    height: auto !important;
}
.m-iconic-button--link-internal::after {
  background-image: url("../img/common/icon_arrow-right.svg") !important;
}

/* 緑背景・白文字のボタンを反転 */
.page-seat-detail .detail-content__seat-map-item {
  color: var(--colorMain6) !important;
  background-color: var(--colorBg1) !important;
}
.page-seat-detail .detail-content__block-modal {
    color: var(--colorMain6) !important;
    background-color: var(--colorBg1) !important;
}

/* -----------------------------------------------------------------------------
   馬券の買い方
 -----------------------------------------------------------------------------*/

/*  コントラスト調整 */
.page-guide-howto .howto-content__heading::before,
.page-guide-howto .howto-content__heading,
.page-guide-howto .howto-content__medium-heading {
    background-color: #3e8a23 !important;
}

/* -----------------------------------------------------------------------------
   経営計画・予算・決算など m-post-areaの代替
   (m-post-area内ではリンクアイコンが強制的にサイト内リンクになる問題があるため)
   -----------------------------------------------------------------------------*/
.m-post-area2 {
  font-size: 1.6rem;
}
.m-post-area2 p {
  margin-bottom: 2rem;
}
.m-post-area2 em {
  font-style: italic;
}
.m-post-area2 h1 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 1.6rem;
  margin-top: 4rem;
}
.m-post-area2 h2 {
  margin-bottom: 1.6rem;
}
.m-post-area2 h2:not(.m-large-heading) {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
  border-bottom: 2px solid var(--colorMain13);
  padding-bottom: 0.8rem;
  position: relative;
}
.m-post-area2 h2:not(.m-large-heading)::after {
  content: "";
  display: block;
  width: 8rem;
  border-bottom: 0.2rem solid var(--colorMain6);
  position: absolute;
  left: 0;
  bottom: -0.2rem;
}
.m-post-area2 h3 {
  margin-top: 3.5rem;
  margin-bottom: 1.8rem;
}
.m-post-area2 h3:not(.m-small-heading) {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
}
.m-post-area2 h4 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.m-post-area2 table {
  margin-bottom: 2rem;
}
.m-post-area2 table:not(.m-basic-table) {
  font-size: 1.3rem;
  line-height: 1.4;
  border-collapse: collapse;
  width: 100%;
}
.m-post-area2 table:not(.m-basic-table) th,
.m-post-area2 table:not(.m-basic-table) td {
  padding: 0.3rem 0.5rem;
  border: 1px solid var(--colorMain13);
}
.m-post-area2 table:not(.m-basic-table) thead th {
  background: var(--colorMain19);
  font-weight: 600;
}
.m-post-area2 strong {
  font-weight: 600;
}
.m-post-area2 img:not([width]) {
/*  width: 100%;*/
}
.m-post-area2 a {
  color: var(--colorMain6);
}
.m-post-area2 a::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  transform: translateY(0.1em);
  transition: transform 0.3s;
  filter: var(--filterColorBlue1);
  margin-left: 0.5em;
}
.m-post-area2 a[target=_blank]::after {
}
.m-post-area2 .figure-image {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m-post-area2 *:first-child {
  margin-top: 0;
}
.m-post-area2 .kiji__video {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.m-post-area2 .kiji__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* -----------------------------------------------------------------------------
   印刷用
   -----------------------------------------------------------------------------*/
@media print {
    body {
        zoom: 0.60;
        -webkit-print-color-adjust: exact;
    }
    /* ヘッダメニューを1ページ目のみに印刷する */
    header.l-header {
        position: absolute;
    }
    /* 右下のアクセスとページTOPへ戻るフローティングナビは最後のページのみで印刷する */
    .l-footer__fixed-buttons {
        /*
        display: none;
        */
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .l-header__navi__first-title {
        padding: 0 min(1.2rem, calc(1vw / 0.6));
        font-size: min(1.6rem, calc(1.3vw / 0.6));
    }
    /* 重賞レース下部の小さなカルーセル部分 styleが指定されているので強引に上書き */
    li.m-article-card.splide__slide {
        width: 36rem !important;
        margin-right: 2rem !important;
    }
    /* 見出しがなぜか被るので致し方なく個別設定 */
    div.m-section-inner h2.m-section-heading,
    div.m-section-inner h2.m-large-heading {
        break-after: avoid;
        break-inside: avoid;
    }
    div.detail-content__card-list>* {
        break-inside: avoid;
    }
    /* 馬券の買い方調整 */
    .page-guide-howto div.howto-content__pictures {
        padding-top: 0;
    }
    .page-guide-howto div.howto-content__point3 {
        top: unset;
        bottom: 121.7rem;
    }
    /*
    */
    /*
    ページをなるべく跨がない様にするやつだが、無いほうが良い気はする。
    ...2023/12/26 : お客様確認にてページをみたまま繋げて印刷したのでOK＝コンテンツ途中でページ改行OK
    */
    /* 一旦停止
    section {
        break-inside: unset;
    }
    footer {
        break-inside: avoid;
    }
    */
    /*
    個別のページの対応
    */
    /* 一旦停止
    div.guide-park__heading {
        break-after: avoid;
    }
    section.access-content>div,
    section.park-map,
    section.l-page-list,
    section.guide-park__content {
        break-inside: avoid;
    }
    ul.m-guide-list, 
    li.m-guide-list__item,
    li.m-article-card {
        break-inside: avoid;
    }
    div.park-family__button,
    div.detail-content__block,
    div.m-seat-card {
        break-inside: avoid;
    }
    */
}