@charset "UTF-8";
#main-visual {
  position: relative;
}
#main-visual img {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-filter: brightness(1.5) blur(2px);
          filter: brightness(1.5) blur(2px);
}
#main-visual h1 {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #333;
  font-size: clamp(1.4rem, 3vw, 2.25rem);
  line-height: 2;
  text-align: center;
  padding: 0 20px;
}

.logo img {
  width: auto !important;
  height: 50px !important;
}

.logoL img {
  width: auto !important;
  height: 100px !important;
}

@media (max-width: 767px) {
  .logo img {
    width: auto !important;
    height: 45px !important;
  }
  .logoL img {
    width: auto !important;
    height: 80px !important;
  }
}
/* =========================================================
   Logo Grid (Block Editor Gallery)
   WordPress の Gallery(is-cropped / has-nested-images) のデフォルトが強いので、
   それを“確実に上書き”してロゴを均一な高さで並べる。

   使い方：Gallery ブロックの「追加 CSS クラス」に `sw2-logoGrid` を付ける。
   推奨：ブロック側の「切り抜き（Cropped）」は OFF。
   （ONでもこのCSSで潰す）
   ========================================================= */
/* 0) どのテーマ構造でも当たるように prefix 無しで狙う（.wp-site-blocks 有無どちらでもOK） */
figure.wp-block-gallery.sw2-logoGrid,
.wp-block-gallery.sw2-logoGrid {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: 28px 48px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* 1) WP が .is-layout-flex / .wp-block-gallery-is-layout-flex を注入しても同じ挙動 */
figure.wp-block-gallery.sw2-logoGrid.is-layout-flex,
figure.wp-block-gallery.sw2-logoGrid.wp-block-gallery-is-layout-flex,
figure.wp-block-gallery.sw2-logoGrid.has-nested-images,
figure.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped,
.wp-block-gallery.sw2-logoGrid.is-layout-flex,
.wp-block-gallery.sw2-logoGrid.wp-block-gallery-is-layout-flex,
.wp-block-gallery.sw2-logoGrid.has-nested-images,
.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: 28px 48px !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* 2) 各セル(figure.wp-block-image) の「columns-default の幅計算」を無効化 */
figure.wp-block-gallery.sw2-logoGrid.has-nested-images figure.wp-block-image:not(#individual-image),
figure.wp-block-gallery.sw2-logoGrid.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
figure.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image),
.wp-block-gallery.sw2-logoGrid.has-nested-images figure.wp-block-image:not(#individual-image),
.wp-block-gallery.sw2-logoGrid.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
}

/* 3) is-cropped が a / img に強制してくる flex:1 / width:100% / height:100% / object-fit:cover を潰す */
figure.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a,
figure.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div,
.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a,
.wp-block-gallery.sw2-logoGrid.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
}

/* 4) ロゴ画像の見た目（高さを固定して横幅は自動） */
figure.wp-block-gallery.sw2-logoGrid figure.wp-block-image:not(#individual-image) img,
.wp-block-gallery.sw2-logoGrid figure.wp-block-image:not(#individual-image) img {
  display: block !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  width: auto !important;
  height: 34px !important;
  max-height: 34px !important;
  max-width: 220px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

/* figure / img の余白を確実に消す */
figure.wp-block-gallery.sw2-logoGrid figure,
figure.wp-block-gallery.sw2-logoGrid .wp-block-image,
.wp-block-gallery.sw2-logoGrid figure,
.wp-block-gallery.sw2-logoGrid .wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive */
@media (max-width: 948px) {
  figure.wp-block-gallery.sw2-logoGrid,
  .wp-block-gallery.sw2-logoGrid {
    gap: 18px 28px !important;
  }
  figure.wp-block-gallery.sw2-logoGrid figure.wp-block-image:not(#individual-image) img,
  .wp-block-gallery.sw2-logoGrid figure.wp-block-image:not(#individual-image) img {
    height: 28px !important;
    max-height: 28px !important;
    max-width: 180px !important;
  }
}
@media (max-width: 540px) {
  figure.wp-block-gallery.sw2-logoGrid,
  .wp-block-gallery.sw2-logoGrid {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.art-time {
  color: #888;
  font-weight: bold;
  font-size: 13px;
  padding-right: 10px;
}

.list-link {
  margin-top: 2rem;
  text-align: center;
}
.list-link a {
  color: #333;
  padding: 0.5rem 2rem;
  border-radius: 30px;
  border: 1px solid #333;
  background: #fff;
  font-weight: bold;
}

.new {
  color: #333;
  font-weight: bold;
  font-size: 13px;
}