CINXE.COM
見える口臭ケア。人と会うその前に、しとく?ダモン | アース製薬
<!DOCTYPE html> <html lang="ja"> <head><link rel="alternate" hreflang="en" href="http://www.earth.jp/en/damon/"><link rel="alternate" hreflang="zh-Hans" href="http://www.earth.jp/zh-cn/damon/"><script src="//j.wovn.io/1" data-wovnio="key=3cP0Af&backend=true&currentLang=ja&defaultLang=ja&urlPattern=path&langCodeAliases={"zh-CHS":"zh-cn"}&langParamName=wovn&version=WOVN.php" async></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5VD3NSH');</script> <!-- End Google Tag Manager --> <title>見える口臭ケア。人と会うその前に、しとく?ダモン | アース製薬</title> <meta name="description" content="よごれが見えて洗浄実感&高い洗浄力、食べカス汚れもしっかり洗浄し口臭予防にも。はき出したよごれが見えるマウスウォッシュ(洗口液)の「damon」公式サイト。将来の歯のことを考えた処方なので使用後も歯がキシキシしにくい。"> <meta name="format-detection" content="telephone=no"> <meta property="og:type" content="website"> <meta property="og:title" content="見える口臭ケア。人と会うその前に、しとく?ダモン | アース製薬"> <meta property="og:description" content="よごれが見えて洗浄実感&高い洗浄力、食べカス汚れもしっかり洗浄し口臭予防にも。はき出したよごれが見えるマウスウォッシュ(洗口液)の「damon」公式サイト。将来の歯のことを考えた処方なので使用後も歯がキシキシしにくい。"> <meta property="og:url" content="https://www.earth.jp/damon/index.html"> <meta property="og:image" content="https://www.earth.jp/damon/images/ogp.jpg"> <meta property="og:site_name" content="見える口臭ケア。人と会うその前に、しとく?ダモン | アース製薬"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="見える口臭ケア。人と会うその前に、しとく?ダモン | アース製薬"> <meta name="twitter:description" content="よごれが見えて洗浄実感&高い洗浄力、食べカス汚れもしっかり洗浄し口臭予防にも。はき出したよごれが見えるマウスウォッシュ(洗口液)の「damon」公式サイト。将来の歯のことを考えた処方なので使用後も歯がキシキシしにくい。"> <meta name="twitter:image" content="https://www.earth.jp/damon/images/ogp.jpg"> <link rel="canonical" href="https://www.earth.jp/damon/index.html"> <link rel="icon" href="https://www.earth.jp/favicon.ico"> <link rel="stylesheet" href="/common/css/common.css" /> <link href="./css/splide.min.css" rel="stylesheet"> <link href="./css/style.css" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap" rel="stylesheet"> </head> <body class="ssite"> <div id="echoesOneTag" data-one-tag-code="5prMOSKxMI0RQvKK"></div> <script defer type="text/javascript" src="https://echoes.plus/dist/js/echoesOneTag.js" charset="UTF-8"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5VD3NSH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="common-header common-header-type2"> <div class="inner"> <h1 class="common-header-ttl"><a href="/index.html"><img src="/common/images/logo-header.svg" alt="アース製薬"></a></h1> </div> </header> <section id="sitebody" class="ssite-body"> <div class="content-side"> <div class="content-side-pc"> <div class="content-side-inner"> <div class="content-side-block content-side-block--left"> <div class="content-side-visual"> <p class="content-side-visual-logo"> <picture> <source type="image/svg+xml" srcset="/damon/images/intro/img-heading.svg 169w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/intro/img-heading.svg" width="169" height="45" alt="Damaon" decoding="async" loading="lazy" > </picture> </p> <figure class="content-side-visual-image"> <picture> <source type="image/avif" srcset="/damon/images/intro/img-product.avif 386w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/intro/img-product.webp 386w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/intro/img-product.png 386w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/intro/img-product.png" width="386" height="436" alt="Damaon" decoding="async" loading="lazy" > </picture> </figure> <a href="#information" class="content-side-visual-button">ご購入はこちら <svg class="button-arrow button-arrow--black" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </a> </div> </div> </div> <!-- /.content-side-inner --> </div> <!-- /.content-side-pc --> <div class="content-side-inner"> <div class="content-side-block content-side-block--right"> <nav class="content-side-nav"> <button class="hamburger-button" type="button" aria-controls="global-nav" aria-expanded="false" data-hamburger data-hamburger-color data-hamburger-position> <span class="hamburger-button-line"> <span></span> </span> </button> <div class="content-side-nav-list-wrap"> <ul id="global-nav" class="content-side-nav-list" data-nav> <li class="content-side-nav-item"> <a href="#feature" class="content-side-nav-link">Damonの特長</a> </li> <li class="content-side-nav-item"> <a href="#mechanism" class="content-side-nav-link">よごれが見えるメカニズム</a> </li> <li class="content-side-nav-item"> <a href="#cm" class="content-side-nav-link">TVCM公開中</a> </li> <li class="content-side-nav-item"> <a href="#package" class="content-side-nav-link">インテリアにもなじむ<br>シンプルなパッケージ</a> </li> <li class="content-side-nav-item"> <a href="#situation" class="content-side-nav-link">しとくべきかも?!<br>Damonあるあるシチュエーション</a> </li> <li class="content-side-nav-item"> <a href="#advertisement" class="content-side-nav-link">屋外広告</a> </li> <li class="content-side-nav-item"> <a href="#information" class="content-side-nav-link">製品情報</a> </li> <li class="content-side-nav-item"> <a href="#sns" class="content-side-nav-link">このページをシェアする</a> </li> </ul> </div> </nav> </div> </div> <!-- /.content-side-inner --> </div> <!-- /."content-side --> <div class="container"> <div class="container-main"> <div class="hero" data-hero> <div class="hero-inner"> <h2 class="hero-image"> <picture> <source type="image/avif" srcset="/damon/images/hero/img-hero_pc.avif 1400w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/hero/img-hero_pc.webp 1400w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/hero/img-hero_pc.jpg 1400w" media="(min-width: 769px)" sizes="100vw"> <source type="image/avif" srcset="/damon/images/hero/img-hero_sp.avif 750w" media="(max-width: 768px)" sizes="100vw" > <source type="image/webp" srcset="/damon/images/hero/img-hero_sp.webp 750w" media="(max-width: 768px)" sizes="100vw" > <source type="image/jpeg" srcset="/damon/images/hero/img-hero_sp.jpg 750w" media="(max-width: 768px)" sizes="100vw" > <img src="/damon/images/hero/img-hero_pc.jpg" width="1400" height="2176" alt="Damaon ダモン よごれが見える口臭ケア" decoding="async" loading="lazy" > </picture> </h2> </div> <!-- /.hero-inner --> </div> <!-- /.hero --> <section id="intro" class="intro" data-section="intro"> <div class="intro-container"> <h2 class="intro-title" data-scroll> <picture> <source type="image/svg+xml" srcset="/damon/images/intro/img-heading.svg 169w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/intro/img-heading.svg" width="169" height="45" alt="Damaon" decoding="async" loading="lazy" > </picture> </h2> <div class="intro-text-wrap" data-scroll> <div class="intro-text-block"> <p class="intro-text intro-text--first"> たのしく遊びたいんダモン<br> やっと任された仕事なんダモン<br> でも、ちょっと不安でどきどきするかも<br> 自分の息、大丈夫かな? </p> <p class="intro-text"> 洗浄した後の<br> よごれが見えてすっきり<br> 不安もよごれも吐き出して<br> きれいな息で<br> 安心してありのままの自分へ </p> </div> <!-- /.intro-text-block --> <em class="intro-copy">人と会うその前に<br>しとく?ダモン</em> </div> <div class="intro-image-wrap"> <figure class="intro-image" data-scroll> <picture> <source type="image/avif" srcset="/damon/images/intro/img-product.avif 386w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/intro/img-product.webp 386w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/intro/img-product.png 386w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/intro/img-product.png" width="386" height="436" alt="Damaon" decoding="async" loading="lazy" > </picture> </figure> </div> <!-- /.intro-image-wrap --> </div> <!-- /.intro-container --> </section> <!-- /.intro --> <section id="feature" class="feature" data-section> <h2 class="heading" data-scroll><span>Damonの特長</span></h2> <ul class="feature-list"> <li class="feature-item" data-scroll> <picture> <source type="image/avif" srcset="/damon/images/feature/img-feature01.avif 750w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/feature/img-feature01.webp 750w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/feature/img-feature01.png 750w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/feature/img-feature01.png" width="750" height="510" alt="POINT 01 味も使いやすい香味2タイプ リラックスミント&ブライトレモン" decoding="async" loading="lazy" > </picture> </li> <li class="feature-item" data-scroll> <picture> <source type="image/avif" srcset="/damon/images/feature/img-feature02.avif 750w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/feature/img-feature02.webp 750w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/feature/img-feature02.png 750w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/feature/img-feature02.png" width="750" height="514" alt="POINT 02 よごれが見える&しっかりとした洗浄力 ※口内の状態によって、とれる汚れの量は異なります。" decoding="async" loading="lazy" > </picture> </li> <li class="feature-item" data-scroll> <picture> <source type="image/avif" srcset="/damon/images/feature/img-feature03.avif 750w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/feature/img-feature03.webp 750w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/feature/img-feature03.png 750w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/feature/img-feature03.png" width="750" height="402" alt="POINT 03 将来のお口のことを考えた口あたりやさしい設計" decoding="async" loading="lazy" > </picture> </li> </ul> </section> <!-- /.feature --> <section id="mechanism" class="mechanism" data-section> <h2 class="heading" data-scroll><span>よごれが見える<br>メカニズム</span></h2> <div class="mechanism-description" data-scroll> <div class="mechanism-description-text-wrap"> <p class="mechanism-description-text">口臭の原因となるタンパクを凝集させて<br>「よごれ」として目に見えるように。</p> <p class="mechanism-description-text">唾液中やお口のよごれの中には、<br>タンパク質が含まれており、<br>固まったタンパク質が<br>よごれとして吐き出される。</p> </div> <figure class="mechanism-description-arrow"> <picture> <source type="image/svg+xml" srcset="/damon/images/mechanism/img-arrow.svg 125w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/mechanism/img-arrow.svg" width="125" height="72" alt="" decoding="async" loading="lazy" > </picture> </figure> </div> <!-- /."mechanism-description --> <div class="mechanism-answer" data-scroll> <em class="mechanism-answer-text">よごれが<br>目に見えるようになる</em> <span class="mechanism-answer-note">※吐き出したよごれのイメージ</span> <figure class="mechanism-answer-image"> <picture> <source type="image/avif" srcset="/damon/images/mechanism/img-sample.avif 614w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/mechanism/img-sample.webp 614w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/mechanism/img-sample.jpg 614w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/mechanism/img-sample.jpg" width="614" height="630" alt="" decoding="async" loading="lazy" > </picture> </figure> <p class="mechanism-answer-image-caption">※口内環境が良いと、よごれが見えない場合もあります。</p> </div> <!-- /.mechanism-answer --> <div class="mechanism-fact" data-scroll> <div class="mechanism-fact-grid"> <figure class="mechanism-fact-hukidasi"> <picture> <source type="image/svg+xml" srcset="/damon/images/mechanism/img-hukidasi.svg 329w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/mechanism/img-hukidasi.svg" width="329" height="215" alt="" decoding="async" loading="lazy" > </picture> </figure> <p class="mechanism-fact-text">口臭ケア用品を使っていて<br>使用後に歯がキシキシする<br>お悩みをお持ちの方</p> </div> <!-- /.mechanism-fact-grid --> <figure class="mechanism-fact-image"> <picture> <source type="image/avif" srcset="/damon/images/mechanism/img-copy.avif 625w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/mechanism/img-copy.webp 625w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/mechanism/img-copy.png 625w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/mechanism/img-copy.png" width="625" height="341" alt="" decoding="async" loading="lazy" class=Damonは歯のことを考えた処方なので、使用後も歯がキシキシしにくい。 > </picture> </figure> </div> <!-- /.mechanism-fact --> </section> <!-- /.mechanism --> <section id="cm" class="cm" data-section> <h2 class="heading" data-scroll><span>TVCM公開中</span></h2> <div class="cm-inner" data-scroll> <div class="modal" data-modal> <button type="button" class="modal-video-link" data-modal-open> <span class="modal-video-thumbnail-grid"> <picture class="modal-video-thumbnail"> <img src="./images/cm/img-modal-image.jpg" alt=""> </picture> <span class="modal-video-thumbnail-button"> <img src="./images/cm/img-modal-button.png" alt=""> </span> </span> </button> <dialog class="modal-content modal-content--video" data-modal-content="close"> <div class="modal-content-inner"> <button type="button" class="modal-close-button modal-close-button--video" data-close-button></button> <div class="modal-video" data-modal-video="dKrXT5ZnOTA?si=M3c1g-Jt5CNK3-cX"> <div id="dKrXT5ZnOTA?si=M3c1g-Jt5CNK3-cX"></div> </div> <p class="modal-video-description">Damon TVCM 30秒</p> </div> </dialog> <script src="https://www.youtube.com/iframe_api"></script> </div> <!-- /.modal --> </div> <!-- /.cm-inner --> </section> <section id="package" class="package" data-section> <h2 class="heading" data-scroll><span>インテリアにもなじむ<br>シンプルなパッケージ</span></h2> <div class="splide-container" data-scroll> <div class="splide-container-inner"> <section class="splide" aria-label="インテリアにもなじむシンプルなパッケージのスライダー" data-slider> <div class="splide-wrapper"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider01.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider01.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider01.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider01.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider02.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider02.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider02.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider02.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider03.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider03.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider03.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider03.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider04.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider04.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider04.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider04.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider05.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider05.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider05.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider05.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider06.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider06.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider06.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider06.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider07.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider07.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider07.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider07.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/package/img-slider08.avif 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/package/img-slider08.webp 600w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/package/img-slider08.jpg 600w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/package/img-slider08.jpg" width="600" height="600" alt="" decoding="async" loading="lazy" > </picture> </li> </ul> </div> </div> <!-- /.splide-wrapper --> <div class="splide-controller"> <div class="splide__arrows"></div> <ul class="splide__pagination"></ul> </div> </section> </div> <!-- /.splide-container-inner --> </div> <!-- /.splide-container --> <p class="package-note">※タイアップ投稿画像より引用</p> </section> <section id="situation" class="situation" data-section> <h2 class="heading" data-scroll><span>しとくべきかも?!<br>Damonあるある<br>シチュエーション</span></h2> <div class="splide-container" data-scroll> <div class="splide-container-inner"> <section class="splide" aria-label="しとくべきかも?!Damonあるあるシチュエーションのスライダー" data-slider="situation"> <div class="splide-wrapper"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/situation/img-slider03.avif 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/situation/img-slider03.webp 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/situation/img-slider03.jpg 474w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/situation/img-slider03.jpg" width="474" height="672" alt="これからは基本リモート会議にしませんか? って言われた え しとく? ダモン! 試供品 ご自由にお持ちください。" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/situation/img-slider04.avif 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/situation/img-slider04.webp 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/situation/img-slider04.jpg 474w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/situation/img-slider04.jpg" width="474" height="672" alt="よごれが見えるマウスウォッシュで息スッキリ!キレイな息で 行くんダモン!" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/situation/img-slider05.avif 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/situation/img-slider05.webp 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/situation/img-slider05.jpg 474w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/situation/img-slider05.jpg" width="474" height="672" alt="大きな声では言えません。 嗅がれたらやばいから。 しとく? ダモン! 試供品 ご自由にお持ちください。" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/situation/img-slider06.avif 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/situation/img-slider06.webp 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/situation/img-slider06.jpg 474w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/situation/img-slider06.jpg" width="474" height="672" alt="よごれが見えるマウスウォッシュで息スッキリ!キレイな息で 行くんダモン!" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/situation/img-slider07.avif 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/situation/img-slider07.webp 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/situation/img-slider07.jpg 474w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/situation/img-slider07.jpg" width="474" height="672" alt="愛犬がかなしそうな顔でそっぽ向く。しとく? ダモン! 試供品 ご自由にお持ちください。" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/situation/img-slider08.avif 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/situation/img-slider08.webp 474w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/situation/img-slider08.jpg 474w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/situation/img-slider08.jpg" width="474" height="672" alt="よごれが見えるマウスウォッシュで息スッキリ! キレイな息で 行くんダモン!" decoding="async" loading="lazy" > </picture> </li> </ul> </div> </div> <!-- /.splide-wrapper --> <div class="splide-controller"> <div class="splide__arrows"></div> <ul class="splide__pagination"></ul> </div> </section> </div> <!-- /.splide-container-inner --> </div> <!-- /.splide-container --> </section> <section id="advertisement" class="advertisement" data-section> <h2 class="heading" data-scroll><span>屋外広告</span></h2> <div class="splide-container" data-scroll> <div class="splide-container-inner"> <section class="splide" aria-label="屋外広告のスライダー" data-slider> <div class="splide-wrapper"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/advertisement/img-slider01.avif 610w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/advertisement/img-slider01.webp 610w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/advertisement/img-slider01.jpg 610w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/advertisement/img-slider01.jpg" width="610" height="344" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/advertisement/img-slider02.avif 614w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/advertisement/img-slider02.webp 614w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/advertisement/img-slider02.jpg 614w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/advertisement/img-slider02.jpg" width="614" height="344" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/advertisement/img-slider03.avif 610w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/advertisement/img-slider03.webp 610w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/advertisement/img-slider03.jpg 610w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/advertisement/img-slider03.jpg" width="610" height="344" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/advertisement/img-slider04.avif 610w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/advertisement/img-slider04.webp 610w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/advertisement/img-slider04.jpg 610w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/advertisement/img-slider04.jpg" width="610" height="344" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/advertisement/img-slider05.avif 612w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/advertisement/img-slider05.webp 612w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/advertisement/img-slider05.jpg 612w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/advertisement/img-slider05.jpg" width="612" height="344" alt="" decoding="async" loading="lazy" > </picture> </li> <li class="splide__slide"> <picture> <source type="image/avif" srcset="/damon/images/advertisement/img-slider06.avif 612w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/advertisement/img-slider06.webp 612w" media="(min-width: 769px)" sizes="100vw"> <source type="image/jpeg" srcset="/damon/images/advertisement/img-slider06.jpg 612w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/advertisement/img-slider06.jpg" width="612" height="344" alt="" decoding="async" loading="lazy" > </picture> </li> </ul> </div> </div> <!-- /.splide-wrapper --> <div class="splide-controller"> <div class="splide__arrows"></div> <ul class="splide__pagination"></ul> </div> </section> </div> <!-- /.splide-container-inner --> </div> <!-- /.splide-container --> <p class="advertisement-text">10月7日(月)~13日(日)に、渋谷駅構内のPickUpランキン 渋谷ちかみちとOsaka Metro御堂筋線なんば駅の改札外通路壁面にて掲出。写真は渋谷の様子です。(掲出は終了しました。)</p> </section> <section id="information" class="information" data-section> <h2 class="heading" data-scroll><span>製品情報</span></h2> <div class="information-inner"> <div class="information-grid"> <article class="information-item" data-scroll> <div class="information-item-body"> <div class="information-item-head"> <h3 class="information-item-heading">ダモン<br>リラックスミント</h3> <span class="information-item-capa">380mL</span> </div> <!-- /.iinformation-item-head --> <div class="information-item-option"> <span class="information-item-tag">化粧品・洗口液</span> <span class="information-item-description">モンダミンDMN(ミントタイプ)</span> </div> <!-- /.information-option --> <div class="information-item-button-wrap"> <a href="https://www.earth.jp/products/damon-380-mint/index.html" target="_blank" rel="noreferrer" class="information-button information-button--link">製品詳細を見る <svg class="button-arrow button-arrow--white" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </a> <div class="modal" data-modal> <button type="button" class="information-button" data-modal-open>ご購入はこちら <svg class="button-arrow button-arrow--white" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </button> <dialog class="modal-content" data-modal-content="close"> <div class="modal-content-inner"> <button type="button" class="modal-close-button" data-close-button></button> <div class="modal-shop"> <h3 class="modal-shop-heading">ご購入はこちらから</h3> <ul class="modal-shop-list"> <li class="modal-shop-item"> <a href="https://www.amazon.co.jp/dp/B0DCDBVPP2/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-amazon.jpg" alt="amazon"> </a> </li> <li class="modal-shop-item"> <a href="https://item.rakuten.co.jp/rakuten24/4901080091017/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-rakuten.jpg" alt="楽天"> </a> </li> <li class="modal-shop-item"> <a href="https://lohaco.yahoo.co.jp/store/h-lohaco/item/RH43955/?iln=list&sip=ksearch%2FRH43955" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-lohaco.jpg" alt="Lohaco"> </a> </li> <li class="modal-shop-item"> <a href="https://www.yodobashi.com/product/100000001008656160/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-yodobashi.jpg" alt="ヨドバシカメラ"> </a> </li> </ul> </div> </div> </dialog> </div> <!-- /.modal --> </div> <!-- /.information-button-wrap --> </div> <!-- /.information-item-body --> <figure class="information-item-image"> <picture> <source type="image/avif" srcset="/damon/images/information/img-product01.avif 216w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/information/img-product01.webp 216w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/information/img-product01.png 216w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/information/img-product01.png" width="216" height="552" alt="" decoding="async" loading="lazy" > </picture> </figure> </article> <!-- /.information-item --> <article class="information-item" data-scroll> <div class="information-item-body"> <div class="information-item-head"> <h3 class="information-item-heading">ダモン<br>ブライトレモン</h3> <span class="information-item-capa">380mL</span> </div> <!-- /.iinformation-item-head --> <div class="information-item-option"> <span class="information-item-tag">化粧品・洗口液</span> <span class="information-item-description">モンダミンDMN(レモンタイプ)</span> </div> <!-- /.information-option --> <div class="information-item-button-wrap"> <a href="https://www.earth.jp/products/damon-380-lemon/index.html" target="_blank" rel="noreferrer" class="information-button information-button--link">製品詳細を見る <svg class="button-arrow button-arrow--white" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </a> <div class="modal" data-modal> <button type="button" class="information-button" data-modal-open>ご購入はこちら <svg class="button-arrow button-arrow--white" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </button> <dialog class="modal-content" data-modal-content="close"> <div class="modal-content-inner"> <button type="button" class="modal-close-button" data-close-button></button> <div class="modal-shop"> <h3 class="modal-shop-heading">ご購入はこちらから</h3> <ul class="modal-shop-list"> <li class="modal-shop-item"> <a href="https://www.amazon.co.jp/dp/B0DCDWLKWF/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-amazon.jpg" alt="amazon"> </a> </li> <li class="modal-shop-item"> <a href="https://item.rakuten.co.jp/rakuten24/4901080211811/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-rakuten.jpg" alt="楽天"> </a> </li> <li class="modal-shop-item"> <a href="https://lohaco.yahoo.co.jp/store/h-lohaco/item/RH43949/?iln=list&sip=ksearch%2FRH43949" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-lohaco.jpg" alt="Lohaco"> </a> </li> <li class="modal-shop-item"> <a href="https://www.yodobashi.com/product/100000001008656161/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-yodobashi.jpg" alt="ヨドバシカメラ"> </a> </li> </ul> </div> </div> </dialog> </div> <!-- /.modal --> </div> <!-- /.information-button-wrap --> </div> <!-- /.information-item-body --> <figure class="information-item-image"> <picture> <source type="image/avif" srcset="/damon/images/information/img-product02.avif 216w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/information/img-product02.webp 216w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/information/img-product02.png 216w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/information/img-product02.png" width="216" height="552" alt="" decoding="async" loading="lazy" > </picture> </figure> </article> <!-- /.information-item --> <article class="information-item" data-scroll> <div class="information-item-body"> <div class="information-item-head"> <h3 class="information-item-heading">ダモン<br>リラックスミント</h3> <span class="information-item-capa">12mL5本入</span> </div> <!-- /.iinformation-item-head --> <div class="information-item-option"> <span class="information-item-tag">化粧品・洗口液</span> <span class="information-item-description">モンダミンDMN(ミントタイプ)</span> </div> <!-- /.information-option --> <div class="information-item-button-wrap"> <a href="https://www.earth.jp/products/damon-12-5-mint/index.html" target="_blank" rel="noreferrer" class="information-button information-button--link">製品詳細を見る <svg class="button-arrow button-arrow--white" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </a> <div class="modal" data-modal> <button type="button" class="information-button" data-modal-open>ご購入はこちら <svg class="button-arrow button-arrow--white" width="11" height="16" viewBox="0 0 11 16" fill="none"> <path d="M1 1L10 8.0012L1 15" stroke-miterlimit="10"/> </svg> </button> <dialog class="modal-content" data-modal-content="close"> <div class="modal-content-inner"> <button type="button" class="modal-close-button" data-close-button></button> <div class="modal-shop"> <h3 class="modal-shop-heading">ご購入はこちらから</h3> <ul class="modal-shop-list"> <li class="modal-shop-item"> <a href="https://www.amazon.co.jp/dp/B0DCF5C89Y/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-amazon.jpg" alt="amazon"> </a> </li> <li class="modal-shop-item"> <a href="https://item.rakuten.co.jp/rakuten24/4901080212115/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-rakuten.jpg" alt="楽天"> </a> </li> <li class="modal-shop-item"> <a href="https://lohaco.yahoo.co.jp/store/h-lohaco/item/RH43957/?iln=list&sip=ksearch%2FRH43957" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-lohaco.jpg" alt="Lohaco"> </a> </li> <li class="modal-shop-item"> <a href="https://www.yodobashi.com/product/100000001008656162/" target="_blank" rel="noreferrer" class="modal-shop-link"> <img src="./images/common/img-link-yodobashi.jpg" alt="ヨドバシカメラ"> </a> </li> </ul> </div> </div> </dialog> </div> <!-- /.modal --> </div> <!-- /.information-button-wrap --> </div> <!-- /.information-item-body --> <figure class="information-item-image"> <picture> <source type="image/avif" srcset="/damon/images/information/img-product03.avif 216w" media="(min-width: 769px)" sizes="100vw"> <source type="image/webp" srcset="/damon/images/information/img-product03.webp 216w" media="(min-width: 769px)" sizes="100vw"> <source type="image/png" srcset="/damon/images/information/img-product03.png 216w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/information/img-product03.png" width="216" height="466" alt="" decoding="async" loading="lazy" > </picture> </figure> </article> <!-- /.information-item --> </div> </div> <!-- /.information-inner --> </section> <section id="sns" class="sns" data-section> <h2 class="heading" data-scroll><span>このページをシェアする</span></h2> <ul class="sns-list" data-scroll> <li class="sns-list-item"> <a href="https://twitter.com/intent/tweet?url=https://www.earth.jp/damon/index.html&text=%E8%A6%8B%E3%81%88%E3%82%8B%E5%8F%A3%E8%87%AD%E3%82%B1%E3%82%A2%E3%80%82%E4%BA%BA%E3%81%A8%E4%BC%9A%E3%81%86%E3%81%9D%E3%81%AE%E5%89%8D%E3%81%AB%E3%80%81%E3%81%97%E3%81%A8%E3%81%8F%EF%BC%9F%E3%83%80%E3%83%A2%E3%83%B3%20%7C%20%E3%82%A2%E3%83%BC%E3%82%B9%E8%A3%BD%E8%96%AC" target="_blank" rel="noreferrer" class="sns-list-link"> <picture> <source type="image/svg+xml" srcset="/damon/images/sns/icon-x.svg 68w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/sns/icon-x.svg" width="68" height="67" alt="x" decoding="async" loading="lazy" > </picture> </a> </li> <li class="sns-list-item"> <a href="http://www.facebook.com/share.php?u=https://www.earth.jp/damon/index.html" target="_blank" rel="noreferrer" class="sns-list-link" data-sns="facebook"> <picture> <source type="image/svg+xml" srcset="/damon/images/sns/icon-facebook.svg 68w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/sns/icon-facebook.svg" width="68" height="67" alt="facebook" decoding="async" loading="lazy" > </picture> </a> </li> <li class="sns-list-item"> <a href="https://social-plugins.line.me/lineit/share?url=https://www.earth.jp/damon/index.html" target="_blank" rel="noreferrer" class="sns-list-link" data-sns="line"> <picture> <source type="image/svg+xml" srcset="/damon/images/sns/icon-line.svg 68w" media="(min-width: 769px)" sizes="100vw"> <img src="/damon/images/sns/icon-line.svg" width="68" height="67" alt="line" decoding="async" loading="lazy" > </picture> </a> </li> </ul> </section> </div> <!-- /.container-main --> </div> <!-- /.container --> </section> <p class="common-pagetop"><a href="#anc-top">ページトップへ</a></p> <footer class="common-footer common-footer-type2"> <div class="inner"> <p class="common-footer-copyright"><small>© Earth Corporation.</small></p> </div> </footer> <script src="/common/js/functions-ssite.js"></script> <script src="./js/app.js"></script> </body> </html>