﻿div.wrapper_ > div.container_ {
  width: 100%;
}

.forcms_block #ubie202607 {
  position: relative;
  overflow-x: hidden;
  width: 100%;
}

.forcms_block #ubie202607 .contents_inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* ==========================================================================
   ★絶対死守：絶対に右ズレ・位置バグを起こさずに全幅化する安全な指定★
   ※この全幅化ハック部分のみ、CMSラッパーを安全に突き破るため !important を残しています。
   ========================================================================== */
.forcms_block #ubie202607 .uv_mv_section {
  width: auto !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding-left: 50vw !important;
  padding-right: 50vw !important;
  background-color: #ffffff;
}

.forcms_block #ubie202607 .uv_mv_section .contents_inner_full {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.forcms_block #ubie202607 .mv {
  width: 100% !important;
  display: block !important;
}

.forcms_block #ubie202607 .mv picture,
.forcms_block #ubie202607 .mv picture img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ==========================================================================
   共通リreset＆ベーススタイル（!importantを一切使わず詳細度で上書き）
   ========================================================================== */
.forcms_block #ubie202607 div,
.forcms_block #ubie202607 section,
.forcms_block #ubie202607 ul,
.forcms_block #ubie202607 li,
.forcms_block #ubie202607 h1,
.forcms_block #ubie202607 h2,
.forcms_block #ubie202607 h3,
.forcms_block #ubie202607 p,
.forcms_block #ubie202607 a,
.forcms_block #ubie202607 figure {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.forcms_block #ubie202607 img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

/* 「※」注釈テキストを小さくして、右上に美しく上付きにするスタイル設定 */
.forcms_block #ubie202607 sup {
  font-size: 9px;
  vertical-align: super;
  line-height: 0;
  position: relative;
  top: -0.15em;
  color: inherit;
}

/* PC/SP切り替えの魔法クラス */
.forcms_block #ubie202607 .forSP, .sp_br { display: none; }
.forcms_block #ubie202607 .forPC { display: block; }

@media screen and (max-width: 750px) {
  .forcms_block #ubie202607 .forSP, .sp_br { display: block; }
  .forcms_block #ubie202607 .forPC { display: none; }
}

/* チェックリストの共通リセット＆完全均等配置 of 2・3個目商品 */
.forcms_block #ubie202607 .item_exTxt {
  text-align: left;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.forcms_block #ubie202607 .item_exTxt li {
  position: relative;
  color: #333333;
  padding-left: 28px;
  border-bottom: 1px solid #e1e8ed;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  flex: 1;
}

/* リストの一番最後（一番下）の線を消去 */
.forcms_block #ubie202607 .item_exTxt li:last-child {
  border-bottom: none;
}

/* チェックボックスの大きさを1.3倍（18px）に大型化 */
.forcms_block #ubie202607 .item_exTxt li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url('/cms/img/usr/ubie202607/check.png') no-repeat center center;
  background-size: contain;
}

/* ボトル画像の下に文字が潜り込んで消えるバグを解決する新階層設定 */
.forcms_block #ubie202607 .item_detail {
  position: relative;
  z-index: 1;
}

.forcms_block #ubie202607 .item_btn {
  display: flex;
  list-style: none;
}
.forcms_block #ubie202607 .btn_cart_btn,
.forcms_block #ubie202607 .btn_product_btn {
  flex: 1;
}
.forcms_block #ubie202607 .btn_cart,
.forcms_block #ubie202607 .btn_product {
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  box-sizing: border-box;
  transition: opacity 0.2s, background 0.2s;
}
.forcms_block #ubie202607 .btn_cart {
  background: #0063A0;
  color: #ffffff;
  position: relative;
}
.forcms_block #ubie202607 .btn_cart::after {
  content: '';
  position: absolute;
  top: 21px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.forcms_block #ubie202607 .btn_cart:hover {
  opacity: 0.9;
}
.forcms_block #ubie202607 .btn_product {
  background: #ffffff;
  color: #888;
  border: 1px solid #888;
  position: relative;
}
.forcms_block #ubie202607 .btn_product::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  transform: rotate(45deg) skew(-5deg, -5deg);
}
.forcms_block #ubie202607 .btn_product:hover {
  opacity: 0.8;
}
.forcms_block #ubie202607 .note_txt {
  font-size: 11px;
  color: #888888;
  line-height: 1.6;
  margin-top: 20px;
}

/* 共通設定部分のオレンジを黒・通常ウェイトに統一（バグ防止） */
.forcms_block #ubie202607 .item_header_badge,
.forcms_block #ubie202607 .item_header_badge span {
  font-size: 13px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 8px;
  text-align: left;
}
.forcms_block #ubie202607 .btn_buy,
.forcms_block #ubie202607 .btn_info {
  position: relative;
}
.forcms_block #ubie202607 .btn_buy,
.forcms_block #ubie202607 .btn_info {
  padding: 15px 0;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.forcms_block #ubie202607 .btn_buy {
  background-color: #0063A0;
  color: #ffffff;
}
.forcms_block #ubie202607 .btn_info {
  background-color: #ffffff;
  color: #888888;
  border: 1px solid #cccccc;
}
.forcms_block #ubie202607 .btn_buy::after,
.forcms_block #ubie202607 .btn_info::after {
  content: '';
  position: absolute;
  top: 21px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg) skew(-5deg, -5deg);
}
.forcms_block #ubie202607 .btn_info::after {
  border-color: #888;
  transform: rotate(45deg) skew(-5deg, -5deg) translateY(-50%);
}

/* ==========================================================================
   PC版レイアウト（min-width: 751px）
   ========================================================================== */
@media screen and (min-width: 751px) {
  .forcms_block #ubie202607 .main_product_section .contents_inner {
    max-width: 1100px;
  }

  .forcms_block #ubie202607 .main_product_section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: linear-gradient(to bottom, #edf4f9 0%, #ffffff 100%);
    padding: 70px 0 60px;
  }
  .forcms_block #ubie202607 .comparison_section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #f7fafc;
    padding: 80px 0;
  }
  .forcms_block #ubie202607 .brand_policy_bg_group {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url(/cms/img/usr/ubie202607/bg_about.png);
    background-size: cover;
    padding: 90px 0;
  }
  .forcms_block #ubie202607 .instagram_container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #ffffff;
    padding: 80px 0;
  }

  .forcms_block #ubie202607 .campaign_top {
    text-align: center;
    margin-bottom: 45px;
  }
  .forcms_block #ubie202607 .campaign_top .lead_sub {
    font-size: 20px;
    color: #333333;
    letter-spacing: 0.05em;
  }
  .forcms_block #ubie202607 .campaign_top .lead_main {
    font-size: 32px;
    color: #333333;
    font-weight: normal;
    margin-top: 10px;
    letter-spacing: 0.05em;
  }

  /* 1商品目：画像(左)と〇アイコン(右)の美しい横並び構造 */
  .forcms_block #ubie202607 .product_top_flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 50px;
    margin-bottom: 0;
    width: 100%;
    height: auto;
  }

  .forcms_block #ubie202607 .product_single_img {
    width: 180px;
    flex-shrink: 0;
    text-align: center;
  }

  .forcms_block #ubie202607 .product_features_circles {
    width: 630px;
    flex-shrink: 0;
    margin-top: 0;
  }
  .forcms_block #ubie202607 .product_features_circles img {
    width: 100%;
    height: auto;
  }

  .forcms_block #ubie202607 .product_check_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    margin-top: -300px;
    margin-bottom: 50px;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 230px;
  }

  .forcms_block #ubie202607 .check_item_block {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    color: #333333;
  }
  .forcms_block #ubie202607 .check_icon {
    width: 20px;
    height: 20px;
  }
  .forcms_block #ubie202607 .check_divider {
    width: 1px;
    height: 20px;
    background-color: #cccccc;
  }

  /* 赤い部分（商品説明ブロック）：完全センタリング配置 */
  .forcms_block #ubie202607 .product_description_block {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    padding-left: 0;
  }
  .forcms_block #ubie202607 .desc_text {
    font-size: 14.5px;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 40px;
  }
  .forcms_block #ubie202607 .spec_price_box {
    margin-bottom: 35px;
  }
  .forcms_block #ubie202607 .spec_title,
  .forcms_block #ubie202607 .spec_subtitle {
    font-size: 14.5px;
    color: #333333;
    line-height: 1.6;
  }
  .forcms_block #ubie202607 .price_text {
    font-size: 21px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
  }

  /* アクションボタン：完全センタリング整列 */
  .forcms_block #ubie202607 .action_buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 35px;
  }
  .forcms_block #ubie202607 .btn_buy,
  .forcms_block #ubie202607 .btn_info {
    width: 312px;
  }
  .forcms_block #ubie202607 .btn_buy {
    background-color: #0063A0;
    color: #ffffff;
  }
  .forcms_block #ubie202607 .btn_buy:hover {
    opacity: 0.9;
  }
  .forcms_block #ubie202607 .btn_info {
    background-color: #ffffff;
    color: #888888;
    border: 1px solid #cccccc;
  }

  /* 2個目・3個目の横並び（2カラムレイアウト設定）：100%美しさをキープ */
  .forcms_block #ubie202607 .item_wrap {
    display: flex;
    gap: 35px;
    padding: 0;
    margin: 0;
  }
  .forcms_block #ubie202607 .item_list {
    flex: 1;
    background: #ffffff;
    border-radius: 16px;
    padding: 50px 30px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.02);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .forcms_block #ubie202607 .item_list .item_header_badge,
  .forcms_block #ubie202607 .item_list .item_header_badge span {
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 5px;
    text-align: center;
  }

  .forcms_block #ubie202607 .item_list .item_header_text {
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 30px;
    min-height: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .forcms_block #ubie202607 .card_content_flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: -10px;
    gap: 10px;
  }

  .forcms_block #ubie202607 .item_figure {
    width: 40%;
    text-align: center;
  }
  .forcms_block #ubie202607 .item_figure img {
    max-height: 350px;
  }
  .forcms_block #ubie202607 .item_ex_textarea {
    width: 56%;
  }

  /* バルク画像と2行テキストのセット位置 */
  .forcms_block #ubie202607 .bulk_text_wrap {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-left: -35px;
    margin-bottom: 12px;
    position: relative;
    top: -15px;
  }

  .forcms_block #ubie202607 .bulk_img {
    width: 140px;
    height: auto;
    flex-shrink: 0;
    position: relative;
    left: -5px;
  }

  .forcms_block #ubie202607 .bulk_right_txt {
    font-size: 12px;
    color: #333333;
    line-height: 1.4;
    text-align: left;
    padding-bottom: 5px;
    margin-left: -35px;
    position: relative;
    top: -10px;
  }
  .forcms_block #ubie202607 .bulk_right_txt p {
    white-space: nowrap;
  }

  /* 左商品（バリアUV）専用：5行均等配置 */
  .forcms_block #ubie202607 .list01 .item_exTxt {
    height: 255px;
    margin-top: 12px;
  }

  /* 右商品（アドバンスバリア）専用：4行均等配置（-30pxアジャスト適用） */
  .forcms_block #ubie202607 .list02 .item_exTxt {
    height: 204px;
    margin-top: -30px;
  }

  .forcms_block #ubie202607 .list02 .item_figure {
    position: relative;
    left: 0;
    top: 10px;
  }

  .forcms_block #ubie202607 .list02 .item_figure img {
    max-height: 332px;
  }

  .forcms_block #ubie202607 .item_list .item_detailTxt {
    font-size: 13px;
    color: #666666;
    min-height: 54px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .forcms_block #ubie202607 .item_list .item_detailPrice {
    font-size: 21px;
    font-weight: bold;
    margin: 12px 0;
    text-align: center;
  }

  .forcms_block #ubie202607 .item_list .item_btn {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
  }

  .forcms_block #ubie202607 .item_list .btn_cart_btn,
  .forcms_block #ubie202607 .item_list .btn_product_btn {
    width: 100%;
    max-width: 240px;
    flex: none;
  }
  .forcms_block #ubie202607 .item_list .btn_cart,
  .forcms_block #ubie202607 .item_list .btn_product {
    padding: 14px;
    border-radius: 4px;
  }
  .forcms_block #ubie202607 .comparison_section .note_txt {
    margin-top: 40px;
    text-align: center;
  }

  .forcms_block #ubie202607 .brand_section,
  .forcms_block #ubie202607 .policy_section {
    background: #ffffff;
    border-radius: 16px;
    padding: 60px 50px;
    margin-bottom: 40px;
    box-shadow: 0 4px 25px rgba(0,0,0,0.01);
    text-align: center;
  }
  .forcms_block #ubie202607 .brand_section img {
    max-width: 500px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .forcms_block #ubie202607 .brand_title {
    font-size: 28px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
  }

  .forcms_block #ubie202607 .brand_desc {
    font-size: 14.5px;
    color: #333333;
    line-height: 2;
    margin-top: 30px;
  }

  .forcms_block #ubie202607 .policy_tit {
    font-size: 26px;
    margin-bottom: 12px;
  }
  .forcms_block #ubie202607 .policy_sub_desc {
    font-size: 15px;
    margin-bottom: 40px;
    color: #555555;
  }
  .forcms_block #ubie202607 .policy_image_box img {
    max-width: 860px;
  }

  /* Instagramヘッダー：プレミアム感のある縦並び完全センタリング */
  .forcms_block #ubie202607 .insta_header_box {
    text-align: center;
  }
  .forcms_block #ubie202607 .insta_title_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 16px;
  }
  .forcms_block #ubie202607 .insta_icon_img {
    width: 47px;
    height: auto;
  }
  .forcms_block #ubie202607 .insta_header_box h2 {
    font-size: 26px;
    color: #333333;
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .forcms_block #ubie202607 .insta_lead {
    font-size: 14.5px;
    color: #444444;
    line-height: 1.8;
    margin-bottom: 40px;
  }
}

/* ==========================================================================
   ★無敵の上書きルール：Instagram全体のセンタリング＆絶対に画像が落ちない30px隙間★
   ========================================================================= */
.forcms_block #ubie202607 .instagram_container div.hacobune-grid-row,
.forcms_block #ubie202607 .instagram_container .hacobune-gallery-grid-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* PC版は絶対に4列 */
  gap: 30px !important;                             /* 画像同士の隙間をピッタリ30pxに */
  width: 100% !important;
  margin: 0 auto !important;
}

/* ツール側の不要な余白、絶対配置、レスポンシブ幅を完全にリセット */
.forcms_block #ubie202607 .instagram_container div.hacobune-grid-row > div,
.forcms_block #ubie202607 .instagram_container li.ecbn-selection-item,
.forcms_block #ubie202607 .instagram_container .hacobune-gallery-grid-row > div {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
}

/* ツール内のキーワード検索窓を非表示にする */
.forcms_block #ubie202607 .hacobune-chip-input-container-keyword,
.forcms_block #ubie202607 input[name="keyword"] {
  display: none !important;
}

/* ==========================================================================
   SP版レイアウト（max-width: 750px）
   ========================================================================== */
@media screen and (max-width: 750px) {
  .forcms_block #ubie202607 .contents_inner {
    padding: 0 16px;
  }
  .forcms_block #ubie202607 .main_product_section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #eef1f4;
    padding: 40px 0;
  }
  .forcms_block #ubie202607 .comparison_section {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #f7fafc;
    padding: 45px 0;
  }
  .forcms_block #ubie202607 .brand_policy_bg_group {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-image: url(/cms/img/usr/ubie202607/bg_about.png);
    background-size: cover;
    padding: 50px 0;
  }
  .forcms_block #ubie202607 .instagram_container {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background-color: #ffffff;
    padding: 70px 0;
  }
  .forcms_block #ubie202607 .campaign_top {
    text-align: center;
  }
  .forcms_block #ubie202607 .campaign_top .lead_sub {
    font-size: 15px;
    color: #333333;
  }
  .forcms_block #ubie202607 .campaign_top .lead_main {
    font-size: 21px;
    color: #333333;
    font-weight: normal;
    margin-top: 4px;
  }

  .forcms_block #ubie202607 .product_top_flex {
    flex-direction: column;
    align-items: center;
    gap: 0px;
    margin-bottom: 30px;
    height: auto;
  }
  .forcms_block #ubie202607 .product_single_img {
    width: 150px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: -210px;
  }
  .forcms_block #ubie202607 .product_single_img img {
    display: block;
    margin: 0 auto;
  }
  .forcms_block #ubie202607 .product_features_circles {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
  }
  .forcms_block #ubie202607 .product_features_circles img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .forcms_block #ubie202607 .product_check_wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 290px;
    margin: 0 auto 30px;
    padding-left: 0;
    gap: 12px;
  }
  .forcms_block #ubie202607 .check_divider {
    display: none;
  }
  .forcms_block #ubie202607 .check_item_block {
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .forcms_block #ubie202607 .check_icon {
    width: 21px;
    height: 21px;
  }
  .forcms_block #ubie202607 .product_description_block {
    text-align: center;
    padding: 0 10px;
  }
  .forcms_block #ubie202607 .desc_text {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 25px;
    text-align: left;
  }
  .forcms_block #ubie202607 .spec_price_box {
    margin-bottom: 25px;
  }
  .forcms_block #ubie202607 .spec_title,
  .forcms_block #ubie202607 .spec_subtitle {
    font-size: 16px;
    line-height: 1.5;
  }
  .forcms_block #ubie202607 .price_text {
    font-size: 19px;
    margin-top: 6px;
  }
  .forcms_block #ubie202607 .action_buttons {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    display: flex;
  }
  .forcms_block #ubie202607 .btn_buy,
  .forcms_block #ubie202607 .btn_info {
    padding: 14px;
    font-size: 14.5px;
    border-radius: 4px;
  }

  .forcms_block #ubie202607 .item_wrap {
    flex-direction: column;
    gap: 30px;
    padding: 0;
    margin: 0;
  }
  .forcms_block #ubie202607 .item_list {
    background: #ffffff;
    border-radius: 8px;
    padding: 40px 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  }
  .forcms_block #ubie202607 .item_list .item_header_badge,
  .forcms_block #ubie202607 .item_list .item_header_badge span {
    font-size: 15px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 6px;
    text-align: center;
  }

  .forcms_block #ubie202607 .item_list .item_header_text {
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 10px;
    min-height: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  /* ★大改造：SP版の「左ボトル・右チェックリスト」の美しい横並び設定★ */
  .forcms_block #ubie202607 .card_content_flex {
    display: flex;
    flex-direction: row;      /* 縦から「横並び」に大改造 */
    align-items: center;      /* 上下中央をピシッと揃える */
    justify-content: space-between;
    gap: 12px;                /* ボトルとリストの隙間 */
    margin-bottom: -60px;
  }
  .forcms_block #ubie202607 .item_figure {
    width: 38%;               /* ボトルエリアをスリムに（38%幅） */
    text-align: center;
  }
  .forcms_block #ubie202607 .item_figure img {
    max-height: 300px;        /* 横並び用に高さをスマートに縮小 */
    width: auto;
  }
  .forcms_block #ubie202607 .item_ex_textarea {
    width: 58%;               /* リストエリアを広く確保（58%幅） */
  }

  /* 3つ目の商品（アドバンスバリア）のボトルサイズも完全同期 */
  .forcms_block #ubie202607 .list02 .item_figure {
    top: 0;
  }
  .forcms_block #ubie202607 .list02 .item_figure img {
    max-height: 320px;        /* 高さをビシッと220pxに統一 */
    width: auto;
  }

  /* アドバンスバリア専用：バルクテクスチャ画像の左寄せ最適化 */
  .forcms_block #ubie202607 .bulk_text_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 6px;
    margin-left: -35px;   /* 👈【ここが命！】マイナスを大きくして、チェックリストの列よりさらに左へ飛び出させます！ */
    margin-bottom: 10px;
  }
  .forcms_block #ubie202607 .bulk_img {
    width: 110px;              /* 横幅に合わせてコンパクトに */
    height: auto;
    margin: 0 !important;
  }
  .forcms_block #ubie202607 .bulk_right_txt {
    font-size: 10px !important;
    line-height: 1.3;
    margin-left: -25px;
    margin-top: 40px;
  }

  /* ★アップデート：横並び時のチェックリスト箇条書きのSP高さ均等配置 ＆ 最下部の罫線なし★ */
  .forcms_block #ubie202607 .item_list .item_exTxt {
    max-width: none;          /* 縦並びのときの中央寄せを解除 */
    margin: 0;
    display: flex;
    flex-direction: column;
  }

  /* 左商品（バリアUV：5行用）のリスト全体をボトルの高さ（緑の範囲）にピッタリフィットさせる */
  .forcms_block #ubie202607 .list01 .item_exTxt {
    height: 250px;
    margin-top: 10px;
    margin-bottom: 60px;            /* 👈 ボトルの見かけの高さに合わせて美しく引き伸ばす */
  }

  /* 右商品（アドバンスバリア：4行用）のリスト全体の高さを最適化（バルク画像の下スペースにフィット） */
  .forcms_block #ubie202607 .list02 .item_exTxt {
    height: 200px;
    margin-top: 10px;
    margin-bottom: 70px;              /* 👈 バルク画像と下のラインの間に綺麗に収まる高さに指定 */
  }

  .forcms_block #ubie202607 .item_list .item_exTxt li {
    font-size: 11px;          /* 1行で綺麗に収まりやすい絶妙な細身サイズ */
    margin-bottom: 0;
    padding-left: 35px;
    padding-top: 0;           /* 👈 flex: 1 で縦に均等配置させるため、固定パディングをリセット */
    padding-bottom: 0;
    flex: 1;                  /* 👈 各項目を上下均等に引き伸ばして配置する魔法の指定！ */
    border-bottom: 1px solid #e1e8ed;
    display: flex;
    align-items: center;      /* 引き伸ばしたエリア内で、文字を上下中央に配置 */
  }
  .forcms_block #ubie202607 .item_list .item_exTxt li::before {
    width: 23px;          /* 👈 1.3倍の「23px」に大型化！ */
    height: 23px;
  }

  /* 👈 【一番下の線を消去！】SP版の2・3商品目ともに、リストの最後だけ罫線を完全に消します */
  .forcms_block #ubie202607 .item_list .item_exTxt li:last-child {
    border-bottom: none !important;
  }

  .forcms_block #ubie202607 .item_list .item_detailTxt {
    font-size: 12.5px;
    margin-top: 20px;
    text-align: center;
  }
  .forcms_block #ubie202607 .item_list .item_detailPrice {
    font-size: 19px;
    margin: 10px 0;
    text-align: center;
  }
  .forcms_block #ubie202607 .item_list .item_btn {
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
  }
  .forcms_block #ubie202607 .item_list .btn_cart,
  .forcms_block #ubie202607 .item_list .btn_product {
    padding: 14px;
    font-size: 14.5px;
    border-radius: 4px;
  }
  .forcms_block #ubie202607 .comparison_section .note_txt {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 20px;
  }
  .forcms_block #ubie202607 .brand_section,
  .forcms_block #ubie202607 .policy_section {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px 20px 93px;
    margin-top: 25px;
  }
  .forcms_block #ubie202607 .policy_section {
    padding-bottom: 27px;
  }
  .forcms_block #ubie202607 .brand_section img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .forcms_block #ubie202607 .brand_title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 25px;
  }
  .forcms_block #ubie202607 .brand_desc {
    font-size: 13.5px;
    margin-top: 40px;
    line-height: 1.7;
  }

  .forcms_block #ubie202607 .policy_tit {
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center;
  }
  .forcms_block #ubie202607 .policy_sub_desc {
    font-size: 13.5px;
    margin-bottom: 25px;
  }

  /* Instagramエリア（SP版も美しい縦並びに同期） */
  .forcms_block #ubie202607 .insta_title_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }
  .forcms_block #ubie202607 .insta_icon_img {
    width: 44px;
    height: auto;
  }
  .forcms_block #ubie202607 .insta_header_box h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
  }
  .forcms_block #ubie202607 .insta_lead {
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: center;
  }

  /* スマホ版の画像ギャラリー：絶対に落ちない2列設定 */
  .forcms_block #ubie202607 .instagram_container div.hacobune-grid-row,
  .forcms_block #ubie202607 .instagram_container .hacobune-gallery-grid-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
  }
  /* ==========================================================================
     【絶対に失敗しない】1つ目のカードの下に、確実に30pxのグレーの隙間を強制確保
     ========================================================================== */
  .forcms_block #ubie202607 .list01 {
    margin-bottom: 30px !important; /* 👈 他の計算バグをすべて無視して、力技で綺麗に30pxあけます！ */
  }
  .forcms_block #ubie202607 .hacobune-app-container {
    width: 100%;
  }
/* ==========================================================================
     「More」ボタン（文字の上下中央寄せ）＆ ロゴ上の余白調整
     ========================================================================== */
  .forcms_block #ubie202607 .hacobune-mix-load-more-button {
    display: flex;               /* 👈 flexboxで文字を完全に上下左右中央に配置します */
    align-items: center;         /* 👈 上下中央揃え */
    justify-content: center;      /* 👈 左右中央揃え */
    width: 100%;
    max-width: 290px;
    height: 48px;                /* 高さを固定にしてブレを防止 */
    margin: 30px auto 0;
    padding: 0;                  /* flex中央寄せのため上下パディングをリセット */
    background: #ffffff;
    color: #888888;
    border: 1px solid #888888;
    border-radius: 4px;
    font-size: 14.5px;
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1;
  }

  /* ロゴ（hacobune-logo）の上のマージンを20px指定 */
  .forcms_block #ubie202607 .hacobune-logo {
    margin-top: 20px;
  }
}