/*
Theme Name: Arkhe Child
Template: arkhe
Description: Arkheの子テーマです。
Version: 1.0
*/

/* 全体のフォントサイズを標準(16px)の105%にする */
html {
  font-size: 105%;
}

/* スマホのタイトル文字サイズ調整 */
/* 最小1.5rem、画面幅2.5vw＋1remの大きさ、最大2.5rem */
:root {
  --ark-logo_size--sp: clamp(1.5rem, 2.2vw + 1.0rem, 2.5rem);
}

/* タイトルヘッダの左領域を使用しないので０％に  */
[data-btns=rr-rl] .l-header__body {
  grid-template-columns: 0% 75% auto var(--ark-searchW) var(--ark-drawerW);
}

/* ポストリストのタイムスタンプのフォントサイズを大きく */
.p-postList__meta {
  font-size: 14px;
}

/* ポストリスト表示を、スマホでも２列で */
.p-postList.-type-card .p-postList__item {
  flex-basis: 50%;
}

@media (min-width: 1000px) {
  [data-sidebar="off"] .p-postList.-type-card .p-postList__item {
    flex-basis: 33.3%;
  }
}

@media (min-width: 600px) {
  .p-postList.-type-card .p-postList__item {
    flex-basis: 33.3%;
  }
}

/* Arkhe用：ギャラリーの最後の画像が拡大されるのを防ぐ */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0 !important;
}