/**
 * Theme Name: Kaida
 * Text Domain: kaida
 * License: MIT
 *
 * @format
 */

/*
 * 上書き・追加用の CSS はこの下に書いてください。
 * `css/app.css` はビルドで上書きされるため、直接編集しない方が安全です。
 */

/* 共通 */
._d-none {
  display: none !important;
}
._d-block {
  display: block !important;
}
._d-block-grid{
  display: grid!important;
}
@media (min-width: 460px) {
  ._d-ssm-none {
    display: none !important;
  }
  ._d-ssm-block {
    display: block !important;
  }
}
@media (min-width: 560px) {
  ._d-sm-none {
    display: none !important;
  }
  ._d-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  ._d-md-none {
    display: none !important;
  }
  ._d-md-block {
    display: block !important;
  }
}
@media (min-width: 960px) {
  ._d-lg-none {
    display: none !important;
  }
  ._d-lg-block {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  ._d-xl-none {
    display: none !important;
  }
  ._d-xl-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  ._d-xxl-none {
    display: none !important;
  }
  ._d-xxl-block {
    display: block !important;
  }
}

@media (max-width:560px) {
  .-t_sm-txt-left{
    text-align: left;
  }
}

iframe{
  max-width: 100%;
}
.leading-2{
  line-height: 2;
}
.letter-spacing-4{
  letter-spacing: 4%;
}
.fw-500{
  font-weight: 500;
}
.items-baseline{
  align-items: baseline;
}
.gap-y-10{
  row-gap: 1rem;
}
.font-noto{
  font-family: Roboto, "Noto Sans JP", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
.text-right_time{
  text-align: right;
  display: block;
  margin-top: 0.5em;
}
/*========= Newマーク =========*/
.new-badge-wrapper{
  margin-right: 1em;
  background-color: rgb(14 61 126/var(--tw-text-opacity));
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.new-badge-wrapper.-topics{
  background-color: #fff;
  color: rgb(14 61 126/var(--tw-text-opacity));
  padding-block: 0;
  padding-inline: .5em;
}