<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ドッグラン &#8211; 松山市のレジャー施設「マテラの森」【公式】</title>
	<atom:link href="https://www.materranomori.jp/archives/category/dogrun/feed" rel="self" type="application/rss+xml" />
	<link>https://www.materranomori.jp</link>
	<description>バーベキュー、ドッグラン、ストライダーなど様々なレジャーが楽しめる自然公園型ドライブイン(愛媛県松山市水泥町1263番1)</description>
	<lastBuildDate>Thu, 02 Jul 2026 00:48:13 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.materranomori.jp/wp/wp-content/uploads/2021/03/cropped-favicon-32x32.png</url>
	<title>ドッグラン &#8211; 松山市のレジャー施設「マテラの森」【公式】</title>
	<link>https://www.materranomori.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>わんだふるフォトコン2026春結果発表</title>
		<link>https://www.materranomori.jp/archives/17568</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Mon, 29 Jun 2026 07:33:17 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=17568</guid>

					<description><![CDATA[わんだふるフォトコン2026春 結果発表 Wond...]]></description>
										<content:encoded><![CDATA[
<style>
/* ==============================
   余白対策
============================== */
.post-content {
  margin: 0 !important;
  padding: 0 !important;
}

.post-content .fotocon-page-spring2026 {
  font-family: "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
  color: #333;
  line-height: 1.7;
  padding-bottom: 60px;
}

.post-content .fotocon-page-spring2026 img {
  max-width: 100%;
  height: auto;
  display: block;
}

.post-content .fotocon-page-spring2026 .full-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 24px 28px, rgba(255, 210, 224, 0.72) 0 7px, transparent 8px),
    radial-gradient(circle at 92px 74px, rgba(210, 238, 196, 0.62) 0 6px, transparent 7px),
    linear-gradient(180deg, #fff8fb 0%, #f4fff0 100%);
  background-size: 140px 140px, 140px 140px, auto;
  z-index: -1;
}

.post-content .fotocon-page-spring2026 .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.post-content .fotocon-page-spring2026 h2,
.post-content .fotocon-page-spring2026 h3,
.post-content .fotocon-page-spring2026 h4 {
  margin: 0;
}

.post-content .fotocon-page-spring2026 header {
  text-align: center;
  padding: 20px 20px 10px;
}

.post-content .fotocon-page-spring2026 .result-title {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 8px 24px rgba(213, 132, 158, 0.16);
  font-size: 30px;
  font-weight: 700;
  color: #d05b83;
}

.post-content .fotocon-page-spring2026 .result-sub {
  margin-top: 12px;
  font-size: 15px;
  color: #7c9569;
}

.post-content .fotocon-page-spring2026 .message {
  max-width: 820px;
  margin: 30px auto 40px;
  padding: 24px 22px;
  background: rgba(255,255,255,0.92);
  border: 1px solid #f4d7e1;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(213, 132, 158, 0.12);
}

.post-content .fotocon-page-spring2026 .message h2 {
  font-size: 1.7rem;
  color: #c94f7c;
  margin-bottom: 16px;
}

.post-content .fotocon-page-spring2026 .message p {
  margin: 0 0 10px;
}

.post-content .fotocon-page-spring2026 .section-heading {
  text-align: center;
  margin: 40px 0 18px;
}

.post-content .fotocon-page-spring2026 .badge {
  display: inline-block;
  padding: 0.35em 0.9em;
  border-radius: 999px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 6px 16px rgba(213, 132, 158, 0.16);
  font-weight: 700;
  color: #c94f7c;
  font-size: 1.05rem;
}

.post-content .fotocon-page-spring2026 .awards {
  display: grid;
  gap: 18px;
}

.post-content .fotocon-page-spring2026 .awards.single {
  grid-template-columns: 1fr;
}

.post-content .fotocon-page-spring2026 .awards.double {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.post-content .fotocon-page-spring2026 .card {
  background: rgba(255,255,255,0.96);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(213, 132, 158, 0.14);
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.post-content .fotocon-page-spring2026 .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(213, 132, 158, 0.22);
}

.post-content .fotocon-page-spring2026 .ribbon {
  position: absolute;
  top: 14px;
  left: -8px;
  padding: 7px 16px;
  font-weight: 700;
  color: #fff;
  transform: skew(-12deg);
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
  z-index: 3;
}

.post-content .fotocon-page-spring2026 .ribbon.matera { background: #d05b83; }
.post-content .fotocon-page-spring2026 .ribbon.season { background: #86b957; }

.post-content .fotocon-page-spring2026 .award-photo {
  background: #fff8fb;
}

.post-content .fotocon-page-spring2026 .award-photo img {
  width: 100%;
  cursor: pointer;
}

.post-content .fotocon-page-spring2026 .meta {
  padding: 14px 16px 18px;
}

.post-content .fotocon-page-spring2026 .dog-info {
  text-align: left;
  font-size: 1rem;
}

.post-content .fotocon-page-spring2026 .dog-info h3 {
  margin: 4px 0 6px;
  color: #b84b72;
  font-size: 1.1rem;
}

.post-content .fotocon-page-spring2026 .dog-info p {
  margin: 6px 0;
}

.post-content .fotocon-page-spring2026 .dog-info hr {
  border: none;
  border-top: 1px dashed #efd1dc;
  margin: 12px 0;
}

.post-content .fotocon-page-spring2026 .author-comment {
  background: #fff8ef;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 8px;
}

.post-content .fotocon-page-spring2026 .judge-box {
  background: #f7fff1;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 8px;
}

.post-content .fotocon-page-spring2026 .judge-box h4 {
  font-size: 0.95rem;
  color: #6a9b43;
  margin-bottom: 6px;
}

.post-content .fotocon-page-spring2026 .polaroid {
  background: #fffafb;
  padding: 15px 15px 42px;
  border: 4px solid #fff;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(213, 132, 158, 0.16);
  max-width: 620px;
  width: 90%;
  text-align: center;
  margin: 42px auto;
}

.post-content .fotocon-page-spring2026 .polaroid h3 {
  color: #c94f7c;
  margin-bottom: 10px;
}

.post-content .fotocon-page-spring2026 .polaroid .photo-info {
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  margin-top: 10px;
}

.post-content .fotocon-page-spring2026 .polaroid .author {
  font-weight: 700;
  margin-bottom: 4px;
}

.post-content .fotocon-page-spring2026 .polaroid .award-comment {
  margin-bottom: 8px;
}

.post-content .fotocon-page-spring2026 .gallery-section {
  margin-top: 50px;
}

.post-content .fotocon-page-spring2026 .gallery-title {
  text-align: center;
  margin-bottom: 20px;
}

.post-content .fotocon-page-spring2026 .gallery-title h2 {
  color: #c94f7c;
  margin-bottom: 8px;
}

.post-content .fotocon-page-spring2026 .gallery-title p {
  margin: 0;
  color: #7c9569;
}

.post-content .fotocon-page-spring2026 .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}

.post-content .fotocon-page-spring2026 .gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(213, 132, 158, 0.12);
  background-color: #fff;
}

.post-content .fotocon-page-spring2026 .gallery-item img {
  width: 100%;
  display: block;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.post-content .fotocon-page-spring2026 .gallery-item:hover img {
  transform: scale(1.04);
}

.post-content .fotocon-page-spring2026 .comment {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  padding: 12px;
  background: rgba(255, 248, 251, 0.95);
  border: 1px solid #f0c9d7;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.14);
  transform: rotate(-2deg);
  opacity: 0;
  transition: opacity 0.35s ease;
  border-radius: 6px;
}

.post-content .fotocon-page-spring2026 .gallery-item:hover .comment {
  opacity: 1;
}

.post-content .fotocon-page-spring2026 .comment-body {
  font-size: 14px;
  line-height: 1.45;
  color: #9f4567;
  font-weight: 700;
  text-align: center;
}

/* ==============================
   ライトボックス
============================== */
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.84);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999 !important;
}

#lightbox img {
  max-width: 90%;
  max-height: 90%;
  display: block;
  box-shadow: 0 0 18px rgba(0,0,0,0.45);
  border-radius: 10px;
}

#lb-close {
  position: fixed;
  top: 20px;
  right: 28px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 1000000;
  display: none;
}

#lb-prev,
#lb-next {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 1000000;
  user-select: none;
  display: none;
}

#lb-prev { left: 20px; }
#lb-next { right: 20px; }

@media screen and (max-width: 767px) {
  .post-content {
    margin: 0 !important;
    padding: 0 !important;
  }

  .post-content .fotocon-page-spring2026 {
    padding-bottom: 40px;
  }

  .post-content .fotocon-page-spring2026 .container {
    padding: 14px;
  }

  .post-content .fotocon-page-spring2026 .result-title {
    font-size: 22px;
    padding: 10px 16px;
  }

  .post-content .fotocon-page-spring2026 .result-sub {
    font-size: 13px;
  }

  .post-content .fotocon-page-spring2026 .message {
    padding: 18px 14px;
    margin: 24px auto 30px;
  }

  .post-content .fotocon-page-spring2026 .message h2 {
    font-size: 1.35rem;
  }

  .post-content .fotocon-page-spring2026 .gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .post-content .fotocon-page-spring2026 .comment {
    display: none;
  }

  #lightbox img {
    max-width: 95%;
    max-height: 80%;
  }

  #lb-prev,
  #lb-next {
    font-size: 38px;
  }

  #lb-prev { left: 10px; }
  #lb-next { right: 10px; }
}
</style>

<div class="fotocon-page-spring2026">
  <div class="full-bg"></div>

  <header>
    <div class="result-title">わんだふるフォトコン2026春 結果発表</div>
    <p class="result-sub">Wonderful Photo Contest 2026 Spring</p>
  </header>

  <div class="container">

    <section class="message">
      <h2>たくさんのご応募ありがとうございました！</h2>
      <p>このたびは「マテラの森 わんだふるフォトコン2026春」にご参加いただき、誠にありがとうございました。</p>
      <p>桜やお花、新緑など春らしい景色の中で撮影されたお写真や、思わず笑顔になるかわいい表情のお写真など、素敵な作品をたくさんお送りいただきました。</p>
      <p>スタッフ一同、応募作品を楽しく拝見させていただきました。</p>
      <p>厳正なる審査の結果、各賞が決定いたしましたのでここに発表いたします。</p>
      <p>ご応募いただいた皆さま、本当にありがとうございました。</p>
    </section>

    <div class="section-heading">
      <span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" /> マテラの森賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
    </div>

    <div class="awards single">
      <article class="card">
        <span class="ribbon matera">マテラの森賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑬マテラの森賞.jpg" alt="マテラの森賞" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>マテラの森賞</h3>
            <p class="author-comment">菜の花ロードを全力疾走</p>
            <hr>
            <div class="judge-box">
              <h4>審査員コメント｜マテラの森スタッフより</h4>
              <p>菜の花に囲まれて元気いっぱいに走る姿がとても印象的でした。春の明るさと楽しさがまっすぐ伝わってくる、マテラの森賞にぴったりの一枚です。</p>
            </div>
          </div>
        </div>
      </article>
    </div>

    <div class="section-heading">
      <span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f337.png" alt="🌷" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 季節賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f337.png" alt="🌷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
    </div>

    <div class="awards double">
      <article class="card">
        <span class="ribbon season">季節賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉒季節賞2.jpg" alt="季節賞" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>季節賞</h3>
            <p class="author-comment">桜より素敵な笑顔</p>
            <hr>
            <div class="judge-box">
              <h4>審査員コメント｜マテラの森スタッフより</h4>
              <p>桜に囲まれたやさしい表情がとても印象的でした。春の華やかさと愛らしさが伝わる素敵な作品です。</p>
            </div>
          </div>
        </div>
      </article>

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊳季節賞1.jpg" alt="季節賞" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>季節賞</h3>
            <p class="author-comment">春の風、気持ちいい～♪</p>
            <hr>
            <div class="judge-box">
              <h4>審査員コメント｜マテラの森スタッフより</h4>
              <p>菜の花の香りと春の風を感じる瞬間がとっても素敵でした！空を見上げる姿に、癒される一枚をありがとうございました。</p>
            </div>
          </div>
        </div>
      </article>
    </div>

    <div class="polaroid">
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 各賞賞品 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h3>
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/03/%E3%83%89%E3%83%A9%E3%82%A4%E3%83%8F%E3%83%BC%E3%83%88_4-1024x739.jpg" alt="マテラ豚賞品" class="lightbox-target">
      <div class="photo-info">
        <div class="author">特典①：わんちゃん専用マテラ豚セット</div>
        <div class="award-comment">フォトコン入賞者だけの特別なご褒美です。</div>
        <div class="author">特典②：ドッグランフリー入場券（1日）</div>
        <div class="award-comment">わんちゃんとの楽しい時間を、マテラの森でお過ごしください。</div>
      </div>
    </div>

    <section class="gallery-section">
      <div class="gallery-title">
        <h2>フォトギャラリー</h2>
        <p>ご応募いただいた全42作品をご紹介します。</p>
      </div>

      <div class="gallery">
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/①.jpg" alt="応募作品①" class="lightbox-target">
          <div class="comment"><div class="comment-body">菜の花に囲まれてごきげん</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/②.jpg" alt="応募作品②" class="lightbox-target">
          <div class="comment"><div class="comment-body">春の香り、確認中</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/③.jpg" alt="応募作品③" class="lightbox-target">
          <div class="comment"><div class="comment-body">青空に映える笑顔</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/④.jpg" alt="応募作品④" class="lightbox-target">
          <div class="comment"><div class="comment-body">山の上で大はしゃぎ</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑤.jpg" alt="応募作品⑤" class="lightbox-target">
          <div class="comment"><div class="comment-body">ミモザの下でおすまし</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑥.jpg" alt="応募作品⑥" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜の下でみんな集合</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑦.jpg" alt="応募作品⑦" class="lightbox-target">
          <div class="comment"><div class="comment-body">白黒コンビで春散歩</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑧.jpg" alt="応募作品⑧" class="lightbox-target">
          <div class="comment"><div class="comment-body">菜の花畑でにっこり</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑨.jpg" alt="応募作品⑨" class="lightbox-target">
          <div class="comment"><div class="comment-body">お花見カートで出発</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑩.jpg" alt="応募作品⑩" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜を見上げてうれしそう</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑪.jpg" alt="応募作品⑪" class="lightbox-target">
          <div class="comment"><div class="comment-body">青い花にちょこん</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑫.jpg" alt="応募作品⑫" class="lightbox-target">
          <div class="comment"><div class="comment-body">春の道をルンルン</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑬マテラの森賞.jpg" alt="応募作品⑬ マテラの森賞" class="lightbox-target">
          <div class="comment"><div class="comment-body">菜の花ロードを全力疾走</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑭.jpg" alt="応募作品⑭" class="lightbox-target">
          <div class="comment"><div class="comment-body">菜の花の小道でポーズ</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑮.jpg" alt="応募作品⑮" class="lightbox-target">
          <div class="comment"><div class="comment-body">お花より見てほしいな</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑯.jpg" alt="応募作品⑯" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜に包まれてお姫さま</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑰.jpg" alt="応募作品⑰" class="lightbox-target">
          <div class="comment"><div class="comment-body">夜桜の下で仲良く</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑱.jpg" alt="応募作品⑱" class="lightbox-target">
          <div class="comment"><div class="comment-body">花冠で春のプリンセス</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑲.jpg" alt="応募作品⑲" class="lightbox-target">
          <div class="comment"><div class="comment-body">春景色をひとりじめ</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/⑳.jpg" alt="応募作品⑳" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜の下でいい笑顔</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉑.jpg" alt="応募作品㉑" class="lightbox-target">
          <div class="comment"><div class="comment-body">花冠がとってもお似合い</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉒季節賞2.jpg" alt="応募作品㉒ 季節賞" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜より素敵な笑顔</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉓.jpg" alt="応募作品㉓" class="lightbox-target">
          <div class="comment"><div class="comment-body">ミモザの下の特等席</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉔.jpg" alt="応募作品㉔" class="lightbox-target">
          <div class="comment"><div class="comment-body">五月の風と、いい表情</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉕.jpg" alt="応募作品㉕" class="lightbox-target">
          <div class="comment"><div class="comment-body">青空の下でにっこり</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉖.jpg" alt="応募作品㉖" class="lightbox-target">
          <div class="comment"><div class="comment-body">ミモザに包まれて</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉗.jpg" alt="応募作品㉗" class="lightbox-target">
          <div class="comment"><div class="comment-body">大きな笑顔、満開</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉘.jpg" alt="応募作品㉘" class="lightbox-target">
          <div class="comment"><div class="comment-body">菜の花とやさしい笑顔</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉙.jpg" alt="応募作品㉙" class="lightbox-target">
          <div class="comment"><div class="comment-body">仲良く春を満喫</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉚.jpg" alt="応募作品㉚" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜を見つめる背中</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉛.jpg" alt="応募作品㉛" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜の道でスマイル</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉜.jpg" alt="応募作品㉜" class="lightbox-target">
          <div class="comment"><div class="comment-body">春の野原をジャンプ</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉝.jpg" alt="応募作品㉝" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜色に包まれて</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉞.jpg" alt="応募作品㉞" class="lightbox-target">
          <div class="comment"><div class="comment-body">春の光でふんわり</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㉟.jpg" alt="応募作品㉟" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜の中でにっこり</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊱.jpg" alt="応募作品㊱" class="lightbox-target">
          <div class="comment"><div class="comment-body">草むら探検、楽しいね</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊲.jpg" alt="応募作品㊲" class="lightbox-target">
          <div class="comment"><div class="comment-body">桜の下で大集合</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊳季節賞1.jpg" alt="応募作品㊳ 季節賞" class="lightbox-target">
          <div class="comment"><div class="comment-body">菜の花の香りにうっとり</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊴.jpg" alt="応募作品㊴" class="lightbox-target">
          <div class="comment"><div class="comment-body">バラのアーチで記念撮影</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊵.jpg" alt="応募作品㊵" class="lightbox-target">
          <div class="comment"><div class="comment-body">バラ園でごきげん</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊶.jpg" alt="応募作品㊶" class="lightbox-target">
          <div class="comment"><div class="comment-body">バラに囲まれいい笑顔</div></div>
        </div>
        <div class="gallery-item">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/06/㊷.jpg" alt="応募作品㊷" class="lightbox-target">
          <div class="comment"><div class="comment-body">滝と緑の大冒険</div></div>
        </div>
      </div>
    </section>

  </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
  const targets = document.querySelectorAll(".fotocon-page-spring2026 .lightbox-target");
  const body = document.body;

  const oldLightbox = document.getElementById("lightbox");
  if (oldLightbox) oldLightbox.remove();
  const oldClose = document.getElementById("lb-close");
  if (oldClose) oldClose.remove();
  const oldPrev = document.getElementById("lb-prev");
  if (oldPrev) oldPrev.remove();
  const oldNext = document.getElementById("lb-next");
  if (oldNext) oldNext.remove();

  const lightbox = document.createElement("div");
  lightbox.id = "lightbox";
  body.appendChild(lightbox);

  const lbImg = document.createElement("img");
  lightbox.appendChild(lbImg);

  const closeBtn = document.createElement("div");
  closeBtn.id = "lb-close";
  closeBtn.textContent = "×";
  body.appendChild(closeBtn);

  const prevBtn = document.createElement("div");
  prevBtn.id = "lb-prev";
  prevBtn.textContent = "<";
  body.appendChild(prevBtn);

  const nextBtn = document.createElement("div");
  nextBtn.id = "lb-next";
  nextBtn.textContent = ">";
  body.appendChild(nextBtn);

  let currentIndex = 0;

  function showLightbox(index) {
    currentIndex = index;
    lbImg.src = targets[currentIndex].src;
    lightbox.style.display = "flex";
    closeBtn.style.display = "block";
    prevBtn.style.display = "block";
    nextBtn.style.display = "block";
    document.body.style.overflow = "hidden";
  }

  function hideLightbox() {
    lightbox.style.display = "none";
    closeBtn.style.display = "none";
    prevBtn.style.display = "none";
    nextBtn.style.display = "none";
    document.body.style.overflow = "";
  }

  targets.forEach((img, index) => {
    img.addEventListener("click", () => showLightbox(index));
  });

  closeBtn.addEventListener("click", hideLightbox);

  prevBtn.addEventListener("click", () => {
    currentIndex = (currentIndex - 1 + targets.length) % targets.length;
    lbImg.src = targets[currentIndex].src;
  });

  nextBtn.addEventListener("click", () => {
    currentIndex = (currentIndex + 1) % targets.length;
    lbImg.src = targets[currentIndex].src;
  });

  lightbox.addEventListener("click", function(e) {
    if (e.target === lightbox) hideLightbox();
  });

  document.addEventListener("keydown", function(e) {
    if (lightbox.style.display !== "flex") return;
    if (e.key === "Escape") hideLightbox();
    if (e.key === "ArrowLeft") prevBtn.click();
    if (e.key === "ArrowRight") nextBtn.click();
  });
});
</script>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>2026年6月イベントのお知らせ</title>
		<link>https://www.materranomori.jp/archives/17501</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Mon, 01 Jun 2026 08:06:33 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ストライダー]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<category><![CDATA[バーベキュー]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=17501</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="725" height="1024" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-725x1024.png" alt="" class="wp-image-17502" srcset="https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-725x1024.png 725w, https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-212x300.png 212w, https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-768x1085.png 768w, https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-71x100.png 71w, https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-319x450.png 319w, https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内-850x1200.png 850w, https://www.materranomori.jp/wp/wp-content/uploads/2026/05/2026年6月イベントのご案内.png 1040w" sizes="(max-width: 725px) 100vw, 725px" /></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>わんだふるフォトコン2026春開催中！</title>
		<link>https://www.materranomori.jp/archives/17423</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Fri, 01 May 2026 01:02:03 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=17423</guid>

					<description><![CDATA[マテラの森 季節のフォトコン わんだふるフォトコン...]]></description>
										<content:encoded><![CDATA[
<!-- わんだふるフォトコン2026春 -->
<div class="post-content">
  <div class="wan-fotocon">

    <section class="wan-hero">
      <div class="wan-hero-image">
        <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/05/wonderful-photocon-2026-spring.jpg" alt="わんだふるフォトコン2026春">
      </div>

      <div class="wan-hero-text">
        <p class="wan-kicker">マテラの森 季節のフォトコン</p>
        <h1>わんだふるフォトコン<br>2026 春</h1>

        <p class="wan-lead">
          わんちゃんと過ごす春の思い出を大募集<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" /><br>
          春らしい景色の中での1枚や、思わず笑顔になるかわいい瞬間をぜひお送りください。
        </p>

        <a class="wan-main-btn" href="https://www.instagram.com/materranomori/" target="_blank" rel="noopener">
          Instagramで応募する
        </a>
      </div>
    </section>

<!-- テーマ -->
<section class="wan-section">
  <div class="wan-title">
    <span>THEME</span>
    <h2>春のフォトコン テーマ</h2>
  </div>

  <div class="wan-theme-grid">
    <div class="wan-theme-box">
      <p class="wan-theme-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
      <h3>春を感じるわんちゃん写真</h3>
      <p>
        桜・お花・新緑・春のおでかけなど、春らしさが伝わる1枚を募集します。
      </p>
    </div>

    <div class="wan-theme-box">
      <p class="wan-theme-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
      <h3>表情がかわいいわんちゃん写真</h3>
      <p>
        にっこり笑顔はもちろん、きょとん顔・真剣な表情・甘えんぼ顔など、思わず癒される1枚も大歓迎です。
      </p>
    </div>
  </div>
</section>

    <!-- スケジュール -->
    <section class="wan-section">

      <div class="wan-title">
        <span>SCHEDULE</span>
        <h2>開催スケジュール</h2>
      </div>

      <div class="wan-info-grid">

        <div class="wan-info-box">
          <p class="wan-info-label">応募期間</p>
          <p class="wan-info-main">2026年5月末まで</p>
        </div>

        <div class="wan-info-box">
          <p class="wan-info-label">結果発表</p>
          <p class="wan-info-main">2026年6月中旬予定</p>
        </div>

      </div>
    </section>

    <!-- 応募方法 -->
    <section class="wan-section">

      <div class="wan-title">
        <span>HOW TO JOIN</span>
        <h2>応募方法</h2>
      </div>

      <div class="wan-steps">

        <div class="wan-step">
          <span>01</span>
          <h3>公式Instagramをフォロー</h3>
          <p>
            マテラの森公式Instagramをフォローしてください。
          </p>
        </div>

        <div class="wan-step">
          <span>02</span>
          <h3>DMで写真を送る</h3>
          <p>
            公式Instagramのメッセージから応募写真を送ってください。
          </p>
        </div>

        <div class="wan-step">
          <span>03</span>
          <h3>タグ付け応募もOK</h3>
          <p>
            Instagram投稿で応募する場合は、マテラの森公式アカウントをタグ付けしてください。
          </p>
        </div>

      </div>

      <div class="wan-alert">
        <strong>ハッシュタグのみでの応募は対象外です。</strong><br>
        Instagramの仕様などにより、ハッシュタグ検索で投稿を確認できない場合があるため、  
        <strong>DM送付</strong>または<strong>公式アカウントのタグ付け</strong>でご応募ください。
      </div>

    </section>

    <!-- DM説明 -->
    <section class="wan-section">

      <div class="wan-title">
        <span>DM GUIDE</span>
        <h2>DMでの応募方法</h2>
      </div>

      <div class="wan-dm-guide">

        <div class="wan-dm-card">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2024/02/インスタDMメッセージ投稿画面②.png" alt="DM応募方法">

          <p>
            ① マテラの森公式Instagramプロフィール画面から  
            「メッセージ」をタップ
          </p>
        </div>

        <div class="wan-dm-card">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2024/02/インスタDMメッセージ投稿画面①-1.png" alt="DM応募方法">

          <p>
            ② 写真と一緒に、わんちゃんのお名前・お題・一言コメントを送ってください
          </p>
        </div>

      </div>

    </section>

    <!-- 賞品 -->
    <section class="wan-section">

      <div class="wan-prize">

        <p class="wan-prize-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>

        <h2>賞品</h2>

        <p>
          入賞者には、わんちゃんも飼い主さまも嬉しいプレゼントをご用意しています。
        </p>

        <ul>
          <li>ワンちゃん専用 特選マテラ豚の詰め合わせBOX（冷凍）</li>
          <li>ドッグラン 一日フリー券</li>
        </ul>

      </div>

    </section>

    <!-- 結果発表 -->
    <section class="wan-section">

      <div class="wan-title">
        <span>RESULT</span>
        <h2>結果発表について</h2>
      </div>

      <div class="wan-card">
        <p>
          応募作品の中から、マテラの森スタッフが選定いたします。<br>
          入賞作品は、マテラの森公式ホームページやSNSで紹介させていただきます。
        </p>
      </div>

    </section>

    <!-- 注意事項 -->
    <section class="wan-section">

      <div class="wan-title">
        <span>NOTES</span>
        <h2>注意事項</h2>
      </div>

      <div class="wan-note">

        <ul>
          <li>応募作品は、応募者ご本人が撮影した写真に限ります。</li>
          <li>人物が写っている場合は、必ず被写体の方に応募の許可を得てください。</li>
          <li>応募作品は、マテラの森のホームページ・SNS・広告物等で使用させていただく場合があります。</li>
          <li>受賞賞品の発送はできません。マテラの森まで受け取りに来られる方が対象です。</li>
          <li>内容は事情により変更・中止となる場合があります。</li>
        </ul>

      </div>

    </section>

    <!-- 最後 -->
    <section class="wan-final">
      <p>
        春のかわいい思い出を、ぜひマテラの森に届けてください<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" />
      </p>

      <a href="https://www.instagram.com/materranomori/" target="_blank" rel="noopener">
        公式Instagramはこちら
      </a>
    </section>

  </div>
</div>

<style>
.post-content{
  margin:0 !important;
  padding:0 !important;
}

.post-content *{
  box-sizing:border-box;
}

.post-content .wan-fotocon{
  --main:#e79aaa;
  --sub:#fff4f7;
  --accent:#8bbd68;
  --soft:#f8dfe6;
  --text:#4b3a30;

  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;
  color:var(--text);
  line-height:1.9;

  background:
    linear-gradient(180deg,#fff9fb 0%,#ffffff 100%);
}

.post-content .wan-fotocon img{
  width:100%;
  height:auto;
  display:block;
}

/* hero */

.post-content .wan-hero{
  max-width:980px;
  margin:0 auto 60px;
  padding:20px 18px 0;
}

.post-content .wan-hero-image img{
  border-radius:30px;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.post-content .wan-hero-text{
  width:88%;
  margin:-55px auto 0;
  position:relative;
  z-index:2;

  background:rgba(255,255,255,.94);

  border-radius:28px;

  padding:38px 24px;

  text-align:center;

  box-shadow:0 14px 32px rgba(0,0,0,.10);
}

.post-content .wan-kicker{
  display:inline-block;

  padding:6px 18px;

  border-radius:999px;

  background:var(--sub);

  color:var(--main);

  font-size:14px;

  font-weight:bold;
}

.post-content .wan-hero h1{
  margin:14px 0 0;

  color:var(--main);

  line-height:1.35;

  font-size:clamp(32px,6vw,52px);
}

.post-content .wan-lead{
  margin-top:18px;

  font-size:17px;
}

.post-content .wan-main-btn{
  display:inline-block;

  margin-top:24px;

  padding:14px 34px;

  border-radius:999px;

  background:linear-gradient(135deg,var(--main),#f3a7b6);

  color:#fff !important;

  text-decoration:none;

  font-weight:bold;

  box-shadow:0 10px 20px rgba(0,0,0,.15);
}

/* section */

.post-content .wan-section{
  max-width:960px;

  margin:52px auto;

  padding:0 18px;
}

.post-content .wan-title{
  text-align:center;

  margin-bottom:24px;
}

.post-content .wan-title span{
  color:var(--main);

  font-size:13px;

  letter-spacing:.15em;

  font-weight:bold;
}

.post-content .wan-title h2{
  margin-top:6px;

  font-size:clamp(26px,4vw,38px);

  color:var(--accent);
}

/* theme */

.post-content .wan-theme-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:20px;
}

.post-content .wan-theme-box{
  background:#fff;

  border-radius:28px;

  padding:34px 24px;

  text-align:center;

  border:2px solid var(--soft);

  box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.post-content .wan-theme-icon{
  font-size:42px;

  margin:0 0 10px;
}

.post-content .wan-theme-box h3{
  margin:0 0 10px;

  color:var(--main);

  font-size:24px;
}

/* info */

.post-content .wan-info-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:20px;
}

.post-content .wan-info-box{
  background:#fff;

  border-radius:24px;

  padding:30px;

  text-align:center;

  border:2px solid var(--soft);

  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

.post-content .wan-info-label{
  margin:0 0 6px;

  color:var(--main);

  font-weight:bold;
}

.post-content .wan-info-main{
  margin:0;

  font-size:20px;

  font-weight:bold;
}

/* steps */

.post-content .wan-steps{
  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:18px;
}

.post-content .wan-step{
  background:#fff;

  border-radius:24px;

  padding:28px 22px;

  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

.post-content .wan-step span{
  display:inline-flex;

  width:46px;
  height:46px;

  border-radius:50%;

  align-items:center;
  justify-content:center;

  background:var(--main);

  color:#fff;

  font-weight:bold;

  margin-bottom:14px;
}

.post-content .wan-step h3{
  margin:0 0 10px;

  color:var(--accent);

  font-size:19px;
}

.post-content .wan-step p{
  margin:0;
}

.post-content .wan-alert{
  margin-top:24px;

  background:#fff7f7;

  border:2px dashed #e28ca0;

  border-radius:22px;

  padding:24px;

  text-align:center;
}

.post-content .wan-alert strong{
  color:#d24f6a;

  font-size:18px;
}

/* DM */

.post-content .wan-dm-guide{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:24px;
}

.post-content .wan-dm-card{
  background:#fff;

  border-radius:26px;

  overflow:hidden;

  box-shadow:0 12px 28px rgba(0,0,0,.08);
}

.post-content .wan-dm-card p{
  margin:0;

  padding:18px;

  background:var(--sub);

  font-weight:bold;

  color:var(--accent);
}

/* prize */

.post-content .wan-prize{
  text-align:center;

  background:
    linear-gradient(135deg,#f2a7b7,#e79aaa);

  color:#fff;

  padding:42px 24px;

  border-radius:34px;

  box-shadow:0 18px 36px rgba(0,0,0,.15);
}

.post-content .wan-prize-icon{
  font-size:40px;

  margin:0 0 10px;
}

.post-content .wan-prize h2{
  margin:0 0 14px;

  font-size:34px;
}

.post-content .wan-prize ul{
  display:inline-block;

  text-align:left;

  margin:18px auto 0;

  padding-left:1.2em;

  font-weight:bold;
}

/* card */

.post-content .wan-card{
  background:#fff;

  border-radius:24px;

  padding:30px;

  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

/* note */

.post-content .wan-note{
  background:#fffdfd;

  border-radius:24px;

  padding:30px;

  box-shadow:0 10px 28px rgba(0,0,0,.08);
}

.post-content .wan-note ul{
  margin:0;

  padding-left:1.2em;
}

.post-content .wan-note li{
  margin-bottom:10px;
}

/* final */

.post-content .wan-final{
  max-width:860px;

  margin:60px auto 0;

  padding:40px 22px;

  text-align:center;

  background:var(--sub);

  border-radius:34px;
}

.post-content .wan-final p{
  margin:0 0 20px;

  color:var(--accent);

  font-size:22px;

  font-weight:bold;
}

.post-content .wan-final a{
  display:inline-block;

  padding:14px 34px;

  border-radius:999px;

  background:var(--main);

  color:#fff !important;

  text-decoration:none;

  font-weight:bold;

  box-shadow:0 10px 20px rgba(0,0,0,.15);
}

/* responsive */

@media screen and (max-width:768px){

  .post-content{
    margin:0 !important;
    padding:0 !important;
  }

  .post-content .wan-hero{
    padding:12px 12px 0;

    margin-bottom:40px;
  }

  .post-content .wan-hero-text{
    width:94%;

    margin-top:-30px;

    padding:28px 18px;
  }

  .post-content .wan-theme-grid,
  .post-content .wan-info-grid,
  .post-content .wan-steps,
  .post-content .wan-dm-guide{
    grid-template-columns:1fr;
  }

  .post-content .wan-section{
    margin:40px auto;

    padding:0 14px;
  }

  .post-content .wan-theme-box,
  .post-content .wan-info-box,
  .post-content .wan-step,
  .post-content .wan-card,
  .post-content .wan-note{
    padding:24px 18px;
  }

  .post-content .wan-final{
    margin:40px 14px 0;

    padding:32px 18px;
  }

}
/* iPhone SEなど小さいスマホ対策 */
@media screen and (max-width:480px){

  html,
  body{
    overflow-x:hidden;
  }

  .post-content{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .post-content .wan-fotocon{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .post-content .wan-hero{
    width:100%;
    padding:10px 10px 0;
    margin-bottom:32px;
  }

  .post-content .wan-hero-text{
    width:100%;
    margin-top:16px;
    padding:24px 16px;
    border-radius:22px;
  }

  .post-content .wan-hero h1{
    font-size:32px;
    line-height:1.35;
  }

  .post-content .wan-lead{
    font-size:15px;
  }

  .post-content .wan-main-btn{
    width:100%;
    max-width:280px;
    padding:13px 18px;
    font-size:15px;
  }

  .post-content .wan-section{
    width:100%;
    margin:34px auto;
    padding:0 12px;
  }

  .post-content .wan-title h2{
    font-size:26px;
    line-height:1.35;
  }

  .post-content .wan-theme-box,
  .post-content .wan-info-box,
  .post-content .wan-step,
  .post-content .wan-card,
  .post-content .wan-note{
    width:100%;
    padding:22px 16px;
    border-radius:22px;
  }

  .post-content .wan-theme-box h3{
    font-size:24px;
  }

  .post-content .wan-dm-card{
    border-radius:22px;
  }

  .post-content .wan-prize{
    padding:30px 16px;
    border-radius:26px;
  }

  .post-content .wan-final{
    margin:34px 12px 0;
    padding:28px 16px;
    border-radius:26px;
  }
}
/* トップ画像崩れ対策 */
.post-content .wan-hero-image{
  width:100%;
  display:block;
  overflow:hidden;
  border-radius:30px;
}

.post-content .wan-hero-image img{
  width:100%;
  height:auto;
  display:block;
  vertical-align:bottom;
  aspect-ratio: 16 / 9;
  object-fit:cover;
}

/* iPhone SE対策 */
@media screen and (max-width:480px){

  .post-content .wan-hero-image{
    border-radius:22px;
  }

  .post-content .wan-hero-image img{
    min-height:220px;
  }

}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>2026年4月イベントのご案内</title>
		<link>https://www.materranomori.jp/archives/17299</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Tue, 31 Mar 2026 03:23:27 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ストライダー]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<category><![CDATA[バーベキュー]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=17299</guid>

					<description><![CDATA[2026年4月 マテラ満喫ガイド 遊びもグルメも楽...]]></description>
										<content:encoded><![CDATA[
<style>
/* ====== Matela April 2026 Feature (within .post-content only) ====== */
.post-content{ margin:0 !important; padding:0 !important; }

/* 余白リセット */
.post-content .aprila,
.post-content .aprila p,
.post-content .aprila h1,
.post-content .aprila h2,
.post-content .aprila h3,
.post-content .aprila ul,
.post-content .aprila ol,
.post-content .aprila li,
.post-content .aprila figure,
.post-content .aprila details,
.post-content .aprila summary{
  margin:0;
}
.post-content .aprila ul,
.post-content .aprila ol{ padding-left:1.2em; }

.post-content .aprila{
  --ink:#2f2a24;
  --sub:#6b6258;
  --accent:#d96b2b;
  --accent2:#5c8a52;
  --accent3:#d24d57;
  --bg:#f8f3eb;
  --card:#ffffff;
  --line:rgba(80,56,32,.10);
  --soft:rgba(217,107,43,.08);
  --soft2:rgba(92,138,82,.10);
  --soft3:rgba(210,77,87,.08);
  --shadow:0 10px 26px rgba(70,50,30,.10);
  color:var(--ink);
  line-height:1.75;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
}

.post-content .aprila *{ box-sizing:border-box; }
.post-content .aprila a{ color:inherit; text-decoration:none; }
.post-content .aprila img{ width:100%; height:auto; display:block; border:0; }

/* wrappers */
.post-content .aprila .hero{
  background:
    radial-gradient(900px 320px at 10% 0%, rgba(217,107,43,.12), transparent 60%),
    radial-gradient(900px 320px at 100% 10%, rgba(92,138,82,.14), transparent 55%),
    linear-gradient(180deg, #fffdf9, var(--bg));
  border-bottom:1px solid var(--line);
}
.post-content .aprila .hero-inner,
.post-content .aprila .wrap{
  max-width:980px;
  margin:0 auto;
  padding-left:18px;
  padding-right:18px;
}
.post-content .aprila .hero-inner{ padding-top:14px; padding-bottom:18px; }
.post-content .aprila .wrap{ padding-top:18px; padding-bottom:34px; }

/* hero */
.post-content .aprila .badge{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  padding:7px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  font-weight:800;
  font-size:.96rem;
}
.post-content .aprila .badge b{ color:var(--accent); }

.post-content .aprila h1{
  margin-top:10px;
  font-size:2rem;
  line-height:1.3;
  letter-spacing:.02em;
}
.post-content .aprila .lead{
  margin-top:10px;
  color:var(--sub);
  font-size:1.02rem;
}

.post-content .aprila .hero-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
  align-items:stretch;
  margin-top:14px;
}
.post-content .aprila .hero-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.post-content .aprila .hero-card .cap{
  padding:10px 12px;
  font-weight:800;
  color:#333;
  background:linear-gradient(90deg, rgba(217,107,43,.12), rgba(92,138,82,.10));
  border-top:1px solid var(--line);
}

/* nav */
.post-content .aprila .nav{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.post-content .aprila .pill{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  padding:10px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 8px 16px rgba(0,0,0,.05);
  font-weight:800;
  font-size:.94rem;
}
.post-content .aprila .pill i{
  width:10px;
  height:10px;
  border-radius:999px;
  display:inline-block;
  background:var(--accent);
}
.post-content .aprila .pill.c2 i{ background:var(--accent2); }
.post-content .aprila .pill.c3 i{ background:var(--accent3); }

/* sections */
.post-content .aprila .sec{
  margin-top:18px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.post-content .aprila .sec-head{
  padding:14px 16px 10px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg, rgba(217,107,43,.10), rgba(255,255,255,.65));
}
.post-content .aprila .sec-head.is-green{
  background:linear-gradient(90deg, rgba(92,138,82,.13), rgba(255,255,255,.65));
}
.post-content .aprila .sec-head.is-pink{
  background:linear-gradient(90deg, rgba(210,77,87,.10), rgba(255,255,255,.65));
}
.post-content .aprila .sec-head h2{
  font-size:1.45rem;
  line-height:1.3;
}
.post-content .aprila .sec-head p{
  margin-top:6px;
  color:var(--sub);
  font-weight:600;
}
.post-content .aprila .sec-body{
  padding:14px 16px 16px;
}

.post-content .aprila .grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:start;
}

/* image card */
.post-content .aprila .shot{
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.post-content .aprila .shot .label{
  padding:9px 11px;
  border-top:1px solid var(--line);
  font-weight:800;
  color:#333;
  background:rgba(0,0,0,.02);
  font-size:.95rem;
}

/* chips */
.post-content .aprila .kpi{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:10px;
}
.post-content .aprila .tag{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  padding:9px 12px;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line);
  font-weight:800;
  font-size:.95rem;
}
.post-content .aprila .tag i{
  width:10px;
  height:10px;
  border-radius:3px;
  display:inline-block;
  background:var(--accent);
}
.post-content .aprila .tag.t2 i{ background:var(--accent2); }
.post-content .aprila .tag.t3 i{ background:var(--accent3); }

/* info boxes */
.post-content .aprila .point{
  margin-top:10px;
  padding:12px 13px;
  border-radius:14px;
  background:var(--soft);
  border:1px solid rgba(217,107,43,.14);
}
.post-content .aprila .point.pink{
  background:var(--soft3);
  border-color:rgba(210,77,87,.18);
}
.post-content .aprila .warn{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  background:#fff5f3;
  border:1px solid rgba(210,77,87,.16);
  color:#6e383c;
  font-weight:700;
}
.post-content .aprila .mini{
  margin-top:10px;
  color:var(--sub);
  font-size:.92rem;
}

/* buttons */
.post-content .aprila .cta{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.post-content .aprila .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 15px;
  border-radius:14px;
  font-weight:900;
  color:#fff;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 12px 22px rgba(0,0,0,.10);
}
.post-content .aprila .btn.main{ background:var(--accent); }
.post-content .aprila .btn.green{ background:var(--accent2); }
.post-content .aprila .btn.pink{ background:var(--accent3); }
.post-content .aprila .btn.sub{
  background:#fff;
  color:#333;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
}

/* price guide */
.post-content .aprila .price-guide{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
}
.post-content .aprila .price-guide__head{
  padding:12px 14px;
  font-weight:900;
  background:linear-gradient(90deg, rgba(217,107,43,.10), rgba(255,255,255,.85));
  border-bottom:1px solid var(--line);
}
.post-content .aprila .price-guide__body{
  padding:14px;
}
.post-content .aprila .price-guide__body p{
  margin:0 0 8px;
}
.post-content .aprila .price-guide__body ul{
  padding-left:1.2em;
}
.post-content .aprila .price-guide__body li{
  margin:.3em 0;
}

/* weekday cards */
.post-content .aprila .weekday-list{
  margin-top:12px;
  display:grid;
  gap:10px;
}
.post-content .aprila .weekday-item{
  display:grid;
  grid-template-columns:64px 1fr;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 10px rgba(0,0,0,.04);
}
.post-content .aprila .weekday-item .day{
  background:rgba(217,107,43,.08);
  font-weight:900;
  text-align:center;
  padding:12px 10px;
}
.post-content .aprila .weekday-item .service{
  padding:12px 14px;
  font-weight:700;
}

/* strider cards */
.post-content .aprila .event-cards{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.post-content .aprila .event-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
  overflow:hidden;
}
.post-content .aprila .event-card .event-head{
  padding:12px 13px;
  font-weight:900;
  font-size:1rem;
  line-height:1.45;
}
.post-content .aprila .event-card .event-head.ec1{ background:rgba(92,138,82,.12); }
.post-content .aprila .event-card .event-head.ec2{ background:rgba(217,107,43,.12); }
.post-content .aprila .event-card .event-head.ec3{ background:rgba(210,77,87,.10); }
.post-content .aprila .event-card .event-body{
  padding:12px 13px 14px;
}
.post-content .aprila .event-card p{
  margin-top:6px;
  color:var(--sub);
}
.post-content .aprila .event-card ul{
  margin-top:8px;
  padding-left:1.15em;
}
.post-content .aprila .event-card li{
  margin:.25em 0;
}

/* photocon scroll cards */
.post-content .aprila .photo-topics{
  display:grid;
  gap:16px;
  margin-top:14px;
}
.post-content .aprila .is-style-scroll{
  position:relative;
  max-width:100%;
  margin:0;
  padding:1.2em 1.2em 1.2em 1.4em;
  border:12px solid transparent;
  border-left-width:48px;
  background:linear-gradient(#fff, #fff), linear-gradient(#d8c8a8,#e7dcc4);
  background-clip:padding-box, border-box;
  background-origin:border-box;
  border-radius:8px;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.post-content .aprila .is-style-scroll:before,
.post-content .aprila .is-style-scroll:after{
  display:inline-block;
  position:absolute;
  content:"";
}
.post-content .aprila .is-style-scroll:before{
  left:-36px;
  top:-22px;
  width:24px;
  height:calc(100% + 44px);
  background:#6b6258;
  border-radius:2px;
}
.post-content .aprila .is-style-scroll:after{
  left:-48px;
  top:-12px;
  width:48px;
  height:calc(100% + 24px);
  background:#c28b4c;
  border-radius:4px 0 0 4px;
}
.post-content .aprila .is-style-scroll p{
  margin:0;
  font-weight:800;
  text-align:center;
  font-size:1rem;
  line-height:1.7;
}

/* calendar */
.post-content .aprila details.calendar-box{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.post-content .aprila details.calendar-box summary{
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  font-weight:900;
  background:linear-gradient(90deg, rgba(92,138,82,.12), rgba(255,255,255,.85));
}
.post-content .aprila details.calendar-box summary::-webkit-details-marker{ display:none; }
.post-content .aprila .calendar-inner{
  padding:0 0 10px;
}
.post-content .aprila .calendar-note{
  padding:12px 16px 0;
  color:var(--sub);
  font-size:.94rem;
}
.post-content .aprila .calendar-embed{
  padding:12px 16px 0;
}
.post-content .aprila .calendar-embed iframe{
  width:100%;
  height:600px;
  border:0;
  border-radius:14px;
  background:#fff;
}

/* footer */
.post-content .aprila .footer{
  margin-top:18px;
  padding:16px;
  border:1px dashed rgba(80,56,32,.18);
  border-radius:18px;
  background:rgba(255,255,255,.65);
}
.post-content .aprila .footer h3{
  font-size:1.18rem;
  margin-bottom:6px;
}
.post-content .aprila .footer li{ margin:.25em 0; }

/* responsive */
@media (max-width:820px){
  .post-content .aprila .hero-grid,
  .post-content .aprila .grid2,
  .post-content .aprila .event-cards{
    grid-template-columns:1fr;
  }

  .post-content .aprila h1{ font-size:1.62rem; }

  .post-content .aprila .hero-inner,
  .post-content .aprila .wrap{
    padding-left:14px;
    padding-right:14px;
  }

  .post-content{ padding:0 !important; }
  .post-content .aprila .calendar-embed iframe{ height:420px; }
  .post-content .aprila .pill{ font-size:.9rem; }

  .post-content .aprila #gacha .shot img{
    max-height:320px;
    object-fit:cover;
  }
}
</style>

<div class="aprila">

  <!-- ===== HERO ===== -->
  <section class="hero">
    <div class="hero-inner">
      <div class="badge"><b>2026年4月</b> マテラ満喫ガイド</div>
      <h1>遊びもグルメも楽しめる！4月のマテラ満喫ガイド</h1>
      <p class="lead">
        4月のマテラは楽しさ満載！<br>
        団体でお得な食べ放題や、ストライダーイベント、平日ランチ、わんだふるフォトコンまで、今月のおすすめをまとめました。
      </p>

      <div class="hero-grid">
        <div class="hero-card">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/マテラの森イベントのご案内2026年4月-1040px.png" alt="2026年4月 マテラの森イベントのご案内">
          <div class="cap">4月のイベント・お得情報をチェック！</div>
        </div>

        <div class="hero-card">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/02/明るく加工-F88ok7512.jpg" alt="マテラの森 店内BBQコート">
          <div class="cap">屋内BBQコートで快適に楽しめます</div>
        </div>
      </div>

      <nav class="nav" aria-label="ページ内メニュー">
        <a class="pill" href="#gacha"><i></i>出会いガチャ</a>
        <a class="pill c2" href="#bus"><i></i>送迎バス</a>
        <a class="pill" href="#lunch"><i></i>日替わりランチ</a>
        <a class="pill c2" href="#strider"><i></i>ストライダー</a>
        <a class="pill c3" href="#photo"><i></i>フォトコン</a>
        <a class="pill c2" href="#calendar"><i></i>開催予定</a>
      </nav>
    </div>
  </section>

  <div class="wrap">

    <!-- ===== GACHA / BBQ ===== -->
    <section class="sec" id="gacha">
      <div class="sec-head">
        <h2>20名様以上で幹事様無料！出会いガチャ応援企画</h2>
        <p>歓送迎会やグループ利用にぴったり。食べ飲み放題ご利用時のお得な企画です。</p>
      </div>

      <div class="sec-body">
        <div class="grid2">
          <div>
            <div class="kpi">
              <div class="tag"><i></i>20名様以上で幹事様1名 食べ放題無料</div>
              <div class="tag t2"><i></i>10名様以上で送迎バスご相談OK</div>
              <div class="tag t3"><i></i>店内エアコン完備で快適</div>
            </div>

            <p>
              屋内BBQなので天候を気にせず、みんなでゆったり楽しめます。<br>
              食べ飲み放題のご予約とあわせて、団体利用もお気軽にご相談ください。
            </p>

            <div class="point">
              <strong>対象：</strong>食べ飲み放題ご利用時の企画です。<br>
              歓送迎会・打ち上げ・集まりなど、春のお食事会にぜひご利用ください。
            </div>

            <div class="cta">
              <a class="btn main" href="https://www.hotpepper.jp/strJ001191383/" target="_blank" rel="noopener noreferrer">食べ飲み放題を予約する（ホットペッパー）</a>
              <a class="btn sub" href="https://www.materranomori.jp/barbecue" target="_blank" rel="noopener noreferrer">コース内容をチェックする</a>
            </div>
          </div>

          <div>
            <div class="shot">
              <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/02/マテラさま_F00-8415メインok.jpg" alt="食材イメージ">
              <div class="label">食材イメージ</div>
            </div>
          </div>
        </div>

        <div class="price-guide">
<div class="price-guide">
  <div class="price-guide__head">食べ放題料金について</div>
  <div class="price-guide__body">
    <p>
      食べ飲み放題の最新料金やコース内容は、
      公式BBQページでご確認いただけます。
    </p>
    <ul>
      <li>屋内型BBQコートで快適</li>
      <li>BBQ・しゃぶしゃぶ・コース各種あり</li>
    </ul>
  </div>
</div>
      </div>
    </section>

    <!-- ===== BUS ===== -->
    <section class="sec" id="bus">
      <div class="sec-head is-green">
        <h2>団体利用も安心！送迎バスご相談OK</h2>
        <p>食べ飲み放題ご利用時、10名様以上で送迎バスのご相談が可能です。</p>
      </div>

      <div class="sec-body">
        <div class="grid2">
          <div class="shot">
            <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/07/IMG_3793.jpeg" alt="送迎バス">
            <div class="label">大型バス・マイクロバスでの送迎もご相談ください</div>
          </div>

          <div>
            <div class="kpi">
              <div class="tag t2"><i></i>食べ飲み放題ご利用＋10名様以上で相談可</div>
              <div class="tag"><i></i>送迎の目安はマテラの森から半径15km</div>
              <div class="tag t3"><i></i>最大70名まで対応（大型42名＋マイクロ28名）</div>
            </div>

            <p>
              団体でのご来店も安心。ご利用人数や送迎場所にあわせてご相談ください。<br>
              会社のお集まりや地域のお食事会にもおすすめです。
            </p>

            <div class="warn">
              ※ホットペッパーの備考欄に「バス希望」と書くだけではご予約完了になりません。<br>
              バスのご相談・ご予約は、必ずお電話でお願いいたします。
            </div>

            <div class="cta">
              <a class="btn green" href="tel:0899704129">送迎バスの相談はこちら（お電話）</a>
            </div>

            <p class="mini">※送迎は先着順です。送迎条件の詳細はご相談時にご案内いたします。</p>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== LUNCH ===== -->
    <section class="sec" id="lunch">
      <div class="sec-head">
        <h2>平日限定！お得な日替わりランチ</h2>
        <p>850円（税込）・1日50食限定。曜日ごとにうれしい特典もご用意しています。</p>
      </div>

      <div class="sec-body">
        <div class="grid2">
          <div class="shot">
            <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/2026年4月日替わりランチ.png" alt="2026年4月 日替わりランチ">
            <div class="label">4月の日替わりランチ</div>
          </div>

          <div>
            <div class="kpi">
              <div class="tag"><i></i>平日限定（11:00〜14:00）</div>
              <div class="tag t2"><i></i>850円（税込）</div>
              <div class="tag t3"><i></i>1日50食限定</div>
            </div>

            <p>
              お昼はお得に、しっかり満足。<br>
              曜日ごとのサービスもあるので、平日ランチタイムにぜひご利用ください。
            </p>

            <div class="weekday-list" aria-label="曜日別サービス">
              <div class="weekday-item">
                <div class="day">月</div>
                <div class="service">100円引き</div>
              </div>
              <div class="weekday-item">
                <div class="day">火</div>
                <div class="service">小鉢一品追加</div>
              </div>
              <div class="weekday-item">
                <div class="day">水</div>
                <div class="service">ご飯おかわり</div>
              </div>
              <div class="weekday-item">
                <div class="day">木</div>
                <div class="service">野菜おかわり</div>
              </div>
              <div class="weekday-item">
                <div class="day">金</div>
                <div class="service">メイン増量</div>
              </div>
            </div>

            <p class="mini">※日替わりランチのメインはInstagramストーリーで毎日配信しています。</p>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== STRIDER ===== -->
    <section class="sec" id="strider">
      <div class="sec-head is-green">
        <h2>4月はストライダーイベントも充実！</h2>
        <p>大会からミニイベントまで、初心者のお子さまも楽しめる内容です。</p>
      </div>

      <div class="sec-body">
        <div class="grid2">
          <div class="shot">
            <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/04/IMG_9853.jpg" alt="過去のマテラカップの様子">
            <div class="label">過去のマテラカップの様子</div>
          </div>

          <div class="shot">
            <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/第9回マテラカップチラシA4-③.png" alt="第9回マテラカップ チラシ">
            <div class="label">第9回マテラカップ スプリングステージ</div>
          </div>
        </div>

        <div class="event-cards">
          <div class="event-card">
            <div class="event-head ec1">第9回マテラカップ<br>スプリングステージ</div>
            <div class="event-body">
              <div class="kpi" style="margin-bottom:6px;">
                <div class="tag t2"><i></i>4/26（日）開催</div>
              </div>
              <p>エントリー受付中！初めてのお子さまから経験者まで楽しめる大会です。</p>
              <ul>
                <li>参加費 2,800円</li>
                <li>会場：マテラの森ストライダーコース</li>
              </ul>
              <div class="cta">
                <a class="btn green" href="https://www.materranomori.jp/archives/16980" target="_blank" rel="noopener noreferrer">マテラカップの詳細・エントリーはこちら</a>
              </div>
            </div>
          </div>

          <div class="event-card">
            <div class="event-head ec2">大会前にコース体験！<br>前日イベント開催</div>
            <div class="event-body">
              <div class="kpi" style="margin-bottom:6px;">
                <div class="tag"><i></i>4/25（土）開催</div>
              </div>
              <p>大会前にコースを体験できるチャンス。初めての方や不安な方にもおすすめです。</p>
              <ul>
                <li>参加費無料</li>
                <li>※コース利用料 1,000円</li>
              </ul>
            </div>
          </div>

          <div class="event-card">
            <div class="event-head ec3">レディ！セット！ゴー！<br>毎週日曜開催</div>
            <div class="event-body">
              <div class="kpi" style="margin-bottom:6px;">
                <div class="tag t3"><i></i>4/5・12・19（日）</div>
              </div>
              <p>気軽に参加できるミニイベント。楽しく走る体験をしてみよう！</p>
              <ul>
                <li>開催時間 12時／15時</li>
                <li>参加費無料</li>
                <li>※コース利用料 1,000円</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== PHOTO CONTEST ===== -->
    <section class="sec" id="photo">
      <div class="sec-head is-pink">
        <h2>春のわんだふるフォトコン開催！</h2>
        <p>Instagramから気軽に参加OK。春の思い出をわんちゃんと一緒に残しませんか？</p>
      </div>

      <div class="sec-body">
        <div class="grid2">
          <div class="shot">
            <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/06/⑬.jpg" alt="過去のわんだふるフォトコン投稿写真">
            <div class="label">2025年春　マテラの森賞</div>
          </div>

          <div>
            <p>
              今回のお題は2つ！<br>
              春らしい一枚も、にっこり笑顔のかわいい一枚も大歓迎です。
            </p>

            <div class="photo-topics">
              <div class="wp-block-group is-style-scroll">
                <div class="wp-block-group__inner-container">
                  <p>わんちゃんと春</p>
                </div>
              </div>

              <div class="wp-block-group is-style-scroll">
                <div class="wp-block-group__inner-container">
                  <p>わんちゃんのにっこり笑顔</p>
                </div>
              </div>
            </div>

            <div class="point pink">
              <strong>募集期間：</strong>2026年5月末まで<br>
              <strong>発表：</strong>6月中旬予定<br>
              詳細は後日Instagramにて公開いたします。
            </div>

            <div class="cta">
              <a class="btn pink" href="https://www.instagram.com/materranomori/" target="_blank" rel="noopener noreferrer">Instagramで詳細を見る</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== CALENDAR ===== -->
    <section class="sec" id="calendar">
      <div class="sec-head is-green">
        <h2>4月の開催スケジュールはこちら</h2>
        <p>イベント日程や営業予定の確認にご活用ください。</p>
      </div>

      <div class="sec-body">
        <details class="calendar-box">
          <summary>Googleカレンダーを開く</summary>
          <div class="calendar-inner">
            <p class="calendar-note">
              スマホでは横に広い表示になる場合があります。気になる日程は拡大してご確認ください。
            </p>
            <div class="calendar-embed">
              <iframe src="https://calendar.google.com/calendar/embed?height=600&#038;wkst=1&#038;bgcolor=%23ffffff&#038;ctz=Asia%2FTokyo&#038;src=support%40materranomori.jp&#038;color=%23009688&#038;src=a5abf95b246a5e0d989a9b3ba898eaca37c3f0c7fd5d62253eb058a1be664170%40group.calendar.google.com&#038;color=%230B8043&#038;src=d57ff7219db393fd1b5f63dcb75259f2e7cea2f925b69acd41e61fbf622f254d%40group.calendar.google.com&#038;color=%237B5B00&#038;src=3978d98f5eee6df544203cff9cadd47efb1a0dd79e8568610159aa0aebd237ad%40group.calendar.google.com&#038;color=%23c5221f&#038;src=19621828bd2475c6f3ce653314b4afe2c0d141cb5ae4bd635db675fbd8809bb9%40group.calendar.google.com&#038;color=%23f6bf26&#038;src=a33d89c82289cdff65aa43dba53badf2ff11d12d377f78398ca9d22b48915fff%40group.calendar.google.com&#038;color=%23f4511e&#038;src=2578312086ac484e41ffc526e58d4f2011730aea5727e0d483ef8f041083f784%40group.calendar.google.com&#038;color=%23d50000" width="100%" height="600" frameborder="0" scrolling="no" title="Googleカレンダー"></iframe>
            </div>
          </div>
        </details>
      </div>
    </section>

    <!-- ===== FOOTER ===== -->
    <div class="footer">
      <h3>4月もマテラの森で、遊びもグルメも思いっきり楽しもう！</h3>
      <ul>
        <li>団体利用は出会いガチャ応援企画でお得に！</li>
        <li>平日は日替わりランチで気軽に！</li>
        <li>ストライダーイベントやフォトコンも開催中！</li>
      </ul>
    </div>

  </div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>わんだふるフォトコン2026冬 結果発表</title>
		<link>https://www.materranomori.jp/archives/17168</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Sat, 21 Mar 2026 01:00:00 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=17168</guid>

					<description><![CDATA[わんだふるフォトコン2026冬 結果発表 Wond...]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img decoding="async" width="1536" height="1024" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果.jpg" alt="" class="wp-image-17232" srcset="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果.jpg 1536w, https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果-300x200.jpg 300w, https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果-1024x683.jpg 1024w, https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果-768x512.jpg 768w, https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果-100x67.jpg 100w, https://www.materranomori.jp/wp/wp-content/uploads/2026/03/わんだふるフォトコン結果-675x450.jpg 675w" sizes="(max-width: 1536px) 100vw, 1536px" /></figure>



<style>
/* ==============================
   余白対策
============================== */
.post-content {
  margin: 0 !important;
  padding: 0 !important;
}

.post-content .fotocon-page-winter2026 {
  font-family: "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
  color: #333;
  line-height: 1.7;
  padding-bottom: 60px;
}

/* ==============================
   背景
============================== */
.post-content .fotocon-page-winter2026 .full-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 20px 20px, rgba(255,255,255,0.9) 0 6px, transparent 7px),
    radial-gradient(circle at 80px 70px, rgba(255,255,255,0.7) 0 5px, transparent 6px),
    linear-gradient(180deg, #f7fbff 0%, #eef7ff 100%);
  background-size: 140px 140px, 140px 140px, auto;
  z-index: -1;
}

/* ==============================
   共通
============================== */
.post-content .fotocon-page-winter2026 img {
  max-width: 100%;
  height: auto;
  display: block;
}

.post-content .fotocon-page-winter2026 .container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.post-content .fotocon-page-winter2026 h2,
.post-content .fotocon-page-winter2026 h3,
.post-content .fotocon-page-winter2026 h4 {
  margin: 0;
}

.post-content .fotocon-page-winter2026 a {
  text-decoration: none;
}

/* ==============================
   ヘッダー
============================== */
.post-content .fotocon-page-winter2026 header {
  text-align: center;
  padding: 20px 20px 10px;
}

.post-content .fotocon-page-winter2026 .result-title {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 999px;
  background: rgba(255,255,255,0.88);
  box-shadow: 0 8px 24px rgba(78, 126, 170, 0.16);
  font-size: 30px;
  font-weight: 700;
  color: #2e628d;
}

.post-content .fotocon-page-winter2026 .result-sub {
  margin-top: 12px;
  font-size: 15px;
  color: #5f7d97;
}

/* ==============================
   感謝メッセージ
============================== */
.post-content .fotocon-page-winter2026 .message {
  max-width: 820px;
  margin: 30px auto 40px;
  padding: 24px 22px;
  background: rgba(255,255,255,0.9);
  border: 1px solid #dceaf7;
  border-radius: 18px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(105, 144, 179, 0.12);
}

.post-content .fotocon-page-winter2026 .message h2 {
  font-size: 1.7rem;
  color: #3a6f98;
  margin-bottom: 16px;
}

.post-content .fotocon-page-winter2026 .message p {
  margin: 0 0 10px;
}

/* ==============================
   見出し
============================== */
.post-content .fotocon-page-winter2026 .section-heading {
  text-align: center;
  margin: 40px 0 18px;
}

.post-content .fotocon-page-winter2026 .badge {
  display: inline-block;
  padding: 0.35em 0.9em;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 6px 16px rgba(88, 125, 157, 0.16);
  font-weight: 700;
  color: #3c678b;
  font-size: 1.05rem;
}

/* ==============================
   受賞カード
============================== */
.post-content .fotocon-page-winter2026 .awards {
  display: grid;
  gap: 18px;
}

.post-content .fotocon-page-winter2026 .awards.single {
  grid-template-columns: 1fr;
}

.post-content .fotocon-page-winter2026 .awards.double {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.post-content .fotocon-page-winter2026 .card {
  background: rgba(255,255,255,0.94);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(78, 126, 170, 0.14);
  position: relative;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.post-content .fotocon-page-winter2026 .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(78, 126, 170, 0.2);
}

.post-content .fotocon-page-winter2026 .ribbon {
  position: absolute;
  top: 14px;
  left: -8px;
  padding: 7px 16px;
  font-weight: 700;
  color: #fff;
  transform: skew(-12deg);
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
  z-index: 3;
}

.post-content .fotocon-page-winter2026 .ribbon.matera { background: #5c92c2; }
.post-content .fotocon-page-winter2026 .ribbon.season { background: #7bb5df; }

.post-content .fotocon-page-winter2026 .award-photo {
  position: relative;
  background: #f5fbff;
}

.post-content .fotocon-page-winter2026 .award-photo img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.post-content .fotocon-page-winter2026 .meta {
  padding: 14px 16px 18px;
}

.post-content .fotocon-page-winter2026 .dog-info {
  text-align: left;
  font-size: 1rem;
}

.post-content .fotocon-page-winter2026 .dog-info h3 {
  margin: 4px 0 6px;
  color: #355f83;
  font-size: 1.1rem;
}

.post-content .fotocon-page-winter2026 .dog-info p {
  margin: 6px 0;
}

.post-content .fotocon-page-winter2026 .dog-info hr {
  border: none;
  border-top: 1px dashed #cfdde8;
  margin: 12px 0;
}

.post-content .fotocon-page-winter2026 .author-comment {
  background: #fff8ef;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 8px;
}

.post-content .fotocon-page-winter2026 .judge-box {
  background: #eef7ff;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 8px;
}

.post-content .fotocon-page-winter2026 .judge-box h4 {
  font-size: 0.95rem;
  color: #2e628d;
  margin-bottom: 6px;
}

.post-content .fotocon-page-winter2026 .judge-box .judge-label {
  display: block;
  font-weight: 700;
  color: #51779b;
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 0.92rem;
}

/* ==============================
   賞品
============================== */
.post-content .fotocon-page-winter2026 .polaroid {
  background: #f8fbfe;
  padding: 15px 15px 42px;
  border: 4px solid #fff;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(78, 126, 170, 0.16);
  max-width: 620px;
  width: 90%;
  text-align: center;
  margin: 42px auto;
  position: relative;
}

.post-content .fotocon-page-winter2026 .polaroid h3 {
  color: #3d78a8;
  margin-bottom: 10px;
}

.post-content .fotocon-page-winter2026 .polaroid .photo-info {
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  margin-top: 10px;
}

.post-content .fotocon-page-winter2026 .polaroid .author {
  font-weight: 700;
  margin-bottom: 4px;
}

.post-content .fotocon-page-winter2026 .polaroid .award-comment {
  margin-bottom: 8px;
}

/* ==============================
   フォトギャラリー
============================== */
.post-content .fotocon-page-winter2026 .gallery-section {
  margin-top: 50px;
}

.post-content .fotocon-page-winter2026 .gallery-title {
  text-align: center;
  margin-bottom: 20px;
}

.post-content .fotocon-page-winter2026 .gallery-title h2 {
  color: #3a6f98;
  margin-bottom: 8px;
}

.post-content .fotocon-page-winter2026 .gallery-title p {
  margin: 0;
  color: #66829a;
}

.post-content .fotocon-page-winter2026 .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}

.post-content .fotocon-page-winter2026 .gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(78, 126, 170, 0.12);
  background-color: #ffffff;
  background-image:
    linear-gradient(90deg, rgba(138, 190, 235, 0.28) 20px, transparent 20px),
    linear-gradient(rgba(138, 190, 235, 0.28) 20px, transparent 20px);
  background-position: 10px 10px;
  background-size: 40px 40px;
}

.post-content .fotocon-page-winter2026 .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.post-content .fotocon-page-winter2026 .gallery-item:hover img {
  transform: scale(1.04);
}

.post-content .fotocon-page-winter2026 .comment {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  padding: 14px 14px 12px;
  background: rgba(228, 243, 255, 0.94);
  border: 1px solid #b9daf2;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.14);
  transform: rotate(-2deg);
  opacity: 0;
  transition: opacity 0.35s ease;
  border-radius: 3px;
}

.post-content .fotocon-page-winter2026 .gallery-item:hover .comment {
  opacity: 1;
}

.post-content .fotocon-page-winter2026 .comment::before {
  content: '';
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, white 15%, #d45b5b 100%);
  box-shadow: 0 2px 3px rgba(0,0,0,0.22);
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 2;
}

.post-content .fotocon-page-winter2026 .comment::after {
  content: '';
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%) rotate(-20deg);
  transform-origin: top center;
  width: 2px;
  height: 12px;
  background: silver;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 1;
}

.post-content .fotocon-page-winter2026 .gallery-item:hover .comment::before,
.post-content .fotocon-page-winter2026 .gallery-item:hover .comment::after {
  opacity: 1;
}

.post-content .fotocon-page-winter2026 .comment-body {
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 8px;
  color: #35546b;
  font-weight: 700;
}

.post-content .fotocon-page-winter2026 .comment-name {
  font-size: 12px;
  color: #5e7d95;
  font-weight: 700;
  text-align: right;
}

.post-content .fotocon-page-winter2026 .comment-lower .comment {
  top: auto;
  bottom: 18px;
}

/* ==============================
   ライトボックス
============================== */
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.84);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999 !important;
}

#lightbox img {
  max-width: 90%;
  max-height: 90%;
  display: block;
  box-shadow: 0 0 18px rgba(0,0,0,0.45);
  border-radius: 10px;
}

#lb-close {
  position: fixed;
  top: 20px;
  right: 28px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 1000000;
  display: none;
}

#lb-prev,
#lb-next {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 1000000;
  user-select: none;
  display: none;
}

#lb-prev { left: 20px; }
#lb-next { right: 20px; }

/* ==============================
   スマホ
============================== */
@media screen and (max-width: 767px) {
  .post-content {
    margin: 0 !important;
    padding: 0 !important;
  }

  .post-content .fotocon-page-winter2026 {
    padding-bottom: 40px;
  }

  .post-content .fotocon-page-winter2026 .container {
    padding: 14px;
  }

  .post-content .fotocon-page-winter2026 .result-title {
    font-size: 22px;
    padding: 10px 16px;
  }

  .post-content .fotocon-page-winter2026 .result-sub {
    font-size: 13px;
  }

  .post-content .fotocon-page-winter2026 .message {
    padding: 18px 14px;
    margin: 24px auto 30px;
  }

  .post-content .fotocon-page-winter2026 .message h2 {
    font-size: 1.35rem;
  }

  .post-content .fotocon-page-winter2026 .badge {
    font-size: 0.96rem;
  }

  .post-content .fotocon-page-winter2026 .gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .post-content .fotocon-page-winter2026 .comment {
    left: 10px;
    right: 10px;
    top: 10px;
    padding: 10px 10px 9px;
  }

  .post-content .fotocon-page-winter2026 .comment-lower .comment {
    top: 10px;
    bottom: auto;
  }

  .post-content .fotocon-page-winter2026 .comment-body {
    font-size: 12px;
  }

  .post-content .fotocon-page-winter2026 .comment-name {
    font-size: 11px;
  }

  #lightbox img {
    max-width: 95%;
    max-height: 80%;
  }

  #lb-prev,
  #lb-next {
    font-size: 38px;
  }

  #lb-prev { left: 10px; }
  #lb-next { right: 10px; }
}
</style>

<div class="fotocon-page-winter2026">
  <div class="full-bg"></div>

  <header>
    <div class="result-title">わんだふるフォトコン2026冬 結果発表</div>
    <p class="result-sub">Wonderful Photo Contest 2026 Winter</p>
  </header>

  <div class="container">

    <section class="message">
      <h2>たくさんのご応募ありがとうございました！</h2>
      <p>このたびは「マテラの森 わんだふるフォトコン2026冬」にご参加いただき、誠にありがとうございました。</p>
      <p>冬ならではの景色の中で撮影された、素敵なお写真をスタッフ一同とても楽しく拝見いたしました。</p>
      <p>厳正なる審査の結果、各賞が決定いたしましたのでここに発表いたします。</p>
      <p>これからもマテラの森で、わんちゃんとの楽しい思い出づくりを応援してまいります。</p>
    </section>

    <div class="section-heading">
      <span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2744.png" alt="❄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> マテラの森賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2744.png" alt="❄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
    </div>

    <div class="awards single">
      <article class="card">
        <span class="ribbon matera">マテラの森賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/1materasyo2026.jpg" alt="マテラの森賞 くうちゃん・らんちゃん" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：「くうちゃん・らんちゃん」</h3>
            <p><strong>投稿者様：</strong>Mayumi様</p>
            <p class="author-comment">投稿コメント：「2025.12.31 お散歩コースの神社へお礼参り。これからよろしくお願いします。」</p>
            <hr>
           <div class="judge-box">
  <h4>審査員コメント｜マテラの森スタッフより</h4>
  <p>
  まっすぐ続く参道と、くうちゃん・らんちゃんの自然な存在感が美しく重なった一枚です。
  年の締めくくりと新しい時間の始まりがやさしく伝わってきて、見ているこちらまで気持ちが整うようでした。
  これはもう、“冬のお礼参りベストパートナー賞”も同時受賞です。
  </p>
</div>
          </div>
        </div>
      </article>
    </div>

    <div class="section-heading">
      <span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2603.png" alt="☃" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 季節賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2603.png" alt="☃" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
    </div>

    <div class="awards double">
      <article class="card">
        <span class="ribbon season">季節賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/2kisetu2026.jpg" alt="季節賞 ゼウス" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：「ゼウス」</h3>
            <p><strong>投稿者様：</strong>miyu101様</p>
            <p class="author-comment">投稿コメント：「雪大好き」</p>
            <hr>
          <div class="judge-box">
  <h4>審査員コメント｜マテラの森スタッフより</h4>
  <p>
  雪の白さの中で、ゼウスくんの表情がしっかり主役になっているのが印象的でした。
  シンプルな「雪大好き」のひと言どおり、冬を楽しむ気持ちがまっすぐ伝わってきます。
  見た瞬間にテンション上昇中とわかる、元気いっぱいの一枚です。
  </p>
</div>
          </div>
        </div>
      </article>

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/3kisetu2026.jpg" alt="季節賞 よもぎちゃん" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：「よもぎちゃん」</h3>
            <p><strong>投稿者様：</strong>YOMOGI様</p>
            <p class="author-comment">投稿コメント：「白い息が出るほど寒いけど、楽しさが勝ち<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</p>
            <hr>
           <div class="judge-box">
  <h4>審査員コメント｜マテラの森スタッフより</h4>
  <p>
  冬の冷たい空気まで伝わってくるのに、それ以上に楽しさがあふれているのが素敵でした。
  寒さと笑顔が同時に写っていて、冬ならではの魅力がぎゅっと詰まっています。
  よもぎちゃんの「それでも遊ぶ！」という声が聞こえてきそうな一枚です。
  </p>
</div>
          </div>
        </div>
      </article>

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/4kisetu2026.jpg" alt="季節賞 Belle（ベル）" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：「Belle（ベル）」</h3>
            <p><strong>投稿者様：</strong>mimi様</p>
            <p class="author-comment">投稿コメント：「わんだふるフォトコン2026冬応募いたします<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" /> わんちゃん用の豚肉はまだ食べた事がないのでぜひ美味しい豚肉を食べさせてあげたいです<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f647-200d-2640-fe0f.png" alt="🙇‍♀️" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</p>
            <hr>
           <div class="judge-box">
  <h4>審査員コメント｜マテラの森スタッフより</h4>
  <p>
  写真からもコメントからも、Belleちゃんへの愛情がまっすぐ伝わってくる、
  とてもあたたかい作品でした。
  冬のやさしい空気の中に飼い主さまの思いまで感じられて、見ているこちらもほっこりします。
  こんなにかわいく見つめられたら、ごほうびをあげたくなりますね。
  </p>
</div>
          </div>
        </div>
      </article>

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <div class="award-photo">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/5kisetu2026.jpg" alt="季節賞 べる・ロッキー" class="lightbox-target">
        </div>
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：「べる・ロッキー」</h3>
            <p><strong>投稿者様：</strong>ゆ～こ様</p>
            <p class="author-comment">投稿コメント：「<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2744.png" alt="❄" class="wp-smiley" style="height: 1em; max-height: 1em;" />雪の中だとテンション上がりまくりの<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" />おふたりさん<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ワンプロが楽しすぎるですぅ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f929.png" alt="🤩" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</p>
            <hr>
         <div class="judge-box">
  <h4>審査員コメント｜マテラの森スタッフより</h4>
  <p>
  べるちゃんとロッキーくんの躍動感と仲の良さがしっかり伝わる、
  見ていて楽しくなる一枚です。
  雪景色の中で動きがいきいきと映えていて、冬ならではの高揚感があふれていました。
  これはもう、“雪の日のテンション100％コンビ”認定です。
  </p>
</div>
          </div>
        </div>
      </article>
    </div>

    <div class="polaroid">
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 各賞賞品 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h3>
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/03/%E3%83%89%E3%83%A9%E3%82%A4%E3%83%8F%E3%83%BC%E3%83%88_4-1024x739.jpg" alt="マテラ豚賞品" class="lightbox-target">
      <div class="photo-info">
        <div class="author">特典①：わんちゃん専用マテラ豚セット</div>
        <div class="award-comment">コメント：フォトコン入賞者だけが手に入る特別限定のマテラ豚です。愛犬に最高のご褒美を！</div>
        <div class="author">特典②：ドッグランフリー入場券（1日）</div>
        <div class="award-comment">コメント：マテラ豚とフリー券のセットで、愛犬の笑顔も倍増！思い出に残る1日をどうぞ。</div>
      </div>
    </div>

<section class="gallery-section">
  <div class="gallery-title">
    <h2>フォトギャラリー</h2>
    <p>ご応募いただいた素敵なお写真の一部をご紹介します。</p>
  </div>

  <div class="gallery">
    <div class="gallery-item comment-lower">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/6wandahuru.jpg" alt="モカ" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">二人でナイショ話しかな。。</div>
        <div class="comment-name">モカ</div>
      </div>
    </div>

    <div class="gallery-item">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/7wandahuru.jpg" alt="モカ" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">この景色、ぼくの特等席だよ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">モカ</div>
      </div>
    </div>

    <div class="gallery-item comment-lower">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/8wandahuru.jpg" alt="ゆず" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">冬の風を感じながら、ちょっとひと休み<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">ゆず</div>
      </div>
    </div>

    <div class="gallery-item">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/9wandahuru.jpg" alt="たろ佑・ひめ花" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">雪の日はテンションMAX！ワンプロ開幕です<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2744.png" alt="❄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">たろ佑・ひめ花</div>
      </div>
    </div>

    <div class="gallery-item comment-lower">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/10wandahuru.jpg" alt="らん" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">大根畑でらん、ランランラン<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3b5.png" alt="🎵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">らん</div>
      </div>
    </div>

    <div class="gallery-item">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/11wandahuru.jpg" alt="チョコ" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">雪の日だって元気いっぱい！遊ぶ準備OK<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">チョコ</div>
      </div>
    </div>

    <div class="gallery-item comment-lower">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/12wandahuru.jpg" alt="シンバ" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">冬の空気って気持ちいいね〜<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2603.png" alt="☃" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">シンバ</div>
      </div>
    </div>

    <div class="gallery-item">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/13wandahuru.jpg" alt="クレア" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">今日はどこまで冒険しようかな<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
        <div class="comment-name">クレア</div>
      </div>
    </div>

    <div class="gallery-item comment-lower">
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/03/14wandahuru.jpg" alt="なおと" class="lightbox-target">
      <div class="comment">
        <div class="comment-body">メリーコギスマス<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f385-1f3fb.png" alt="🎅🏻" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f384.png" alt="🎄" class="wp-smiley" style="height: 1em; max-height: 1em;" />*⋆</div>
        <div class="comment-name">なおと</div>
      </div>
    </div>
  </div>
</section>

  </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
  const targets = document.querySelectorAll(".fotocon-page-winter2026 .lightbox-target");
  const body = document.body;

  const oldLightbox = document.getElementById("lightbox");
  if (oldLightbox) oldLightbox.remove();
  const oldClose = document.getElementById("lb-close");
  if (oldClose) oldClose.remove();
  const oldPrev = document.getElementById("lb-prev");
  if (oldPrev) oldPrev.remove();
  const oldNext = document.getElementById("lb-next");
  if (oldNext) oldNext.remove();

  const lightbox = document.createElement("div");
  lightbox.id = "lightbox";
  body.appendChild(lightbox);

  const lbImg = document.createElement("img");
  lightbox.appendChild(lbImg);

  const closeBtn = document.createElement("div");
  closeBtn.id = "lb-close";
  closeBtn.textContent = "×";
  body.appendChild(closeBtn);

  const prevBtn = document.createElement("div");
  prevBtn.id = "lb-prev";
  prevBtn.textContent = "<";
  body.appendChild(prevBtn);

  const nextBtn = document.createElement("div");
  nextBtn.id = "lb-next";
  nextBtn.textContent = ">";
  body.appendChild(nextBtn);

  let currentIndex = 0;

  function showLightbox(index) {
    currentIndex = index;
    lbImg.src = targets[currentIndex].src;
    lightbox.style.display = "flex";
    closeBtn.style.display = "block";
    prevBtn.style.display = "block";
    nextBtn.style.display = "block";
    document.body.style.overflow = "hidden";
  }

  function hideLightbox() {
    lightbox.style.display = "none";
    closeBtn.style.display = "none";
    prevBtn.style.display = "none";
    nextBtn.style.display = "none";
    document.body.style.overflow = "";
  }

  targets.forEach((img, index) => {
    img.addEventListener("click", () => showLightbox(index));
  });

  closeBtn.addEventListener("click", hideLightbox);

  prevBtn.addEventListener("click", () => {
    currentIndex = (currentIndex - 1 + targets.length) % targets.length;
    lbImg.src = targets[currentIndex].src;
  });

  nextBtn.addEventListener("click", () => {
    currentIndex = (currentIndex + 1) % targets.length;
    lbImg.src = targets[currentIndex].src;
  });

  lightbox.addEventListener("click", (e) => {
    if (e.target === lightbox) hideLightbox();
  });

  document.addEventListener("keydown", function(e) {
    if (lightbox.style.display !== "flex") return;
    if (e.key === "Escape") hideLightbox();
    if (e.key === "ArrowLeft") prevBtn.click();
    if (e.key === "ArrowRight") nextBtn.click();
  });
});

document.addEventListener("DOMContentLoaded", function() {
  const galleryItems = document.querySelectorAll(".fotocon-page-winter2026 .gallery-item");

  function updateCommentPosition() {
    galleryItems.forEach(item => {
      const img = item.querySelector("img");
      const comment = item.querySelector(".comment");
      if (!img || !comment) return;

      const ratio = img.naturalWidth / img.naturalHeight;

      if (window.innerWidth > 600 && ratio > 1.2) {
        comment.style.top = "auto";
        comment.style.bottom = "18px";
      } else if (!item.classList.contains("comment-lower")) {
        comment.style.top = "18px";
        comment.style.bottom = "auto";
      }
    });
  }

  galleryItems.forEach(item => {
    const img = item.querySelector("img");
    if (!img) return;

    if (img.complete) {
      updateCommentPosition();
    } else {
      img.addEventListener("load", updateCommentPosition);
    }
  });

  window.addEventListener("resize", updateCommentPosition);
});
</script>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>2026年2月イベントのご案内</title>
		<link>https://www.materranomori.jp/archives/16464</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Wed, 28 Jan 2026 08:40:03 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ストライダー]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<category><![CDATA[バス送迎]]></category>
		<category><![CDATA[バーベキュー]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=16464</guid>

					<description><![CDATA[&#x2744;&#xfe0f; 2026年2月の...]]></description>
										<content:encoded><![CDATA[
<!-- ===== 2026年2月イベント案内（安定版：タブJS＋スマホ開閉＋メイン画像はCSSライトボックス） ===== -->
<section class="post-content" aria-label="2026年2月イベント案内">
  <div id="feb-events">

    <span id="feb-top"></span>

    <!-- タイトル -->
    <div class="feb-hero-caption">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2744.png" alt="❄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 2026年2月のイベント案内</h2>
      <p class="feb-subtitle">
        マテラの森で、<br class="br-sp">
        レースも！グルメも！お得も！ぜんぶ楽しもう♪
      </p>
    </div>

    <!-- 重要：まず見せたい情報 -->
    <div class="feb-important">
      <p class="feb-important-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> まずはココ！今月の注目</p>
      <ul>
        <li><strong>キッズレース「マテラカップ」：2/22（日）開催</strong></li>
        <li><strong>エントリー締切：2/16（月）まで</strong></li>
        <li><strong>2/21（土）スタート練習あり（マテラサーキット）</strong></li>
      </ul>
      <!-- ★ここに追加：エントリーボタン -->
      <div class="feb-cta">
        <a class="feb-btn feb-btn-primary" href="https://www.materranomori.jp/reservation">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4dd.png" alt="📝" class="wp-smiley" style="height: 1em; max-height: 1em;" /> マテラカップ エントリーはこちら
        </a>
        <a class="feb-btn feb-btn-sub" href="https://www.materranomori.jp/archives/14609">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50e.png" alt="🔎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 大会概要を見る
        </a>
        <p class="feb-cta-note">
          ※エントリー締切：2/16（月）まで
        </p>
      </div>
    </div>



    <!-- CSSライトボックス（:target） -->
    <div id="feb-lb" class="feb-lightbox" aria-label="画像拡大表示">
      <a href="#feb-top" class="feb-lightbox-bg" aria-label="閉じる（背景）"></a>

      <div class="feb-lightbox-inner" role="dialog" aria-modal="true">
        <a href="#feb-top" class="feb-lightbox-close" aria-label="閉じる">×</a>
        <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月.png"
             alt="2026年2月イベントのご案内（拡大表示）" loading="lazy">
      </div>
    </div>

    <!-- タブ -->
    <div class="feb-tabs" role="tablist" aria-label="カテゴリー選択">
      <button type="button" class="feb-tab is-active" role="tab" aria-selected="true" data-tab="play"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 参加イベント</button>
      <button type="button" class="feb-tab" role="tab" aria-selected="false" data-tab="eat"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f37d.png" alt="🍽" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 食べる</button>
      <button type="button" class="feb-tab" role="tab" aria-selected="false" data-tab="deal"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> お得情報</button>
    </div>

    <!-- ===== タブ：参加イベント ===== -->
    <div class="feb-panel is-active" role="tabpanel" data-panel="play">
      <!-- マテラカップ -->
      <article class="feb-card" id="evt-materacup">
        <div class="feb-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/materracup2026.png"
               alt="マテラカップ 2/22（日）開催（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c1.png" alt="🏁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> キッズレース「マテラカップ」</h3>
          <p class="feb-badges">
            <span>2/22（日）開催</span>
            <span>エントリー締切：2/16（月）まで</span>
            <span>詳細は画像をご確認ください</span>
          </p>
          <p>2月はキッズレース開催！<br>エントリー締切があるので、参加予定の方はお早めに♪</p>
          <!-- ★ここに追加：カード内ボタン -->
          <div class="feb-cta feb-cta-inline">
            <a class="feb-btn feb-btn-primary" href="https://www.materranomori.jp/reservation">
              <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4dd.png" alt="📝" class="wp-smiley" style="height: 1em; max-height: 1em;" /> エントリーはこちら
            </a>
            <a class="feb-btn feb-btn-sub" href="https://www.materranomori.jp/archives/14609">
              <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50e.png" alt="🔎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 大会概要
            </a>
          </div>
        </div>
      </article>

      <!-- 2/21 スタート練習 -->
      <article class="feb-card" id="evt-start-practice">
        <div class="feb-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/前日イベント.png"
               alt="2/21（土）マテラサーキットでスタート練習（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f7e6.png" alt="🟦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 2/21（土）マテラサーキットでスタート練習！</h3>
          <p class="feb-badges">
            <span>2/21（土）</span>
            <span>14:00〜（1時間程度）</span>
            <span>マテラサーキット使用料：1,000円</span>
          </p>
          <p>レース前にしっかり練習したい子におすすめ！<br>スタートのコツをつかんで本番に備えよう♪</p>
          <p class="feb-note">※内容は当日の状況により変更となる場合があります。</p>
        </div>
      </article>

      <!-- みんなでレディセットゴー -->
      <article class="feb-card" id="evt-ready-set-go">
        <div class="feb-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/みんなでレディセットゴー2.png"
               alt="2/8（日）・2/15（日）みんなでレディセットゴー（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6b2.png" alt="🚲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ストライダーのミニイベント「みんなでレディセットゴー！」</h3>
          <p class="feb-badges">
            <span>2/8（日）・2/15（日）</span>
            <span>12:00〜 / 15:00〜</span>
            <span>対象：2〜7歳</span>
            <span>参加費：無料</span>
            <span>※サーキット使用料 1,000円</span>
          </p>
          <p>大会前にいっぱい練習にきてね♪<br><strong>ミニレース＆ゲーム形式</strong>で、はじめての子も楽しく体験できます！</p>
        </div>
      </article>
    </div>

    <!-- ===== タブ：食べる ===== -->
    <div class="feb-panel" role="tabpanel" data-panel="eat">
      <article class="feb-card" id="evt-ginger-set">
        <div class="feb-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/復刻生姜焼き定食.png"
               alt="復刻 マテラ豚のしょうが焼き定食 880円（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 復刻！マテラ豚のしょうが焼き定食</h3>
          <p class="feb-badges"><span>夜でも食べれる！</span><span>880円</span></p>
          <p>「また食べたい！」の声で復刻♪<br>しっかりごはんで元気チャージ！</p>
        </div>
      </article>
    </div>

    <!-- ===== タブ：お得情報 ===== -->
    <div class="feb-panel" role="tabpanel" data-panel="deal">
      <article class="feb-card" id="evt-hotdrink">
        <div class="feb-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/火曜限定ホットドリンクサービス.png"
               alt="毎週火曜 店内飲食の方 ホットドリンク1杯無料（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2615.png" alt="☕" class="wp-smiley" style="height: 1em; max-height: 1em;" />（2月限定）毎週火曜｜ホットドリンク1杯無料</h3>
          <p class="feb-badges">
            <span>毎週火曜</span><span>店内飲食の方</span><span>11:00〜21:00（L.O.20:00）</span>
          </p>
          <p>お食事と一緒に、ほっと一息。<br>温かい一杯をどうぞ♪</p>
        </div>
      </article>

      <article class="feb-card" id="evt-valentine">
        <div class="feb-media">
          <!-- ここはバレンタイン画像URLに差し替え推奨 -->
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/バレンタインデイベント.png"
               alt="2/14（土）バレンタインデー 手作りお菓子プレゼント（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2764.png" alt="❤" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 2/14（土）バレンタインデー</h3>
          <p class="feb-badges"><span>2/14（土）</span><span>店内飲食の方</span><span>先着50名</span></p>
          <p>日頃の感謝をこめて…<br><strong>手作りお菓子</strong>をプレゼントします♪</p>
        </div>
      </article>

      <article class="feb-card" id="evt-ehime-marathon">
        <div class="feb-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/愛媛マラソンお疲れ様でした企画.png"
               alt="愛媛マラソン参加者限定 豚丼（並）750円→500円（画像内に詳細）" loading="lazy">
        </div>
        <div class="feb-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c3.png" alt="🏃" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 第63回 愛媛マラソン｜おもてなし企画</h3>
          <p class="feb-badges">
            <span>2/1〜2/28</span><span>参加者限定（ゼッケン提示）</span><span>750円 → 500円</span>
          </p>
          <p>参加者のみなさま、お疲れさまでした！<br>ゼッケン提示でお得に豚丼をどうぞ♪</p>
          <p class="feb-note"></p>
        </div>
      </article>
    </div>

  </div>
</section>

<style>
/* ===== スコープ：#feb-events のみ ===== */
#feb-events{max-width:1200px;margin:0 auto;padding:0 0 1rem;font-family:inherit}

/* タイトル */
#feb-events .feb-hero-caption{padding:.8rem 0 0}
#feb-events .feb-hero-caption h2{margin:.1rem 0 .2rem;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:900}
#feb-events .feb-hero-caption p{margin:0;color:#333;line-height:1.7}

/* 重要ボックス */
#feb-events .feb-important{
  background:#eef6ff;border:1px solid rgba(110,170,235,.55);
  border-radius:14px;padding:12px 14px;margin:12px 0 14px;
}
#feb-events .feb-important-title{margin:0 0 6px;font-weight:900;color:#1f5fa8}
#feb-events .feb-important ul{margin:0 0 6px 1.2em}
#feb-events .feb-important li{margin:3px 0}
#feb-events .feb-tap{margin:0;color:#1f5fa8;font-weight:800}

/* メイン画像 */
#feb-events .feb-hero-img{margin:10px 0 14px;text-align:center}
#feb-events .feb-hero-img img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.08)}
#feb-events .feb-hero-img figcaption{font-size:.92rem;color:#666;margin-top:6px}

/* タブ */
#feb-events .feb-tabs{display:flex;gap:.4rem;border-bottom:2px solid #e0e0e0;margin:.6rem 0 0}
#feb-events .feb-tab{
  flex:1;padding:.6rem;background:#f4f4f4;border:1px solid #ccc;border-bottom:none;
  border-radius:10px 10px 0 0;font-weight:900;cursor:pointer
}
#feb-events .feb-tab.is-active{background:#fff}
#feb-events .feb-tab:focus{outline:2px solid #2d7bd1;outline-offset:2px}

/* パネル */
#feb-events .feb-panel{display:none;background:#fff;border-radius:0 0 12px 12px;padding:.2rem 0}
#feb-events .feb-panel.is-active{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* カード */
#feb-events .feb-card{
  display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid #eee;border-radius:12px;
  overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.08);margin:.6rem 0
}
#feb-events .feb-media img{display:block;width:100%;height:auto;object-fit:cover}
#feb-events .feb-body{padding:1rem 1.2rem}
#feb-events .feb-body h3{margin:.1rem 0 .5rem;color:#1f5fa8;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.3;font-weight:900}
#feb-events .feb-body p{margin:.35rem 0;line-height:1.85;font-size:1rem;color:#222}
#feb-events .feb-badges span{
  display:inline-block;margin:.15rem .35rem .15rem 0;background:#eaf4ff;padding:.25rem .55rem;
  border-radius:999px;font-size:.9em;border:1px solid rgba(110,170,235,.45)
}
#feb-events .feb-note{font-size:.92em;color:#555}

/* スマホ：余白をなくす＋画像タップで本文開閉 */
@media (max-width:767px){
  #feb-events{margin-left:-10px;margin-right:-10px}
  #feb-events .feb-body{display:none}
  #feb-events .feb-card.open .feb-body{display:block}
}

/* PC：画像40%/本文60% */
@media (min-width:768px){
  #feb-events .feb-card{grid-template-columns:2fr 3fr}
  #feb-events .feb-body{padding:1.1rem 1.6rem;max-width:58ch}
  #feb-events .feb-body p{line-height:1.9}
}

/* ===== メイン画像：CSSライトボックス（:target）だけ ===== */
#feb-events .feb-zoom-link{display:block}

/* ふだんは非表示 */
#feb-lb.feb-lightbox{position:fixed;inset:0;display:none;z-index:9999}

/* クリックで表示 */
#feb-lb.feb-lightbox:target{display:block}

/* 背景（これがあると、画像外クリックで閉じられる） */
#feb-lb .feb-lightbox-bg{position:absolute;inset:0;background:rgba(0,0,0,.72);display:block}

/* 画像エリア：縦横比を保って、潰れない表示 */
#feb-lb .feb-lightbox-inner{
  position:relative;
  width:min(980px, 96vw);
  margin:0 auto;
  top:50%;
  transform:translateY(-50%);
  z-index:1;
}
#feb-lb .feb-lightbox-inner img{
  width:100%;
  height:auto;
  max-height:92vh;
  object-fit:contain;
  display:block;
  border-radius:12px;
  background:#fff;
}

/* 閉じるボタン */
#feb-lb .feb-lightbox-close{
  position:absolute;top:-10px;right:-10px;
  width:42px;height:42px;border-radius:999px;
  background:#fff;color:#000;text-decoration:none;
  font-size:26px;line-height:42px;text-align:center;font-weight:900;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
/* ===== CTAボタン ===== */
#feb-events .feb-cta{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
#feb-events .feb-btn{
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-weight:900;
  padding:.75rem 1rem;border-radius:999px;
  border:1px solid rgba(110,170,235,.55);
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  line-height:1.2;
}
#feb-events .feb-btn-primary{
  background:#1f5fa8;color:#fff;border-color:#1f5fa8;
}
#feb-events .feb-btn-primary:hover{filter:brightness(1.05)}
#feb-events .feb-btn-sub{
  background:#fff;color:#1f5fa8;
}
#feb-events .feb-cta-note{margin:.2rem 0 0;color:#1f5fa8;font-weight:800;font-size:.92rem}

/* カード内は少しコンパクトに */
#feb-events .feb-cta-inline .feb-btn{padding:.65rem .9rem;font-size:.98rem}

/* スマホ：ボタンを縦並びで押しやすく */
@media (max-width:767px){
  #feb-events .feb-cta{flex-direction:column}
  #feb-events .feb-btn{width:100%}
}

</style>

<script>
(function(){
  const root = document.getElementById('feb-events');
  if(!root) return;

  // タブ切替
  const tabs = root.querySelector('.feb-tabs');
  const tabBtns = Array.from(root.querySelectorAll('.feb-tab'));
  const panels = Array.from(root.querySelectorAll('.feb-panel'));

  const activate = (name)=>{
    tabBtns.forEach(b=>{
      const on = b.getAttribute('data-tab')===name;
      b.classList.toggle('is-active', on);
      b.setAttribute('aria-selected', on ? 'true':'false');
    });
    panels.forEach(p=>{
      const on = p.getAttribute('data-panel')===name;
      p.classList.toggle('is-active', on);
    });
  };

  tabs.addEventListener('click', (e)=>{
    const btn = e.target.closest('.feb-tab'); if(!btn) return;
    e.preventDefault(); activate(btn.getAttribute('data-tab'));
  });

  // スマホ：画像タップで開閉（カード本文）
  root.querySelectorAll('.feb-card').forEach(card=>{
    const media = card.querySelector('.feb-media');
    if(!media) return;
    media.setAttribute('role','button');
    media.setAttribute('aria-expanded','false');
    media.addEventListener('click', ()=>{
      if(window.innerWidth < 768){
        const opened = card.classList.toggle('open');
        media.setAttribute('aria-expanded', opened ? 'true' : 'false');
      }
    });
  });
})();
</script>



<figure class="wp-block-image size-full"><a href="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月.png"><img decoding="async" width="1041" height="1471" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月.png" alt="" class="wp-image-16555" srcset="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月.png 1041w, https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月-212x300.png 212w, https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月-725x1024.png 725w, https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月-768x1085.png 768w, https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月-71x100.png 71w, https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月-318x450.png 318w, https://www.materranomori.jp/wp/wp-content/uploads/2026/01/マテラの森イベントのご案内2026年2月-849x1200.png 849w" sizes="(max-width: 1041px) 100vw, 1041px" /></a></figure>



<iframe loading="lazy" src="https://calendar.google.com/calendar/embed?height=600&#038;wkst=1&#038;bgcolor=%23ffffff&#038;ctz=Asia%2FTokyo
&#038;src=support%40materranomori.jp&#038;color=%23009688
&#038;src=a5abf95b246a5e0d989a9b3ba898eaca37c3f0c7fd5d62253eb058a1be664170%40group.calendar.google.com&#038;color=%230B8043
&#038;src=d57ff7219db393fd1b5f63dcb75259f2e7cea2f925b69acd41e61fbf622f254d%40group.calendar.google.com&#038;color=%237B5B00
&#038;src=3978d98f5eee6df544203cff9cadd47efb1a0dd79e8568610159aa0aebd237ad%40group.calendar.google.com&#038;color=%23c5221f
&#038;src=19621828bd2475c6f3ce653314b4afe2c0d141cb5ae4bd635db675fbd8809bb9%40group.calendar.google.com&#038;color=%23f6bf26
&#038;src=a33d89c82289cdff65aa43dba53badf2ff11d12d377f78398ca9d22b48915fff%40group.calendar.google.com&#038;color=%23f4511e
&#038;src=2578312086ac484e41ffc526e58d4f2011730aea5727e0d483ef8f041083f784%40group.calendar.google.com&#038;color=%23d50000"
style="border: 0" width="100%" height="600" frameborder="0" scrolling="no">
</iframe>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ドックラン価格改定のお知らせ</title>
		<link>https://www.materranomori.jp/archives/16459</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Sun, 25 Jan 2026 08:13:15 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=16459</guid>

					<description><![CDATA[マテラの森 お知らせ ドッグラン 料金改定のお知ら...]]></description>
										<content:encoded><![CDATA[
<style>
/* ===========================
  Dogrun Price Update (WP / .post-content only)
=========================== */
.post-content .dogrun-notice{
  max-width: 860px;
  margin: 28px auto;
  font-family: "Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic","Meiryo",sans-serif;
  line-height: 1.9;
  color:#0b1220;
}
.post-content .dogrun-notice *{ box-sizing:border-box; }

.post-content .dogrun-notice .wrap{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(2,6,23,.10);
  box-shadow: 0 16px 36px rgba(0,0,0,.10);
  background: #ffffff;
}

/* header */
.post-content .dogrun-notice .head{
  background: linear-gradient(180deg,#d9281e,#c81f16);
  color:#fff;
  padding: 16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.post-content .dogrun-notice .head .brand{
  font-weight: 900;
  letter-spacing: .02em;
  font-size: 13px;
  opacity:.95;
}
.post-content .dogrun-notice .head .label{
  font-weight: 900;
  letter-spacing: .06em;
  font-size: 16px;
}

/* title block */
.post-content .dogrun-notice .body{
  padding: 18px;
}
.post-content .dogrun-notice h2{
  margin: 0 0 10px;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: 1.25;
  font-size: 22px;
}
.post-content .dogrun-notice .date-pill{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background:#0c1a36;
  color:#fff;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .06em;
  margin-left: 6px;
}
.post-content .dogrun-notice .lead{
  margin: 0 0 14px;
  color: rgba(2,6,23,.80);
  font-weight: 700;
}

/* ===== flyer (ADDED) ===== */
.post-content .dogrun-notice .flyer{
  margin: 12px 0 14px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(2,6,23,.10);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  background: #fff;
}
.post-content .dogrun-notice .flyer img{
  width: 100%;
  height: auto;
  display: block;
}
.post-content .dogrun-notice .flyer figcaption{
  padding: 10px 12px;
  font-size: 12px;
  color: rgba(2,6,23,.65);
  border-top: 1px solid rgba(2,6,23,.08);
  line-height: 1.6;
}

/* section label */
.post-content .dogrun-notice .sec{
  margin-top: 14px;
}
.post-content .dogrun-notice .sec-title{
  margin: 0 0 8px;
  font-weight: 900;
  letter-spacing: .06em;
  color:#0b1220;
  display:flex;
  align-items:center;
  gap: 10px;
}
.post-content .dogrun-notice .sec-title::before{
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #f3bc3a;
  box-shadow: 0 10px 18px rgba(243,188,58,.18);
}

/* price grid */
.post-content .dogrun-notice .price-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.post-content .dogrun-notice .price-card{
  background:#f6efd9;
  border: 1px solid rgba(2,6,23,.10);
  border-radius: 14px;
  padding: 12px 14px;
}
.post-content .dogrun-notice .price-card .k{
  margin: 0 0 4px;
  font-weight: 900;
  color:#0b1220;
}
.post-content .dogrun-notice .price-card .v{
  margin: 0;
  font-weight: 900;
  font-size: 26px;
  color:#9b1c1c;
  letter-spacing: .04em;
  line-height: 1.2;
}
.post-content .dogrun-notice .price-card .old{
  margin: 6px 0 0;
  color: rgba(2,6,23,.62);
  font-weight: 700;
  font-size: 13px;
}

/* info rows */
.post-content .dogrun-notice .info{
  display:grid;
  gap: 10px;
}
.post-content .dogrun-notice .row{
  background:#ffffff;
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 14px;
  padding: 12px 14px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
}
.post-content .dogrun-notice .row .tag{
  flex: 0 0 auto;
  font-weight: 900;
  color:#0b1220;
  background: rgba(243,188,58,.22);
  border: 1px solid rgba(243,188,58,.35);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  letter-spacing: .06em;
}
.post-content .dogrun-notice .row .val{
  margin: 0;
  font-weight: 800;
  color: rgba(2,6,23,.88);
}

/* reason */
.post-content .dogrun-notice .reason{
  margin-top: 10px;
  border-radius: 14px;
  padding: 12px 14px;
  background: linear-gradient(180deg,#0b1220,#060b16);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.10);
}
.post-content .dogrun-notice .reason p{
  margin: 0;
  font-weight: 700;
}
.post-content .dogrun-notice .reason strong{
  color:#fff1c8;
}

/* links */
.post-content .dogrun-notice .actions{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.post-content .dogrun-notice .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration:none;
  border: 1px solid rgba(2,6,23,.12);
}
.post-content .dogrun-notice .btn-primary{
  background:#d9281e;
  color:#fff;
  box-shadow: 0 14px 26px rgba(217,40,30,.22);
}
.post-content .dogrun-notice .btn-ghost{
  background:#ffffff;
  color:#0b1220;
}

/* footnotes */
.post-content .dogrun-notice .notes{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(2,6,23,.20);
  color: rgba(2,6,23,.70);
  font-size: 12px;
  line-height: 1.75;
}
.post-content .dogrun-notice .notes p{ margin: 6px 0 0; }

/* Mobile */
@media (max-width:768px){
  .post-content .dogrun-notice{
    width: 100%;
    margin: 18px 0;
  }
  .post-content .dogrun-notice .body{ padding: 14px; }
  .post-content .dogrun-notice h2{ font-size: 19px; }
  .post-content .dogrun-notice .price-grid{ grid-template-columns: 1fr; }
  .post-content .dogrun-notice .price-card .v{ font-size: 24px; }
}
</style>

<div class="dogrun-notice">
  <div class="wrap">

    <div class="head">
      <div class="brand">マテラの森</div>
      <div class="label">お知らせ</div>
    </div>

    <div class="body">
      <h2>
        ドッグラン 料金改定のお知らせ
        <span class="date-pill">2026年2月1日〜</span>
      </h2>

      <!-- ★ チラシ画像（ここを追加） -->
      <figure class="flyer">
        <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2026/01/ドッグラン料金改定のお知らせ③.png" alt="ドッグラン料金改定のお知らせ（チラシ）">
        <figcaption></figcaption>
      </figure>

      <p class="lead">
        いつもマテラの森ドッグランをご利用いただき、ありがとうございます。<br>
        2026年2月1日以降のご利用分より、料金を以下の通り改定いたします。
      </p>

      <div class="sec">
        <p class="sec-title">新料金</p>
        <div class="price-grid">
          <div class="price-card">
            <p class="k">2時間利用</p>
            <p class="v">300円</p>
            <p class="old">旧料金：200円 → 300円</p>
          </div>

          <div class="price-card">
            <p class="k">フリー（終日）</p>
            <p class="v">500円</p>
            <p class="old">旧料金：400円 → 500円</p>
          </div>
        </div>
      </div>

      <div class="sec">
        <p class="sec-title">営業時間・受付</p>
        <div class="info">
          <div class="row">
            <div class="tag">営業時間</div>
            <p class="val">9:00〜20:00</p>
          </div>
          <div class="row">
            <div class="tag">受付</div>
            <p class="val">マテラの森 フードコートカウンター</p>
          </div>
        </div>
      </div>

      <div class="sec">
        <p class="sec-title">料金改定の理由</p>
        <div class="reason">
          <p>
            夜も安心して遊べるよう、<strong>照明を追加</strong>しました。<br>
            今後も安全で快適な環境づくりのため、ご理解のほどお願いいたします。
          </p>
        </div>
      </div>

      <div class="actions">
        <a class="btn btn-primary" href="https://www.materranomori.jp/dog-run-park">ドッグランのご案内へ</a>
        <a class="btn btn-ghost" href="https://www.materranomori.jp/dog-run-park#price">料金を見る</a>
      </div>

      <div class="notes">
        <p>※本料金は2026年2月1日以降のご利用分から適用されます。</p>
      </div>

    </div>
  </div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>わんだふるフォトコン2025秋結果発表</title>
		<link>https://www.materranomori.jp/archives/15764</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Tue, 09 Dec 2025 04:27:38 +0000</pubDate>
				<category><![CDATA[ドッグラン]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=15764</guid>

					<description><![CDATA[マテラの森 わんだふるフォトコン2025秋｜結果発...]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>マテラの森 わんだふるフォトコン2025秋｜結果発表</title>

<style>
/* =========================================================
   0) 変数化：次回以降ここだけ変えれば季節対応OK
========================================================= */
:root{
  --theme-bg: url("https://www.materranomori.jp/wp/wp-content/uploads/2025/11/ityou.png");
  --color-text: #111;
  --color-title: #9a5b2e;
  --color-matera: #7a3e12;
  --color-season: #d9a441;
  --color-kosei:  #c75a2b;

  --bg-author: #fff1dd;
  --bg-judge:  #eaf4ff;
  --bg-card:   #fff;
  --bg-photo:  #f7f3ee;

  --border-soft: #d9c8b6;
  --border-message: #f1e1cf;
  --border-next: #cfe4f7;
}

/* ==============================
   背景（イチョウ）
============================== */
.fotocon-autumn-bg{
  position: fixed;
  inset: 0;
  background: var(--theme-bg) repeat;
  background-size: 120px 120px;
  z-index: -1;
}

/* 改善C：PC大画面だけ背景を少し弱める */
@media (min-width:1200px){
  .fotocon-autumn-bg{ opacity: .6; }
}

/* ==============================
   ページ全体（最終フォント/読みやすさ込み）
============================== */
.fotocon-page{
  font-family: system-ui, -apple-system, "Noto Sans JP",
               "Hiragino Sans", "Hiragino Kaku Gothic ProN",
               "Yu Gothic", Meiryo, sans-serif;
  color: var(--color-text);
  letter-spacing:.02em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  padding-bottom: 60px;
}

.fotocon-page header{
  text-align: center;
  padding: 20px 10px;
}
.fotocon-page header img{
  max-width: 100%;
  height: auto;
  display:block;
  margin:0 auto;
  border-radius:14px;
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
}

/* ==============================
   タイポグラフィ
============================== */
.fotocon-page p,
.fotocon-page li{
  font-size:16.5px;
  line-height:1.95;
  font-weight:600;
  margin:0 0 1.1em;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}

.fotocon-page h2, .fotocon-page h3{
  text-align:center;
  color: var(--color-title);
  letter-spacing:.04em;
}

.fotocon-page h2{
  font-size:22px;
  line-height:1.45;
  font-weight:800;
  margin:2.2em 0 .9em;
}
.fotocon-page h3{
  font-size:18px;
  line-height:1.6;
  font-weight:800;
  margin:1.1em 0 .6em;
}

/* バッジ */
.fotocon-page .badge{
  display:inline-block;
  padding:.2em .8em;
  border-radius:999px;
  background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,0.18);
  font-weight:700;
}

/* コンテナ */
.fotocon-page .container{
  max-width:1000px;
  margin:0 auto;
  padding:20px;
}

/* ==============================
   感謝メッセージ
============================== */
.fotocon-page .message{
  max-width:850px;
  margin:10px auto 30px;
  padding:20px;
  background:#fffdf8;
  border:2px solid var(--border-message);
  border-radius:16px;
  text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
}
.fotocon-page .message h2{
  font-size:1.6rem;
  color:#8a4b1e;
  margin:0 0 14px;
}
.fotocon-page .message p{ margin:0 0 10px; }

/* ==============================
   受賞カード共通
============================== */
.fotocon-page .awards{
  display:grid;
  gap:18px;
  /* 改善D：セクション区切りの余白 */
  margin-top: 10px;
  margin-bottom: 40px;
}
.fotocon-page .awards.matera,
.fotocon-page .awards.season,
.fotocon-page .awards.kosei{
  grid-template-columns:1fr; /* 全部ドーン */
}

.fotocon-page .card{
  background: var(--bg-card);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,0.20);
  position:relative;
  transition:transform .3s ease, box-shadow .3s ease;
}
@media (hover:hover){
  .fotocon-page .card:hover{
    transform:translateY(-3px) scale(1.02);
    box-shadow:0 18px 30px rgba(0,0,0,0.24);
  }
}

/* 写真：見切れ防止＋拡大誘導＋CLS保険 */
.fotocon-page .card img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  cursor:zoom-in;
  background: var(--bg-photo);
  aspect-ratio: 4 / 3; /* デフォルト保険 */
}

/* 改善B：縦長判定されたら比率を自動で縦に */
.fotocon-page .card img.is-portrait{
  aspect-ratio: 3 / 4;
}

/* PCだけ：写真のデカすぎ＆見切れ防止 */
@media (min-width: 900px){
  .fotocon-page .card img{
    max-height: 78vh;
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
  }
}

/* メタ領域の余白リズム統一 */
.fotocon-page .card .meta{
  padding:16px 16px 10px;
}

/* リボン */
.fotocon-page .ribbon{
  position:absolute;
  top:12px;
  left:-8px;
  padding:6px 14px;
  font-weight:700;
  color:#fff;
  transform:skew(-12deg);
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
  font-size:.95rem;
}
.fotocon-page .ribbon.matera{ background: var(--color-matera); }
.fotocon-page .ribbon.season{ background: var(--color-season); }
.fotocon-page .ribbon.kosei{  background: var(--color-kosei); }

/* ==============================
   犬情報＆コメント
============================== */
.fotocon-page .dog-info{
  margin-top:12px;
  line-height:1.6;
  text-align:left;
  max-width:36em;
  margin-left:auto;
  margin-right:auto;
}
.fotocon-page .dog-info h3{ margin:4px 0; }
.fotocon-page .dog-info p{ margin:6px 0; }
.fotocon-page .dog-info hr{
  border:none;
  border-top:1px dashed var(--border-soft);
  margin:10px 0;
}
.fotocon-page .dog-info h3:first-of-type{ margin-top:0; }

/* 投稿者コメント */
.fotocon-page p.author-comment{
  background: var(--bg-author);
  font-weight:700;
  line-height:1.9;
  padding:6px 8px;
  border-radius:6px;
}

/* 審査員コメント */
.fotocon-page p.judge-comment{
  background: var(--bg-judge);
  font-size:16px;
  font-weight:600;
  line-height:1.95;
  color: var(--color-text);
  padding:12px 14px;
  border-radius:8px;
  font-style:normal;
}

/* brは基本無効、必要ならsoftだけ効かせる */
.fotocon-page p.judge-comment br{ display:none; }
.fotocon-page p.judge-comment br.soft{ display:block; }

/* ==============================
   次回案内（冬らしいブルー）
============================== */
.fotocon-page .next-box{
  max-width:850px;
  margin:40px auto 0;
  padding:18px;
  background:#fff;
  border:2px solid var(--border-next);
  border-radius:14px;
  box-shadow:0 6px 16px rgba(0,0,0,0.10);
  text-align:center;
}
.fotocon-page .next-box h3{
  color:#1f5f9e;
  margin-top:0;
}
.fotocon-page .next-link{
  display:inline-block;
  margin-top:8px;
  padding:12px 18px;
  background:linear-gradient(135deg,#9fd3ff,#3b82f6);
  color:#fff;
  font-weight:700;
  border-radius:999px;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(0,0,0,0.18);
  transition:.2s ease;
}
.fotocon-page .next-link:hover{
  transform:translateY(-2px);
  opacity:.95;
}

/* ==============================
   スマホ最適化＆余白対策
============================== */
@media (max-width:600px){
  .fotocon-page .container{ padding:12px; }
  .fotocon-page p, .fotocon-page li{
    font-size:16px;
    line-height:2.0;
  }
  .fotocon-page p.judge-comment,
  .fotocon-page p.author-comment{
    font-size:15.8px;
    line-height:2.0;
  }
}

/* WP余白対策 */
.post-content .fotocon-page{ margin:0 !important; }
.post-content .fotocon-page *{ box-sizing:border-box; }

/* ==============================
   ライトボックスの案内ラベル
============================== */
#fotocon-lb-hint{
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.03em;
  opacity:.9;
  background: rgba(0,0,0,.35);
  padding:8px 12px;
  border-radius:999px;
  z-index:2147483647 !important;
  display:none;
  user-select:none;
}
</style>
</head>

<body>
<div class="fotocon-autumn-bg"></div>

<div class="fotocon-page">
  <header>
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/kekka.png" alt="わんだふるフォトコン2025秋 結果発表">
  </header>

  <div class="container">

    <section class="message">
      <h2>たくさんのご応募ありがとうございました！</h2>
      <p>このたびは「マテラの森 わんだふるフォトコン2025秋」にご参加いただき、誠にありがとうございました。</p>
      <p>紅葉の彩りや秋風の心地よさ、わんちゃんたちの“秋の表情”がつまったお写真に、スタッフ一同ほっこりさせていただきました。</p>
      <p>厳正なる審査の結果、各賞が決定しましたので発表いたします。</p>
    </section>

    <h2>結果発表</h2>

    <!-- マテラの森賞 -->
    <h2><span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f333.png" alt="🌳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> マテラの森賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f333.png" alt="🌳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
    <div class="awards matera">
      <article class="card">
        <span class="ribbon matera">マテラの森賞</span>
        <img loading="lazy" decoding="async"
             src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/materasyou.jpg"
             alt="マテラの森賞 受賞作品">
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：べる（ラフ・コリー）／チョコ（シェルティ）</h3>
            <p class="author-comment" aria-label="投稿者コメント">
              投稿者コメント：「面河ダム公園に行きました<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270b.png" alt="✋" class="wp-smiley" style="height: 1em; max-height: 1em;" />⁡【イチョウの黄色と、モミジの赤とのコントラストが最高ですぅ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" />】」
            </p>
            <hr>
            <h3>審査員コメント：「秋色ツインズ、参上！」</h3>
            <p class="judge-comment" aria-label="審査員コメント">
              黄金のイチョウと真っ赤なモミジ、その美しい“秋の二重奏”の中で、わんちゃんのブラウンがふんわりと浮き立つ一枚。
              紅葉のグラデーションが背景を彩り、仲良く寄り添う姿がいっそう引き立っています。
              そして視線の先には、きっと大好きなご主人。そこへ駆け寄ろうとするような空気感が伝わってきて、見ているこちらまであたたかい気持ちに。
              秋の景色とわんちゃんたちの優しい表情がぴたりと重なった、ダブル主演の素敵な作品でした<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f342.png" alt="🍂" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />
            </p>
          </div>
        </div>
      </article>
    </div>

    <!-- 季節賞 -->
    <h2><span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 季節賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
    <div class="awards season">

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <img loading="lazy" decoding="async"
             src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/kisetu1.jpg"
             alt="季節賞1">
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：choco</h3>
            <p class="author-comment" aria-label="投稿者コメント">
              投稿者コメント：「秋に入り旅行に行った時の写真です。暑さも和らぎ楽しく過ごせました。どうぞよろしくお願い致します」
            </p>
            <hr>
            <h3>審査員コメント：「“秋旅スマイル”いただきました！」</h3>
            <p class="judge-comment" aria-label="審査員コメント">
              「好きなものを持って、元気に秋旅へ！」そんな声が聞こえてきそうな、のびのび笑顔の一枚。
              暑さが和らいだ秋の空気を全身で感じながら、旅先の景色を楽しんでいる様子が伝わってきます。
              きっと chocoちゃんにとっても、心に残る秋の思い出になったはず。
              “風邪ひくなよ〜”なんて言いながら歩いてる姿が目に浮かぶ、ほっこり幸せ旅ショットでした<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" />
            </p>
          </div>
        </div>
      </article>

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <img loading="lazy" decoding="async"
             src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/kisetu2.jpg"
             alt="季節賞2">
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：里喜（リキ）くん（3歳10ヶ月）</h3>
            <p class="author-comment" aria-label="投稿者コメント">
              投稿者コメント：「秋のいいにおい〜」
            </p>
            <hr>
            <h3>審査員コメント：「コスモス香る、秋のごきげんスマイル」</h3>
            <p class="judge-comment" aria-label="審査員コメント">
              コスモスが揺れるやわらかな秋の景色の中で、リキくんの笑顔がぱっと咲いたような一枚。
              目を細めて風と香りをまるごと楽しんでいる表情に、「秋のいいにおい〜」の一言がぴったり重なります。
              花のやさしい色合いとリキくんの白い毛並みが相性抜群で、見ているだけでこちらまで幸せ気分に<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" />
              秋のコスモス畑で味わう“ごほうび時間”、最高ですね！
            </p>
          </div>
        </div>
      </article>

      <article class="card">
        <span class="ribbon season">季節賞</span>
        <img loading="lazy" decoding="async"
             src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/kisetu3.jpg"
             alt="季節賞3">
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：ゆずちゃん（ミニチュアダックスフンド）</h3>
            <p class="author-comment" aria-label="投稿者コメント">
              投稿者コメント：「涼しい秋の風と紅葉<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" />おさんぽ楽しいな<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /> よろしくお願いします<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60a.png" alt="😊" class="wp-smiley" style="height: 1em; max-height: 1em;" />」
            </p>
            <hr>
            <h3>審査員コメント：「石畳ランウェイの秋さんぽ♪」</h3>
            <p class="judge-comment" aria-label="審査員コメント">
              しっとりとした石畳のひんやり感と、奥に広がる紅葉のあたたかな色合い。
              その対比が、秋ならではの涼しさや季節の移り変わりをそっと教えてくれる一枚です。
              ゆずちゃんのやさしい表情も相まって、静かな秋のおさんぽ時間が心地よく伝わってきます。
              足元から季節を感じる、穏やかで素敵な“秋さんぽショット”でした<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f34a.png" alt="🍊" class="wp-smiley" style="height: 1em; max-height: 1em;" />
            </p>
          </div>
        </div>
      </article>

    </div>

    <!-- 個性派賞 -->
    <h2><span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 個性派賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
    <div class="awards kosei">
      <article class="card">
        <span class="ribbon kosei">個性派賞</span>
        <img loading="lazy" decoding="async"
             src="https://www.materranomori.jp/wp/wp-content/uploads/2025/11/kosei1.jpg"
             alt="個性派賞1">
        <div class="meta">
          <div class="dog-info">
            <h3>わんちゃん名前：モカちゃん（コーギー／9歳）</h3>
            <p class="author-comment" aria-label="投稿者コメント">
              投稿者コメント：「コスモス畑でかくれんぼ(*^^*) 上手に隠れてるでしょ？ドヤ顔で隠れてる顔がかわいい めちゃくちゃ見えてますよ〜」
            </p>
            <hr>
            <h3>審査員コメント：「かくれんぼ界の“見えてる王”」</h3>
            <p class="judge-comment" aria-label="審査員コメント">
              上手に隠れている“つもり”なのに……しっかり見えてる！
              その堂々とした隠れっぷりとドヤ顔が可愛すぎて、審査員一同つい笑ってしまいました。
              コスモスの可憐な雰囲気と、モカちゃんの“かくれんぼスタイル”のギャップがクセになる名シーン。
              「隠してもダメですよ〜」とツッコミたくなる、秋のほっこり個性派ショットに拍手です<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f338.png" alt="🌸" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />
            </p>
          </div>
        </div>
      </article>
    </div>

    <!-- 次回案内 -->
    <section class="next-box">
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 次回「わんだふるフォトコン2026冬」も開催します！</h3>
      <p>
        2026年2月末まで写真を募集予定です。<br>
        冬のマテラの森での思い出や、わんちゃんとのとっておきの一枚をお待ちしています<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" />
      </p>
      <a class="next-link" href="●●●●●●●●●●●●●●●●●●●●●●●●" target="_blank" rel="noopener">
        わんだふるフォトコン2026冬 概要ページ準備中
      </a>
    </section>

  </div>
</div>

<!-- ライトボックスのガイド -->
<div id="fotocon-lb-hint">タップで閉じる／左右スワイプで次の写真</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
  const imgs = document.querySelectorAll(".fotocon-page .card img");
  const list = Array.from(imgs);
  let currentIndex = 0;

  /* ============================
     改善B：
     画像縦長判定 → aspect-ratio切替
  ============================ */
  list.forEach(img => {
    const temp = new Image();
    temp.src = img.src;
    temp.onload = () => {
      if (temp.naturalHeight > temp.naturalWidth * 1.15) {
        img.classList.add("is-portrait");
      }
    };
  });

  /* ============================
     ライトボックス（body直下・最高z-index）
  ============================ */
  const lb = document.createElement("div");
  lb.id = "fotocon-lightbox";
  lb.setAttribute("role", "dialog");
  lb.setAttribute("aria-modal", "true");
  lb.style.cssText = `
    position:fixed; inset:0; background:rgba(0,0,0,.86);
    display:none; justify-content:center; align-items:center;
    z-index:2147483647 !important;
  `;

  const lbImg = document.createElement("img");
  lbImg.alt = "拡大表示";
  lbImg.style.cssText = `
    max-width:92vw; max-height:92vh; border-radius:10px;
    box-shadow:0 0 18px rgba(0,0,0,.6);
    touch-action: pan-y;
  `;
  lb.appendChild(lbImg);
  document.body.appendChild(lb);

  const hint = document.getElementById("fotocon-lb-hint");

  const closeBtn = document.createElement("button");
  closeBtn.id = "fotocon-lightbox-close";
  closeBtn.textContent = "×";
  closeBtn.setAttribute("aria-label", "閉じる");
  closeBtn.style.cssText = `
    position:fixed; top:18px; right:22px; font-size:32px; color:#fff;
    background:transparent; border:none; cursor:pointer;
    z-index:2147483647 !important; display:none;
  `;
  document.body.appendChild(closeBtn);

  const prevBtn = document.createElement("button");
  prevBtn.id = "fotocon-lightbox-prev";
  prevBtn.textContent = "‹";
  prevBtn.setAttribute("aria-label", "前の写真");
  prevBtn.style.cssText = `
    position:fixed; top:50%; left:10px; transform:translateY(-50%);
    font-size:54px; color:#fff; background:transparent; border:none;
    cursor:pointer; user-select:none;
    z-index:2147483647 !important; display:none; padding:.2em .35em;
  `;
  document.body.appendChild(prevBtn);

  const nextBtn = document.createElement("button");
  nextBtn.id = "fotocon-lightbox-next";
  nextBtn.textContent = "›";
  nextBtn.setAttribute("aria-label", "次の写真");
  nextBtn.style.cssText = `
    position:fixed; top:50%; right:10px; transform:translateY(-50%);
    font-size:54px; color:#fff; background:transparent; border:none;
    cursor:pointer; user-select:none;
    z-index:2147483647 !important; display:none; padding:.2em .35em;
  `;
  document.body.appendChild(nextBtn);

  /* 改善A：スマホだけ矢印小さめ */
  const mobileArrowStyle = document.createElement("style");
  mobileArrowStyle.textContent = `
    @media (max-width:600px){
      #fotocon-lightbox-prev, #fotocon-lightbox-next{
        font-size:40px !important;
      }
    }
  `;
  document.head.appendChild(mobileArrowStyle);

  /* ============================
     改善E：フォーカストラップ簡易版
  ============================ */
  const focusables = () => [closeBtn, prevBtn, nextBtn].filter(el => el.style.display !== "none");
  let lastFocused = null;

  function trapFocus(e){
    if(lb.style.display !== "flex") return;
    if(e.key !== "Tab") return;

    const items = focusables();
    if(!items.length) return;

    const first = items[0];
    const last = items[items.length - 1];

    if(e.shiftKey && document.activeElement === first){
      e.preventDefault();
      last.focus();
    } else if(!e.shiftKey && document.activeElement === last){
      e.preventDefault();
      first.focus();
    }
  }

  function show(index){
    currentIndex = index;
    lbImg.src = list[currentIndex].src;

    lastFocused = document.activeElement;

    lb.style.display = "flex";
    closeBtn.style.display = "block";
    prevBtn.style.display = "block";
    nextBtn.style.display = "block";
    hint.style.display = "block";
    document.body.style.overflow = "hidden";

    closeBtn.focus(); // 最初に閉じるへフォーカス
    document.addEventListener("keydown", trapFocus);
  }

  function hide(){
    lb.style.display = "none";
    closeBtn.style.display = "none";
    prevBtn.style.display = "none";
    nextBtn.style.display = "none";
    hint.style.display = "none";
    document.body.style.overflow = "";
    document.removeEventListener("keydown", trapFocus);

    if(lastFocused) lastFocused.focus();
  }

  function prev(){
    currentIndex = (currentIndex - 1 + list.length) % list.length;
    lbImg.src = list[currentIndex].src;
  }

  function next(){
    currentIndex = (currentIndex + 1) % list.length;
    lbImg.src = list[currentIndex].src;
  }

  list.forEach((img, i)=> img.addEventListener("click", ()=>show(i)));
  closeBtn.addEventListener("click", hide);
  lb.addEventListener("click", (e)=>{ if(e.target===lb) hide(); });

  prevBtn.addEventListener("click", prev);
  nextBtn.addEventListener("click", next);

  // キーボード対応
  document.addEventListener("keydown", (e)=>{
    if(lb.style.display !== "flex") return;
    if(e.key === "Escape") hide();
    if(e.key === "ArrowLeft") prev();
    if(e.key === "ArrowRight") next();
  });

  /* ============================
     スマホ左右スワイプ対応（既存）
  ============================ */
  let startX = 0;
  let endX = 0;

  lbImg.addEventListener("touchstart", (e)=>{
    startX = e.changedTouches[0].clientX;
  }, {passive:true});

  lbImg.addEventListener("touchend", (e)=>{
    endX = e.changedTouches[0].clientX;
    const diff = endX - startX;
    if(Math.abs(diff) < 40) return;
    if(diff > 0) prev();
    else next();
  }, {passive:true});
});
</script>
</body>
</html>

]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>2025年11月イベントのご案内</title>
		<link>https://www.materranomori.jp/archives/14955</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Wed, 22 Oct 2025 03:09:44 +0000</pubDate>
				<category><![CDATA[イベント情報]]></category>
		<category><![CDATA[ストライダー]]></category>
		<category><![CDATA[ドッグラン]]></category>
		<category><![CDATA[バーベキュー]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=14955</guid>

					<description><![CDATA[&#x1f342; 11月のワクワクイベント 家族...]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><a href="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3.png"><img decoding="async" width="1052" height="1471" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3.png" alt="" class="wp-image-15140" srcset="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3.png 1052w, https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3-215x300.png 215w, https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3-732x1024.png 732w, https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3-768x1074.png 768w, https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3-72x100.png 72w, https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3-322x450.png 322w, https://www.materranomori.jp/wp/wp-content/uploads/2025/10/マテラの森イベントのご案内2025年11月-a3-858x1200.png 858w" sizes="(max-width: 1052px) 100vw, 1052px" /></a></figure>



<!-- ===== 2025年11月イベント案内（整頓版：タブ/ヒーロー/カード統一/付箋） ===== -->
<section class="post-content" aria-label="11月イベント案内">
  <div id="nov-events">
    <!-- ヒーロー（WordPressアプリで挿入するため、この<figure>は削除） -->

    <div class="nov-hero-caption">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f342.png" alt="🍂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 11月のワクワクイベント</h2>
      <p class="nov-subtitle">家族で1日まるっと遊べる11月。<br class="br-sp">レース・体験・グルメ・お得が集合</p>
    </div>

    <!-- タブ -->
    <div class="nov-tabs" role="tablist" aria-label="カテゴリー選択">
      <button type="button" class="nov-tab is-active" role="tab" aria-selected="true" data-tab="play"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c1.png" alt="🏁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 見て・遊ぶ</button>
      <button type="button" class="nov-tab" role="tab" aria-selected="false" data-tab="eat"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f37d.png" alt="🍽" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 食べる</button>
      <button type="button" class="nov-tab" role="tab" aria-selected="false" data-tab="deal"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> お得情報</button>
    </div>

    <!-- ===== タブ：見て・遊ぶ ===== -->
    <div class="nov-panel is-active" role="tabpanel" data-panel="play">
      <!-- 11/8 前日イベント -->
      <article class="nov-card" id="evt-enjoy-eve">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/エンジョイカップをもっとエンジョイ！前日.png"
               alt="11/8 前日イベント" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6b2.png" alt="🚲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> エンジョイカップをもっとエンジョイ！！前日イベント</h3>
          <p class="nov-badges"><span>11/8(土)</span><span>時間未定</span><span>エントリー不要</span><span>サーキット使用料 1,000円/日</span></p>
          <p>エンジョイカップ本戦に参加しない子でも大丈夫！ミニレース＆ゲーム形式で、初めてでもOK！ <strong>対象：2〜6才</strong>。当日参加で気軽に盛り上がろう！</p>
        </div>
      </article>

      <!-- 11/9 本戦（※キッチンカーは別イベントで下に配置） -->
      <article class="nov-card" id="evt-enjoycup">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/エンジョイカップ20251109チラシa4.png"
               alt="11/9 エンジョイカップ本戦" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 11/9(日) エンジョイカップ本戦｜マテラサーキットステージ</h3>
          <p class="nov-badges"><span>11/9(日)</span><span>事前エントリー必要</span><span>観戦も歓迎</span></p>
          <p>会場ではダンスタイムや観戦コンテンツも！家族みんなで“レースの一日”を楽しもう。</p>
          <p><a href="https://strider-enjoycup.jp/race/20251109_materra/index.html" target="_blank" rel="noopener" class="nov-btn">エントリー・大会詳細</a></p>
        </div>
      </article>

      <!-- 11/9(日) キッチンカー集合（カード統一＋本文内 付箋4社） -->
      <article class="nov-card" id="kitchencar">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/他社キッチンカー集合.png"
               alt="11/9(日) キッチンカー集合" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f69a.png" alt="🚚" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 11/9(日) キッチンカー集合！</h3>
          <p class="nov-badges"><span>11/9(日)</span><span>会場：マテラの森</span></p>
          <p>人気のキッチンカーがマテラの森に大集合！レース観戦の合間に、美味しいグルメや縁日気分を楽しもう。</p>

          <!-- 付箋（横長＋テープ留め）×4社 -->
          <div class="nov-sticky-list">
            <!-- いちご日和 -->
            <article class="nov-sticky">
              <span class="nov-tape" aria-hidden="true"></span>
              <img decoding="async" class="nov-sticky-thumb" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/IMG_6661.jpg" alt="いちご日和">
              <div class="nov-sticky-body">
                <h4 class="nov-sticky-name"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f353.png" alt="🍓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> いちご日和</h4>
                <p class="nov-sticky-desc">愛媛県産いちごのスムージーが人気！</p>
                <a href="https://www.instagram.com/ichigobiyori15/" target="_blank" rel="noopener" class="nov-sticky-link">Instagram</a>
              </div>
            </article>

            <!-- みちくさ縁日 -->
            <article class="nov-sticky">
              <span class="nov-tape" aria-hidden="true"></span>
              <img decoding="async" class="nov-sticky-thumb" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/IMG_6664.jpg" alt="みちくさ縁日">
              <div class="nov-sticky-body">
                <h4 class="nov-sticky-name"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> みちくさ縁日</h4>
                <p class="nov-sticky-desc">射的＆輪投げでお祭り気分！</p>
                <a href="https://www.instagram.com/michikusa53/" target="_blank" rel="noopener" class="nov-sticky-link">Instagram</a>
              </div>
            </article>

            <!-- Sorte -->
            <article class="nov-sticky">
              <span class="nov-tape" aria-hidden="true"></span>
              <img decoding="async" class="nov-sticky-thumb" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/IMG_6667.jpg" alt="Sorte（ソルテ）">
              <div class="nov-sticky-body">
                <h4 class="nov-sticky-name"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f96f.png" alt="🥯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sorte（ソルテ）</h4>
                <p class="nov-sticky-desc">昔懐かしい揚げパン＆ドリンク。</p>
                <a href="https://www.instagram.com/sorte_foodtruck/" target="_blank" rel="noopener" class="nov-sticky-link">Instagram</a>
              </div>
            </article>

            <!-- HIDAMARI -->
            <article class="nov-sticky">
              <span class="nov-tape" aria-hidden="true"></span>
              <img decoding="async" class="nov-sticky-thumb" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/IMG_6670.jpg" alt="HIDAMARI">
              <div class="nov-sticky-body">
                <h4 class="nov-sticky-name"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f366.png" alt="🍦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> HIDAMARI</h4>
                <p class="nov-sticky-desc">濃厚バニラ＆〈あげソフ〉が人気！</p>
                <a href="https://www.instagram.com/hidamari.kuma/" target="_blank" rel="noopener" class="nov-sticky-link">Instagram</a>
              </div>
            </article>
          </div>
        </div>
      </article>

      <!-- 11/3　みんなでレディセットゴー！ -->
      <article class="nov-card" id="evt-enjoy-eve">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/みんなでレディセットゴー2.png"
               alt="レディ、セット、ゴー！！" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6b2.png" alt="🚲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> みんなで、レディ、セット、ゴー！！</h3>
          <p class="nov-badges"><span>11/3(祝・月)</span><span>12:00〜、15:00～(各約30分)</span><span>エントリー不要</span><span>サーキット使用料 1,000円/日</span></p>
          <p>ミニレース＆ゲーム形式で、初めてでもOK！ <strong>対象：2〜6才</strong>。当日参加で気軽に盛り上がろう！</p>
        </div>
      </article>

      <!-- 11/24 あひるくん -->
      <article class="nov-card" id="evt-ahiru">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/ahiru.png" alt="11/24 あひるくんを探せ！" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f986.png" alt="🦆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 11/24(月・祝) あひるくんを探せ！</h3>
          <p class="nov-badges"><span>11/24(月・祝)</span><span>当日受付</span><span>無料</span></p>
          <p>当日朝はフードコート、<strong>13:30以降は公園入口前</strong>で受付。</p>
          <p>14:00～　約15分程度</p>
          <p><a href="https://www.materranomori.jp/archives/13424" target="_blank" rel="noopener" class="nov-btn">詳しく見る</a></p>
        </div>
      </article>
    </div>

    <!-- ===== タブ：食べる ===== -->
    <div class="nov-panel" role="tabpanel" data-panel="eat">
    <!-- LINEクーポン限定：平日食べ放題 10％OFF（食べるタブ内、evt-lunch の直後に貼り付け） -->
    <article class="nov-card" id="evt-buffet-line">
      <div class="nov-media">
        <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/LINE食べ放題10％OFF-A4.png"
         alt="LINEクーポン限定｜平日食べ放題 10％OFF" loading="lazy">
      </div>
      <div class="nov-body">
        <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f374.png" alt="🍴" class="wp-smiley" style="height: 1em; max-height: 1em;" /> LINEクーポン限定｜平日食べ飲み放題 <strong>10％OFF</strong></h3>
        <p class="nov-badges">
        <span>平日限定</span><span>LINEクーポン</span><span>フードコート</span>
      </p>
      <p>LINE友だち配信のクーポン提示で、平日限定の食べ飲み放題コース大人（シニア含む）が<strong>10％OFF</strong>になります。</p>
      <p class="nov-note">※他割引との併用不可／会計前のご提示をお願いします。</p>
      <p><a href="https://page.line.me/?accountId=005whkxv" target="_blank" rel="noopener" class="nov-btn">LINEお友だち登録</a></p>
      </div>
    </article>

      <!-- 得得ランチ -->
      <article class="nov-card" id="evt-lunch">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/higawari850.png" alt="平日得得ランチ 850円" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f37d.png" alt="🍽" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 平日“日替わりランチ” 850円</h3>
          <p class="nov-badges"><span>平日限定</span><span>11:00–14:00</span><span>限定50食</span></p>
          <p>旬の食材で満足感UP！日替わりメニューはInstagramでチェック。</p>
          <p><a href="https://www.instagram.com/materranomori/" target="_blank" rel="noopener" class="nov-btn">今日のメニューを見る</a></p>
        </div>
      </article>

<!-- 肉の日（リッチ版） -->
<article class="nov-card" id="evt-niku">
  <div class="nov-media">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/07/肉の日pop.png" alt="11/29 肉の日" loading="lazy">
  </div>
  <div class="nov-body">
    <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f969.png" alt="🥩" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 11/29(土) 肉の日｜豚丼お肉2枚増量</h3>
    <p class="nov-badges">
      <span>11/29(土)</span>
      <span>当日OK</span>
      <span>数量限定</span>
      <span>精肉特売あり</span>
      <span>テイクアウト可</span>
    </p>

    <p>
      月イチ恒例の<strong>「肉の日」</strong>は、名物・豚丼の“お肉増量デー”。<br>
      いつものジューシーな<strong>マテラ豚</strong>を<strong>＋2枚増量</strong>でご提供します。香ばしく焼き上げたお肉に
      特製だれを絡め、食欲を直撃する一杯に。ご家族やお友達とシェアしても満足感たっぷりです。
    </p>

    <ul class="nov-list">
      <li><strong>増量対象：</strong>豚丼（並・大・特盛いずれも対象）</li>
      <li><strong>テイクアウト：</strong>店頭でご注文OK。混雑時はお時間をいただく場合があります。</li>
      <li><strong>精肉特売：</strong>同日、精肉コーナーでも“肉の日”特価を展開（肩ロース／バラ／切り落とし 等）。ご家庭用のまとめ買いに。</li>
    </ul>

  </div>
</article>

    </div>

    <!-- ===== タブ：お得情報 ===== -->
    <div class="nov-panel" role="tabpanel" data-panel="deal">
      <!-- わんわんわんだふるデー！（お得情報内） -->
      <article class="nov-card" id="wanwan-wonderful-day">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/わんわんイベント.png"
               alt="わんわんわんだふるデー！ドッグラン" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" /> わんわんわんだふるデー！</h3>
          <p class="nov-badges">
            <span>11/1(土)</span><span>11/11(火)</span><span>11/21(金)</span>
            <span>ドッグラン 100円／2時間</span>
          </p>
          <p>通常 <strong>200円／2時間</strong> のドッグランが、対象日は <strong>半額の100円／2時間</strong> に！この機会にマテラの森のドッグランをお得にお楽しみください。</p>
          <ul class="nov-list">
            <li>ご利用には<strong>会員登録</strong>が必要です。</li>
            <li>登録に必要なもの：<strong>狂犬病接種日が分かる証明書</strong>／<strong>飼い主さまの身分証明書</strong></li>
            <li>フードコート内の受付で会員証を発行します。上記2点をお持ちください。</li>
          </ul>
        </div>
      </article>

      <!-- LINEクーポン -->
      <article class="nov-card" id="evt-line">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/10/LINEがお得.png" alt="11月LINEクーポン" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 11月LINEクーポン</h3>
          <p class="nov-badges"><span>11/1〜11/30</span><span>各クーポン1名/1匹まで</span></p>
          <ul class="nov-list">
            <li>平日食べ飲み放題コース <strong>10％OFF</strong></li>
            <li>平日ドッグラン <strong>100円引き</strong></li>
            <li>ストライダー本体購入でコース無料チケット<strong>3枚</strong>（SPORT／PRO／14X）</li>
            <li>テイクアウト豚丼(並) <strong>50円引き</strong></li>
          </ul>
          <p class="nov-note">※会計後の提示は返金いたしかねます。</p>
          <p><a href="https://page.line.me/?accountId=005whkxv" target="_blank" rel="noopener" class="nov-btn">LINEお友だち登録</a></p>
        </div>
      </article>

      <!-- 送迎バス -->
      <article class="nov-card" id="evt-bus">
        <div class="nov-media">
          <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/バス送迎のチラシ秋.png" alt="送迎バスのご案内" loading="lazy">
        </div>
        <div class="nov-body">
          <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f68c.png" alt="🚌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 送迎バスでラクラク</h3>
          <p class="nov-badges"><span>要予約</span><span>大人10名〜</span><span>LINEクーポンで半額も</span></p>
          <p>松山市周辺エリアから安心アクセス。事前にお電話でご予約ください。</p>
          <p><a href="https://www.materranomori.jp/archives/7464" target="_blank" rel="noopener" class="nov-btn">詳しく見る</a></p>
        </div>
      </article>
    </div>
  </div>
</section>

<style>
/* ===== スコープ：#nov-events のみ ===== */
#nov-events{max-width:1200px;margin:0 auto;padding:0 0 1rem;font-family:sans-serif}
#nov-events .nov-hero{margin:0}
#nov-events .nov-hero img{display:block;width:100%;height:auto}
#nov-events .nov-hero-caption{padding:.8rem 0 0}
#nov-events .nov-hero-caption h2{margin:.1rem 0 .2rem;font-size:clamp(1.3rem,2.5vw,1.8rem)}
#nov-events .nov-hero-caption p{margin:0;color:#333;line-height:1.6}

/* タブ */
#nov-events .nov-tabs{display:flex;gap:.4rem;border-bottom:2px solid #e0e0e0;margin:.6rem 0 0}
#nov-events .nov-tab{flex:1;padding:.6rem;background:#eee;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;font-weight:700;cursor:pointer}
#nov-events .nov-tab.is-active{background:#fff}
#nov-events .nov-tab:focus{outline:2px solid #4caf50;outline-offset:2px}

/* パネル */
#nov-events .nov-panel{display:none;background:#fff;border-radius:0 0 12px 12px;padding:.2rem 0}
#nov-events .nov-panel.is-active{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* カード（PC：画像40%/本文60%） */
#nov-events .nov-card{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.08);margin:.6rem 0}
#nov-events .nov-media img{display:block;width:100%;height:auto;object-fit:cover}
#nov-events .nov-body{padding:1rem 1.2rem}
#nov-events .nov-body h3{margin:.1rem 0 .5rem;color:#1b5e20;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.3}
#nov-events .nov-body p{margin:.35rem 0;line-height:1.85;font-size:1rem;color:#222}
#nov-events .nov-badges span{display:inline-block;margin:.15rem .35rem .15rem 0;background:#dcedc8;padding:.25rem .55rem;border-radius:999px;font-size:.9em}
#nov-events .nov-btn{display:inline-block;margin-top:.4rem;padding:.5rem 1rem;background:#ff9800;color:#fff;text-decoration:none;border-radius:8px;font-weight:700}
#nov-events .nov-list{margin:.4rem 0 0 1.2rem}
#nov-events .nov-note{font-size:.9em;color:#555}

/* —— キッチンカー付箋（横長＋テープ留め） —— */
#nov-events .nov-sticky-list{margin-top:.8rem;display:flex;flex-direction:column;gap:.6rem}
#nov-events .nov-sticky{position:relative;display:flex;align-items:center;gap:.7rem;background:#fff7b0;border:1.5px solid #efdf86;border-radius:10px;padding:.6rem .7rem;box-shadow:0 3px 0 rgba(0,0,0,.06)}
#nov-events .nov-sticky .nov-tape{position:absolute;content:"";top:-8px;left:18px;width:70px;height:16px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.08);border-radius:3px;transform:rotate(-3deg);box-shadow:0 1px 2px rgba(0,0,0,.1)}
#nov-events .nov-sticky-thumb{flex:0 0 90px;width:90px;height:65px;object-fit:cover;border-radius:6px}
#nov-events .nov-sticky-name{margin:0 0 .1rem;color:#1b5e20;font-weight:700;font-size:.95rem;line-height:1.2}
#nov-events .nov-sticky-desc{margin:0 0 .2rem;color:#333;font-size:.9rem;line-height:1.3}
#nov-events .nov-sticky-link{color:#e91e63;font-weight:700;text-decoration:none;font-size:.9rem}
#nov-events .nov-sticky-link:hover{text-decoration:underline}

/* スマホ（iPhone SE想定）：画像タップで本文開閉 */
@media (max-width:767px){
  #nov-events .nov-body{display:none}
  #nov-events .nov-card.open .nov-body{display:block}
}

/* PC最適化：読み幅・比率 */
@media (min-width:768px){
  #nov-events .nov-card{grid-template-columns:2fr 3fr} /* 40% : 60% */
  #nov-events .nov-body{padding:1.1rem 1.6rem;max-width:58ch}
  #nov-events .nov-body p{line-height:1.9}
}
</style>

<script>
/* ===== スコープ内JS（タブ & スマホ開閉） ===== */
(function(){
  const root = document.getElementById('nov-events');
  if(!root) return;

  // タブ
  const tabs = root.querySelector('.nov-tabs');
  const tabBtns = Array.from(root.querySelectorAll('.nov-tab'));
  const panels = Array.from(root.querySelectorAll('.nov-panel'));
  const activate = (name)=>{
    tabBtns.forEach(b=>{
      const on = b.getAttribute('data-tab')===name;
      b.classList.toggle('is-active', on);
      b.setAttribute('aria-selected', on ? 'true':'false');
    });
    panels.forEach(p=>{
      const on = p.getAttribute('data-panel')===name;
      p.classList.toggle('is-active', on);
    });
  };
  tabs.addEventListener('click', (e)=>{
    const btn = e.target.closest('.nov-tab'); if(!btn) return;
    e.preventDefault(); activate(btn.getAttribute('data-tab'));
  });
  tabs.addEventListener('keydown', (e)=>{
    const i = tabBtns.findIndex(b=>b.classList.contains('is-active'));
    if(e.key==='ArrowRight'||e.key==='ArrowLeft'){
      e.preventDefault();
      const next = e.key==='ArrowRight' ? (i+1)%tabBtns.length : (i-1+tabBtns.length)%tabBtns.length;
      tabBtns[next].focus(); activate(tabBtns[next].getAttribute('data-tab'));
    }
  });

  // スマホ：画像タップで開閉
  root.querySelectorAll('.nov-card').forEach(card=>{
    const media = card.querySelector('.nov-media');
    if(!media) return;
    media.setAttribute('role','button');
    media.setAttribute('aria-expanded','false');
    media.addEventListener('click', ()=>{
      if(window.innerWidth < 768){
        const opened = card.classList.toggle('open');
        media.setAttribute('aria-expanded', opened ? 'true' : 'false');
      }
    });
  });

  // ハッシュ直リンク：該当タブ＆スマホ開
  const hash = window.location.hash;
  if(hash){
    const target = root.querySelector(hash);
    if(target){
      const panel = target.closest('.nov-panel');
      if(panel) activate(panel.getAttribute('data-panel'));
      if(window.innerWidth < 768){
        target.classList.add('open');
        const media = target.querySelector('.nov-media');
        if(media) media.setAttribute('aria-expanded','true');
        setTimeout(()=>target.scrollIntoView({behavior:'smooth',block:'start'}),50);
      }
    }
  }
})();
</script>



<iframe loading="lazy" src="https://calendar.google.com/calendar/embed?height=600&#038;wkst=1&#038;bgcolor=%23ffffff&#038;ctz=Asia%2FTokyo
&#038;src=support%40materranomori.jp&#038;color=%23009688
&#038;src=a5abf95b246a5e0d989a9b3ba898eaca37c3f0c7fd5d62253eb058a1be664170%40group.calendar.google.com&#038;color=%230B8043
&#038;src=d57ff7219db393fd1b5f63dcb75259f2e7cea2f925b69acd41e61fbf622f254d%40group.calendar.google.com&#038;color=%237B5B00
&#038;src=3978d98f5eee6df544203cff9cadd47efb1a0dd79e8568610159aa0aebd237ad%40group.calendar.google.com&#038;color=%23c5221f
&#038;src=19621828bd2475c6f3ce653314b4afe2c0d141cb5ae4bd635db675fbd8809bb9%40group.calendar.google.com&#038;color=%23f6bf26
&#038;src=a33d89c82289cdff65aa43dba53badf2ff11d12d377f78398ca9d22b48915fff%40group.calendar.google.com&#038;color=%23f4511e
&#038;src=2578312086ac484e41ffc526e58d4f2011730aea5727e0d483ef8f041083f784%40group.calendar.google.com&#038;color=%23d50000"
style="border: 0" width="100%" height="600" frameborder="0" scrolling="no">
</iframe>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>わんだふるフォトコン2025夏結果発表</title>
		<link>https://www.materranomori.jp/archives/12935</link>
		
		<dc:creator><![CDATA[マテラの森-スタッフ]]></dc:creator>
		<pubDate>Wed, 17 Sep 2025 02:03:15 +0000</pubDate>
				<category><![CDATA[ドッグラン]]></category>
		<guid isPermaLink="false">https://www.materranomori.jp/?p=12935</guid>

					<description><![CDATA[マテラの森 わんだふるフォトコン2025夏｜結果発...]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>マテラの森 わんだふるフォトコン2025夏｜結果発表</title>
<style>
/* ==============================
   ページ全体の背景（肉球） 
   ============================== */
.full-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://www.materranomori.jp/wp/wp-content/uploads/2025/06/nikukyuu.png") repeat;
  background-size: 120px 120px;
  z-index: -1;
}

/* ==============================
   ページ全体のスタイル 
   ============================== */
body {
  font-family: "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
}

.fotocon-page {
  padding-bottom: 60px; /* 最下部余白用 */
}

.fotocon-page header {
  text-align: center;
  padding: 20px;
}

.fotocon-page header img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* 見出し */
h2, h3 {
  text-align: center;
  color: #2c7a2c;
  margin-top: 40px;
}

/* バッジ */
.badge {
  display:inline-block;
  padding:.2em .6em;
  border-radius:999px;
  background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,0.25);
  font-weight:700;
}

/* コンテナ */
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

/* 受賞カード */
.awards {
  display:grid;
  gap:16px;
}

.awards.matera {
  grid-template-columns:1fr;
}

.awards.double {
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

.card {
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,0.25);
  position:relative;
  transition:transform .3s ease, box-shadow .3s ease;
}

.card:hover {
  transform:scale(1.03);
  box-shadow:0 18px 30px rgba(0,0,0,0.25);
}

.card img {
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}

.card .meta {
  padding:12px 14px;
}

/* リボン */
.ribbon {
  position:absolute;
  top:12px;
  left:-8px;
  padding:6px 14px;
  font-weight:700;
  color:#fff;
  transform:skew(-12deg);
  box-shadow:0 8px 18px rgba(0,0,0,0.25);
}

.ribbon.season { background:#66cc99; }
.ribbon.kosei { background:#ff9900; }
.ribbon.matera { background:#d9534f; }

/* 犬情報 */
.dog-info {
  margin-top: 12px;
  font-size: 1.1em;
  line-height: 1.5;
  text-align: left;
  color: #333;
}

.dog-info h3 { margin:4px 0; }
.dog-info p { margin:4px 0; }
.dog-info hr { border:none; border-top:1px dashed #ccc; margin:8px 0; }
.dog-info p.author-comment { background: #fff3e0; font-weight: bold; padding:4px; border-radius:4px;}
.dog-info p.judge-comment { background: #e0f7fa; font-style: italic; padding:4px; border-radius:4px;}

/* 感謝メッセージ */
.message {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  background: #fdfdfd;
  border: 2px solid #eee;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.message h2 { font-size: 1.6rem; color:#2c7a7b; margin-bottom:16px; }
.message p { margin: 0 0 12px; }

/* 特別賞（ポラロイド風） */
.polaroid {
  background: #f2f0ec;
  padding: 15px 15px 50px;
  border: 4px solid #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  max-width: 600px;
  width: 90%;
  text-align: center;
  margin: 40px auto;
  position: relative;
}

.polaroid img { width:100%; border-radius:5px; display:block; }
.polaroid .photo-info { font-size:1em; line-height:1.4; text-align:left; margin-top:10px; }
.polaroid .author { font-weight:bold; margin-bottom:4px; }
.polaroid .award-comment { margin-bottom:6px; }

.polaroid.special-prize {
  border: 4px solid #66ccff;
  box-shadow: 0 0 20px rgba(102,204,255,0.4);
  background: linear-gradient(145deg,#e0f7ff,#ffffff);
}

.polaroid.special-prize h3 {
  color:#0099cc;
  text-shadow:1px 1px 2px #b0e0ff;
}

</style>
</head>


<body>
  <!-- 背景用 -->
  <div class="full-bg"></div>

  <div class="fotocon-page">
    <header>
      <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/result.png" alt="わんだふるフォトコン2025夏">
    </header>

    <div class="container">

      <!-- 感謝のメッセージ -->
      <section class="message">
        <h2>たくさんのご応募ありがとうございました！</h2>
        <p>このたびは「マテラの森 わんだふるフォトコン2025夏」にご参加いただき、誠にありがとうございました。</p>
        <p>地域の皆さまから寄せられた愛犬との素敵な写真を、スタッフ一同とても楽しく拝見いたしました。</p>
        <p>厳正なる審査の結果、各賞が決定いたしましたのでここに発表いたします。</p>
        <p>今後もマテラの森で、わんちゃんやご家族の楽しい思い出づくりを応援してまいります。</p>
      </section>

      <h2>結果発表</h2>

<!-- マテラの森賞 -->
<h2><span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f333.png" alt="🌳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> マテラの森賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f333.png" alt="🌳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
<div class="awards matera">
  <article class="card">
    <span class="ribbon matera">マテラの森賞</span>
        <div class="gallery-item">
        <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/02-2.jpg" 
            alt="マテラの森賞 受賞作品" 
            class="lightbox-target">
        </div>

    <div class="meta">
      <div class="dog-info">
        <h3>わんちゃん名前：「ゆず」ちゃん</h3>
        <p class="author-comment">投稿者コメント：「プールしないと夏が始まらない<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f390.png" alt="🎐" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</p>
        <hr>
        <h3>審査員コメント：「ざっぷん開幕！」</h3>
        <p class="judge-comment">小さな水しぶきの一瞬をとらえた、夏らしい元気いっぱいのショットです。おうちプールでも自然体の楽しさが伝わってきます。<br>入水セレモニー、ただいま開催中！<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a6.png" alt="💦" class="wp-smiley" style="height: 1em; max-height: 1em;" />　次は飛び込み台お願いします！</p>
      </div>
    </div>
  </article>
</div>

<!-- 季節賞 -->
<h2><span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 季節賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f341.png" alt="🍁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
<div class="awards double">
  <article class="card">
    <span class="ribbon season">季節賞</span>
    <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-6.jpg" alt="季節賞1" class="lightbox-target">
    </div>
    <div class="meta">
      <div class="dog-info">
        <h3>わんちゃん名前：「チョコ」</h3>
        <p class="author-comment">投稿者コメント：「<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30a.png" alt="🌊" class="wp-smiley" style="height: 1em; max-height: 1em;" />星の浦海浜公園の砂浜で水遊びして、遊んだあとは<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f349.png" alt="🍉" class="wp-smiley" style="height: 1em; max-height: 1em;" />スイカを食べて冷んやりですぅ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60b.png" alt="😋" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f495.png" alt="💕" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</p>
        <hr>
        <h3>審査員コメント：「海のスイカタイム」</h3>
        <p class="judge-comment">海風を感じながらスイカを頬張るわんちゃんの姿が、とても夏らしく瑞々しい。このひとときが、日差しの強さを忘れさせてくれる癒しになっています。<br>“スイカ早食い選手権”、開催中！ルール：海側に飛ばさないこと！<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f349.png" alt="🍉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
      </div>
    </div>
  </article>
  <article class="card">
    <span class="ribbon season">季節賞</span>
    <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/19.jpg" alt="季節賞2" class="lightbox-target">
    </div>
    <div class="meta">
      <div class="dog-info">
        <h3>わんちゃん名前：「よもぎ」</h3>
        <p class="author-comment">投稿者コメント：「砥部町仙波渓谷にて水遊びを楽しむよもぎちゃん。ひんやり気持ち〜！！」</p>
        <hr>
        <h3>審査員コメント：「仙波渓谷でひんやりブルブル♪」</h3>
        <p class="judge-comment">砥部町仙波渓谷で涼しさを満喫するよもぎちゃん。水遊びのあと、体をブルブル振って水滴を飛ばす姿は、見ているだけで夏の清涼感を感じさせてくれます。
          <br>よもぎちゃん、ブルブルで水しぶきアート完成！渓谷の天然スパでリフレッシュ中です♪
        </p>
      </div>
    </div>
  </article>
  <article class="card">
    <span class="ribbon season">季節賞</span>
    <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/05-3.jpg" alt="季節賞3" class="lightbox-target">
  </div>
    <div class="meta">
      <div class="dog-info">
        <h3>わんちゃん名前：「里喜（りき）」</h3>
        <p class="author-comment">投稿者コメント：「ぼくとサップに乗らない？」</p>
        <hr>
        <h3>審査員コメント：「フルサイズ犬かき」</h3>
        <p class="judge-comment">画面の主役が力強く泳ぐ姿で、プール自体は脇役にとどまっています。動きの臨場感が強く伝わる構図です。</p>
      </div>
    </div>
  </article>
</div>

<!-- 個性派賞 -->
<h2><span class="badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 個性派賞 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></h2>
<div class="awards double">
  <article class="card">
    <span class="ribbon kosei">個性派賞</span>
    <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/17.jpg" alt="個性派賞1" class="lightbox-target">
    </div>
    <div class="meta">
      <div class="dog-info">
        <h3>わんちゃん名前：「くるり」</h3>
        <p class="author-comment">投稿者コメント：「令和7年7月7日カルピスの日に、CM風に撮ってみました(笑)」</p>
        <hr>
        <h3>審査員コメント：「清涼感はぼくにお任せ」</h3>
        <p class="judge-comment">ペットボトルの存在感とわんちゃんの自然な仕草が重なり、広告写真のような仕上がりになっています。日常の一瞬を切り取ったのに、完成度の高い作品です。
          <br>「『飲む？飲まない？』って目で聞いてくるけど…実は契約済みの専属モデル<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f964.png" alt="🥤" class="wp-smiley" style="height: 1em; max-height: 1em;" />かも！？」</p>
      </div>
    </div>
  </article>
  <article class="card">
    <span class="ribbon kosei">個性派賞</span>
    <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/23.jpg" alt="個性派賞2" class="lightbox-target">
    </div>
    <div class="meta">
      <div class="dog-info">
        <h3>わんちゃん名前：「だいず」</h3>
        <p class="author-comment">投稿者コメント：「満開のひまわりを家族みんなで見に行きました。暑くてベロ出ちゃったけど、黄色のひまわりに沢山元気をもらったよ！」</p>
        <hr>
        <h3>審査員コメント：「涼しさ直送便」</h3>
        <p class="judge-comment">わんちゃんとペットボトルが並んでいるだけなのに、不思議と爽やかさを感じさせる一枚。ユーモアと清涼感のバランスが光っています。
          <br>メーカーさん、早くCMオファーを！『うちの看板犬は水分補給も全力です！』<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a7.png" alt="💧" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
      </div>
    </div>
  </article>
</div>



      <!-- 特別賞 -->
      <div class="polaroid special-prize">
        <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 各賞賞品 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3c6.png" alt="🏆" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h3>
        <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/03/%E3%83%89%E3%83%A9%E3%82%A4%E3%83%8F%E3%83%BC%E3%83%88_4-1024x739.jpg" alt="マテラ豚賞品">
        <div class="photo-info">
          <div class="author">特典①: わんちゃん専用マテラ豚セット</div>
          <div class="award-comment">コメント: フォトコン入賞者だけが手に入る特別限定のマテラ豚です。愛犬に最高のご褒美を！</div>
          <div class="author">特典②: ドッグランフリー入場券（1日）</div>
          <div class="award-comment">コメント: マテラ豚とフリー券のセットで、愛犬の笑顔も倍増！思い出に残る1日をどうぞ</div>
        </div>
      </div>

    </div>
  </div>
 
</body>
</html>



<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>付箋風コメントギャラリー</title>
<style>
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  /* ← チェック柄を背景に設定 */
  background-color: #ffffff;
  background-image: 
    linear-gradient(90deg, #0769d580 20px, transparent 20px),
    linear-gradient(#0769d580 20px, transparent 20px);
  background-position: 10px 10px;
  background-size: 40px 40px;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.comment {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  padding: 15px;
  background: rgba(255, 255, 153, 0.85); /* 付箋風の透過黄色 */
  font-family: "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #e6d96f;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
  transform: rotate(-2deg); /* ちょっと斜めで付箋感 */
  opacity: 0;
  transition: opacity 0.4s ease;
}

.gallery-item:hover .comment {
  opacity: 1;
}  /* ← このカッコを忘れずに！ */

/* スマホサイズ（～600px程度）では2列固定 */
@media (max-width: 600px) {
  .gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ライトボックス本体 */
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999 !important;
}

/* 画像表示 */
#lightbox img {
  max-width: 90%;
  max-height: 90%;
  display: block;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

/* 閉じるボタン */
#lb-close {
  position: fixed;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 1000000;
}

/* 左右ボタン */
#lb-prev, #lb-next {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 50px;
  color: #fff;
  cursor: pointer;
  z-index: 1000000;
  user-select: none;
}

#lb-prev { left: 20px; }
#lb-next { right: 20px; }

/* スマホ対応 */
@media (max-width: 600px) {
  #lightbox img {
    max-width: 95%;
    max-height: 80%;
  }
}
/* 光沢付き丸＋斜め針（調整版） */
.comment::before {
  content: '';
  position: absolute;
  top: -14px;  /* 付箋の上 */
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  /* 光沢の白丸を小さめに */
  background: radial-gradient(circle at 30% 30%, white 15%, red 100%);
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 2; /* 針より前に出す */
}

/* 斜めの針（短め） */
.comment::after {
  content: '';
  position: absolute;
  top: -2px;  /* 丸の下から */
  left: 50%;
  transform: translateX(-50%) rotate(-20deg); /* 斜め */
  transform-origin: top center;
  width: 2px;
  height: 12px;  /* 針を短く */
  background: silver;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
}

/* ホバーで付箋とピンを同時に表示 */
.gallery-item:hover .comment {
  opacity: 1;
}

.gallery-item:hover .comment::before,
.gallery-item:hover .comment::after {
  opacity: 1;
}

.comment-lower .comment {
  top: auto;      /* topを無効にして */
  bottom: 20px;   /* 下からの距離を指定 */
}


</style>
</head>
<body>

<div class="gallery">
  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/01.jpg" alt="作品01">
    <div class="comment">濡れ髪キラキラ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 夏限定の“川遊び後ヘアー”流行の予感！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/02-1.jpg" alt="作品02-1">
    <div class="comment">ゆずちゃん、夏の始まりを宣言してくれてありがとう<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f390.png" alt="🎐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/02-3.jpg" alt="作品02-3">
    <div class="comment">水しぶきよりも笑顔が爽快すぎる〜<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30a.png" alt="🌊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/03.jpg" alt="作品03">
    <div class="comment">ひまわり<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f33b.png" alt="🌻" class="wp-smiley" style="height: 1em; max-height: 1em;" />に負けないスマイル！ これは“夏の表紙犬”ですな！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/03-2.jpg" alt="作品03-2">
    <div class="comment">水辺のイケワン現る<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/03-3.jpg" alt="作品03-3">
    <div class="comment">カメラ目線100点<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f7.png" alt="📷" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> オーディション通過！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/05.jpg" alt="作品05">
    <div class="comment">イルミネーションより輝いてるのはその愛顔ですね<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-1.jpg" alt="作品06-1">
    <div class="comment">紫陽花より華やかロード<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f697.png" alt="🚗" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a8.png" alt="💨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 犬界の観光大使きた！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-2.jpg" alt="作品06-2">
    <div class="comment">爽やかブルー<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f499.png" alt="💙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 夏のポカリ新CM候補に決定！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-3.jpg" alt="作品06-3">
    <div class="comment">ピンクの紫陽花と笑顔の相乗効果<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f495.png" alt="💕" class="wp-smiley" style="height: 1em; max-height: 1em;" /> あざとかわいいMAX！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-4.jpg" alt="作品06-4">
    <div class="comment">麦わら＋ひまわり<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f33b.png" alt="🌻" class="wp-smiley" style="height: 1em; max-height: 1em;" />＝夏の王道すぎてポスター化希望！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-5.jpg" alt="作品06-5">
    <div class="comment">海遊び＋スイカ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f349.png" alt="🍉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 完璧な夏休みコースだね！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-7.jpg" alt="作品06-7">
    <div class="comment">カメラを独占！<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f7.png" alt="📷" class="wp-smiley" style="height: 1em; max-height: 1em;" /> スター犬の貫禄です！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-8.jpg" alt="作品06-8">
    <div class="comment">風を味方にしてる？ ライオンキングごっこ中？</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/06-9.jpg" alt="作品06-9">
    <div class="comment">天空リゾート気分<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2601.png" alt="☁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 下界組はうらやましすぎる〜！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/15.jpg" alt="作品15">
    <div class="comment">川の上でバランス芸<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3aa.png" alt="🎪" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 次はサーカス出演ですか！？</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/18.jpg" alt="作品18">
    <div class="comment">キャプテンここ船長<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6df.png" alt="🛟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 航海の次の目的地は“おやつ島”です！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/16.jpg" alt="作品19">
    <div class="comment">夏祭り！ 看板犬いけます！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/20-1.jpg" alt="作品20-1">
    <div class="comment">麦わら帽子で海ランウェイ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f452.png" alt="👒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 潮風が拍手してるよ！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/20-2.jpg" alt="作品20-2">
    <div class="comment">カルストでにんまり<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f601.png" alt="😁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 空より高い笑顔です！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/20-3.jpg" alt="作品20-3">
    <div class="comment">ひまわりと女子トーク中<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f33b.png" alt="🌻" class="wp-smiley" style="height: 1em; max-height: 1em;" />『日焼け止めどこで買った？』</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/20-4.jpg" alt="作品20-4">
    <div class="comment">降りられないんじゃなくて…モデルポーズ中でしょ？<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f8.png" alt="📸" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/20-5.jpg" alt="作品20-5">
    <div class="comment">カルストよりキラキラ<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2600.png" alt="☀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 笑顔が空気清浄機すぎる！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/20-6.jpg" alt="作品20-6">
    <div class="comment">“帰りたいアピール”もポスター級にかわいいって反則！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/21.jpg" alt="作品21">
    <div class="comment">朝んぽで賢い作戦！<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f305.png" alt="🌅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> “涼しい時だけ女優犬”です！</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/22.jpg" alt="作品22">
    <div class="comment">冷房部屋でお昼寝<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a4.png" alt="💤" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 猛暑対策の優勝者は君！</div>
  </div>

  <div class="gallery-item comment-lower">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/24-1.jpg" alt="作品24-1">
    <div class="comment"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f467.png" alt="👧" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" />「一緒に水遊び楽しいね！これからいっぱい遊ぶのワクワク<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/24-2.jpg" alt="作品24-2">
    <div class="comment"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f308.png" alt="🌈" class="wp-smiley" style="height: 1em; max-height: 1em;" />「二人の笑顔が止まらない！ 今日も最高のコンビ誕生だワン<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f496.png" alt="💖" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/24-3.jpg" alt="作品24-3">
    <div class="comment"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f467.png" alt="👧" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f43e.png" alt="🐾" class="wp-smiley" style="height: 1em; max-height: 1em;" />「ごはん作るから待っててね<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3b5.png" alt="🎵" class="wp-smiley" style="height: 1em; max-height: 1em;" />」</div>
  </div>

  <div class="gallery-item">
    <img decoding="async" src="https://www.materranomori.jp/wp/wp-content/uploads/2025/09/25.jpg" alt="作品24-3">
    <div class="comment"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f436.png" alt="🐶" class="wp-smiley" style="height: 1em; max-height: 1em;" />「浮き輪でプールデビュー！泳げるかな？」</div>
  </div>
</div>

</body>

<script>
document.addEventListener("DOMContentLoaded", function() {
  const galleryItems = document.querySelectorAll(".gallery-item img");
  const body = document.body;

  // ライトボックス要素をbody直下に追加
  const lightbox = document.createElement("div");
  lightbox.id = "lightbox";
  body.appendChild(lightbox);

  const lbImg = document.createElement("img");
  lightbox.appendChild(lbImg);

  const closeBtn = document.createElement("div");
  closeBtn.id = "lb-close";
  closeBtn.textContent = "×";
  body.appendChild(closeBtn);

  const prevBtn = document.createElement("div");
  prevBtn.id = "lb-prev";
  prevBtn.textContent = "<";
  body.appendChild(prevBtn);

  const nextBtn = document.createElement("div");
  nextBtn.id = "lb-next";
  nextBtn.textContent = ">";
  body.appendChild(nextBtn);

  let currentIndex = 0;

  function showLightbox(index) {
    currentIndex = index;
    lbImg.src = galleryItems[currentIndex].src;
    lightbox.style.display = "flex";
    closeBtn.style.display = "block";
    prevBtn.style.display = "block";
    nextBtn.style.display = "block";
  }

  function hideLightbox() {
    lightbox.style.display = "none";
    closeBtn.style.display = "none";
    prevBtn.style.display = "none";
    nextBtn.style.display = "none";
  }

  galleryItems.forEach((img, index) => {
    img.style.cursor = "pointer";
    img.addEventListener("click", () => showLightbox(index));
  });

  closeBtn.addEventListener("click", hideLightbox);

  prevBtn.addEventListener("click", () => {
    currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;
    lbImg.src = galleryItems[currentIndex].src;
  });

  nextBtn.addEventListener("click", () => {
    currentIndex = (currentIndex + 1) % galleryItems.length;
    lbImg.src = galleryItems[currentIndex].src;
  });

  // 背景クリックでも閉じる
  lightbox.addEventListener("click", (e) => {
    if (e.target === lightbox) hideLightbox();
  });
});


document.addEventListener("DOMContentLoaded", function() {
  const galleryItems = document.querySelectorAll(".gallery-item");

  galleryItems.forEach(item => {
    const img = item.querySelector("img");

    // 画像が読み込まれた後に比率を判定
    img.addEventListener("load", () => {
      const ratio = img.naturalWidth / img.naturalHeight;

      // 横長の判定（比率1.2以上を横長とする）
      if (ratio > 1.2) {
        const comment = item.querySelector(".comment");

        // デスクトップ画面でのみ適用
        if (window.innerWidth > 600) {
          comment.style.top = "auto";       // 上からの位置を解除
          comment.style.bottom = "20px";    // 下からの距離を指定
        }
      }
    });
  });

  // 画面リサイズ時も対応（必要なら）
  window.addEventListener("resize", () => {
    galleryItems.forEach(item => {
      const img = item.querySelector("img");
      const ratio = img.naturalWidth / img.naturalHeight;
      const comment = item.querySelector(".comment");

      if (ratio > 1.2) {
        if (window.innerWidth > 600) {
          comment.style.top = "auto";
          comment.style.bottom = "20px";
        } else {
          comment.style.top = "20px";  // スマホは上に戻す
          comment.style.bottom = "auto";
        }
      }
    });
  });
});


</script>

</html>



<!-- シェアボタン -->
<div class="share-buttons">
  <p class="share-lead"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e3.png" alt="📣" class="wp-smiley" style="height: 1em; max-height: 1em;" /> この結果をシェアしよう！</p>

  <!-- X（旧Twitter） -->
  <a class="share-btn x"
     href="https://twitter.com/intent/tweet?url=https://www.materranomori.jp/archives/12935&#038;text=わんだふるフォトコン2025夏 結果発表！"
     target="_blank" rel="noopener noreferrer">
     <i class="fa-brands fa-x-twitter"></i><span>Xでシェア</span>
  </a>

  <!-- LINE -->
  <a class="share-btn line"
     href="https://social-plugins.line.me/lineit/share?url=https://www.materranomori.jp/archives/12935"
     target="_blank" rel="noopener noreferrer">
     <i class="fa-brands fa-line"></i><span>LINEで送る</span>
  </a>
</div>
<!-- Font Awesome（アイコン用） -->
<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
      referrerpolicy="no-referrer" />

<style>
/* シェアボタン */
.share-buttons { text-align:center; margin:2em 0; }
.share-lead { font-weight:700; margin-bottom:.8em; }
.share-btn {
  display:inline-flex; align-items:center; gap:.5em;
  margin:.3em; padding:.6em 1em; border-radius:9999px;
  font-size:14px; color:#fff; text-decoration:none;
  transition:opacity .2s ease, transform .1s ease;
}
.share-btn:hover { opacity:.9; transform:translateY(-2px); }
.share-btn i { font-size:1.1em; }
.share-btn.x { background:#000; }
.share-btn.line { background:#00B900; }
</style>



<!-- フォトコン秋の予告リンク -->
<div class="fotocon-link-wrapper">
  <a href="https://www.materranomori.jp/archives/14049" class="fotocon-link" target="_blank">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f31f.png" alt="🌟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> マテラの森 わんだふるフォトコン2025秋 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f31f.png" alt="🌟" class="wp-smiley" style="height: 1em; max-height: 1em;" />
  </a>
</div>

<style>
/* リンクラッパー中央揃え */
.fotocon-link-wrapper {
  text-align: center;
  margin: 40px 0;
}

/* おしゃれボタン風リンク */
.fotocon-link {
  display: inline-block;
  background: linear-gradient(135deg, #ff9a9e, #fad0c4);
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 16px 32px;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

/* ホバーアニメーション */
.fotocon-link:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: 0 12px 28px rgba(0,0,0,0.3);
  background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
}

/* スマホ表示でも適度に収まる */
@media screen and (max-width: 480px) {
  .fotocon-link {
    font-size: 1.1rem;
    padding: 12px 24px;
  }
}
</style>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
