@charset "UTF-8";

/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.4.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* パンくずリスト用 */
.breadcrumb {
  font-size: 0.85em;
}

.breadcrumb ul,
.breadcrumb ol {
  display: flex;
  align-items: center;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
}

.breadcrumb ul li,
.breadcrumb ol li {
  padding: 5px;
}

.breadcrumb ul li:first-child,
.breadcrumb ol li:first-child {
  padding-left: 0;
}

.breadcrumb#top-breadcrumb {
  margin-bottom: 79px;
}

.breadcrumb#footer-breadcrumb {
  color: white;
  font-size: 0.95em;
}

.breadcrumb#footer-breadcrumb a {
  color: white;
}

/* LPのヘッダー、フッターを使用した投稿ページ用 */
main.site-main[data-single=lp01] {
  max-width: 835px;
  padding: 0 20px;
  margin-bottom: 2.5em;
}

@media screen and (max-width: 1025px) {
  .breadcrumb#top-breadcrumb {
    margin-bottom: unset;
  }

  main.site-main[data-single=lp01] {
    margin-bottom: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  main.site-main[data-single=lp01] {
    margin: 0.5em 0 1.5em;
  }
}

/* レイアウトぶれ修正 */
@media screen and (max-width: 767px) {
  body.page-id-2988 .elementor-2988 .elementor-element.elementor-element-c75c599 .elementor-element-7b7d447>.elementor-column-wrap.elementor-element-populated {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-2988 .elementor-2988 .elementor-element.elementor-element-c75c599 .elementor-element-7b7d447 .elementor-element.elementor-element-9b2da44>.elementor-widget-container {
    margin-right: 0;
    margin-left: 0;
  }

  body.page-id-2988 .elementor-2988 .elementor-element.elementor-element-4c8e723>.elementor-element-populated {
    margin-left: 0;
    margin-right: 0;
  }

  body.page-id-2988 .elementor-2988 .elementor-element.elementor-element-2a053cf>.elementor-widget-container {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-2988 .elementor-2988 .elementor-element.elementor-element-b4185b3>.elementor-widget-container {
    display: inline-block;
  }

  body.page-id-2988 .elementor-2988 .elementor-element.elementor-element-5a8dbb8>.elementor-widget-container {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-8903 .elementor-8903 .elementor-element.elementor-element-c75c599 .elementor-element-7b7d447>.elementor-column-wrap.elementor-element-populated {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-8903 .elementor-8903 .elementor-element.elementor-element-c75c599 .elementor-element-7b7d447 .elementor-element.elementor-element-9b2da44>.elementor-widget-container {
    margin-right: 0;
    margin-left: 0;
  }

  body.page-id-8903 .elementor-8903 .elementor-element.elementor-element-1923872 {
    overflow-x: hidden;
  }

  body.page-id-8903 .elementor-8903 .elementor-element.elementor-element-a33e146>.elementor-widget-container {
    display: inline-block;
  }

  body.page-id-4816 .elementor-4816 .elementor-element.elementor-element-6e182a6 .elementor-element-35d48be>.elementor-column-wrap.elementor-element-populated {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-4816 .elementor-4816 .elementor-element.elementor-element-6e182a6 .elementor-element-35d48be .elementor-element.elementor-element-5827520>.elementor-widget-container {
    margin-right: 0;
    margin-left: 0;
  }

  body.page-id-4816 .elementor-4816 .elementor-element.elementor-element-407fe04 {
    overflow-x: hidden;
  }

  body.page-id-7325 .elementor-7325 .elementor-element.elementor-element-66fdbeb .elementor-element-5bbf9aa>.elementor-column-wrap.elementor-element-populated {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-7325 .elementor-7325 .elementor-element.elementor-element-66fdbeb .elementor-element-5bbf9aa .elementor-element.elementor-element-03078e7>.elementor-widget-container {
    margin-right: 0;
    margin-left: 0;
  }

  body.page-id-7325 .elementor-7325 .elementor-element.elementor-element-ab586c5>.elementor-element-populated {
    margin-left: 0;
    margin-right: 0;
  }

  body.page-id-7325 .elementor-7325 .elementor-element.elementor-element-566853e {
    overflow-x: hidden;
  }

  body.page-id-7325 .elementor-7325 .elementor-element.elementor-element-0f3b257>.elementor-widget-container {
    display: inline-block;
  }

  body.page-id-4837 .elementor-4837 .elementor-element.elementor-element-19e4abb .elementor-element-3d385af>.elementor-column-wrap.elementor-element-populated {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-4837 .elementor-4837 .elementor-element.elementor-element-19e4abb .elementor-element-3d385af .elementor-element.elementor-element-a02b630>.elementor-widget-container {
    margin-right: 0;
    margin-left: 0;
  }

  body.page-id-4837 .elementor-4837 .elementor-element.elementor-element-41ba7d0>.elementor-element-populated {
    margin-left: 0;
    margin-right: 0;
  }

  body.page-id-8941 .elementor-8941 .elementor-element.elementor-element-6e182a6 .elementor-element-35d48be>.elementor-column-wrap.elementor-element-populated {
    padding-right: 0;
    padding-left: 0;
  }

  body.page-id-8941 .elementor-8941 .elementor-element.elementor-element-6e182a6 .elementor-element-35d48be .elementor-element.elementor-element-5827520>.elementor-widget-container {
    margin-right: 0;
    margin-left: 0;
  }

  body.page-id-8941 .elementor-8941 .elementor-element.elementor-element-02d2c01>.elementor-element-populated {
    margin-left: 0;
    margin-right: 0;
  }

  body.page-id-8941 .elementor-8941 .elementor-element.elementor-element-07701f1>.elementor-widget-container {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .elementor-widget-button {
    display: inline-block;
  }

  .elementor-widget-button .elementor-widget-container {
    display: inline-block;
  }
}

/* マーカーアニメーション */
.marker {
  background-image: linear-gradient(90deg,
      rgb(232, 120, 120) 90%,
      transparent
      /*好きな色*/
    );
  background-repeat: no-repeat;
  background-size: 200% 50%;
  /*2つ目の値でマーカーの太さを変える*/
  background-position: 0 bottom;
  animation: marker-move 4s ease 0s;
  /*マーカーを引く速度*/
}

@keyframes marker-move {
  0% {
    background-position: right -100% bottom;
  }

  100% {
    background-position: 0 bottom;
  }
}

/* ランダムカウンター */

.randomCounterWrap {
  /* padding-top: 20px; */
  text-align: center;
}

.randomCounterWrap_text {
  font-size: clamp(20px, calc(24/1000*100vw), 30px);
}

@keyframes colorChange {
  0% {
    color: #EC407A;
    /* 元の色 */
  }

  50% {
    color: #FFC0CB;
    /* ピンク */
  }

  100% {
    color: #EC407A;
    /* 元の色 */
  }
}

.randomCounter {
  color: #8B0000;
  font-weight: 700;
  /* 暗めの赤色 */
  animation: colorChange 1s infinite;
}

/* マーカーアニメーション */
.marker-animation.-active {
  background-position: -100% center;
  transition: background-position-x 3s;
}

.marker-animation {
  background-repeat: repeat-x;
  padding-bottom: 0.6em;
  display: inline;
  font-weight: bold;
  background-size: 200% 0.5em;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(232, 120, 120) 50%);
  background-position: 0% center;
}