@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* WP YouTube Lyte ─ 再生ボタンアイコン */
.lyte .play {
  background-image: url('https://fukugyo-check.jp/wp-content/uploads/2025/11/youtube-play.webp') !important;
}

/* コピー対策 */
#main_content {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
}

/* サイドバー「プロフィール」 */
.side-box{
text-align:center;
padding: 5px;            /* 内側余白 */
margin-bottom: 10px;      /* 下にスペース */
}

.side-box1 p{
margin-bottom: 1.8em;
padding: 0px 8px;
}
.side-box2 p{
margin-bottom: 1.8em;
padding: 0px 8px;
}
.prfbtn-a{
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  background: #f9dd39;          /* ← 中の色を白に */
  color: #000;               /* ← 文字色は黒 */
  text-align: center;
  border-radius: 4px;
  padding: 12px 10px;
  margin: 30px 0;
}


/* 全記事 行間調整 */
.post_content > p {
margin-bottom:2.5em;
font-size:19px;
}

/* icomoonを遅延読み込み */
@font-face {
font-family: 'icomoon';
src:url('/wp-content/themes/swell/assets/fonts/icomoon.ttf?7ojy2d') format('embedded-truetype'),
url('/wp-content/themes/swell/assets/fonts/icomoon.ttf') format('truetype'),
url('/wp-content/themes/swell/assets/fonts/icomoon.woff') format('woff'),
url('/wp-content/themes/swell/assets/fonts/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}


/* ーーースマホフッター関連ーーー */
#fix_bottom_menu, #fix_bottom_menu::before {
background:none;
box-shadow: none;
}

.scroll-pop-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(0, 0, 0, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s, visibility 0.3s;
  }
  .scroll-pop-overlay.is-visible {
      opacity: 1;
      visibility: visible;
  }
  .scroll-pop-overlay.is-hiding {
      opacity: 0;
      visibility: hidden;
  }

  .scroll-pop {
      background: #fff;
      border-radius: 16px;
      padding: 28px 24px;
      max-width: 360px;
      width: 100%;
      text-align: center;
      position: relative;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
      transform: translateY(20px);
      transition: transform 0.3s;
  }
  .is-visible .scroll-pop {
      transform: translateY(0);
  }

  .scroll-pop-close {
      position: absolute;
      top: 8px;
      right: 12px;
      background: none;
      border: none;
      font-size: 24px;
      color: #999;
      cursor: pointer;
      line-height: 1;
      padding: 4px;
  }
  .scroll-pop-close:hover {
      color: #333;
  }

  .scroll-pop-avatar {
      margin-bottom: 12px;
  }
  .scroll-pop-avatar img {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid #e0e0e0;
  }
  .scroll-pop-name {
      display: block;
      font-size: 12px;
      color: #888;
      margin-top: 4px;
  }

  .scroll-pop-message {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.7;
      color: #333;
      margin-bottom: 20px;
  }

  .scroll-pop-actions {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .scroll-pop-btn {
      display: block;
      padding: 14px 16px;
      border-radius: 8px;
      font-weight: 700;
      font-size: 15px;
      text-decoration: none;
      text-align: center;
      transition: opacity 0.2s;
  }
  .scroll-pop-btn:hover {
      opacity: 0.85;
      text-decoration: none;
  }

  .scroll-pop-btn--primary {
      background: #06C755;
      color: #fff;
      border-bottom: 3px solid #05a046;
  }

  .scroll-pop-btn--secondary {
      background: none;
      color: #1F3A5F;
      border: 2px solid #1F3A5F;
  }
  .scroll-pop-btn--secondary:hover {
      background: #f5f7fa;
  }

  @media (min-width: 769px) {
      .scroll-pop-overlay {
          display: none !important;
      }
  }