/*
  DADS 追加スタイル（個別CSSは enqueue で読み込み）
*/

.dads-image[data-full-width] {
  width: 100%;
}

.dads-image[data-full-width] .dads-image__img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.dads-image[data-ratio="16-9"] .dads-image__img {
  aspect-ratio: 16 / 9;
}

.dads-image[data-ratio="4-3"] .dads-image__img {
  aspect-ratio: 4 / 3;
}

.dads-image[data-ratio="3-2"] .dads-image__img {
  aspect-ratio: 3 / 2;
}

.dads-image[data-ratio="1-1"] .dads-image__img {
  aspect-ratio: 1 / 1;
}

.site-header .dads-search-box {
  width: min(100%, 22rem);
  grid-template-areas: "fields submit";
  column-gap: 8px;
}

.site-header .dads-search-box .dads-button[data-size="md"] {
  min-width: auto;
}

.dads-link:any-link {
  color: var(--color-key-1000, #00316a);
}

.dads-image__image-area:any-link {
  outline-color: var(--color-key-900, #00428c);
}

mark,
.tabi-marker,
.has-marker-background-color {
  background: #fff59d;
  padding: 0 0.15em;
  color: inherit;
}