/* ===========================
   ISSUES Section - SP Styles
   ISSUESセクション SP専用スタイル
   適用条件: 959px以下
   =========================== */

/* SP: padding削除、margin-bottomのみで管理 + パララックス設定 */
    #bust-issues {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 40px;
        overflow: hidden;
        min-height: auto;
        max-height: none;
    }
    
    /* SPパララックス効果を無効化 */
    #bust-issues .ptlIssues__bg,
    #bust-issues .ptlNavHero__bg,
    #bust-issues .ptlIssues__image,
    #bust-issues .ptlNavHero__image,
    #bust-issues .ptlIssues__image img,
    #bust-issues .ptlNavHero__image img,
    #bust-issues .ptlIssues__video,
    #bust-issues .ptlNavHero__video {
        transform: none !important;
        will-change: auto !important;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* カード余白調整: 上下に40pxの余白を追加 */
    #bust-issues .ptl-bustIssues__card {
        padding: 32px 16px;
        margin: 40px auto;
        max-width: calc(100% - 40px);
    }
    
    #bust-issues .ptl-bustIssues__item {
        padding: 10px 6px;
    }

/* =====================================================
   SP: タイトルスタイル
   ----------------------------------------------------- */

/* SP: タイトルエリア */
#bust-issues .ptlIssues__titleArea {
  margin-bottom: clamp(36px, 9vw, 52px);
  padding: 0 16px;
}

/* SP: メインタイトル（標準h2サイズ） */
#bust-issues .ptl-section__title.is-onImage {
  font-size: clamp(22px, 2.8vw, 28px);
  line-height: 1.6;
  margin-bottom: 14px;
  font-weight: 600;
}

/* SP: サブタイトル */
#bust-issues .ptl-section__subtitle {
  font-size: clamp(13px, 3.8vw, 16px);
  letter-spacing: 0.22em;
}

/* SP: カードのガラス調背景（PC版と同じ設定） */
#bust-issues .ptlIssues__card {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  margin-left: auto;
  margin-right: auto;
  padding: clamp(32px, 8vw, 44px) clamp(24px, 6vw, 32px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

/* SP: リストアイテムのフォントサイズ調整 */
#bust-issues .ptlIssues__text {
  font-size: clamp(14px, 3.6vw, 16px);
  font-weight: 500;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

/* SP: アイテム間の余白調整 */
#bust-issues .ptlIssues__item {
  padding: clamp(14px, 3.5vw, 18px) 10px;
}