@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

.hoge { text-align: center; }

table th ,td {
    border:1px solid;
    }
     
/*　スクロールバーの実装 */
.table_sticky {
    display: block;
    overflow-y: scroll;
    height: calc(100vh/2);
    border:1px solid;
    border-collapse: collapse;
}
.table_sticky thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: gold;
    border-top:#FFFFFF;
}

table.nomad_table {
  max-width: 900px !important;
  width: 100%;
  margin: 15px auto !important;
  background: #FFF;
  text-align: center !important;
  font-size: 14px !important;
  display: block !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch !important;
  color: #333 !important;
  border: none !important;
  border-collapse: collapse !important;
}

table.nomad_table a {
  color: #333 !important;
  text-decoration: none !important;
  transition: .2s;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.25em !important;
  font-size: 13px !important;
  display: block !important;
  position: relative !important;
  text-align: center !important;
}

table.nomad_table a:hover {
  opacity: .8;
}

table.nomad_table tr td,
table.nomad_table tr th {
  padding: 1.5em 2.2em !important;
  line-height: 1.25em !important;
  font-size: 14px !important;
  border: none !important;
  position: relative !important;
  text-align: center !important;
  vertical-align: middle !important;
}

table.nomad_table tr td {
  font-size: 13px !important;
}

table.nomad_table tr td:first-child {
  position: sticky !important;
  left: 0 !important;
  background: #FFF !important;
  z-index: 2;
}

table.nomad_table tr th:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2;
}

table.nomad_table tr td:nth-child(even) {
  background: #FAFAFA !important;
}

table.nomad_table tr th {
  padding: .8em 2em !important;
  background: #505050 !important;
  color: #fff !important;
  width: 100% !important;
  position: relative !important;
}

table.nomad_table tr th:nth-child(even):after {
  content: "";
  display: block !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .05);
  position: absolute;
}

table.nomad_table tr:nth-child(even) td:nth-child(even):after {
  content: "";
  display: block !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .03);
  position: absolute;
}

table.nomad_table::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

table.nomad_table::-webkit-scrollbar-track {
  background: #FAFAFA !important;
}

table.nomad_table::-webkit-scrollbar-thumb {
  border-radius: 5px !important;
  background: #505050 !important;
}

@media(max-width:480px) {

  table.nomad_table tr td,
  table.nomad_table tr th {
    padding: 2em !important;
    font-size: 12px !important;
  }

table.nomad_table tr th {
    padding: .8em 2em !important;
    font-size: 13px !important;
  }

table.nomad_table a {
    font-size: 10px !important;
  }

}

.article-share,
.share-button,
.share-buttons,
#share,
#snsShare {
  display: none !important;
}

.article-footer .article-share {
  display: none !important;
}

/* SANGO記事下のシェアボタン関連を完全非表示 */
.article-footer .snsBtns,
.article-footer .sns-btns,
.article-footer .article-share,
.article-footer .article-share-buttons,
.article-footer .sns-share,
.article-footer .share,
.article-footer .share-buttons,
.article-footer .sns-buttons,
.article-footer .sns-follow,
.article-footer #snsBtns,
.article-footer #snsShare {
  display: none !important;
}
.article-footer .sns-btn {
  display: none !important;
}
footer.article-footer aside .footer-contents .sns-btn {
  display: none !important;
}


a.catid29 {
  background-color: #AAB2BD; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 5px 12px;
  border-radius: 9999px;
  display: inline-flex;       /* ← ここがポイント */
  align-items: center;        /* 垂直方向中央揃え */
  justify-content: center;    /* 水平方向中央揃え */
  font-size: 11px;
  line-height: 1;             /* デフォルトのline-heightを抑える */
  height: 28px;               /* 必要なら高さを指定して統一感 */
}

a.catid23 {
  background-color: #C72C41; /* 赤系カラー例 */
  color: #fff;
  padding: 5px 12px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  height: 28px;
}
a.catid24 {
  background-color: #FFD700; /* 黄色系（例） */
  color: #fff;
  padding: 5px 12px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  height: 28px;
}

/* 固定ページID1642：ヘッダーとフッター完全非表示 */
.page-id-1642 .l-header,
.page-id-1642 #header,
.page-id-1642 header,
.page-id-1642 .site-header,
.page-id-1642 .c-header,
.page-id-1642 .p-header,
.page-id-1642 .l-footer,
.page-id-1642 #footer,
.page-id-1642 footer,
.page-id-1642 .site-footer,
.page-id-1642 .c-footer,
.page-id-1642 .p-footer,
.page-id-1642 .copyright,
.page-id-1642 .footer-nav,
.page-id-1642 .footer-widget,
.page-id-1642 .pagetop,
.page-id-1642 .global-nav,
.page-id-1642 .global-menu,
.page-id-1642 .footer-menu,
.page-id-1642 .footer-links,
.page-id-1642 .footer-inner,
.page-id-1642 .footer-area {
  display: none !important;
}