/* =====================================================
   SP専用: セクション順序変更
   NEWSをSALONの上に配置（PCは完全無影響）
   
   🔴 重要: PCでの干渉を100%防止するため、
   メディアクエリを max-width: 767px に厳密制限
   かつ、PCモードでの上書きを追加
   ----------------------------------------------------- */

/* =====================================================
   PC専用: Flex無効化（念のための保険）
   ----------------------------------------------------- */
  #main_content {
    display: block !important;
    flex-direction: unset !important;
  }
  
  #main_content > * {
    order: unset !important;
  }

/* =====================================================
   SP専用: セクション順序変更
   ----------------------------------------------------- */
  /* メインコンテンツをFlexコンテナに（SP専用） */
  #main_content {
    display: flex;
    flex-direction: column;
  }
  
  /* 直接の子要素全てに適切なorderを指定 */
  /* 1. ヒーロー用の空div */
  #main_content > .l-mainContent__inner:nth-of-type(1) { order: 1; }
  
  /* 2. INTRO */
  #intro { order: 2; }
  
  /* 3. BUST-ISSUES + COMMITMENT */
  #main_content > .l-mainContent__inner:nth-of-type(2) { order: 3; }
  
  /* 4. PAGE-NAVIGATION */
  #page-navigation { order: 4; }
  
  /* 5. MENU + USERVOICE */
  #main_content > .l-mainContent__inner:nth-of-type(3) { order: 5; }
  
  /* 6. NEWS（USERVOICEとSALONの間） */
  #news { order: 6; }
  
  /* 7. SALON */
  #salon { order: 7; }
  
  /* 8. INFOHUB */
  #section-infohub { order: 8; }
  
  /* 9. BLOG */
  #section-blog { order: 9; }
  
  /* BUST-ISSUES: MOREボタン（SP用・カード外配置） */
  #bust-issues .ptl-news__more {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    margin-bottom: 0;
  }