/* PRIME GEAR Blocks v0.4.3 - theme independent */
.pg-caption{
  --pg-caption-color:#8c8f96;
  --pg-caption-bg:#fdfdfd;
  --pg-caption-icon-size:1.1em;
  position:relative;
  box-sizing:border-box;
  margin:2em 0;
  padding:1.5em;
  color:#1f2937;
  background:#fdfdfd;
  border:1px solid #8c8f96;
  border-radius:0;
  box-shadow:none;
}
.pg-caption *,.pg-caption *::before,.pg-caption *::after{box-sizing:border-box}
.pg-caption__title{display:flex;align-items:center;justify-content:flex-start;gap:.5em;margin:0!important;padding:0;color:#8c8f96;font-weight:400;line-height:1.5;text-align:left}
.pg-caption--icon-right .pg-caption__title{flex-direction:row-reverse;justify-content:flex-end}
.pg-caption__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--pg-caption-icon-size);height:var(--pg-caption-icon-size);margin-left:-.25em;color:currentColor;line-height:1}
.pg-caption--icon-right .pg-caption__icon{margin-left:0;margin-right:-.25em}
.pg-caption__icon svg{display:block;width:100%;height:100%}
.pg-caption__title-text{min-width:1em}
.pg-caption__content{position:relative;z-index:0;clear:both;margin-top:1em;padding:0;background:none;border:none}
.pg-caption__rows{margin:1.2em 0!important;padding:0!important;list-style:none!important}
.pg-caption__row{margin:0!important;padding:10px 0;border-top:1px solid #f2f4f6;font-size:15px;line-height:1.8;color:#1f2937;list-style:none!important}
.pg-caption__row:first-child{padding-top:0;border-top:none}
.pg-caption__row::before,.pg-caption__row::marker{content:none!important;display:none!important}
.pg-caption__label{display:inline-block;margin-right:.3em;color:#6b7280;font-weight:700;white-space:nowrap}
.pg-caption__text{min-width:1em;color:#1f2937;font-weight:400}
.pg-caption__line{display:block;min-width:1em;color:#1f2937;font-weight:400}

@media(max-width:767px){
  .pg-caption{padding:1.5em}
  .pg-caption__row{padding:9px 0;font-size:14px;line-height:1.75}
  .pg-caption__label{display:block;margin:0 0 4px}
}

/* =========================================================
 * v0.4.3: 「こんな人におすすめ」
 * 現在PRIME GEARで使っている黄色系キャプションボックスを再現。
 * ========================================================= */
.pg-caption--recommend{
  --pg-caption-color:#e6b422;
  --pg-caption-bg:#fdf9ee;
  color:#111111;
  background:#fdf9ee;
  border-color:#e6b422;
}
.pg-caption--recommend .pg-caption__title{
  color:#e6b422;
  font-size:16px;
  font-weight:400;
}
.pg-caption--recommend .pg-caption__content{
  margin-top:1em;
}
.pg-caption__recommend-list{
  margin:.75em 0 0!important;
  padding:0 0 0 1.35em!important;
  list-style:disc!important;
}
.pg-caption__recommend-item{
  margin:.12em 0!important;
  padding:0!important;
  color:#111111;
  font-size:16px;
  line-height:1.8;
  list-style:disc!important;
}
.pg-caption__recommend-item::marker{
  color:#111111;
  font-size:.88em;
}
.pg-caption__recommend-text{
  color:#111111;
  font-weight:400;
}

@media(max-width:767px){
  .pg-caption--recommend .pg-caption__title{font-size:15px}
  .pg-caption__recommend-list{padding-left:1.25em!important}
  .pg-caption__recommend-item{font-size:15px;line-height:1.75}
}


/* =========================================================
 * v0.4.7: 「更新情報」
 * 現在PRIME GEARで使用中の青系ボックスを再現。
 * 内部のDT/DDはSWELL「説明リスト(DL)」デフォルトを基準にする。
 * ========================================================= */
.pg-caption--update{
  --pg-caption-color:#3d79d5;
  --pg-caption-bg:#f3f8fd;
  color:#111111;
  background:#f3f8fd;
  border-color:#3d79d5;
}
.pg-caption--update .pg-caption__title{
  color:#3d79d5;
  font-weight:400;
}
.pg-caption--update .pg-caption__content{
  margin-top:1em;
}
.pg-caption__update-list{
  margin:.75em 0 0!important;
  padding:0!important;
}
.pg-caption__update-date{
  margin:0!important;
  padding:0!important;
  color:#111111;
  font-weight:700;
  line-height:1.5;
}
.pg-caption__update-text{
  margin-left:1em!important;
  padding:1em!important;
  color:#111111;
  line-height:1.8;
}
.pg-caption__update-text + .pg-caption__update-date{
  margin-top:1em!important;
}
.pg-caption__update-text-inner{
  margin:0!important;
  padding:0!important;
  color:inherit;
  font:inherit;
}
/* v0.4.12: 公開画面の更新内容も投稿画面と同じ段落間隔に揃える。
 * Enter = 段落（1emの余白）、Shift+Enter = 同一段落内の改行。
 */
.pg-caption__update-text-inner > *{
  margin-top:0!important;
  margin-bottom:1em!important;
}
.pg-caption__update-text-inner > :last-child{
  margin-bottom:0!important;
}
@media(max-width:767px){
  .pg-caption__update-text{line-height:1.75}
}

/* =========================================================
 * v0.6.0: PRIME GEAR 評価チャート（最小構成）
 * SVGのみで描画し、公開画面では追加JavaScriptを使わない。
 * ========================================================= */
.pg-rating-chart{
  box-sizing:border-box;
  margin:2em 0;
  padding:24px;
  color:#111111;
  background:#fdfdfd;
  border:0;
}
.pg-rating-chart *,.pg-rating-chart *::before,.pg-rating-chart *::after{box-sizing:border-box}
.pg-rating-chart__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.pg-rating-chart__svg{display:block;width:100%;max-width:var(--pg-rating-chart-max-width,430px);height:auto;overflow:visible}
/* v0.6.8: PRIME GEARらしい落ち着いた質感を追加。
 * レイアウトや配色の方向性は変えず、線・塗り・頂点だけを精細化する。
 */
.pg-rating-chart__grid-polygon{
  fill:none;
  stroke:#d9dde3;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.pg-rating-chart__grid-polygon:nth-child(2n){stroke:#e3e6ea}
.pg-rating-chart__grid-polygon:last-child{stroke:#c8cdd4;stroke-width:1.15}
.pg-rating-chart__axis{
  stroke:#e3e6ea;
  stroke-width:.9;
  vector-effect:non-scaling-stroke;
}
.pg-rating-chart__value-polygon{
  fill:var(--pg-rating-fill,rgba(17,17,17,.075));
  stroke:var(--pg-rating-accent,#111111);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 4px 8px var(--pg-rating-shadow,rgba(17,17,17,.07)));
}
.pg-rating-chart__dot{
  fill:#fdfdfd;
  stroke:var(--pg-rating-accent,#111111);
  stroke-width:1.8;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 1px 1.5px var(--pg-rating-shadow,rgba(17,17,17,.12)));
}
.pg-rating-chart__svg-label-name{fill:#303640;font-size:12px;font-weight:600}
.pg-rating-chart__svg-label-value{fill:#858c96;font-size:10px;font-weight:500}
.pg-rating-chart__svg--dense .pg-rating-chart__svg-label-name{font-size:11px}
.pg-rating-chart__svg--dense .pg-rating-chart__svg-label-value{font-size:9px}
.pg-rating-chart__overall{display:flex;align-items:baseline;justify-content:center;margin-top:-4px;line-height:1;color:#111111}
.pg-rating-chart__overall-label{margin-right:.65em;color:#6b7280;font-size:13px;font-weight:600}
.pg-rating-chart__overall-score{font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--pg-rating-accent,#111111)}
.pg-rating-chart__overall-max{margin-left:.15em;color:#8a919b;font-size:13px;font-weight:500}
@media(max-width:767px){
  .pg-rating-chart{padding:18px 14px}
  .pg-rating-chart__svg{max-width:var(--pg-rating-chart-max-width-mobile,360px)}
  .pg-rating-chart__svg-label-name{font-size:11px}
  .pg-rating-chart__svg-label-value{font-size:9px}
  .pg-rating-chart__svg--dense .pg-rating-chart__svg-label-name{font-size:10px}
  .pg-rating-chart__svg--dense .pg-rating-chart__svg-label-value{font-size:8.5px}
  .pg-rating-chart__overall-score{font-size:27px}
}

/* =========================================================
 * v0.7.0: 比較レーダー（2系列）
 * ========================================================= */
.pg-rating-chart__legend{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px 16px;
  width:100%;
  margin:0 0 4px;
  color:#4b5563;
  font-size:12px;
  line-height:1.4;
}
.pg-rating-chart__legend-item{display:inline-flex;align-items:center;gap:6px;min-width:0}
.pg-rating-chart__legend-swatch{
  width:18px;
  height:10px;
  flex:0 0 auto;
  border:2px solid var(--pg-rating-accent,#111111);
  background:var(--pg-rating-fill,rgba(17,17,17,.12));
}
.pg-rating-chart__legend-swatch--compare{
  border-color:var(--pg-rating-compare-accent,#2f73d9);
  background:var(--pg-rating-compare-fill,rgba(47,115,217,.10));
}
.pg-rating-chart__legend-text{overflow-wrap:anywhere}
.pg-rating-chart__value-polygon--compare{
  fill:var(--pg-rating-compare-fill,rgba(47,115,217,.10));
  stroke:var(--pg-rating-compare-accent,#2f73d9);
  filter:drop-shadow(0 4px 8px var(--pg-rating-compare-shadow,rgba(47,115,217,.08)));
}
.pg-rating-chart__dot--compare{
  stroke:var(--pg-rating-compare-accent,#2f73d9);
  filter:drop-shadow(0 1px 1.5px var(--pg-rating-compare-shadow,rgba(47,115,217,.10)));
}
.pg-rating-chart__overall--compare{
  align-items:center;
  gap:10px 18px;
  flex-wrap:wrap;
  margin-top:2px;
}
.pg-rating-chart__overall-series{display:inline-flex;align-items:baseline;justify-content:center;min-width:0}
.pg-rating-chart__overall-dot{
  width:7px;
  height:7px;
  margin-right:6px;
  align-self:center;
  border-radius:50%;
  background:var(--pg-rating-accent,#111111);
}
.pg-rating-chart__overall-dot--compare{background:var(--pg-rating-compare-accent,#2f73d9)}
.pg-rating-chart__overall-series-name{
  max-width:120px;
  margin-right:.5em;
  overflow:hidden;
  color:#6b7280;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pg-rating-chart__overall-score--compare{color:var(--pg-rating-compare-accent,#2f73d9)}
@media(max-width:767px){
  .pg-rating-chart__legend{gap:8px 12px;font-size:11px}
  .pg-rating-chart__overall--compare{gap:8px 14px}
  .pg-rating-chart__overall-series-name{max-width:90px;font-size:11px}
  .pg-rating-chart__overall--compare .pg-rating-chart__overall-score{font-size:24px}
}

/* =========================================================
 * v0.7.2: 評価チャート 表示アニメーション
 * JSが動作する環境だけ初期状態を中央へ縮小し、表示時に一度だけ展開する。
 * JSが無効・prefers-reduced-motion時は通常表示を維持する。
 * ========================================================= */
.pg-rating-chart--animate.is-pg-rating-animate-ready .pg-rating-chart__value-polygon,
.pg-rating-chart--animate.is-pg-rating-animate-ready .pg-rating-chart__dot{
  transform-box:view-box;
  transform-origin:50% 50%;
  transform:scale(.04);
  opacity:0;
}
.pg-rating-chart--animate.is-pg-rating-animate-ready.is-pg-rating-visible .pg-rating-chart__value-polygon{
  transform:scale(1);
  opacity:1;
  transition:
    transform .72s cubic-bezier(.16,1,.3,1),
    opacity .28s ease;
}
.pg-rating-chart--animate.is-pg-rating-animate-ready.is-pg-rating-visible .pg-rating-chart__value-polygon--compare{
  transition-delay:.07s;
}
.pg-rating-chart--animate.is-pg-rating-animate-ready.is-pg-rating-visible .pg-rating-chart__dot{
  transform:scale(1);
  opacity:1;
  transition:
    transform .58s cubic-bezier(.16,1,.3,1) .14s,
    opacity .22s ease .14s;
}
.pg-rating-chart--animate.is-pg-rating-animate-ready.is-pg-rating-visible .pg-rating-chart__dot--compare{
  transition-delay:.20s,.20s;
}
@media (prefers-reduced-motion: reduce){
  .pg-rating-chart--animate .pg-rating-chart__value-polygon,
  .pg-rating-chart--animate .pg-rating-chart__dot{
    transform:none!important;
    opacity:1!important;
    transition:none!important;
  }
}

/* =========================================================
 * v0.7.3: 比較レーダー 凡例クリック切り替え
 * 上部の製品名をクリックすると、その系列だけを一時的に非表示。
 * 最後の1系列は常に残し、空のチャートにはしない。
 * ========================================================= */
.pg-rating-chart__legend-item{
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  transition:opacity .2s ease,color .2s ease;
}
.pg-rating-chart__legend-item:focus-visible{
  outline:2px solid var(--pg-rating-accent,#111111);
  outline-offset:4px;
  border-radius:2px;
}
.pg-rating-chart__legend-item.is-muted{
  opacity:.38;
}
.pg-rating-chart__legend-item.is-muted .pg-rating-chart__legend-text{
  text-decoration:line-through;
  text-decoration-thickness:1px;
}
.pg-rating-chart__value-polygon,
.pg-rating-chart__dots{
  transition:opacity .22s ease;
}
.pg-rating-chart.is-pg-rating-primary-hidden .pg-rating-chart__value-polygon:not(.pg-rating-chart__value-polygon--compare),
.pg-rating-chart.is-pg-rating-primary-hidden .pg-rating-chart__dots:not(.pg-rating-chart__dots--compare){
  opacity:0!important;
  pointer-events:none;
}
.pg-rating-chart.is-pg-rating-comparison-hidden .pg-rating-chart__value-polygon--compare,
.pg-rating-chart.is-pg-rating-comparison-hidden .pg-rating-chart__dots--compare{
  opacity:0!important;
  pointer-events:none;
}
.pg-rating-chart.is-pg-rating-primary-hidden .pg-rating-chart__overall--compare .pg-rating-chart__overall-series:first-child,
.pg-rating-chart.is-pg-rating-comparison-hidden .pg-rating-chart__overall--compare .pg-rating-chart__overall-series:last-child{
  display:none;
}

/* =========================================================
 * v0.7.4: 比較レーダー単独表示時の軸スコア
 * 2系列表示中は従来どおり数値を隠し、凡例で片方を非表示にした時だけ
 * 表示中の系列のスコアを各項目名の下へ表示する。
 * ========================================================= */
.pg-rating-chart__svg-label-value--primary,
.pg-rating-chart__svg-label-value--compare{
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.pg-rating-chart.is-pg-rating-comparison-hidden .pg-rating-chart__svg-label-value--primary,
.pg-rating-chart.is-pg-rating-primary-hidden .pg-rating-chart__svg-label-value--compare{
  opacity:1;
}



/* =========================================================
   PRIME GEAR スペック
========================================================= */
.pg-spec{
  width:100%;
  max-width:860px;
  margin-inline:auto;
  color:#1f2937;
  container-type:inline-size;
  container-name:pg-spec;
}
.pg-spec,.pg-spec *,.pg-spec *::before,.pg-spec *::after{box-sizing:border-box}
.pg-spec__product{
  display:grid;
  grid-template-columns:minmax(120px,180px) minmax(0,420px);
  grid-template-rows:auto auto;
  align-items:center;
  justify-content:center;
  column-gap:clamp(24px,5cqw,48px);
  row-gap:6px;
  width:100%;
  padding:10px 20px 22px;
  border-bottom:2px solid #e5e7eb;
  text-align:left;
}
.pg-spec__image{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;min-height:90px}
.pg-spec__image img{display:block;width:auto;max-width:var(--pg-spec-image-size,140px);max-height:var(--pg-spec-image-size,140px);object-fit:contain}
.pg-spec__product-name{grid-column:2;align-self:end;font-size:19px;font-weight:700;line-height:1.45;color:#1f2937;overflow-wrap:anywhere}
.pg-spec__product-description{grid-column:2;align-self:start;max-width:38em;color:#8a8f98;font-size:13px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}
.pg-spec__product:not(:has(.pg-spec__image)){grid-template-columns:minmax(0,620px);grid-template-rows:auto auto;text-align:center}
.pg-spec__product:not(:has(.pg-spec__image)) .pg-spec__product-name,
.pg-spec__product:not(:has(.pg-spec__image)) .pg-spec__product-description{grid-column:1}
.pg-spec__rows{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(24px,4.5cqw,42px);
  width:100%;
}
.pg-spec__row{
  position:relative;
  min-width:0;
  padding:14px 0 13px;
  border-bottom:1px solid #e5e7eb;
}
.pg-spec__row.is-wide{grid-column:span 2}
.pg-spec__row.is-full{grid-column:1 / -1}
.pg-spec__label,
.pg-spec__value{
  min-width:0;
  padding:0;
  text-align:left;
  overflow-wrap:anywhere;
}
.pg-spec__label{
  margin-bottom:4px;
  color:#6b7280;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
  letter-spacing:.01em;
}
.pg-spec__value{
  color:#1f2937;
  font-size:15px;
  font-weight:700;
  line-height:1.65;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.pg-spec__value.is-list{line-height:1.8}

.pg-spec__row.is-highlighted{border-bottom-color:#b00000}
.pg-spec__official-link-wrap{display:flex;justify-content:flex-end;width:100%;padding-top:12px}
.pg-spec__official-link{display:inline-flex;align-items:center;gap:5px;color:#6b7280;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none}
.pg-spec__official-link svg{display:block;flex:0 0 auto;width:14px;height:14px}
.pg-spec__official-link:hover{color:#1f2937}
@container pg-spec (max-width: 620px){
  .pg-spec__product{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    justify-items:center;
    row-gap:7px;
    padding:6px 12px 16px;
    text-align:center;
  }
  .pg-spec__image,
  .pg-spec__product-name,
  .pg-spec__product-description{grid-column:1}
  .pg-spec__image{grid-row:auto;min-height:70px}
  .pg-spec__image img{max-width:var(--pg-spec-image-size-mobile,110px);max-height:var(--pg-spec-image-size-mobile,110px)}
  .pg-spec__product-name{font-size:16px;line-height:1.5}
  .pg-spec__product-description{max-width:32em;font-size:12px;line-height:1.65}
  .pg-spec__rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(16px,5cqw,24px)}
  .pg-spec__row.is-wide,
  .pg-spec__row.is-full{grid-column:1 / -1}
}
@container pg-spec (max-width: 480px){
  .pg-spec__row{padding:10px 0}
  .pg-spec__label{font-size:12px;line-height:1.5}
  .pg-spec__value{font-size:14px;line-height:1.65}
}

/* =========================================================
   PRIME GEAR Before / After
========================================================= */
.pg-before-after-wrap {
  --pg-ba-position: 50%;
  --pg-ba-radius: 0px;
  --pg-ba-width: 100%;
  width: var(--pg-ba-width, 100%);
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.pg-before-after {
  --pg-ba-position: inherit;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--pg-ba-radius, 0px);
  line-height: 0;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
  isolation: isolate;
}
.pg-before-after__image {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
}
.pg-before-after__image--before {
  height: auto;
  /* Before/After を完全に分離。透過PNGでも反対側の画像を透かさない */
  clip-path: inset(0 calc(100% - var(--pg-ba-position, 50%)) 0 0);
}
.pg-before-after__after {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  clip-path: inset(0 0 0 var(--pg-ba-position, 50%));
  pointer-events: none;
}
.pg-before-after__image--after {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pg-before-after__divider {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: var(--pg-ba-position, 50%);
  width: 2px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
  transform: translateX(-50%);
  pointer-events: none;
}
.pg-before-after__handle {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  left: var(--pg-ba-position, 50%);
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 50%;
  background: #fff;
  color: #111;
  box-shadow: 0 5px 18px rgba(0,0,0,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  transform: translate(-50%,-50%);
  cursor: ew-resize;
  touch-action: none;
  line-height: 1;
}
.pg-before-after__handle svg {
  width: 15px;
  height: 15px;
  display: block;
  fill: currentColor;
}
.pg-before-after__handle:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
}
.pg-before-after__label {
  position: absolute;
  z-index: 2;
  top: 14px;
  padding: 6px 9px;
  border-radius: 5px;
  background: rgba(17,17,17,.72);
  color: rgba(255,255,255,.98);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}
.pg-before-after__label--before { left: 14px; }
.pg-before-after__label--after { right: 14px; }
.pg-before-after.is-dragging .pg-before-after__handle { box-shadow: 0 7px 22px rgba(0,0,0,.22); }
@media (max-width: 767px) {
  .pg-before-after__handle { width: 42px; height: 42px; }
  .pg-before-after__label { top: 10px; padding: 5px 8px; font-size: 11px; }
  .pg-before-after__label--before { left: 10px; }
  .pg-before-after__label--after { right: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .pg-before-after__handle { transition: none !important; }
}

/* PRIME GEAR Before / After v0.8.39 additions */
.pg-before-after--vertical {
  cursor: ns-resize;
  touch-action: pan-x;
}
.pg-before-after--vertical .pg-before-after__image--before {
  clip-path: inset(0 0 calc(100% - var(--pg-ba-position, 50%)) 0);
}
.pg-before-after--vertical .pg-before-after__after {
  clip-path: inset(var(--pg-ba-position, 50%) 0 0 0);
}
.pg-before-after--vertical .pg-before-after__divider {
  top: var(--pg-ba-position, 50%);
  right: 0;
  bottom: auto;
  left: 0;
  width: auto;
  height: 2px;
  transform: translateY(-50%);
}
.pg-before-after--vertical .pg-before-after__handle {
  top: var(--pg-ba-position, 50%);
  left: 50%;
  cursor: ns-resize;
}
.pg-before-after--vertical .pg-before-after__handle svg {
  transform: rotate(90deg);
}
/* 上下比較では各ラベルをそれぞれの領域へ固定して迷いにくくする */
.pg-before-after--vertical .pg-before-after__label--before {
  top: 14px;
  bottom: auto;
  left: 14px;
  right: auto;
}
.pg-before-after--vertical .pg-before-after__label--after {
  top: auto;
  bottom: 14px;
  left: auto;
  right: 14px;
}
/* 上下比較では「ラベル位置」の共通上下指定より領域内配置を優先 */
.pg-before-after--vertical.pg-before-after--labels-bottom .pg-before-after__label--before {
  top: 14px;
  bottom: auto;
}
.pg-before-after--vertical.pg-before-after--labels-bottom .pg-before-after__label--after {
  top: auto;
  bottom: 14px;
}
.pg-before-after--labels-bottom .pg-before-after__label {
  top: auto;
  bottom: 14px;
}
.pg-before-after__reset {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 5;
  right: 12px;
  bottom: 12px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  background: rgba(17,17,17,.62);
  color: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,.14);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: background .2s ease, transform .2s ease;
}
.pg-before-after__reset:hover { background: rgba(17,17,17,.78); }
.pg-before-after__reset:active { transform: scale(.94); }
.pg-before-after__reset:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.pg-before-after__reset svg { width: 15px; height: 15px; fill: currentColor; }
.pg-before-after__reset::before { content:""; position:absolute; inset:-7px; border-radius:50%; background:transparent; }
@media (max-width: 767px) {
  .pg-before-after-wrap.is-mobile-full {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
  .pg-before-after--labels-bottom .pg-before-after__label { bottom: 10px; }
  .pg-before-after--vertical .pg-before-after__label--before,
  .pg-before-after--vertical.pg-before-after--labels-bottom .pg-before-after__label--before {
    top: 10px; bottom: auto; left: 10px; right: auto;
  }
  .pg-before-after--vertical .pg-before-after__label--after,
  .pg-before-after--vertical.pg-before-after--labels-bottom .pg-before-after__label--after {
    top: auto; bottom: 10px; left: auto; right: 10px;
  }
  .pg-before-after__reset { right: 10px; bottom: 10px; width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .pg-before-after__reset { transition: none !important; }
}

/* =========================================================
   PRIME GEAR 画像スポット
========================================================= */
.pg-hotspot-wrap {
  width: 100%;
  max-width: 100%;
}
.pg-hotspot-wrap > .pg-hotspot,
.pg-hotspot-editor__canvas-wrap {
  width: var(--pg-hotspot-width, 100%);
  max-width: none;
  margin-inline: auto;
}
.pg-hotspot {
  position: relative;
  width: 100%;
  line-height: 1.6;
  border-radius: var(--pg-hotspot-radius, 0px);
  overflow: visible;
  isolation: isolate;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.pg-hotspot__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  border-radius: var(--pg-hotspot-radius, 0px);
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.pg-hotspot__point {
  position: absolute;
  z-index: 4;
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.09)),
    rgba(22,24,28,.28);
  color: rgba(255,255,255,.99);
  font: 700 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing: .01em;
  text-shadow: 0 1px 3px rgba(0,0,0,.36), 0 0 1px rgba(0,0,0,.24);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%,-50%);
  box-shadow:
    0 9px 24px rgba(0,0,0,.24),
    0 0 0 1px rgba(0,0,0,.14),
    0 0 0 2px rgba(255,255,255,.18),
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(10px) saturate(145%) brightness(.78) contrast(1.10);
  -webkit-backdrop-filter: blur(10px) saturate(145%) brightness(.78) contrast(1.10);
  cursor: pointer;
  appearance: none;
  touch-action: manipulation;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}
.pg-hotspot__point::before {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: inherit;
  background: transparent;
}
.pg-hotspot__point::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 5px;
  right: 5px;
  height: 42%;
  border-radius: 999px;
  background: linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));
  pointer-events: none;
  opacity: .92;
}
.pg-hotspot__point:hover,
.pg-hotspot__point.is-active {
  transform: translate(-50%,-50%) scale(1.08);
  border-color: rgba(255,255,255,.96);
  background:
    linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.12)),
    rgba(20,22,26,.34);
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    0 0 0 1px rgba(0,0,0,.16),
    0 0 0 2px rgba(255,255,255,.24),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(255,255,255,.10);
}
.pg-hotspot__point:focus-visible {
  outline: 3px solid rgba(17,17,17,.24);
  outline-offset: 3px;
}
.pg-hotspot__card {
  position: absolute;
  z-index: 8;
  width: min(288px, calc(100% - 24px));
  padding: 14px 15px 14px;
  border: 1px solid rgba(255,255,255,.46);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.60));
  color: #1f2937;
  box-shadow:
    0 16px 40px rgba(15,23,42,.16),
    inset 0 1px 0 rgba(255,255,255,.42);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.pg-hotspot__card::before {
  content: "";
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 42%;
  border-radius: 15px 15px 13px 13px;
  background: linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,0));
  pointer-events: none;
}
.pg-hotspot__card[hidden] { display: none !important; }
.pg-hotspot__card.is-right { transform: translate(calc(18px + var(--pg-hotspot-shift-x, 0px)), calc(-10px + var(--pg-hotspot-shift-y, 0px))); }
.pg-hotspot__card.is-left { transform: translate(calc(-100% - 18px + var(--pg-hotspot-shift-x, 0px)), calc(-10px + var(--pg-hotspot-shift-y, 0px))); }
.pg-hotspot__card.is-below { margin-top: 18px; }
.pg-hotspot__card.is-above { margin-top: -18px; }
.pg-hotspot__card.is-right.is-above { transform: translate(calc(18px + var(--pg-hotspot-shift-x, 0px)), calc(-100% - 10px + var(--pg-hotspot-shift-y, 0px))); }
.pg-hotspot__card.is-left.is-above { transform: translate(calc(-100% - 18px + var(--pg-hotspot-shift-x, 0px)), calc(-100% - 10px + var(--pg-hotspot-shift-y, 0px))); }
.pg-hotspot__card.is-active {
  opacity: 1;
  pointer-events: auto;
}
.pg-hotspot__card-kicker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.48);
  color: #5f6f83;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}
.pg-hotspot__card-number {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 24px;
  margin-bottom: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(17,24,39,.08);
  color: #475569;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}
.pg-hotspot__card-title {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  color: #0f172a;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}
.pg-hotspot__card-description {
  position: relative;
  z-index: 1;
  margin: 7px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.72;
}
.pg-hotspot__card-description.is-placeholder {
  color: #94a3b8;
  font-style: italic;
}

@media (max-width: 767px) {
  .pg-hotspot-wrap.is-mobile-full {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .pg-hotspot-wrap.is-mobile-full > .pg-hotspot { width: 100%; }
  .pg-hotspot__point {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  .pg-hotspot__point::before { inset: -8px; }
  /*
   * スマホはポイントが左右端にあってもカードを画像中央基準にする。
   * PCの「ポイントの左右に出す」体験は維持しつつ、狭い画面だけ確実にはみ出しを防ぐ。
   */
  .pg-hotspot__card {
    left: 50% !important;
    width: min(264px, calc(100% - 16px), calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    padding: 13px 14px;
    border-radius: 14px;
    margin-top: 0 !important;
  }
  .pg-hotspot__card::before {
    border-radius: 13px 13px 11px 11px;
  }
  .pg-hotspot__card.is-right,
  .pg-hotspot__card.is-left,
  .pg-hotspot__card.is-right.is-below,
  .pg-hotspot__card.is-left.is-below {
    transform: translate(-50%, calc(14px + var(--pg-hotspot-shift-y, 0px)));
  }
  .pg-hotspot__card.is-right.is-above,
  .pg-hotspot__card.is-left.is-above {
    transform: translate(-50%, calc(-100% - 14px + var(--pg-hotspot-shift-y, 0px)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .pg-hotspot__point,
  .pg-hotspot__card { transition: none !important; }
}


/* =========================================================
 * v0.8.87: PRIME GEAR データバー
 * ========================================================= */
/* v0.8.89: 単体表示は図版として視線が止まりやすい幅に。
 * レイアウト内では親カラム幅をそのまま使う。 */
.pg-data-bar{
  box-sizing:border-box;
  width:88%;
  max-width:760px;
  margin:2em auto;
  color:#1f2937;
}
.pg-layout__item .pg-data-bar{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.pg-data-bar *,.pg-data-bar *::before,.pg-data-bar *::after{box-sizing:border-box}
.pg-data-bar__title{
  margin:0 0 22px;
  padding:0 0 12px;
  color:#1f2937;
  border-bottom:1px dashed #d4d8dd;
  font-size:16px;
  font-weight:700;
  line-height:1.6;
  text-align:center;
}
.pg-data-bar__items{display:flex;flex-direction:column;gap:16px}
.pg-data-bar__item{position:relative;min-width:0}
.pg-data-bar__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  margin:0 0 5px;
  line-height:1.45;
}
.pg-data-bar__head.has-badge{flex-wrap:wrap;gap:7px 10px}
.pg-data-bar__label{
  min-width:0;
  color:#1f2937;
  font-size:15px;
  font-weight:650;
  overflow-wrap:anywhere;
}
.pg-data-bar__value{
  flex:0 0 auto;
  color:#4b5563;
  font-size:13px;
  font-variant-numeric:tabular-nums;
  font-weight:650;
  white-space:nowrap;
}
.pg-data-bar__badge{
  flex:0 0 auto;
  max-width:10em;
  padding:3px 8px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(135deg,#8f0000 0%,#c90000 100%);
  border-radius:999px;
  box-shadow:0 2px 8px rgba(176,0,0,.14);
  font-size:10px;
  font-weight:700;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pg-data-bar__track{
  position:relative;
  width:100%;
  height:24px;
  overflow:visible;
  background:#e6ebee;
  border-radius:2px;
}
.pg-data-bar__fill{
  position:relative;
  z-index:1;
  display:block;
  width:var(--pg-data-bar-width,0%);
  min-width:3px;
  height:100%;
  background:#111111;
  border-radius:inherit;
  transform-origin:left center;
}
.pg-data-bar__items.has-reference-lines .pg-data-bar__item:first-child .pg-data-bar__head{margin-bottom:29px}
.pg-data-bar__items.has-two-reference-lines .pg-data-bar__item:first-child .pg-data-bar__head{margin-bottom:48px}
.pg-data-bar__reference-line{
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  width:0;
  border-left:1px dashed rgba(55,65,81,.52);
  pointer-events:none;
}
.pg-data-bar__reference-line--2{border-left-color:rgba(55,65,81,.72)}
.pg-data-bar__reference-label{
  position:absolute;
  z-index:4;
  top:-23px;
  max-width:150px;
  padding:2px 6px;
  overflow:hidden;
  color:#4b5563;
  background:rgba(255,255,255,.96);
  border:1px solid #e1e5e9;
  border-radius:4px;
  box-shadow:0 1px 4px rgba(17,24,39,.05);
  font-size:9px;
  font-weight:650;
  line-height:1.35;
  pointer-events:none;
  text-overflow:ellipsis;
  transform:translateX(-50%);
  white-space:nowrap;
}
.pg-data-bar__reference-label--2{top:-42px}
/* 0は完全に非表示。0より大きい極小値だけ最低3pxを確保する。 */
.pg-data-bar__item[style*="--pg-data-bar-width:0.0000%"] .pg-data-bar__fill{min-width:0}
.pg-data-bar__item.is-highlighted .pg-data-bar__fill{background:#B00000}
.pg-data-bar__item.is-highlighted .pg-data-bar__value{color:#B00000}
.pg-data-bar--animate.is-pg-data-bar-animate-ready .pg-data-bar__fill{transform:scaleX(0)}
.pg-data-bar--animate.is-pg-data-bar-animate-ready.is-pg-data-bar-visible .pg-data-bar__fill{
  transform:scaleX(1);
  transition:transform .72s cubic-bezier(.2,.75,.25,1);
}
@media(prefers-reduced-motion:reduce){
  .pg-data-bar--animate .pg-data-bar__fill{transform:none!important;transition:none!important}
}
@media(max-width:767px){
  .pg-data-bar{width:100%;max-width:none}
  .pg-data-bar__title{margin-bottom:18px;padding-bottom:10px;font-size:15px}
  .pg-data-bar__items{gap:14px}
  .pg-data-bar__head{gap:10px;margin-bottom:4px}
  .pg-data-bar__label{font-size:14px}
  .pg-data-bar__value{font-size:12px}
  .pg-data-bar__badge{padding:3px 7px;font-size:9px}
  .pg-data-bar__track{height:20px}
  .pg-data-bar__reference-label{max-width:120px;font-size:8.5px}
}

/* =========================================================
   PRIME GEAR メリット・デメリット
========================================================= */
.pg-pros-cons{
  --pg-pros:#237a4b;
  --pg-pros-soft:rgba(58,160,94,.095);
  --pg-cons:#a80000;
  --pg-cons-soft:rgba(176,0,0,.085);
  width:100%;
  container-type:inline-size;
  container-name:pg-pros-cons;
}
.pg-pros-cons,.pg-pros-cons *,.pg-pros-cons *::before,.pg-pros-cons *::after{box-sizing:border-box}
.pg-pros-cons__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(34px,6cqw,72px);
  align-items:start;
}
.pg-pros-cons__panel{position:relative;min-width:0;padding-top:28px;background:transparent}
.pg-pros-cons__heading-wrap{position:relative;isolation:isolate;min-height:62px;margin-bottom:13px;padding-top:13px}
.pg-pros-cons__decor{
  position:absolute;
  z-index:-1;
  top:-17px;
  left:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(46px,7cqw,76px);
  font-weight:800;
  font-style:italic;
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
.pg-pros-cons__panel--merit .pg-pros-cons__decor{color:var(--pg-pros-soft)}
.pg-pros-cons__panel--demerit .pg-pros-cons__decor{color:var(--pg-cons-soft)}
.pg-pros-cons__heading{
  position:relative;
  z-index:1;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-size:clamp(18px,2.4cqw,22px)!important;
  font-weight:800!important;
  line-height:1.45!important;
  letter-spacing:.01em;
}
.pg-pros-cons__panel--merit .pg-pros-cons__heading{color:var(--pg-pros)!important}
.pg-pros-cons__panel--demerit .pg-pros-cons__heading{color:var(--pg-cons)!important}
.pg-pros-cons__list{display:grid;gap:12px;list-style:none!important;margin:0!important;padding:0!important}
/* 公開画面では入力途中の空欄行を表示しない。エディターでは編集できるよう残す。 */
.pg-pros-cons:not(.pg-pros-cons--editor) .pg-pros-cons__item:has(.pg-pros-cons__text:empty),
.pg-pros-cons:not(.pg-pros-cons--editor) .pg-pros-cons__item:has(.pg-pros-cons__text > br:only-child){display:none!important}
.pg-pros-cons__item{
  position:relative;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
}
.pg-pros-cons__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px}
.pg-pros-cons__arrow{
  display:block;
  width:18px;
  height:18px;
  flex:0 0 auto;
  background-color:currentColor;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.pg-pros-cons__arrow--merit{
  -webkit-mask-image:url('icons/pros-cons-merit.svg');
  mask-image:url('icons/pros-cons-merit.svg');
}
.pg-pros-cons__arrow--demerit{
  -webkit-mask-image:url('icons/pros-cons-demerit.svg');
  mask-image:url('icons/pros-cons-demerit.svg');
}
.pg-pros-cons__panel--merit .pg-pros-cons__icon{color:var(--pg-pros)}
.pg-pros-cons__panel--demerit .pg-pros-cons__icon{color:var(--pg-cons)}
.pg-pros-cons__text{
  min-width:0;
  color:#1f2937;
  font-size:15px;
  font-weight:600;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.pg-pros-cons--narrow-snap .pg-pros-cons__grid{-webkit-overflow-scrolling:touch}

@container pg-pros-cons (max-width: 560px){
  .pg-pros-cons--narrow-auto .pg-pros-cons__grid,
  .pg-pros-cons--narrow-stack .pg-pros-cons__grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  /* 自動表示の狭幅時だけ、デメリット側を右端基準で配置する。
     390px前後では従来の59%相当を維持しつつ、幅が広がっても220px以上には
     広げないことで中央寄りになるのを防ぐ。テキスト揃えは左のまま。 */
  .pg-pros-cons--narrow-auto .pg-pros-cons__panel--demerit,
  .pg-pros-cons--narrow-stack .pg-pros-cons__panel--demerit{
    width:220px;
    max-width:59%;
    margin-left:auto;
  }
  .pg-pros-cons--narrow-snap .pg-pros-cons__grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    padding:0 10% 2px 0;
  }
  .pg-pros-cons--narrow-snap .pg-pros-cons__grid::-webkit-scrollbar{display:none}
  .pg-pros-cons--narrow-snap .pg-pros-cons__panel{
    flex:0 0 90%;
    width:90%;
    scroll-snap-align:start;
  }
  .pg-pros-cons__panel{padding-top:20px}
  .pg-pros-cons__heading-wrap{min-height:54px;margin-bottom:8px;padding-top:10px}
  .pg-pros-cons__decor{top:-12px;font-size:50px}
  .pg-pros-cons__heading{font-size:18px!important}
  .pg-pros-cons__list{gap:10px}
  .pg-pros-cons__item{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:3px 0!important}
  .pg-pros-cons__icon{width:22px;height:22px}
  .pg-pros-cons__arrow{width:18px;height:18px}
  .pg-pros-cons__text{font-size:14px;line-height:1.7}
}


/* =========================================================
 * v0.13.17: Theme compatibility hardening
 * SWELL / 他テーマの汎用 ul・li・img ルールから、
 * PRIME GEAR が所有するUIだけを保護する。
 * InnerBlocks 等のユーザー本文には適用しない。
 * ========================================================= */

/* 「こんな人におすすめ」: .post_content li の line-height 等に負けない */
.pg-caption .pg-caption__recommend-list{
  margin:.75em 0 0!important;
  padding:0 0 0 1.35em!important;
  list-style:disc!important;
}
.pg-caption .pg-caption__recommend-item{
  margin:.12em 0!important;
  padding:0!important;
  color:#111111;
  font-size:16px;
  line-height:1.8!important;
  list-style:disc!important;
}
.pg-caption .pg-caption__recommend-item::before{content:none!important;display:none!important}
.pg-caption .pg-caption__recommend-item::marker{color:#111111;font-size:.88em}

/* メリット・デメリット: テーマ独自のリストマーカーを遮断 */
.pg-pros-cons .pg-pros-cons__list{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pg-pros-cons .pg-pros-cons__item{
  margin:0!important;
  padding:4px 0!important;
  list-style:none!important;
}
.pg-pros-cons .pg-pros-cons__item::marker,
.pg-pros-cons .pg-pros-cons__item::before{
  content:none!important;
  display:none!important;
}

/* ブロック自身が管理する画像だけ、テーマの画像装飾を受けない */
.pg-spec .pg-spec__image img,
.pg-before-after .pg-before-after__image,
.pg-hotspot .pg-hotspot__image{
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:767px){
  .pg-caption .pg-caption__recommend-list{padding-left:1.25em!important}
  .pg-caption .pg-caption__recommend-item{font-size:15px;line-height:1.75!important}
}