/* ==============================================================================
   renewal-compat.css — テーマ互換レイヤー(リニューアル動的化ページ専用)
   なぜ: build/ 各ページは 2026-04-07 スナップショット(style.css?v=03240000)の
   テーマ部品CSSに依存するが、現行テーマは外注改修で一部部品が削除/変更済み
   (例: .connection 一式が現行 style.css から削除・.flow-steps は別部品として再定義)。
   ここにスナップショット原典の該当ブロックを .main スコープで補完する。
   出典: refer/linxas-sp-0407/css/style.css L5323-5612 (.connection 一式)
   読込: mu-plugin linxas-renewal-assets.php (style.css → 本ファイル → components.css → ページCSS)
   ============================================================================== */
.main .connection {
  border: solid var(--color7);
  border-width: 1px 0;
  text-align: center;
  padding: 30px 0 20px;
  position: relative;
}
.main .connection.partbg {
  padding: 40px 0;
  background: var(--color10);
  border-color: var(--color10);
}
.main .connection.partbg .connection-title {
  border-bottom: none;
}
.main .connection.partbg .connection-title-sub ~ .connection-title {
  border-bottom: 2px solid #8DB0D0;
}
.main .connection .connection-title-sub {
  color: var(--color9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
}
.main .connection .connection-title {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color9);
  padding-bottom: 10px;
  border-bottom: 2px solid #8DB0D0;
  font-weight: 700;
}
.main .connection .connection-title:before, .main .connection .connection-title:after {
  content: "";
  background: url(../images/common/iconarrowtitle.svg) center center/contain no-repeat;
  margin: 2px 18px 0;
  display: block;
  width: 20px;
  height: 20px;
}
.main .connection .connection-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main .connection .connection-lists .connection-item {
  width: 50%;
  padding: 10px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main .connection .connection-lists .connection-item a.linktouch {
  width: 100%;
  border-radius: 5px;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.main .connection .connection-lists .connection-item a.linktouch img {
  width: 100%;
}
.main .connection .connection-lists .connection-item a.linktouch:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(2px, 3px);
      -ms-transform: translate(2px, 3px);
          transform: translate(2px, 3px);
  opacity: 0.8;
}
.main .connection .connection-lists .connection-item .bluelinktouch {
  -webkit-box-shadow: 3.8px 5.7px 0 #22389E;
          box-shadow: 3.8px 5.7px 0 #22389E;
}
.main .connection .connection-lists .connection-item .greenlinktouch {
  -webkit-box-shadow: 3.8px 5.7px 0 #21912E;
          box-shadow: 3.8px 5.7px 0 #21912E;
}
.main .connection .connection-lists .connection-item .item-ttl {
  color: var(--color9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0 5px;
  font-size: 16px;
  font-weight: 700;
}
.main .connection .connection-lists .connection-item .item-ttl:before, .main .connection .connection-lists .connection-item .item-ttl:after {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
}
.main .connection .connection-lists .connection-item .item-ttl:before {
  margin-right: 5px;
  -webkit-transform: skewX(10deg);
      -ms-transform: skewX(10deg);
          transform: skewX(10deg);
  border-left: 1px solid var(--color9);
}
.main .connection .connection-lists .connection-item .item-ttl:after {
  margin-left: 5px;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
  border-right: 1px solid var(--color9);
}
.main .connection .connection-lists span {
  display: block;
  padding: 12px 0 5px;
  color: var(--color3);
}
.main .connection p {
  font-size: 16px;
  font-weight: bold;
  color: #DE4A9B;
  border-radius: 5px;
  padding: 5px 10px;
}
.main .connection .connection-note {
  background-color: #fff;
}
.main .connection .connection-note2 {
  font-size: 14px;
  padding-top: 5px;
  color: var(--color9);
}
.main .connection .connection-before {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -68%);
      -ms-transform: translate(-50%, -68%);
          transform: translate(-50%, -68%);
  width: 80%;
  max-width: 450px;
  background: var(--color4);
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.main .connection .connection-before:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  width: 14px;
  height: 7px;
  background: var(--color9);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media (max-width: 750px) {
  .main .connection {
    padding: 22px 0 !important;
    border: none;
  }
  .main .connection.partbg .connection-title {
    padding-bottom: 4px;
  }
  .main .connection .connection-title {
    font-weight: 700;
    font-size: 16px;
  }
  .main .connection .connection-title::before, .main .connection .connection-title::after {
    width: 12px;
    height: 12px;
    margin: 7px 5px 5px;
  }
  .main .connection .connection-lists {
    gap: 10px;
  }
  .main .connection .connection-lists .connection-item {
    width: calc(50% - 5px);
    font-size: 11px;
    padding: 7px 0 0;
  }
  .main .connection .connection-lists .connection-item .item-ttl {
    font-size: 11px;
    padding: 2px 0;
  }
  .main .connection .connection-lists .connection-item .item-ttl::before, .main .connection .connection-lists .connection-item .item-ttl::after {
    height: 1.25em;
  }
  .main .connection .connection-lists .connection-item .item-ttl::before {
    margin-right: 3px;
  }
  .main .connection .connection-lists .connection-item .item-ttl::after {
    margin-left: 3px;
  }
  .main .connection .connection-lists .connection-item .bluelinktouch {
    -webkit-box-shadow: 2px 3px 0 #22389E;
            box-shadow: 2px 3px 0 #22389E;
  }
  .main .connection .connection-lists .connection-item .greenlinktouch {
    -webkit-box-shadow: 2px 3px 0 #21912E;
            box-shadow: 2px 3px 0 #21912E;
  }
  .main .connection .connection-lists .connection-item a.linktouch:hover {
    -webkit-transform: translate(2px, 3px);
        -ms-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
  }
  .main .connection .connection-lists span {
    padding-bottom: 0;
    padding-top: 0.8em;
    font-size: 11px;
  }
  .main .connection .connection-note {
    font-size: 11px;
  }
  .main .connection .connection-note2 {
    font-size: 11px;
  }
  .main .connection .connection-title-sub {
    font-size: 11px;
  }
  .main .connection .connection-before {
    font-size: 15px;
    padding: 5px 12px;
    -webkit-transform: translate(-50%, -72%);
        -ms-transform: translate(-50%, -72%);
            transform: translate(-50%, -72%);
  }
  .main .connection .connection-before:after {
    width: 13px;
    height: 6px;
  }
  .main .connection:not(.partbg) {
    padding: 0 !important;
  }
  .main .connection:not(.partbg) .connection-lists span {
    font-size: 10px;
  }
}
@media (max-width: 360px) {
  .main .connection .connection-title {
    font-size: 14px;
  }
  .main .connection .connection-title::before, .main .connection .connection-title::after {
    margin: 2px;
  }
  .main .connection .connection-lists .connection-item .item-ttl {
    font-size: 2.8vw;
  }
  .main .connection .connection-lists .connection-item span {
    font-size: 9px;
  }
}


/* ==============================================================================
   以下: 自動生成セクション(css_divergence_audit2.py v2.1 / 2026-07-07)
   スナップショット(4月原典)から消失/section.part化されたセレクタを .main スコープで復元。
   カスケード順は原典の行順を保存。レポート: scratchpad/css-divergence-report2.md
   ============================================================================== */
/* 自動生成v2.1: 消失セレクタの補完(.mainスコープ)。カスケード順=スナップショット原典の行順を保存
   (v2はmedia別ソートで750px→900pxの順に出力してしまい、モバイル上書きが負けるバグがあった) */
.main .part .board { position: relative;
  background: var(--color10);
  padding: 60px 18px 20px;
  border-radius: 5px;
  overflow: hidden; } /* snap:3712 */
.main .part .board .board-head { position: absolute;
  left: 0;
  top: 0;
  background: var(--color9);
  color: #FFF;
  padding: 6px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: bold;
  border-bottom-right-radius: 5px; } /* snap:3719 */
.main .part .board .board-head i { display: block;
  margin-right: 8px;
  margin-bottom: 2px; } /* snap:3739 */
.main .part .board .board-head i svg { width: 17px;
  height: 24px; } /* snap:3744 */
.main .part .board .more { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; } /* snap:3748 */
.main .part .board .btnlink { font-weight: bold;
  color: var(--color9);
  font-size: clamp(13px, 8px + 0.3125vw, 14px);
  padding: 3px 0;
  margin-top: 8px;
  border-bottom: 1px solid var(--color7);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:3759 */
.main .part .board .btnlink i { color: var(--color11);
  font-weight: 500;
  margin-left: 6px; } /* snap:3775 */
@media(pointer:fine) {
  .main .part .board .btnlink:hover { opacity: 0.7; } /* snap:3781 */
}
.main .part .series-list ul { --gap-width: 12px;
  --list-num: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap-width);
  margin-bottom: var(--gap-width); } /* snap:3785 */
.main .part .series-list ul>li { width: calc((100% - var(--gap-width) * (var(--list-num) - 1)) / var(--list-num)); } /* snap:3796 */
.main .part .series-list .series-card { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(var(--border)));
  background: linear-gradient(to bottom, #FFF 0%, var(--border) 100%);
  -webkit-box-shadow: 0 0 8px rgba(11, 64, 117, 0.25);
          box-shadow: 0 0 8px rgba(11, 64, 117, 0.25);
  color: var(--color9);
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding-right: 8px;
  font-size: 16px; } /* snap:3799 */
.main .part .series-list .series-card .arrow { --width: 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: 17px;
  height: 100%;
  background: var(--color9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0); } /* snap:3819 */
.main .part .series-list .series-card .arrow:after { content: "";
  display: block;
  width: var(--width);
  height: var(--width);
  border: solid #fff;
  border-width: 2px 2px 0 0;
  margin-bottom: 2px;
  -webkit-transform: translateX(-1px) rotate(45deg);
      -ms-transform: translateX(-1px) rotate(45deg);
          transform: translateX(-1px) rotate(45deg); } /* snap:3840 */
.main .part .series-list .series-card:hover { opacity: 0.7;
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97); } /* snap:3852 */
.main .part .series-list .series-card-text { padding: 15px 0;
  padding-left: 12px;
  line-height: 1.2;
  font-weight: 700; } /* snap:3858 */
.main .part .series-list .series-card-text .series-card-title { display: block; } /* snap:3864 */
.main .part .series-list .series-card-text .series-card-subtitle { display: block; } /* snap:3864 */
.main .part .series-list .series-card-pic { position: absolute;
  right: 0;
  top: 10px;
  width: 35%;
  max-width: 50%;
  height: 100%; } /* snap:3868 */
.main .part .series-list .series-card-pic img { position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  -o-object-position: center left;
     object-position: center left;
  -o-object-fit: cover;
     object-fit: cover; } /* snap:3876 */
.main .part .series-list .series-card-pic:after { content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 75%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%); } /* snap:3890 */
.main .part .spattention .spattention-slide { font-size: 22px;
  color: #D01F00;
  font-weight: bold;
  padding-bottom: 10px;
  position: relative;
  padding: 30px 32px 8px;
  background: #F9F3F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:3991 */
.main .part .spattention .spattention-slide i { margin-right: 8px; } /* snap:4006 */
.main .part .spattention .spattention-slide:after { content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 60px);
  height: 1px;
  background: #D49084; } /* snap:4009 */
.main .part .spattention .spattention-content { padding: 20px 30px 30px;
  margin-bottom: 40px;
  background: #F9F3F2; } /* snap:4022 */
.main .part .spattention .spattention-content .btnlink { font-size: 16px;
  color: var(--color14);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding: 20px 0 5px;
  margin: 0 20px;
  border-bottom: 1px solid #D49084; } /* snap:4027 */
.main .part .spattention .spattention-content .btnlink img { margin-right: 5px;
  margin-bottom: 2px; } /* snap:4044 */
.main .part .spattention .spattention-content .btnlink i { color: #D49084;
  margin-left: 10px; } /* snap:4048 */
@media(pointer:fine) {
  .main .part .spattention .spattention-content .btnlink:hover { opacity: 0.7; } /* snap:4053 */
}
.main .part .spattention .spattention-content .attention-link { margin: 8px auto 0; } /* snap:4057 */
.main .part .ranking-card { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(var(--border)));
  background: linear-gradient(to bottom, #FFF 0%, var(--border) 100%);
  -webkit-box-shadow: 0 0 5px rgba(18, 77, 137, 0.2);
          box-shadow: 0 0 5px rgba(18, 77, 137, 0.2);
  border-radius: 7px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: 0 0 5px rgba(18, 77, 137, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 15px 10px 10px;
  border-radius: 5px; } /* snap:4060 */
.main .part .ranking-card .ranking-card-num { position: absolute;
  top: 0;
  left: 0;
  background: #F2F2F2;
  color: var(--color13);
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  padding: 2px;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px 0; } /* snap:4089 */
.main .part .ranking-card .ranking-card-num.first { background: #F0B615;
  color: #FFF; } /* snap:4112 */
.main .part .ranking-card .ranking-card-num.second { background: #989891;
  color: #FFF; } /* snap:4116 */
.main .part .ranking-card .ranking-card-num.third { background: #C77E67;
  color: #FFF; } /* snap:4120 */
.main .part .ranking-card .ranking-card-inner { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(12px, 7px + 0.3125vw, 13px); } /* snap:4124 */
.main .part .ranking-card .ranking-card-inner .card-pic { width: 100%;
  max-width: 75px;
  margin-bottom: 5px; } /* snap:4140 */
.main .part .ranking-card .ranking-card-inner .card-name { font-size: clamp(15px, 10px + 0.3125vw, 16px);
  color: var(--color4);
  font-weight: 700; } /* snap:4145 */
.main .part .ranking-card .ranking-card-inner .card-tag { color: #F41782; } /* snap:4150 */
.main .part .ranking-card .ranking-card-inner .card-price { font-size: clamp(13px, 8px + 0.3125vw, 14px);
  color: #F41782; } /* snap:4153 */
.main .part .ranking-card .ranking-card-inner .card-price strong { font-size: clamp(18px, 8px + 0.625vw, 20px);
  line-height: 1; } /* snap:4157 */
.main .part .ranking-card:hover { cursor: pointer;
  opacity: 0.7;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px); } /* snap:4161 */
.main .part .ckbox { margin-right: 10px;
  margin-top: 5px;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; } /* snap:4168 */
.main .part .ckbox input[type=checkbox] { position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer; } /* snap:4178 */
.main .part .ckbox input[type=checkbox]+i { width: var(--size);
  height: var(--size);
  border: 1px solid var(--color4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow: hidden; } /* snap:4188 */
.main .part .ckbox input[type=checkbox]+i:before { content: "";
  display: block; } /* snap:4203 */
.main .part .ckbox input[type=checkbox]:checked+i { background: #D01F00;
  border-color: #D01F00;
  color: #fff; } /* snap:4207 */
.main .part .ckbox input[type=checkbox]:checked+i:before { background-image: url(../img/icon/checked.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%; } /* snap:4212 */
.main .part .attention { font-size: 15px; } /* snap:4220 */
.main .part .attention .attention-top { border-radius: 5px;
  position: relative;
  padding: 40px clamp(25px, 21.7949px + 0.4274vw, 30px) 30px;
  border: 1px solid #D49084;
  margin: 48px 0 20px; } /* snap:4223 */
.main .part .attention .attention-head { position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 30px;
  background: #D01F00;
  color: #FFF;
  padding: 13px 15px;
  font-size: clamp(17px, 16.359px + 0.0855vw, 18px);
  width: auto;
  min-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:4230 */
.main .part .attention .attention-head i { width: auto;
  height: auto;
  display: block;
  margin-right: 6px;
  margin-bottom: 2px; } /* snap:4254 */
.main .part .attention .attention-head i svg { width: 17px;
  height: 24px; } /* snap:4261 */
.main .part .attention .attention-list { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; } /* snap:4265 */
.main .part .attention .attention-item { width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px dashed var(--color7); } /* snap:4275 */
.main .part .attention .attention-item label { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  cursor: pointer; } /* snap:4283 */
.main .part .attention .attention-item .item-pic { width: 72px;
  min-width: 72px;
  margin-left: 12px; } /* snap:4295 */
.main .part .attention .attention-item .item-text { font-size: 14px; } /* snap:4300 */
.main .part .attention .attention-item .item-text .ttl { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.3;
  font-size: clamp(16px, 14.7179px + 0.1709vw, 18px);
  margin-bottom: 5px;
  font-weight: 700; } /* snap:4303 */
.main .part .attention .attention-link { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px auto; } /* snap:4315 */
.main .part .attention.attentionblue .attention-top { border-color: var(--color7); } /* snap:4327 */
.main .part .attention.attentionblue .attention-head { background: var(--color9); } /* snap:4330 */
.main .part .attention.attentionblue .attention-item .item-text { color: var(--color13); } /* snap:4333 */
.main .part .attention.attentionblue .attention-item .item-text .ttl { color: var(--color9); } /* snap:4336 */
.main .part .attention.attentionblue .attention-item label { padding: 5px 0; } /* snap:4339 */
.main .part .attention.attentionblue .ckbox input[type=checkbox]:checked+i { background: var(--color9);
  border-color: var(--color9); } /* snap:4342 */
@media(max-width:750px) {
  .main .part { margin: 30px auto; } /* snap:4511 */
  .main .part .series-list ul { --gap-width: 10px;
    --list-num: 2; } /* snap:4514 */
  .main .part .series-list .series-card-text { font-size: 12px; } /* snap:4518 */
  .main .part .series-list .series-card-text .series-card-title { font-size: 1em; } /* snap:4521 */
  .main .part .series-list .series-card-text .series-card-subtitle { font-size: 1em; } /* snap:4521 */
  .main .part .series-list .series-card-pic { overflow: hidden;
    top: 10px;
    right: 10px; } /* snap:4525 */
  .main .part .series-list .series-card-pic img { height: 100%; } /* snap:4530 */
  .main .part .board { padding: 50px 15px 5px; } /* snap:4533 */
  .main .part .board .board-head { font-size: 14px;
    padding: 6px 10px; } /* snap:4536 */
  .main .part .board .board-head i { margin-right: 5px;
    margin-bottom: 1px; } /* snap:4540 */
  .main .part .board .board-head i svg { width: 14px;
    height: 20px; } /* snap:4544 */
  .main .part .ranking-card { padding: 10px 5px 5px; } /* snap:4548 */
  .main .part .ranking-card .ranking-card-num { font-size: 12px;
    width: 22px;
    height: 22px; } /* snap:4551 */
  .main .part .ranking-card .ranking-card-inner .card-pic { max-width: 60px;
    margin-bottom: 3px; } /* snap:4556 */
  .main .part .ranking-card .ranking-card-inner .card-name { font-size: 11px;
    margin: 2px 0;
    font-weight: 500; } /* snap:4560 */
  .main .part .ranking-card .ranking-card-inner .card-tag { font-weight: 700;
    font-size: 9px; } /* snap:4565 */
  .main .part .ranking-card .ranking-card-inner .card-price { font-size: 10px; } /* snap:4569 */
  .main .part .ranking-card .ranking-card-inner .card-price strong { font-size: 1.4em; } /* snap:4572 */
  .main .part .ckbox { margin-right: 8px;
    margin-top: 3px;
    --size: 12px; } /* snap:4575 */
  .main .part .spattention .spattention-slide { width: calc(100% + 30px);
    margin-left: -15px;
    border-top: 1px solid #D49084;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 15px;
    padding: 15px 17px; } /* snap:4585 */
  .main .part .spattention .spattention-slide i { font-size: 1em; } /* snap:4595 */
  .main .part .spattention .spattention-slide .tieredmins { position: absolute;
    width: 18px;
    height: 18px;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #D49084;
    border-radius: 50%;
    cursor: pointer;
    visibility: visible; } /* snap:4598 */
  .main .part .spattention .spattention-slide .tieredmins:after { content: "";
    width: 10px;
    height: 2px;
    background: #FFF;
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
    -webkit-transition: 0.3s;
    transition: 0.3s; } /* snap:4625 */
  .main .part .spattention .spattention-slide .tieredmins:before { content: "";
    width: 10px;
    height: 2px;
    background: #FFF;
    -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
            transform: translateY(1px); } /* snap:4636 */
  .main .part .spattention .spattention-slide:after { width: 100%; } /* snap:4650 */
  .main .part .spattention .spattention-content { width: calc(100% + 30px);
    margin-left: -15px;
    padding: 15px 17px 22px;
    margin-bottom: 20px; } /* snap:4653 */
  .main .part .spattention .spattention-content>p { font-weight: 500;
    font-size: 12px; } /* snap:4659 */
  .main .part .spattention .spattention-content .attention-link { gap: 15px; } /* snap:4663 */
  .main .part .spattention .spattention-content .btnlink { font-size: 13px;
    padding: 5px 0;
    margin: 0; } /* snap:4666 */
  .main .part .spattention .spattention-content .btnlink img { width: auto;
    height: auto;
    max-height: 15px;
    margin-bottom: 1px; } /* snap:4671 */
  .main .part .spattention .spattention-content .btnlink i { margin-left: 0.8em;
    margin-right: 0; } /* snap:4677 */
  .main .part .spattention+h3 { margin-top: 20px; } /* snap:4681 */
  .main .part .attention { font-size: 12px; } /* snap:4684 */
  .main .part .attention .attention-top { margin: 30px 0 10px;
    padding: 20px 12px; } /* snap:4687 */
  .main .part .attention .attention-head { min-width: 245px;
    font-weight: 700;
    font-size: 13px;
    border-radius: 20px;
    padding: 8px 8px 6px; } /* snap:4691 */
  .main .part .attention .attention-head i { margin-right: 4px; } /* snap:4698 */
  .main .part .attention .attention-head i svg { width: 14px;
    height: 20px; } /* snap:4701 */
  .main .part .attention .attention-item { width: 100%; } /* snap:4705 */
  .main .part .attention .attention-item .item-text { font-size: 11px; } /* snap:4708 */
  .main .part .attention .attention-item .item-text .ttl { font-size: 13px;
    line-height: 1.3;
    margin-bottom: 2px; } /* snap:4711 */
  .main .part .attention .attention-link { margin: 18px auto 0; } /* snap:4716 */
  .main .part .attention.attentionblue { padding-bottom: 6px; } /* snap:4719 */
  .main .part .attention.attentionblue .attention-item:last-child { border-bottom: 0; } /* snap:4722 */
}
@media(max-width:400px) {
  .main .part .attention .attention-item { font-size: 12px; } /* snap:4773 */
  .main .part .ckbox input[type=checkbox]+i { -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } /* snap:4776 */
}
@media(max-width:380px) {
  .main .part .spattention .spattention-content .btnlink { font-size: 3.25vw; } /* snap:4783 */
}
.main .find { position: relative;
  width: 100%; } /* snap:4788 */
.main .find .find-wrapper { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; } /* snap:4792 */
.main .find .find-wrapper .find-menu-box { width: calc(50% - 15px); } /* snap:4801 */
.main .find .find-wrapper .find-body-box { width: calc(50% - 15px); } /* snap:4801 */
.main .find .find-menu-header { width: 100%;
  padding: 12px 12px;
  border-radius: 6px 6px 0 0;
  background: var(--color9);
  color: #FFF;
  text-align: center;
  position: relative;
  font-size: clamp(16px, 6px + 0.625vw, 18px);
  position: relative;
  font-weight: 700; } /* snap:4805 */
.main .find .find-menu-header:after { content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  width: 13px;
  height: 6px;
  background: var(--color9);
  clip-path: polygon(50% 100%, 0 0, 100% 0); } /* snap:4817 */
.main .find .find-body-wrapper { width: 100%;
  height: 100%;
  background: var(--color10);
  border-radius: 0 0 10px 10px;
  padding: 25px 20px;
  font-size: 16px; } /* snap:4831 */
.main .find .find-body-wrapper .body-select { width: 100%;
  margin-bottom: 10px; } /* snap:4839 */
.main .find .find-body-wrapper .body-select select { width: 100%;
  padding: 12px 15px;
  border-radius: 5px;
  color: var(--color3);
  font-size: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff url(../img/icon/select.svg) 97% 52%/12px auto no-repeat; } /* snap:4843 */
.main .find .find-body-wrapper .tag-title { color: var(--color9);
  margin: 20px 0 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:4854 */
.main .find .find-body-wrapper .tag-title img { width: 15px;
  height: auto;
  margin-right: 5px; } /* snap:4865 */
.main .find .find-body-wrapper .tag-list { font-weight: 400; } /* snap:4870 */
.main .find .find-body-wrapper .button.bluebtn:hover { color: #FFF;
  background-color: var(--color9);
  opacity: 0.7; } /* snap:4873 */
.main .find .roundbtn { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; } /* snap:4878 */
.main .find .roundbtn button { width: 80%;
  max-width: 220px;
  margin-top: 12px;
  font-size: 16px;
  padding: 10px 20px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #FFF;
  border: 1px solid var(--color9);
  border-radius: 999px;
  background-color: var(--color9); } /* snap:4889 */
.main .find .roundbtn button i { margin: 2px 8px 0 0;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); } /* snap:4912 */
@media(max-width:750px) {
  .main .find .find-wrapper .find-menu-box { width: 100%; } /* snap:4919 */
  .main .find .find-wrapper .find-body-box { width: 100%; } /* snap:4919 */
  .main .find .find-wrapper .find-menu-box:first-child .find-menu-header { border-radius: 6px 0 0 0; } /* snap:4923 */
  .main .find .find-wrapper .find-menu-box:last-child .find-menu-header { border-radius: 0 6px 0 0; } /* snap:4926 */
  .main .find .find-menu-header { height: 100%;
    font-size: 12px;
    border-radius: 0; } /* snap:4929 */
  .main .find .find-body-wrapper { padding: 20px 10px; } /* snap:4934 */
  .main .find .find-body-wrapper .body-select { margin-bottom: 5px; } /* snap:4937 */
  .main .find .find-body-wrapper .body-select select { font-size: 13px;
    padding: 10px; } /* snap:4940 */
  .main .find .roundbtn button { max-width: 150px;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
    margin-top: 15px; } /* snap:4944 */
  .main .find .roundbtn button i { margin-right: 3px; } /* snap:4951 */
  .main .find .tab-menu-item .find-menu-header:after { opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s; } /* snap:4954 */
  .main .find .tab-menu-item.current .find-menu-header:after { opacity: 1; } /* snap:4959 */
}
@media(max-width:400px) {
  .main .find .find-menu-header { font-size: 10px; } /* snap:4964 */
}
.main .ranking .title { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; } /* snap:4969 */
.main .ranking .ranking-list { margin-top: 15px; } /* snap:5013 */
.main .ranking .ranking-list ul { --margin-width: clamp(10px, -65px + 10vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: calc(var(--margin-width) * -1);
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } /* snap:5016 */
.main .ranking .ranking-list ul li { width: calc(20% - var(--margin-width));
  margin-left: var(--margin-width); } /* snap:5025 */
@media(max-width:750px) {
  .main .ranking .ranking-list { overflow-x: auto;
    width: calc(100% + 30px);
    margin-left: -15px; } /* snap:5045 */
  .main .ranking .ranking-list::-webkit-scrollbar { height: 6px; } /* snap:5050 */
}
@media(max-width:750px) and (pointer:coarse) {
  .main .ranking .ranking-list::-webkit-scrollbar { display: none; } /* snap:5055 */
}
@media(max-width:750px) {
  .main .ranking .ranking-list ul { margin-left: 5px; } /* snap:5060 */
  .main .ranking .ranking-list ul:after { content: "";
    display: block;
    width: 15px;
    min-width: 15px;
    aspect-ratio: 1; } /* snap:5063 */
  .main .ranking .ranking-list ul li { min-width: 128px;
    margin-bottom: 5px;
    margin-top: 5px; } /* snap:5070 */
}
.main .flow .flow-buying { padding-bottom: 20px; } /* snap:5604 */
.main .flow .flow-buying .buying-menu { display: none; } /* snap:5607 */
.main .flow .flow-buying .buying-body { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; } /* snap:5610 */
.main .flow .flow-buying .buying-body .body-item .item-pic { position: relative;
  z-index: 3;
  margin-bottom: 25px; } /* snap:5625 */
.main .flow .flow-buying .buying-body .body-item .item-pic:after { display: block;
  content: "";
  padding-top: 45%;
  background: rgba(255, 255, 255, 0.1); } /* snap:5630 */
.main .flow .flow-buying .buying-body .body-item .item-pic-ttl { position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
      -ms-transform: translate(-50%, 10px);
          transform: translate(-50%, 10px);
  background: #FFF;
  color: var(--color4);
  width: 90%;
  max-width: 290px;
  padding: 12px 12px 5px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:5636 */
.main .flow .flow-buying .buying-body .body-item .item-pic-ttl:after { content: "";
  width: 60px;
  margin-top: 8px;
  border-radius: 5px;
  border-bottom: 3px solid var(--current-color); } /* snap:5663 */
.main .flow .flow-buying .buying-body .body-item .item-step { padding: 15px 12px 0; } /* snap:5670 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-check { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  color: var(--color4); } /* snap:5673 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-check .check:not(:first-child) { margin-left: 12.5px; } /* snap:5700 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process { margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: var(--current-bgcolor); } /* snap:5717 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl { font-size: 20px;
  z-index: 2;
  position: relative; } /* snap:5724 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl:before { content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
  background: #fff;
  z-index: -1; } /* snap:5729 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl span { border-bottom: 5px solid var(--current-color); } /* snap:5740 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl em { font-style: normal;
  font-size: 1.7em; } /* snap:5743 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content { padding: 17px 15px 15px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; } /* snap:5747 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content:after { content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 42%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 28px;
  background: var(--current-bgcolor2);
  z-index: -1; } /* snap:5755 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block { width: calc(25% - 15px);
  margin: 0 7.5px;
  position: relative; } /* snap:5769 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block:before { content: attr(data-num);
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 25px;
  line-height: 1;
  font-weight: bold;
  color: var(--current-color); } /* snap:5774 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block .block-icon { width: 100%; } /* snap:5785 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block .block-icon img { width: 100%;
  height: auto; } /* snap:5788 */
.main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block .block-name { width: 100%;
  background: var(--color4);
  text-align: center;
  padding: 5px 2px 7px;
  line-height: 1.2;
  color: #fff;
  border-radius: 15px;
  -webkit-transform: translateY(-13px);
      -ms-transform: translateY(-13px);
          transform: translateY(-13px); } /* snap:5792 */
.main .flow .flow-buying .buying-body .body-item.green { --current-color: #00B38D;
  --current-bcolor: #09876C;
  --current-bgcolor: #DEECE2;
  --current-bgcolor2: #B8D5CF; } /* snap:5804 */
.main .flow .flow-buying .buying-body .body-item.green .item-step .step-check .check:before { background-image: url(../img/icon/flow-store-check.svg); } /* snap:5810 */
.main .flow .flow-buying .buying-body .item-btn { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 32px auto; } /* snap:5813 */
.main .flow .flow-buying .menu-title { font-weight: 700; } /* snap:5825 */
.main .flow .flow-board.board { padding: 80px 80px 40px; } /* snap:5828 */
.main .flow .flow-board.board .board-head { width: 100%;
  max-width: 100%;
  background: var(--color4);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 20px;
  border-bottom-right-radius: 0; } /* snap:5831 */
.main .flow .flow-board.board .board-info { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 98%;
  margin: 0 auto 30px;
  font-size: clamp(15px, 14.359px + 0.0855vw, 16px); } /* snap:5841 */
.main .flow .flow-board.board .board-info .pic { width: clamp(280px, 241.5385px + 5.1282vw, 340px);
  min-width: clamp(280px, 241.5385px + 5.1282vw, 340px); } /* snap:5855 */
.main .flow .flow-board.board .board-info .text { -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 40px; } /* snap:5859 */
.main .flow .flow-board.board .board-info .text strong { color: var(--color9);
  font-weight: 700; } /* snap:5865 */
.main .flow .flow-board.board .board-point { color: var(--color9);
  background: #FFF;
  padding: 25px 40px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold; } /* snap:5869 */
.main .flow .flow-board.board .board-point ul { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; } /* snap:5877 */
.main .flow .flow-board.board .board-point ul li { width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; } /* snap:5887 */
.main .flow .flow-board.board .board-point ul li:before { content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color9);
  margin-right: 10px; } /* snap:5897 */
.main .flow .flow-board.board~.spattention { margin-top: 45px; } /* snap:5906 */
.main .flow .flow-board.board~.spattention .attention-top { background: #fff; } /* snap:5909 */
.main .flow .flow-step { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(13px, 11.7179px + 0.1709vw, 15px);
  margin-top: 35px;
  margin-left: -20px; } /* snap:5935 */
.main .flow .flow-step .step-block { width: calc(25% - 20px);
  margin-left: 20px;
  position: relative; } /* snap:5943 */
.main .flow .flow-step .step-block:before { content: attr(data-num);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color9);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 8px;
  color: #fff;
  z-index: 3;
  font-size: 1em; } /* snap:5948 */
.main .flow .flow-step .step-block .fig { width: 100%;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 2; } /* snap:5962 */
.main .flow .flow-step .step-block .fig:after { content: "";
  display: block;
  padding-top: 80%; } /* snap:5969 */
.main .flow .flow-step .step-block .fig img { width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; } /* snap:5974 */
.main .flow .flow-step .step-block .ttl { font-size: clamp(16px, 14.7179px + 0.1709vw, 18px);
  font-weight: bold;
  color: var(--color9);
  margin: 15px 0 5px; } /* snap:5986 */
.main .flow .flow-times { width: 100%;
  max-width: 776px;
  margin: 35px auto;
  border: 1px solid #8DB0D0;
  border-radius: 5px;
  padding: 22px 25px;
  color: var(--color4);
  font-size: clamp(14px, 13.359px + 0.0855vw, 15px);
  position: relative; } /* snap:5992 */
.main .flow .flow-times .times-ttl { position: absolute;
  left: 20px;
  top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  padding: 2px 5px;
  color: var(--color9);
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6003 */
.main .flow .flow-times .times-ttl h3 { display: inline-block;
  font-size: 1em; } /* snap:6022 */
.main .flow .flow-times .times-ttl svg { width: 18px;
  height: 18px;
  margin-right: 3px; } /* snap:6026 */
.main .flow .flow-times .times-blocks { margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; } /* snap:6031 */
.main .flow .flow-times .times-blocks dl { width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6040 */
.main .flow .flow-times .times-blocks dt { width: 100%;
  background: var(--color9);
  border-radius: 24px;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  margin-bottom: 10px; } /* snap:6053 */
.main .flow .flow-times .times-blocks dd { padding: 0 5px; } /* snap:6062 */
.main .flow .flow-others { margin: 40px 0;
  font-size: clamp(14px, 13.359px + 0.0855vw, 15px); } /* snap:6065 */
.main .flow .flow-others .others-title { background: var(--color4);
  color: #fff;
  padding: 10px 10px;
  border-radius: 5px;
  font-size: 18px;
  width: 100%;
  max-width: 750px;
  margin: auto;
  font-weight: bold;
  text-align: center;
  position: relative; } /* snap:6069 */
.main .flow .flow-others .others-title:after { content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  width: 14px;
  height: 7px;
  background: var(--color4);
  clip-path: polygon(50% 100%, 0 0, 100% 0); } /* snap:6082 */
.main .flow .flow-others .others-content { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 35px; } /* snap:6096 */
.main .flow .flow-others .others-content .others-content-block { width: calc(50% - 12px);
  background: var(--color10);
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6105 */
.main .flow .flow-others .others-content .others-content-block .fig { width: 40%;
  height: 100%;
  position: relative;
  z-index: 2; } /* snap:6117 */
.main .flow .flow-others .others-content .others-content-block .fig:after { content: "";
  display: block;
  padding-top: 90%; } /* snap:6123 */
.main .flow .flow-others .others-content .others-content-block .fig img { width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -o-object-position: 50% 25%;
     object-position: 50% 25%; } /* snap:6128 */
.main .flow .flow-others .others-content .others-content-block .text { -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 10px 20px; } /* snap:6142 */
.main .flow .flow-others .others-content .others-content-block .text .button { margin-top: 15px; } /* snap:6154 */
@media(max-width:1100px) {
  .main .flow .flow-board.board { padding: 80px 40px 40px; } /* snap:6182 */
  .main .flow .flow-buying .buying-body .body-item .item-step { padding: 10px 0 0; } /* snap:6185 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-check { font-size: 14px; } /* snap:6188 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-check .check { padding: 20px 2px 12px; } /* snap:6191 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-check .check:before { width: 34px;
    height: 26px; } /* snap:6194 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process { margin-top: 7px;
    font-size: 12px; } /* snap:6198 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl { font-size: 17px; } /* snap:6202 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content { padding: 17px 15px 12px; } /* snap:6205 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block:before { font-size: 20px; } /* snap:6208 */
  .main .flow .flow-others .others-content .others-content-block .fig { width: 36%; } /* snap:6211 */
}
@media(max-width:900px) {
  .main .flow .flow-buying .buying-body .body-item { width: calc(50% - 8px); } /* snap:6216 */
  .main .flow .flow-buying .buying-body .body-item .item-pic { margin-bottom: 22px; } /* snap:6219 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-check { width: 100%;
    max-width: 600px;
    margin: auto;
    font-size: 12px; } /* snap:6222 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process { font-size: 10px; } /* snap:6228 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content { width: 100%;
    max-width: 600px;
    margin: auto; } /* snap:6231 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block { width: calc(25% - 12px);
    margin: 0 6px; } /* snap:6236 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content .content-block:before { font-size: 18px; } /* snap:6240 */
}
@media(max-width:750px) {
  .main .flow .flow-buying { padding-bottom: 30px;
    border-radius: 10px 10px 0 0;
    overflow: hidden; } /* snap:6245 */
  .main .flow .flow-buying .buying-menu { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } /* snap:6250 */
  .main .flow .flow-buying .buying-menu .menu-item { width: 50%;
    position: relative;
    z-index: 4; } /* snap:6259 */
  .main .flow .flow-buying .buying-menu .menu-item.current:after { opacity: 1; } /* snap:6264 */
  .main .flow .flow-buying .buying-menu .menu-item:after { content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    width: 13px;
    height: 6px;
    background: var(--color9);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    opacity: 0; } /* snap:6267 */
  .main .flow .flow-buying .buying-menu .menu-content { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--color9);
    color: #fff;
    padding: 10px 5px 8px; } /* snap:6282 */
  .main .flow .flow-buying .buying-menu .menu-content .tag { background: #FFF;
    color: var(--color9);
    border-radius: 999px;
    font-size: 10px;
    padding: 2px 10px;
    font-weight: bolder; } /* snap:6297 */
  .main .flow .flow-buying .buying-menu .menu-title i { width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 10px; } /* snap:6315 */
  .main .flow .flow-buying .buying-body .body-item { width: 100%; } /* snap:6321 */
  .main .flow .flow-buying .buying-body .body-item .item-pic:after { padding-top: 42%; } /* snap:6324 */
  .main .flow .flow-buying .buying-body .body-item .item-pic-ttl { width: 65%;
    font-size: 16px; } /* snap:6327 */
  .main .flow .flow-buying .buying-body .body-item .item-pic-ttl:after { width: 46px;
    border-bottom-width: 2px; } /* snap:6331 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-check .check { padding: 16px 2px 10px; } /* snap:6335 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-check .check:before { width: 28px;
    height: 22px; } /* snap:6338 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process { margin-top: 12px; } /* snap:6342 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl { font-size: 16px; } /* snap:6345 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl span { line-height: 1;
    border-bottom-width: 4px; } /* snap:6348 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-ttl em { font-size: 25px; } /* snap:6352 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content { padding: 20px 5px 5px; } /* snap:6355 */
  .main .flow .flow-buying .buying-body .body-item .item-step .step-process .process-content:after { top: 45%;
    height: 20px; } /* snap:6358 */
  .main .flow .flow-buying .buying-body .item-btn { margin: 18px auto 0; } /* snap:6362 */
  .main .flow .flow-board.board { padding: 80px 20px 20px; } /* snap:6365 */
  .main .flow .flow-board.board .board-head { padding: 8px 10px; } /* snap:6368 */
  .main .flow .flow-board.board .board-info { width: 100%;
    margin: 0 auto 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 12px; } /* snap:6371 */
  .main .flow .flow-board.board .board-info .pic { width: 100%;
    max-width: 220px;
    min-width: 0;
    margin: 0 auto 20px; } /* snap:6378 */
  .main .flow .flow-board.board .board-info .text { width: 100%;
    padding-left: 0; } /* snap:6384 */
  .main .flow .flow-board.board .board-point { padding: 10px 12px;
    font-size: 12px; } /* snap:6388 */
  .main .flow .flow-board.board .board-point ul { -ms-flex-wrap: wrap;
        flex-wrap: wrap; } /* snap:6392 */
  .main .flow .flow-board.board .board-point ul li { width: 100%; } /* snap:6396 */
  .main .flow .flow-board.board .board-point ul li:before { margin-right: 6px; } /* snap:6399 */
  .main .flow .flow-step { -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 0;
    margin-top: 15px;
    font-size: 12px; } /* snap:6405 */
  .main .flow .flow-step .step-block { width: 100%;
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } /* snap:6414 */
  .main .flow .flow-step .step-block:before { font-size: 11px; } /* snap:6421 */
  .main .flow .flow-step .step-block .fig { width: 45%;
    min-width: 45%;
    max-width: 45%; } /* snap:6424 */
  .main .flow .flow-step .step-block .text { -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 15px; } /* snap:6429 */
  .main .flow .flow-step .step-block .ttl { margin: 0;
    margin-bottom: 3px; } /* snap:6435 */
  .main .flow .flow-times { padding: 20px 17px;
    font-size: 11px;
    margin: 15px auto 20px; } /* snap:6439 */
  .main .flow .flow-times .times-ttl { left: 10px;
    font-size: 14px; } /* snap:6444 */
  .main .flow .flow-times .times-ttl svg { width: 14px;
    height: 14px; } /* snap:6448 */
  .main .flow .flow-times .times-blocks { -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0; } /* snap:6452 */
  .main .flow .flow-times .times-blocks dl { width: 100%;
    margin-top: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; } /* snap:6459 */
  .main .flow .flow-times .times-blocks dt { width: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-bottom: 7px; } /* snap:6466 */
  .main .flow .flow-others { margin: 22px 0;
    font-size: 11px; } /* snap:6473 */
  .main .flow .flow-others .others-title { font-size: 14px; } /* snap:6477 */
  .main .flow .flow-others .others-content { margin-top: 30px; } /* snap:6480 */
  .main .flow .flow-others .others-content .others-content-block { width: calc(50% - 8px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } /* snap:6483 */
  .main .flow .flow-others .others-content .others-content-block .fig { width: 100%; } /* snap:6490 */
  .main .flow .flow-others .others-content .others-content-block .fig:after { padding-top: 58%; } /* snap:6493 */
  .main .flow .flow-others .others-content .others-content-block .text { width: 100%;
    padding: 12px 10px;
    text-align: center; } /* snap:6496 */
  .main .flow .flow-others .others-content .others-content-block .text .button { margin: 8px auto 0; } /* snap:6501 */
}
.main .reason .reason-point .point-top { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6513 */
.main .reason .reason-point .point-top .top-title { padding: 8px 50px 10px 25px;
  line-height: 1.2;
  color: #FFF;
  margin-right: -5%;
  position: relative;
  z-index: 2;
  font-size: 25px; } /* snap:6524 */
.main .reason .reason-point .point-top .top-title em { font-style: normal; } /* snap:6533 */
.main .reason .reason-point .point-top .top-title:after { content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #2E52A7 0%, #16AEB1 100%);
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
          transform: skewX(-10deg);
  z-index: -1; } /* snap:6536 */
.main .reason .reason-point .point-top .top-pic { width: 160px;
  position: relative;
  z-index: 10; } /* snap:6550 */
.main .reason .reason-point .point-list ul { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px; } /* snap:6560 */
.main .reason .reason-point .point-list ul li { width: calc(33.33% - 15px);
  margin-left: 15px; } /* snap:6568 */
.main .reason .reason-point .point-list .point .point-num { color: #1497B1;
  font-weight: bolder;
  font-style: italic;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  font-size: 1em;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -65%);
      -ms-transform: translate(-50%, -65%);
          transform: translate(-50%, -65%); } /* snap:6582 */
.main .reason .reason-point .point-list .point .point-num strong { font-size: 1.95em;
  margin-left: 3px; } /* snap:6596 */
.main .reason .reason-point .point-list .point .point-name { color: var(--color4);
  text-align: center;
  padding: 0 3px 8px;
  font-size: 1em;
  height: auto;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; } /* snap:6600 */
.main .reason .reason-point .point-list .point .point-name strong { color: var(--color9);
  font-size: 1.25em; } /* snap:6619 */
.main .reason .reason-point .point-list .point p { font-size: 15px;
  line-height: 1.7; } /* snap:6623 */
.main .reason .reason-introduction .intro-head { --head-pic-width: 220px;
  width: 60%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6633 */
.main .reason .reason-introduction .intro-head .head-pic { width: var(--head-pic-width);
  margin-top: -15px; } /* snap:6647 */
.main .reason .reason-introduction .intro-head .head-info { width: calc(100% - var(--head-pic-width));
  max-width: 350px;
  padding: 25px 10px 28px; } /* snap:6651 */
.main .reason .reason-introduction .intro-head .head-info .line-btitle { margin-bottom: 10px; } /* snap:6656 */
.main .reason .reason-introduction .intro-head .head-info .head-info-name { font-size: 24px;
  color: var(--color9);
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 700; } /* snap:6659 */
.main .reason .reason-introduction .intro-content { background: #FFF;
  font-size: clamp(15px, 14.359px + 0.0855vw, 16px);
  padding: 25px 32px;
  border-radius: 5px;
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px); } /* snap:6673 */
.main .reason .reason-voices .voice { --voice-background-color: var(--color10);
  --voice-title-color: var(--color9);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #8DB0D0;
  --swiper-pagination-bullet-size: 9px;
  --swiper-pagination-color: #224995;
  padding: 35px 30px 0;
  margin-top: 75px;
  position: relative;
  background: var(--voice-background-color); } /* snap:6682 */
.main .reason .reason-voices .voice ::-webkit-scrollbar-thumb { background: var(--voice-title-color); } /* snap:6694 */
.main .reason .reason-voices .voice .voice-head { position: absolute;
  left: 30px;
  top: 0;
  width: 100%;
  -webkit-transform: translateY(-36%);
      -ms-transform: translateY(-36%);
          transform: translateY(-36%); } /* snap:6697 */
.main .reason .reason-voices .voice .voice-head .ttl { color: var(--voice-title-color);
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6706 */
.main .reason .reason-voices .voice .voice-head .ttl img { width: auto;
  height: auto;
  max-width: 20px;
  max-height: 25px;
  display: block;
  margin-right: 5px;
  margin-top: 2px; } /* snap:6716 */
.main .reason .reason-voices .voice .voice-head p { position: absolute;
  left: -5px;
  bottom: 100%;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  z-index: 10;
  background: #FFF;
  border: 1px solid #cbcbcb;
  border-radius: 100px;
  font-size: 12px;
  padding: 4px 20px 5px;
  color: var(--color4);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; } /* snap:6725 */
.main .reason .reason-voices .voice .voice-head p .iconstar { width: 14px;
  height: 12px;
  margin-left: 5px;
  display: inline-block; } /* snap:6747 */
.main .reason .reason-voices .voice .voice-head p strong { font-size: 1.66em;
  margin: 0 2px;
  line-height: 1; } /* snap:6753 */
.main .reason .reason-voices .voice .voice-head p span { font-weight: 400;
  font-size: 0.83em; } /* snap:6758 */
.main .reason .reason-voices .voice .voice-head p:before { content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 11%;
  border-width: 9px 7px 0 7px;
  border-style: solid; } /* snap:6762 */
.main .reason .reason-voices .voice .voice-head p:after { content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 11%;
  border-width: 9px 7px 0 7px;
  border-style: solid; } /* snap:6762 */
.main .reason .reason-voices .voice .voice-list { padding-bottom: 40px; } /* snap:6780 */
.main .reason .reason-voices .voice .voice-list .voice-item { width: 100%;
  border-radius: 5px;
  background: #FFF;
  padding: 15px 15px 5px 15px; } /* snap:6783 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px; } /* snap:6789 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-avatar { width: 65px;
  height: 65px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6798 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-avatar img { width: 100%;
  height: auto; } /* snap:6809 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text { -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 12px; } /* snap:6813 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-title { color: var(--color4);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 5px; } /* snap:6819 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-remark { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6826 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-remark .tag { border-radius: 999px;
  padding: 3px 8px 5px;
  line-height: 1;
  font-size: 12px;
  margin-right: 7px;
  background: var(--color9);
  color: #FFF; } /* snap:6834 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-remark .rating { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:6843 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-remark .rating .iconstar { width: 14px;
  height: 14px;
  margin-left: 3px; } /* snap:6851 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-body { background: #F2F2F2;
  width: 100%;
  height: 200px;
  border-radius: 10px;
  overflow-y: auto;
  padding: 12px 10px;
  line-height: 1.8;
  font-size: 13px;
  color: var(--color14); } /* snap:6856 */
.main .reason .reason-voices .voice .voice-list .voice-item .item-date { width: 100%;
  display: inline-block;
  text-align: right;
  margin-top: 7px;
  color: var(--color13);
  font-size: 12px; } /* snap:6874 */
.main .reason .reason-voices .voice.green { --voice-background-color: #E9F7F4;
  --voice-title-color: #00B38D;
  --swiper-pagination-color: #309A83; } /* snap:6882 */
.main .reason .reason-voices .voice.nogoogle { margin-top: 35px; } /* snap:6892 */
@media(max-width:1100px) {
  .main .reason .reason-point .point-list .point { font-size: 14px; } /* snap:6896 */
  .main .reason .reason-introduction .intro-head { width: 100%; } /* snap:6899 */
}
@media(max-width:850px) {
  .main .reason .reason-point .point-list ul { -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0; } /* snap:6904 */
  .main .reason .reason-point .point-list ul li { margin-bottom: 40px;
    width: 100%;
    margin-left: 0; } /* snap:6909 */
  .main .reason .reason-point .point-list ul li:last-child { margin-bottom: 0; } /* snap:6914 */
}
@media(max-width:750px) {
  .main .reason { font-size: 12px; } /* snap:6919 */
  .main .reason .reason-point .point-top { -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 5px; } /* snap:6927 */
  .main .reason .reason-point .point-top .top-title { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
    margin-right: -3%;
    font-size: 20px; } /* snap:6933 */
  .main .reason .reason-point .point-top .top-title em { font-size: 0.9em; } /* snap:6948 */
  .main .reason .reason-point .point-top .top-title span { display: inline-block;
    padding: 8px 10px 10px;
    line-height: 1;
    position: relative;
    z-index: 2; } /* snap:6951 */
  .main .reason .reason-point .point-top .top-title span:after { content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #2E52A7 0%, #16AEB1 100%);
    -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
            transform: skewX(-10deg);
    z-index: -1; } /* snap:6958 */
  .main .reason .reason-point .point-top .top-title span:not(:first-child) { margin-top: 8px;
    margin-left: 3px;
    white-space: nowrap; } /* snap:6972 */
  .main .reason .reason-point .point-top .top-title:after { content: none; } /* snap:6977 */
  .main .reason .reason-point .point-top .top-pic { width: 140px;
    margin-left: -20px;
    z-index: 1; } /* snap:6980 */
  .main .reason .reason-point .point-list { padding: 18px 15px; } /* snap:6985 */
  .main .reason .reason-point .point-list ul { -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 0; } /* snap:6988 */
  .main .reason .reason-point .point-list ul li { margin-bottom: 20px;
    width: 100%;
    margin-left: 0; } /* snap:6993 */
  .main .reason .reason-point .point-list .point { padding: 10px 10px 12px;
    font-size: 11px; } /* snap:6998 */
  .main .reason .reason-point .point-list .point .point-num { left: 0;
    -webkit-transform: translate(0, -64%);
        -ms-transform: translate(0, -64%);
            transform: translate(0, -64%);
    font-weight: 900; } /* snap:7002 */
  .main .reason .reason-point .point-list .point .point-name { text-align: left;
    display: block;
    min-height: 0;
    padding: 5px 0 10px;
    font-size: 12px; } /* snap:7009 */
  .main .reason .reason-point .point-list .point .point-name strong { font-size: 15px; } /* snap:7016 */
  .main .reason .reason-point .point-list .point p { font-size: 1em;
    line-height: 1.5; } /* snap:7019 */
  .main .reason .reason-introduction { width: calc(100% + 30px);
    padding: 0 15px 25px;
    border-radius: 0;
    margin: 35px 0 25px;
    margin-left: -15px; } /* snap:7023 */
  .main .reason .reason-introduction .intro-head { --head-pic-width: 160px; } /* snap:7030 */
  .main .reason .reason-introduction .intro-head .head-info { padding: 15px 0;
    padding-left: 10px; } /* snap:7033 */
  .main .reason .reason-introduction .intro-head .head-info .line-btitle { margin-bottom: 6px;
    padding-bottom: 5px;
    border-bottom-width: 2px; } /* snap:7037 */
  .main .reason .reason-introduction .intro-head .head-info .line-btitle:after { border-bottom-width: 2px;
    bottom: -2px; } /* snap:7042 */
  .main .reason .reason-introduction .intro-head .head-info .head-info-name span { display: block;
    margin-left: 0;
    font-size: 0.5555555556em; } /* snap:7053 */
  .main .reason .reason-introduction .intro-content { font-size: 12px;
    padding: 15px;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0); } /* snap:7058 */
  .main .reason .reason-voices .voice { --swiper-pagination-bullet-size: 7px;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px; } /* snap:7065 */
  .main .reason .reason-voices .voice .voice-head { left: 15px; } /* snap:7072 */
  .main .reason .reason-voices .voice .voice-head .ttl { font-size: 14px; } /* snap:7075 */
  .main .reason .reason-voices .voice .voice-head .ttl img { max-width: 16px;
    max-height: 20px;
    margin-top: 0px; } /* snap:7078 */
  .main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-title { font-size: 14px; } /* snap:7083 */
  .main .reason .reason-voices .voice .voice-list .voice-item .item-head .item-head-text .head-remark .tag { font-size: 11px; } /* snap:7086 */
  .main .reason .reason-voices .voice .voice-list .voice-item .item-body { height: 180px;
    font-size: 12px; } /* snap:7089 */
  .main .reason .reason-voices .voice .voice-list .voice-item .item-date { font-size: 10px; } /* snap:7093 */
  .main .reason .reason-voices .voice.nogoogle { margin-top: 25px; } /* snap:7096 */
}
@media(max-width:500px) {
  .main .reason .reason-introduction .intro-head .head-pic:after { padding-top: 100%; } /* snap:7101 */
}
@media(max-width:360px) {
  .main .reason .reason-point .point-top .top-title { font-size: 17px; } /* snap:7106 */
  .main .reason .reason-point .point-top .top-pic { width: 120px; } /* snap:7109 */
}
.main .faq { font-size: clamp(13px, 10.3548px + 0.3226vw, 15px); } /* snap:7114 */
.main .faq .faq-menu .menu-item { font-size: 1em;
  width: 16.6666666667%;
  border-bottom: 1px solid var(--color7);
  border-right: 1px solid var(--color7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  line-height: 1.4;
  padding: 10px 12px;
  min-height: 50px;
  color: var(--color9);
  cursor: pointer; } /* snap:7130 */
.main .faq .faq-menu .menu-item .faq-menu-title { width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; } /* snap:7148 */
.main .faq .faq-menu .menu-item .arrow { position: relative;
  margin-left: 2px;
  --width: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; } /* snap:7160 */
.main .faq .faq-menu .menu-item .arrow:after { content: "";
  display: block;
  width: var(--width);
  height: var(--width);
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  border: solid var(--color11);
  border-width: 2px 2px 0 0; } /* snap:7174 */
.main .faq .faq-menu .menu-item.active { background: #E7F1FB;
  font-weight: bold; } /* snap:7185 */
.main .faq .faq-list { margin-top: 30px; } /* snap:7189 */
.main .faq .faq-list .list-qa { display: none; } /* snap:7192 */
.main .faq .faq-list .list-qa .qa-item { padding: 17px 30px;
  background: var(--color10);
  border-radius: 5px;
  margin-bottom: 20px; } /* snap:7195 */
.main .faq .faq-list .list-qa .qa-item .qa-item-head { font-size: 18px;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: bold;
  cursor: pointer;
  position: relative; } /* snap:7201 */
.main .faq .faq-list .list-qa .qa-item .qa-item-head:before { content: attr(data-title);
  width: 2em;
  min-width: 2em;
  height: 2em;
  border-radius: 50%;
  background: var(--color9);
  margin-right: 10px;
  color: #FFF;
  text-align: center;
  line-height: 1.7em; } /* snap:7214 */
.main .faq .faq-list .list-qa .qa-item .qa-item-head .qa-head-ttl { padding: 7px 25px 0;
  padding-left: 0;
  font-size: 1em;
  color: var(--color4); } /* snap:7226 */
.main .faq .faq-list .list-qa .qa-item .qa-item-head .tieadd { position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); } /* snap:7232 */
.main .faq .faq-list .list-qa .qa-item .qa-item-body { display: none;
  background: #FFF;
  border-radius: 5px;
  margin-top: 15px;
  padding: 15px 20px; } /* snap:7240 */
.main .faq .faq-list .list-qa.active { display: block; } /* snap:7247 */
@media(max-width:750px) {
  .main .faq .faq-menu { margin: 20px 0 -5px; } /* snap:7263 */
  .main .faq .faq-menu .menu-item { width: 33.3333333333%;
    min-height: 0;
    font-size: 11px;
    padding: 12px 4px;
    padding-left: 7px; } /* snap:7266 */
  .main .faq .faq-menu .menu-item .arrow { --width: 4px;
    margin-left: 1px; } /* snap:7273 */
  .main .faq .faq-menu .menu-item .arrow:after { border-width: 1px 1px 0 0; } /* snap:7277 */
  .main .faq .faq-list { margin-top: 20px; } /* snap:7280 */
  .main .faq .faq-list .list-qa { margin-bottom: 15px; } /* snap:7283 */
  .main .faq .faq-list .list-qa .qa-item { padding: 12px 10px;
    margin-bottom: 10px; } /* snap:7286 */
  .main .faq .faq-list .list-qa .qa-item .qa-item-head { font-size: 13px; } /* snap:7290 */
  .main .faq .faq-list .list-qa .qa-item .qa-item-head:before { display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } /* snap:7293 */
  .main .faq .faq-list .list-qa .qa-item .qa-item-head .qa-head-ttl { padding: 5px 25px 0;
    padding-left: 0; } /* snap:7304 */
  .main .faq .faq-list .list-qa .qa-item .qa-item-body { margin-top: 12px;
    padding: 10px;
    font-size: 12px; } /* snap:7308 */
  .main .faq .faq-btn { margin: 18px auto; } /* snap:7313 */
}
.main .stores .line-btitle { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:7318 */
.main .stores .stores-list { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; } /* snap:7329 */
.main .stores .stores-list li { width: calc(50% - 15px); } /* snap:7339 */
.main .stores .stores-list .store { padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px; } /* snap:7342 */
.main .stores .stores-list .store .store-pic { width: calc(50% - 8px);
  overflow: hidden; } /* snap:7354 */
.main .stores .stores-list .store .store-pic:after { display: block;
  content: "";
  padding-top: 105%; } /* snap:7358 */
.main .stores .stores-list .store .store-text { width: calc(50% - 10px);
  line-height: 1.5;
  margin-left: 18px; } /* snap:7363 */
.main .stores .stores-list .store .store-text .store-title { font-size: 20px;
  font-weight: bold;
  color: var(--color9);
  line-height: 1.3;
  font-weight: 700; } /* snap:7368 */
.main .stores .stores-list .store .store-text .store-info { margin-top: 12px; } /* snap:7375 */
.main .stores .stores-list .store .store-text .store-info dl { display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 2px 0; } /* snap:7378 */
.main .stores .stores-list .store .store-text .store-info dt { color: var(--color9);
  font-weight: bold;
  margin-right: 10px;
  white-space: nowrap; } /* snap:7387 */
.main .stores .stores-list .store .store-text .storetel { color: var(--color4);
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; } /* snap:7393 */
.main .stores .stores-list .store .store-text .storetel i { width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-top: 1px; } /* snap:7405 */
.main .stores .stores-list .store .store-link { width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0; } /* snap:7411 */
.main .stores .stores-list .store .store-link .button { width: calc(50% - 3px); } /* snap:7421 */
@media(max-width:1100px) {
  .main .stores .stores-list li { width: calc(50% - 10px); } /* snap:7425 */
}
@media(max-width:900px) {
  .main .stores .stores-list li { width: 100%; } /* snap:7430 */
}
@media(max-width:750px) {
  .main .stores .stores-list .line-title { margin-bottom: 20px; } /* snap:7435 */
  .main .stores .stores-list .store { font-size: 11px;
    --store-pic-width: 167px; } /* snap:7438 */
  .main .stores .stores-list .store .store-pic { width: var(--store-pic-width);
    border-radius: 5px; } /* snap:7442 */
  .main .stores .stores-list .store .store-text { width: calc(100% - var(--store-pic-width) - 10px);
    margin-left: 10px; } /* snap:7446 */
  .main .stores .stores-list .store .store-text .store-title { font-size: 15px; } /* snap:7450 */
  .main .stores .stores-list .store .store-text .storetel { font-size: 13px; } /* snap:7453 */
  .main .stores .stores-list .store .store-text .storetel i { width: 13px;
    height: 13px;
    margin-right: 3px; } /* snap:7456 */
  .main .stores .stores-list .store .store-link { margin: 18px 0 0; } /* snap:7461 */
  .main .stores .stores-list li:not(:first-child) .store { border-top: 1px dashed var(--color7); } /* snap:7464 */
  .main .stores .stores-list li:not(:first-child) .line-btitle~.store { border-top: 0; } /* snap:7467 */
}
@media(max-width:400px) {
  .main .stores .stores-list .store { --store-pic-width: 140px; } /* snap:7472 */
}
@media(max-width:350px) {
  .main .stores .stores-list .store { font-size: 10px;
    --store-pic-width: 130px; } /* snap:7477 */
}

/* ==============================================================================
   .more クラス衝突の打ち消し(2026-07-07)
   現行テーマ style.css:1301 は `.more`/`a.more` を「MOREボタン」用に装飾
   (width:100px; height:32px; display:flex; 白枠; uppercase)。
   一方 build は関連情報セクションの修飾子として <section class="part more"> を使うため、
   セクション全体がボタン状(32px)に潰れる。セクション文脈(.part.more)でのみ装飾を打ち消す。
   ボタン用途(.board .more / a.more 単体)には影響しない。
   ============================================================================== */
.main section.part.more{
  display:block; width:auto; height:auto; line-height:inherit; color:inherit;
  text-transform:none; border:0; border-radius:0; text-align:left; justify-content:normal;
}
.main section.part.more::after{ content:none; }


/* ==== renewal-compat.css 追加候補(compat_css_gap.py 20260907)。値は原典どおり・.main スコープ。カンマ区切りセレクタは対象クラスを含む部分だけ残す。url() は images/renewal-compat/ へ複製して参照 ==== */
/* 1) 0407 style.css 由来: クラス 0 件 / ルール 0 件 */
/* 2a) 他ページ extra.css 由来(2 ページ以上で同一定義): クラス 1 件 / ルール 1 件 */
.main .cta-band .titlegroup { text-align:center; } /* extra.css: data-erasure-security,galaxy-reset,ipad-reset ← .titlegroup */
/* 2b) 他ページ extra.css 由来(定義しているのが 1 ページだけ): クラス 3 件 / ルール 10 件 */
.main .case .thisinner { width:calc(100% - 40px); max-width:clamp(1000px, 600px + 25vw, 1080px); margin:0 auto; } /* extra.css: shitadori-vs-kaitori ← .case */
@media (max-width:750px) {
  .main .case .thisinner { width:calc(100% - 30px); } /* extra.css: shitadori-vs-kaitori ← .case */
}
@media (min-width:751px) {
  .main .case .thisinner { max-width:1000px; } /* extra.css: shitadori-vs-kaitori ← .case */
}
.main .case .note { background:var(--border); box-shadow:0 0 5px rgba(18,77,137,.12); } /* extra.css: shitadori-vs-kaitori ← .case */
.main .case { margin-top:0; } /* extra.css: shitadori-vs-kaitori ← .case */
.main .safe.data .safe-fig { background:#fff; border:1px solid var(--color7); } /* extra.css: airpods-reset ← .data */
.main .safe.data .promise { background:#fff; box-shadow:0 0 5px rgba(18,77,137,.16); } /* extra.css: airpods-reset ← .data */
.main .safe.data .pi { background:var(--color10); } /* extra.css: airpods-reset ← .data */
.main .safe.data .note { background:#fff; } /* extra.css: airpods-reset ← .data */
.main .ranking-card .ranking-card-inner .price-look { color:var(--color9); font-weight:700; } /* extra.css: beginners-guide ← .price-look */
/* 2c) 他ページ extra.css 由来(ページ間で定義が不一致→金型ページ優先 airpods-reset > ipad-reset > aquos-reset の値を採用。金型3ページに定義が無いものは先頭ページの定義を暫定採用し行末に明記): クラス 11 件 / ルール 97 件 */
.main .force .br { background:#fff; border-radius:5px; padding:14px 15px; box-shadow:0 0 5px rgba(18,77,137,.16); } /* extra.css: airpods-reset ← .br(金型) */
.main .force .br .br-q { font-size:14px; font-weight:700; color:var(--color4); line-height:1.5; display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px dashed var(--color7); } /* extra.css: airpods-reset ← .br(金型) */
.main .force .br .br-q > .brq-t { flex:0 1 auto; min-width:0; } /* extra.css: airpods-reset ← .br(金型) */
.main .force .br .br-q .lab { flex:0 0 auto; font-size:10px; font-weight:700; color:#fff; background:var(--color9); border-radius:3px; padding:2px 8px; line-height:1.4; } /* extra.css: airpods-reset ← .br(金型) */
.main .force .br .br-a { font-size:12px; line-height:1.6; color:#333; margin-top:9px; } /* extra.css: airpods-reset ← .br(金型) */
.main .force .br .br-a strong { color:var(--color9); } /* extra.css: airpods-reset ← .br(金型) */
@media (min-width:751px) {
  .main .force .br .br-a { font-size:15px; } /* extra.css: airpods-reset ← .br(金型) */
  .main .force .br .br-q { font-size:16px; } /* extra.css: airpods-reset ← .br(金型) */
}
.main .checklist .line-btitle.cl-h4 { margin:20px 0 8px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .cl-sub { font-size:12px; line-height:1.6; color:#333; margin:0 0 6px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .cl-sub strong { color:var(--color9); font-weight:700; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table { width:100%; margin:18px 0 0; table-layout:fixed; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table th:first-child { width:34%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(1) { width:31%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(2) { width:45%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(3) { width:24%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
@media (max-width:750px) {
  .main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(1), .main .checklist .compare-table.cl-table:not(.cl-table2) td.lbl { padding-right:8px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
}
.main .checklist .compare-table th.col-jump, .main .checklist .compare-table td.jcell { padding-left:6px; padding-right:6px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table td.lbl .timebadge { display:block; width:fit-content; margin-top:5px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table.cl-table2 th:first-child { width:40%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .timebadge { display:inline-block; font-size:11px; font-weight:700; color:var(--color4); background:var(--color10); border:1px solid var(--color7); border-radius:4px; padding:2px 7px; white-space:nowrap; line-height:1.4; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table tr:nth-child(even) td .timebadge { background:#fff; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
@media (min-width:751px) {
  .main .checklist .thisinner { max-width:1000px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(1) { width:26%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(2) { width:56%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .compare-table.cl-table:not(.cl-table2) th:nth-child(3) { width:18%; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .cl-sub { font-size:15px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
}
.main .checklist .compare-table td .jump-btn { display:inline-flex; align-items:center; gap:2px; color:var(--color9); font-weight:700; text-decoration:underline; white-space:nowrap; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .compare-table td .jump-btn .jb-arw { flex:0 0 10px; width:10px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board { margin-top:24px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .ol { display:flex; flex-direction:column; gap:10px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oi { background:#fff; border-radius:5px; padding:13px 14px 13px 12px; display:flex; align-items:flex-start; gap:10px; position:relative; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oi .lab { position:absolute; right:14px; top:16px; margin-top:0; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oi .lab { min-width:67px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .ot { padding-right:79px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oi .on { flex:0 0 38px; width:38px; height:38px; margin-top:1px; background:transparent; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oi .on svg { width:100%; height:100%; display:block; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oi .ox { min-width:0; flex:1; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .ot { display:block; font-size:14px; font-weight:700; color:var(--color4); line-height:1.3; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .ocond { display:block; font-size:11px; line-height:1.6; color:var(--color13); margin-top:5px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .ocond strong { color:var(--color9); font-weight:700; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .ocond a { color:var(--color9); font-weight:700; text-decoration:underline; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .oact { display:block; margin-top:6px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .jump-btn { display:inline-flex; align-items:center; gap:2px; font-size:13px; font-weight:700; color:var(--color9); text-decoration:underline; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
.main .checklist .case-board .jump-btn .jb-arw { flex:0 0 10px; width:10px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
@media (min-width:751px) {
  .main .checklist .case-board .ol { display:grid; grid-template-columns:1fr 1fr; gap:12px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .case-board .ot { font-size:16px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .case-board .ocond { font-size:13px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
  .main .checklist .case-board .jump-btn { font-size:14px; } /* extra.css: applewatch-reset ← .checklist(暫定・金型3ページに定義なし) */
}
.main .topbanner.fv-todo .fv-device { display: block; width: 56px; height: 90px; margin: 0 auto 14px; color: #9DB8E6; } /* extra.css: aquos-reset ← .fv-device(金型) */
.main .topbanner.fv-todo .fv-device svg { width: 100%; height: 100%; display: block; fill: currentColor; } /* extra.css: aquos-reset ← .fv-device(金型) */
.main .hl { color:var(--color9); font-weight:700; } /* extra.css: airpods-reset ← .hl(金型) */
.main .dtable td.ng { color:#5A7386; } /* extra.css: delivery-purchase ← .ng(暫定・金型3ページに定義なし) */
.main .restore .op-box { min-width:0; flex:1; } /* extra.css: iphone-reset ← .op-box(暫定・金型3ページに定義なし) */
.main .worry .pi .px .pd { display:block; } /* extra.css: ipad-reset ← .pd(金型) */
@media (min-width:751px) {
  .main .worry .pi .px .pd, .main .safe .pi .px .pd { font-size:15px; } /* extra.css: ipad-reset ← .pd(金型) */
}
.main .safety .connection.partbg { border-top:1px solid var(--color7) !important; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .concept-fig { margin:22px 0 0; background:var(--color10); border:1px solid var(--color7); border-radius:5px; padding:20px 14px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .concept-fig svg { width:100%; max-width:320px; height:auto; display:block; margin:0 auto; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .concept-fig figcaption { display:flex; width:100%; max-width:320px; margin:10px auto 0; font-size:11px; line-height:1.6; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .concept-fig .cfc { width:50%; text-align:center; font-size:12px; font-weight:700; color:var(--color4); line-height:1.3; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .concept-fig .cfc .cfc-n { display:block; width:-moz-max-content; width:max-content; margin:0 auto 4px; background:var(--color9); color:#fff; font-size:10px; font-weight:bold; border-radius:5px; padding:2px 10px; line-height:1.3; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .concept-fig .cfc.c2 .cfc-n { background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board { background:var(--color10); border-radius:5px; padding:34px 18px 22px; margin-top:30px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1 { position:relative; background:#fff; border-radius:5px; padding:26px 18px 16px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1 .en { position:absolute; left:50%; top:0; transform:translate(-50%,-50%); background:var(--color9); color:#fff; font-size:13px; font-weight:bold; border-radius:5px; padding:4px 16px; line-height:1.3; white-space:nowrap; box-shadow:0 0 5px rgba(18,77,137,.2); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1 .et { font-weight:700; color:var(--color4); font-size:16px; line-height:1.3; text-align:center; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1 .ed { font-size:12px; line-height:1.6; color:#333; margin-top:9px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1 .ed strong { color:var(--color9); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1.company { box-shadow:0 0 6px rgba(18,77,137,.22); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e1.company .en { background:linear-gradient(135deg,#2E52A7 0%,#16AEB1 100%); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .erase-board .e-arrow { display:block; width:22px; height:15px; margin:14px auto; background:url(../images/renewal-compat/icon/select.svg) center/contain no-repeat; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .safety-points { display:flex; flex-direction:column; gap:14px; margin-top:30px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .sp-card { background:#fff; border-left:4px solid var(--color9); border-radius:0 5px 5px 0; box-shadow:0 0 5px rgba(18,77,137,.2); padding:18px 18px 16px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .sp-card .sp-head { display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px dashed var(--color7); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .sp-card .sp-head .sp-num { white-space:nowrap; font-weight:bold; color:#fff; border-radius:4px; background:var(--color9); padding:4px 9px; font-size:13px; line-height:1.2; flex-shrink:0; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .sp-card .sp-head .sp-t { font-weight:700; color:var(--color4); font-size:16px; line-height:1.3; margin:0; word-break:break-word; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .sp-card .sp-d { font-size:12px; line-height:1.6; color:#333; margin-top:12px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .sp-card .sp-d strong { color:var(--color9); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
.main .safety .todo { display:inline; font-size:11px; background:#fff; border:1px solid var(--color7); color:var(--color13); border-radius:4px; padding:1px 6px; -webkit-box-decoration-break:clone; box-decoration-break:clone; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
@media (max-width: 750px) {
  .main .safety .erase-board { padding:30px 12px 18px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .erase-board .e1 { padding:24px 14px 14px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .erase-board .e1 .et { font-size:15px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .sp-card { padding:16px 14px 14px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .sp-card .sp-head .sp-t { font-size:15px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
}
@media (min-width: 751px) {
  .main .safety > .thisinner { max-width:1000px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety > .thisinner > .line-content { max-width:780px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .erase-board { display:flex; align-items:stretch; gap:0; padding:38px 24px 26px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .erase-board .e1 { flex:1; min-width:0; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .erase-board .e-arrow { flex:0 0 34px; margin:0 12px; align-self:center; transform:rotate(-90deg); } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .safety-points { flex-direction:row; gap:16px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .safety-points .sp-card { flex:1; min-width:0; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
  .main .safety .erase-board .e1 .ed, .main .safety .sp-card .sp-d { font-size:15px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
}
@media (min-width:751px) {
  .main .safety .concept-fig figcaption { font-size:13px; } /* extra.css: apple-machine ← .safety(暫定・金型3ページに定義なし) */
}
.main:where(.applewatch-reset) a.button > .tw { flex:0 1 auto; min-width:0; } /* extra.css: applewatch-reset ← .tw(暫定・金型3ページに定義なし) */
.main .danger-box .db-head > .tw, .main .point-box .pb-head > .tw, .main .force .br .br-q > .tw, .main .faq .faq-menu-title > .tw { flex:1 1 auto; min-width:0; } /* extra.css: applewatch-reset ← .tw(暫定・金型3ページに定義なし) */
.main .why .line-btitle.trust-h4 { margin:20px 0 12px; } /* extra.css: ipad-reset ← .why(金型) */
/* 3) components.css を build/_shared 版に同期すると埋まるクラス 0 件:  (転記ではなくファイル差し替え) */


/* ==== 並置比較(WP 描画 vs build・android-machine/ipad-reset/guide-broken・390/1280)で差分が出た箇所の手当て(単位18・2026-09-07) ====
   方針: 値は build 側の描画根拠(0407 style.css・components.css・SVG 属性値・UA 既定値)からの転記のみ。
   テーマ側の汎用リセット/汎用ルールが build の前提を壊している箇所を .main 内だけ戻す。 */

/* F1 節見出し h2.line-title(PC): build は UA 既定の h2(font-size 1.5em)で描画される。テーマの `* {font-size:100%}`(style.css:8-16)が
      1em に潰し 23.18px → 15.45px になる。SP は両者とも .line-title{font-size:17px}(≤750px)なので PC だけ UA 既定値を明示 */
@media (min-width: 751px) {
  .main h2.line-title { font-size: 1.5em; }
}

/* F2 本文の基準サイズ: 0407 style.css:1130 body{font-size:clamp(15px, 14.359px + 0.0855vw, 16px)}。
      テーマは service_new.css の body{font-size:14px}(≤500px)が最後に勝ち、SP で本文が 14px になる → main に 0407 body の値を置く */
.main { font-size: clamp(15px, 14.359px + 0.0855vw, 16px); }

/* F3 <details class="more">(早見表の折りたたみ): テーマ style.css:1300-1326 `.more, a.more`(width100px/height32px/flex/白枠/::after '+')が当たり、
      中身の表が幅 0 に潰れる。既存の `.main section.part.more` 中和(本ファイル上方)と同じ値(build の computed = block/static/auto)で戻す */
.main details.more {
  display: block; position: static; width: auto; height: auto; line-height: inherit; color: inherit; text-align: inherit;
  text-transform: none; text-decoration: inherit; border: 0; border-radius: 0; justify-content: normal; transition: none;
}
.main details.more::after { content: none; }

/* F4 CTA帯の p.line-content(SP): 0407 は `.main .line-content{font-size:12px}`(style.css:3709・≤750px)が `.connection p{16px}` に詳細度で勝つ。
      compat の `.main .connection p`(16px・.main スコープ化で詳細度が上がった)が逆転させていた → 0407 の 12px を詳細度を上げて戻す */
@media (max-width: 750px) {
  .main .connection p.line-content { font-size: 12px; }
}

/* F5(旧): 本文リンクの下線は下方の text_decoration_mirror.py ブロック(build の text-decoration 全ルールの写し)に置き換えた(2026-09-07 全ページ比較後) */

/* F6 図解 SVG の <text font-size="N">: 表示属性は詳細度 0 なのでテーマの `* {font-size:100%}` に負け、ラベルが本文サイズ(14〜15px)に膨らんで重なる。
      build 32 ページの <main> 内 <text> が使う属性値 14 種(7.5〜36)を px で明示(値は属性値そのまま) */
.main svg text[font-size="7.5"] { font-size: 7.5px; }
.main svg text[font-size="8"] { font-size: 8px; }
.main svg text[font-size="8.5"] { font-size: 8.5px; }
.main svg text[font-size="9"] { font-size: 9px; }
.main svg text[font-size="9.5"] { font-size: 9.5px; }
.main svg text[font-size="10"] { font-size: 10px; }
.main svg text[font-size="10.5"] { font-size: 10.5px; }
.main svg text[font-size="11"] { font-size: 11px; }
.main svg text[font-size="12"] { font-size: 12px; }
.main svg text[font-size="13"] { font-size: 13px; }
.main svg text[font-size="14"] { font-size: 14px; }
.main svg text[font-size="15"] { font-size: 15px; }
.main svg text[font-size="18"] { font-size: 18px; }
.main svg text[font-size="36"] { font-size: 36px; }

/* F7 figcaption の太さ: build は body の font-weight 500 を継承(0407 に figcaption の規則なし)。テーマ style.css `address, caption, code, figcaption, pre, th{font-weight:400}` が当たる → 継承に戻す
      (ページ CSS が figcaption に明示した太さはページ CSS が後読みで勝つ) */
.main figcaption { font-weight: inherit; }


/* ==== 並置比較の 2 巡目で残った差分の手当て(単位18・2026-09-07・b) ==== */

/* F8(旧): 容器列挙による下線復元は全 32 ページ比較で漏れ・誤検出(guide-android-notes .pd a)が出たため撤回し、text_decoration_mirror.py ブロックに置き換えた */


/* ==== 全 32 ページ並置比較(2026-09-07 夜)で見つかった差分の手当て(単位18・c)。値は build 側の根拠(テーマ規則の中和は build の computed 値、基底は 0407 style.css)から転記 ==== */

/* F9a テーマ部品名の衝突: theme style.css:1141-1195 `.flow-steps`(テーマの流れ図・flex 2 カラム)が build の `.flow-board .flow-steps`
      (delivery-purchase の手順カード縦積み)に当たり、カードが幅 110px に潰れて SP で +4,300px 伸びる → build computed(block/auto/inline)へ戻す */
.main .flow-board .flow-steps { display: block; justify-content: normal; align-items: normal; }
.main .flow-board .flow-steps > div:first-child { width: auto; min-width: 0; }
.main .flow-board .flow-steps > div:nth-child(2) { flex: none; margin-left: 0; display: block; align-items: normal; justify-content: normal; }
.main .flow-board .flow-steps strong { display: inline; color: inherit; }
.main .flow-board .flow-steps h4 { color: inherit; }
.main .flow-board .flow-steps a { display: inline; color: inherit; }

/* F9b theme style_new.css:6296 `section.stores .stores-lists`(テーマの店舗一覧・flex wrap)が build の `.stores .stores-lists`(store-purchase)に当たる */
.main .stores .stores-lists { display: block; justify-content: normal; flex-wrap: nowrap; }

/* F10 表の基底: 0407 style.css:38-58(table/td/th)。テーマは `* {border:0}` だけで td/th の罫線が消える(delivery-purchase .dtable の th/td 上罫 1px → 0) */
.main table { border-collapse: collapse; border-spacing: 0; }
.main table, .main td, .main th { border: 1px solid #333; }
.main td, .main th { line-height: 1.5; padding: 0.3em 0.4em; }
.main th { font-weight: bold; font-size: 1.05em; }

/* F11 select/button の基底: 0407 style.css:164-175。テーマに無く select が UA 既定(font-weight 400・line-height normal)で描画される(delivery-purchase/store-purchase/kaitoriten の絞り込み) */
.main button, .main select {
  text-transform: none; border: 0; background: 0 0; color: inherit; cursor: pointer;
  font: inherit; line-height: inherit; overflow: visible; vertical-align: inherit;
}


/* ==== text-decoration の build 再現(text_decoration_mirror.py 20260907)。テーマ style_new.css `.main a{text-decoration:none !important}` を打ち消し、
   build の挙動(UA 既定の下線＋0407/components/extra.css が明示した text-decoration)を !important 付きで写す。値は出典どおり ==== */
.main a { text-decoration: underline !important; } /* UA 既定(build に .main a の指定は無い) */
.main a, .main a:active, .main a:link, .main a:visited { text-decoration: none !important; } /* 0407 style.css:91 */
.main a:hover { text-decoration: none !important; } /* 0407 style.css:96 */
.main .topsidebar .sidebar-buyit .buyit-lilnk { text-decoration: none !important; } /* 0407 style.css:2184 */
.main .topsidebar .scrolltop { text-decoration: none !important; } /* 0407 style.css:2221 */
.main .topspscreen .screen-content .src-close .src-close-btn { text-decoration: none !important; } /* 0407 style.css:2807 */
.main .footer .footer-navs ul a { text-decoration: none !important; } /* 0407 style.css:3171 */
.main a.button { text-decoration: none !important; } /* 0407 style.css:3514 */
.main .tag-list .tag { text-decoration: none !important; } /* 0407 style.css:3595 */
.main .part .slidebtnsp button { text-decoration: none !important; } /* 0407 style.css:3909 */
.main .part .fadebox-shadow button { text-decoration: none !important; } /* 0407 style.css:4423 */
.main .find .roundbtn button { text-decoration: none !important; } /* 0407 style.css:4889 */
.main .pickup .pickup-list .list-card { text-decoration: none !important; } /* 0407 style.css:7556 */
.main.product .information .information-swiper-content .swiper-infomation .fadebox-shadow button { text-decoration: none !important; } /* 0407 style.css:8645 */
.main.purchase .purchase-step.purchase-step03 .step-tip { text-decoration: underline !important; } /* 0407 style.css:9446 */
.main.purchase .purchase-step.purchase-step03 .step-tip:hover { text-decoration: none !important; } /* 0407 style.css:9458 */
.main .note a { text-decoration: underline !important; } /* components.css:13 */
.main .dd a { text-decoration: underline !important; } /* components.css:41 */
.main .compare-table td a:not([class]) { text-decoration: underline !important; } /* components.css:44 */
.main .qa-item-body a, .main .br-a a, .main .line-content a, .main .line-bcontent a, .main .point p a, .main .reason .point a, .main .lock-lead a, .main [class*="-lead"] a { text-decoration: underline !important; } /* components.css:53 */
.main .related-links a { text-decoration: none !important; } /* components.css:186 */
.main.airpods-reset .steps .op-d a { text-decoration: underline !important; } /* airpods-reset/extra.css:136 */
.main.airpods-reset .steps .step-note a { text-decoration: underline !important; } /* airpods-reset/extra.css:144 */
.main.airpods-reset .steps .proc-micro a { text-decoration: underline !important; } /* airpods-reset/extra.css:148 */
.main.airpods-reset .steps .sc-item .sc-a a { text-decoration: underline !important; } /* airpods-reset/extra.css:168 */
.main.airpods-reset .model .note a { text-decoration: underline !important; } /* airpods-reset/extra.css:332 */
.main.airpods-reset .force .note a { text-decoration: underline !important; } /* airpods-reset/extra.css:377 */
.main.airpods-reset .safe .note a { text-decoration: underline !important; } /* airpods-reset/extra.css:410 */
.main.airpods-reset .trouble .tc .tc-body a { text-decoration: underline !important; } /* airpods-reset/extra.css:436 */
.main.airpods-reset .highsell .assess-desc a { text-decoration: underline !important; } /* airpods-reset/extra.css:466 */
.main.airpods-reset .highsell .hs-cta a { text-decoration: none !important; } /* airpods-reset/extra.css:483 */
.main.airpods-reset .model .compare-table td .jump-btn { text-decoration: underline !important; } /* airpods-reset/extra.css:541 */
.main:where(.akarom-zansai-kaitori) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* akarom-zansai-kaitori/extra.css:798 */
.main.android-machine .qa-item-body a { text-decoration: underline !important; } /* android-machine/extra.css:69 */
.main.android-machine .connection .connection-note a, .main.android-machine .connection .connection-note2 a { text-decoration: underline !important; } /* android-machine/extra.css:76 */
.main.android-machine .note a { text-decoration: underline !important; } /* android-machine/extra.css:180 */
.main.android-machine .dd a { text-decoration: underline !important; } /* android-machine/extra.css:238 */
.main.android-machine .point .pd a { text-decoration: underline !important; } /* android-machine/extra.css:278 */
.main.android-machine .howto .howto-lead a { text-decoration: underline !important; } /* android-machine/extra.css:346 */
.main.android-machine .dd-list > li a { text-decoration: underline !important; } /* android-machine/extra.css:493 */
.main.android-machine .connection .cn-list > li a { text-decoration: underline !important; } /* android-machine/extra.css:511 */
.main.apple-machine .iphone .step-note a { text-decoration: underline !important; } /* apple-machine/extra.css:178 */
.main.apple-machine .iphone .proc-micro a { text-decoration: underline !important; } /* apple-machine/extra.css:182 */
.main.apple-machine .iphone .sc-item .sc-a a { text-decoration: underline !important; } /* apple-machine/extra.css:217 */
.main.apple-machine .cheat .fd a { text-decoration: underline !important; } /* apple-machine/extra.css:270 */
.main.apple-machine .cheat .cheat-note a { text-decoration: underline !important; } /* apple-machine/extra.css:293 */
.main.apple-machine .why .why-point .wp-d a { text-decoration: underline !important; } /* apple-machine/extra.css:372 */
.main.apple-machine .devices .dev-sub a { text-decoration: underline !important; } /* apple-machine/extra.css:429 */
.main.applewatch-reset .cheatsheet .note a { text-decoration: underline !important; } /* applewatch-reset/extra.css:259 */
.main.applewatch-reset .force .note a { text-decoration: underline !important; } /* applewatch-reset/extra.css:314 */
.main.applewatch-reset .safe .note a { text-decoration: underline !important; } /* applewatch-reset/extra.css:350 */
.main.applewatch-reset .highsell .hs-cta a { text-decoration: none !important; } /* applewatch-reset/extra.css:417 */
.main.applewatch-reset .danger-box .db-body a { text-decoration: underline !important; } /* applewatch-reset/extra.css:491 */
.main.applewatch-reset .steps .op-d a, .main.applewatch-reset .connection .connection-note a { text-decoration: underline !important; } /* applewatch-reset/extra.css:655 */
.main.applewatch-reset .voice.trust .tc .tn-s a { text-decoration: underline !important; } /* applewatch-reset/extra.css:680 */
.main.applewatch-reset .checklist .compare-table td .jump-btn { text-decoration: underline !important; } /* applewatch-reset/extra.css:690 */
.main.applewatch-reset .checklist .case-board .ocond a { text-decoration: underline !important; } /* applewatch-reset/extra.css:751 */
.main.applewatch-reset .checklist .case-board .jump-btn { text-decoration: underline !important; } /* applewatch-reset/extra.css:754 */
.main.aquos-reset .qa-item-body a { text-decoration: underline !important; } /* aquos-reset/extra.css:25 */
.main.aquos-reset .why .worry-lead a, .main.aquos-reset .models .models-sub a, .main.aquos-reset .connection .connection-note a { text-decoration: underline !important; } /* aquos-reset/extra.css:27 */
.main.aquos-reset .note a { text-decoration: underline !important; } /* aquos-reset/extra.css:126 */
.main.aquos-reset .dd a { text-decoration: underline !important; } /* aquos-reset/extra.css:156 */
.main.aquos-reset .point .pd a { text-decoration: underline !important; } /* aquos-reset/extra.css:195 */
.main.aquos-reset .highsell .attention.attentionblue .item-text a { text-decoration: underline !important; } /* aquos-reset/extra.css:433 */
.main.aquos-reset .models .brand-streamer { text-decoration: none !important; } /* aquos-reset/extra.css:536 */
.main.before-shipping .connection .connection-note a { text-decoration: underline !important; } /* before-shipping/extra.css:22 */
.main.before-shipping .note a { text-decoration: underline !important; } /* before-shipping/extra.css:88 */
.main.before-shipping .dd a { text-decoration: underline !important; } /* before-shipping/extra.css:118 */
.main.before-shipping .point .pd a { text-decoration: underline !important; } /* before-shipping/extra.css:159 */
.main.before-shipping .why .worry-lead a { text-decoration: underline !important; } /* before-shipping/extra.css:223 */
.main.before-shipping .checklist .check-body a { text-decoration: underline !important; } /* before-shipping/extra.css:287 */
.main.before-shipping .trouble .trouble-lead a { text-decoration: underline !important; } /* before-shipping/extra.css:296 */
.main.before-shipping .trouble .trouble-body a { text-decoration: underline !important; } /* before-shipping/extra.css:298 */
.main.before-shipping .erasure .erasure-body a { text-decoration: underline !important; } /* before-shipping/extra.css:309 */
.main.before-shipping .broken .broken-body a { text-decoration: underline !important; } /* before-shipping/extra.css:323 */
.main.before-shipping .caution .caution-body a { text-decoration: underline !important; } /* before-shipping/extra.css:335 */
.main.before-shipping .sub-steps dd a { text-decoration: underline !important; } /* before-shipping/extra.css:490 */
.main.before-shipping .di > .micro a { text-decoration: underline !important; } /* before-shipping/extra.css:494 */
.main.before-shipping .connection .cta-fine a { text-decoration: underline !important; } /* before-shipping/extra.css:528 */
.main.beginners-guide .part a:not([class]) { text-decoration: underline !important; } /* beginners-guide/extra.css:99 */
.main.beginners-guide .methods-deflist .dd a { text-decoration: underline !important; } /* beginners-guide/extra.css:931 */
.main.beginners-guide .trouble .tc .tc-body a { text-decoration: underline !important; } /* beginners-guide/extra.css:967 */
.main.beginners-guide .gdl .dd a { text-decoration: underline !important; } /* beginners-guide/extra.css:987 */
.main.beginners-guide .prepare .oi .ot a { text-decoration: underline !important; } /* beginners-guide/extra.css:1003 */
.main.corporate .worry .worry-lead a { text-decoration: underline !important; } /* corporate/extra.css:41 */
.main.corporate .trouble .tc .tc-body a { text-decoration: underline !important; } /* corporate/extra.css:89 */
.main.data-erasure-security .connection .connection-note a { text-decoration: underline !important; } /* data-erasure-security/extra.css:28 */
.main.data-erasure-security .note a { text-decoration: underline !important; } /* data-erasure-security/extra.css:140 */
.main.data-erasure-security .dd a { text-decoration: underline !important; } /* data-erasure-security/extra.css:171 */
.main.data-erasure-security .point .pd a { text-decoration: underline !important; } /* data-erasure-security/extra.css:202 */
.main.data-erasure-security .why .worry-lead a { text-decoration: underline !important; } /* data-erasure-security/extra.css:225 */
.main.data-erasure-security .double .role .role-links a { text-decoration: underline !important; } /* data-erasure-security/extra.css:292 */
.main.data-erasure-security .promise .pi .px a { text-decoration: underline !important; } /* data-erasure-security/extra.css:307 */
.main.delivery-purchase .topbanner.fv-todo .fv-line { text-decoration: none !important; } /* delivery-purchase/extra.css:53 */
.main.delivery-purchase .topbanner.fv-todo .fv-tel { text-decoration: none !important; } /* delivery-purchase/extra.css:54 */
.main.delivery-purchase .eeat .ed a { text-decoration: underline !important; } /* delivery-purchase/extra.css:92 */
.main.delivery-purchase .merit .mi .md a { text-decoration: underline !important; } /* delivery-purchase/extra.css:136 */
.main.delivery-purchase .table-note a { text-decoration: underline !important; } /* delivery-purchase/extra.css:160 */
.main.delivery-purchase .branch-list .bd a { text-decoration: underline !important; } /* delivery-purchase/extra.css:168 */
.main.delivery-purchase .compare .body-text a { text-decoration: underline !important; } /* delivery-purchase/extra.css:170 */
.main.delivery-purchase .pack .fd a, .main.delivery-purchase .flow .flow-steps .fd a { text-decoration: underline !important; } /* delivery-purchase/extra.css:200 */
.main.delivery-purchase .pack .lead a, .main.delivery-purchase .pack .body-text a { text-decoration: underline !important; } /* delivery-purchase/extra.css:212 */
.main.delivery-purchase .items .items-deflist .id a { text-decoration: underline !important; } /* delivery-purchase/extra.css:248 */
.main.delivery-purchase .items .micro a { text-decoration: underline !important; } /* delivery-purchase/extra.css:256 */
.main.delivery-purchase .items .lead a { text-decoration: underline !important; } /* delivery-purchase/extra.css:258 */
.main.delivery-purchase .price .price-deflist .pdd a { text-decoration: underline !important; } /* delivery-purchase/extra.css:267 */
.main.delivery-purchase .price .body-text a, .main.delivery-purchase .price .lead a { text-decoration: underline !important; } /* delivery-purchase/extra.css:270 */
.main.delivery-purchase .prepare .pp .pp-d a { text-decoration: underline !important; } /* delivery-purchase/extra.css:284 */
.main.delivery-purchase .prepare .lead a { text-decoration: underline !important; } /* delivery-purchase/extra.css:286 */
.main.delivery-purchase .network .lead a { text-decoration: underline !important; } /* delivery-purchase/extra.css:303 */
.main.delivery-purchase .safety .lead a, .main.delivery-purchase .safety .body-text a { text-decoration: underline !important; } /* delivery-purchase/extra.css:307 */
.main.delivery-purchase .form .channel-card p a { text-decoration: underline !important; } /* delivery-purchase/extra.css:347 */
.main.delivery-purchase .form .form-card .micro a, .main.delivery-purchase .form > .thisinner > .micro a { text-decoration: underline !important; } /* delivery-purchase/extra.css:350 */
.main.delivery-purchase .form .ch-nudge .cn-b a { text-decoration: none !important; } /* delivery-purchase/extra.css:355 */
.main.delivery-purchase .form .form-agree a { text-decoration: underline !important; } /* delivery-purchase/extra.css:383 */
.main.delivery-purchase .form .lead a { text-decoration: underline !important; } /* delivery-purchase/extra.css:387 */
.main:where(.fuzokuhin-nashi-kaitori) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* fuzokuhin-nashi-kaitori/extra.css:796 */
.main.galaxy-reset .note a { text-decoration: underline !important; } /* galaxy-reset/extra.css:146 */
.main.galaxy-reset .compare-table td a { text-decoration: underline !important; } /* galaxy-reset/extra.css:166 */
.main.galaxy-reset .dd a { text-decoration: underline !important; } /* galaxy-reset/extra.css:196 */
.main.galaxy-reset .point .pd a { text-decoration: underline !important; } /* galaxy-reset/extra.css:234 */
.main.galaxy-reset .steps .step-note a { text-decoration: underline !important; } /* galaxy-reset/extra.css:436 */
.main.galaxy-reset .steps .proc-micro a { text-decoration: underline !important; } /* galaxy-reset/extra.css:440 */
.main.galaxy-reset .force .br .br-a a { text-decoration: underline !important; } /* galaxy-reset/extra.css:489 */
.main.galaxy-reset .highsell .hs-cta a { text-decoration: none !important; } /* galaxy-reset/extra.css:553 */
.main.galaxy-reset .steps .brand-streamer { text-decoration: none !important; } /* galaxy-reset/extra.css:656 */
.main:where(.guide-android-notes) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* guide-android-notes/extra.css:798 */
.main:where(.guide-broken) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* guide-broken/extra.css:795 */
.main:where(.guide-iphone-notes) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* guide-iphone-notes/extra.css:796 */
.main:where(.guide-iphone-precheck) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* guide-iphone-precheck/extra.css:796 */
.main.ipad-reset .steps .step-note a { text-decoration: underline !important; } /* ipad-reset/extra.css:155 */
.main.ipad-reset .steps .proc-micro a { text-decoration: underline !important; } /* ipad-reset/extra.css:160 */
.main.ipad-reset .steps .sc-item .sc-a a { text-decoration: underline !important; } /* ipad-reset/extra.css:197 */
.main.ipad-reset .cheatsheet .oi .ot a { text-decoration: underline !important; } /* ipad-reset/extra.css:389 */
.main.ipad-reset .force .force-cta a { text-decoration: none !important; } /* ipad-reset/extra.css:489 */
.main.ipad-reset .trouble .tc .tc-body a { text-decoration: underline !important; } /* ipad-reset/extra.css:586 */
.main.ipad-reset .highsell .hs-sub a { text-decoration: underline !important; } /* ipad-reset/extra.css:616 */
.main.ipad-reset .highsell .hs-cta a { text-decoration: none !important; } /* ipad-reset/extra.css:635 */
.main.iphone-reset .steps .st-sub a { text-decoration: underline !important; } /* iphone-reset/extra.css:76 */
.main.iphone-reset .steps .sc-item .sc-a a { text-decoration: underline !important; } /* iphone-reset/extra.css:109 */
.main.iphone-reset .steps .proc-micro a { text-decoration: underline !important; } /* iphone-reset/extra.css:111 */
.main.iphone-reset .whathappens .tc .tc-body a { text-decoration: underline !important; } /* iphone-reset/extra.css:147 */
.main.iphone-reset .force .force-cta a { text-decoration: none !important; } /* iphone-reset/extra.css:188 */
.main.iphone-reset .price .price-cta a { text-decoration: none !important; } /* iphone-reset/extra.css:231 */
.main.iphone-reset .apply .apply-btns a { text-decoration: none !important; } /* iphone-reset/extra.css:253 */
.main:where(.kaitori-hitsuyou-mono) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* kaitori-hitsuyou-mono/extra.css:796 */
.main:where(.kaitori-state-grade) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* kaitori-state-grade/extra.css:809 */
.main.kaitoriten-erabikata .connection .connection-note a { text-decoration: underline !important; } /* kaitoriten-erabikata/extra.css:22 */
.main.kaitoriten-erabikata .note a { text-decoration: underline !important; } /* kaitoriten-erabikata/extra.css:147 */
.main.kaitoriten-erabikata .dd a { text-decoration: underline !important; } /* kaitoriten-erabikata/extra.css:184 */
.main.kaitoriten-erabikata .point .pd a { text-decoration: underline !important; } /* kaitoriten-erabikata/extra.css:223 */
.main.kaitoriten-erabikata .point .ours a { text-decoration: underline !important; } /* kaitoriten-erabikata/extra.css:229 */
.main.kaitoriten-erabikata .price-models a { text-decoration: none !important; } /* kaitoriten-erabikata/extra.css:397 */
.main:where(.knack-to-sell) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* knack-to-sell/extra.css:796 */
.main.mac-reset .steps .step-note a { text-decoration: underline !important; } /* mac-reset/extra.css:117 */
.main.mac-reset .steps .proc-micro a { text-decoration: underline !important; } /* mac-reset/extra.css:120 */
.main.mac-reset .steps .sc-item .sc-a a { text-decoration: underline !important; } /* mac-reset/extra.css:134 */
.main.mac-reset .model .sim-d a { text-decoration: underline !important; } /* mac-reset/extra.css:245 */
.main.mac-reset .model .note a { text-decoration: underline !important; } /* mac-reset/extra.css:252 */
.main.mac-reset .cheatsheet .note a { text-decoration: underline !important; } /* mac-reset/extra.css:290 */
.main.mac-reset .safe .note a { text-decoration: underline !important; } /* mac-reset/extra.css:329 */
.main.mac-reset .trouble .tc .tc-body a { text-decoration: underline !important; } /* mac-reset/extra.css:386 */
.main.mac-reset .highsell .dd a { text-decoration: underline !important; } /* mac-reset/extra.css:411 */
.main.mac-reset .highsell .hs-sub a { text-decoration: underline !important; } /* mac-reset/extra.css:415 */
.main.mac-reset .highsell .hs-cta a { text-decoration: none !important; } /* mac-reset/extra.css:434 */
.main.mac-reset .selector .selector-card .sgrid a { text-decoration: none !important; } /* mac-reset/extra.css:476 */
.main.mac-reset .selector .note a { text-decoration: underline !important; } /* mac-reset/extra.css:491 */
.main.pixel-reset .note a { text-decoration: underline !important; } /* pixel-reset/extra.css:117 */
.main.pixel-reset .dd a { text-decoration: underline !important; } /* pixel-reset/extra.css:158 */
.main.pixel-reset .point .pd a { text-decoration: underline !important; } /* pixel-reset/extra.css:187 */
.main.pixel-reset .gen .brand-streamer { text-decoration: none !important; } /* pixel-reset/extra.css:448 */
.main.pixel-reset .connection .cta-sub a { text-decoration: underline !important; } /* pixel-reset/extra.css:522 */
.main.pixel-reset #trouble .tc .tc-body a { text-decoration: underline !important; } /* pixel-reset/extra.css:642 */
.main:where(.shitadori-junbi) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* shitadori-junbi/extra.css:798 */
.main.shitadori-vs-kaitori .connection .connection-note a { text-decoration: underline !important; } /* shitadori-vs-kaitori/extra.css:17 */
.main.shitadori-vs-kaitori .lead-txt a { text-decoration: underline !important; } /* shitadori-vs-kaitori/extra.css:130 */
.main.shitadori-vs-kaitori .note a { text-decoration: underline !important; } /* shitadori-vs-kaitori/extra.css:143 */
.main.shitadori-vs-kaitori .dd a { text-decoration: underline !important; } /* shitadori-vs-kaitori/extra.css:175 */
.main.shitadori-vs-kaitori .point .pd a { text-decoration: underline !important; } /* shitadori-vs-kaitori/extra.css:206 */
.main.shitadori-vs-kaitori .anshin .worry-lead a { text-decoration: underline !important; } /* shitadori-vs-kaitori/extra.css:257 */
.main.store-purchase .topbanner.fv-todo .fv-line { text-decoration: none !important; } /* store-purchase/extra.css:30 */
.main.store-purchase .topbanner.fv-todo .fv-tel { text-decoration: none !important; } /* store-purchase/extra.css:31 */
.main.store-purchase .point .pd a { text-decoration: underline !important; } /* store-purchase/extra.css:426 */
.main.store-purchase .secure .erase-board .e1 .ed a { text-decoration: underline !important; } /* store-purchase/extra.css:463 */
.main.store-purchase .bring .pp .pp-d a { text-decoration: underline !important; } /* store-purchase/extra.css:532 */
.main:where(.unlockingsimlock) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* unlockingsimlock/extra.css:796 */
.main:where(.uridoki-timing) .topbanner.fv-todo .fv-todo-slots a { text-decoration: underline !important; } /* uridoki-timing/extra.css:796 */
.main.xperia-reset .note a { text-decoration: underline !important; } /* xperia-reset/extra.css:124 */
.main.xperia-reset .dd a { text-decoration: underline !important; } /* xperia-reset/extra.css:174 */
.main.xperia-reset .force .br .br-a a { text-decoration: underline !important; } /* xperia-reset/extra.css:461 */
.main.xperia-reset .highsell .hs-cta a { text-decoration: none !important; } /* xperia-reset/extra.css:521 */
.main.xperia-reset .trouble .tc .tc-body a { text-decoration: underline !important; } /* xperia-reset/extra.css:662 */
.main.xperia-reset .reason .reason-micro a { text-decoration: underline !important; } /* xperia-reset/extra.css:704 */
.main.xperia-reset .models .brand-streamer { text-decoration: none !important; } /* xperia-reset/extra.css:808 */


/* ==== 全 32 ページ並置比較(2026-09-08・6 巡目)の残差の手当て(単位18・d) ==== */

/* F12 リンクの基底色: 0407 style.css:88-94 `a, a:active, a:link, a:visited { text-decoration:none; color:#333 }`。
      テーマは a の色指定を持たず UA 既定の青(rgb(0,0,238))になる(11 ページ・電話番号「0120-916-570」や「8店舗」等の class なしテキストリンク)。
      text-decoration は text_decoration_mirror.py のブロックが同じ規則を写しているので、ここでは色だけ */
:where(.main) a, :where(.main) a:active, :where(.main) a:link, :where(.main) a:visited { color: #333; } /* 0407 と同じ詳細度(0,0,1)にするため :where(.main)。.main a だと topnav の .link a(#7994AA) に勝ってしまう(apple-machine 実測) */