@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ▼追加：.no-reset 配下はリセットを無効化（UAデフォルトに戻す） */
.no-reset,
.no-reset * { all: revert; }


/* Gutenberg の自動余白を除去して左右を揃える */
.no-reset .wp-block-quote,
.no-reset blockquote,
.no-reset .wp-block-figure,
.no-reset figure,
.no-reset .wp-block-group__inner-container,
.no-reset .wp-block-cover__inner-container,
.no-reset .wp-block-media-text__content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.no-reset .wp-block-columns {
  display: flex;
  gap: var(--wp--style--block-gap, 24px);
  margin-left: 0;
  margin-right: 0;
}

.no-reset .wp-block-column {
  margin: 0;
}
/* ギャラリーの間隔を再調整 */
.no-reset .wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 20px !important; /* ← お好みで変更（12〜24px程度） */
  margin: 1.5em 0;
  padding: 0;
  justify-content: flex-start;
}

/* 各画像ブロック（ギャラリー内の figure） */
.no-reset .wp-block-gallery .wp-block-image {
  margin: 0; /* Gutenbergのデフォルト余白を打ち消す */
  flex: 1 1 calc(33.333% - 20px); /* ← 3列の場合 */
  box-sizing: border-box;
}

/* スマホでは1列 or 2列 */
@media (max-width: 767px) {
  .no-reset .wp-block-gallery .wp-block-image {
    flex: 1 1 calc(50% - 8px); /* ← 2列 */
  }
}