/* ========================================
   SP版 全セクション タイトル・サブタイトル
   白文字+シャドウ化（視認性向上）
   ======================================== */

.ptl-section__title,
.ptlNews .ptl-section__title,
.ptlVoice .ptl-section__title,
.ptlCommit .ptl-section__title,
.ptlCommitHero .ptl-section__title,
.ptlBlog .ptl-section__title,
.ptlMenu .ptl-section__title,
.ptlSalonHero .ptl-section__title,
#intro .ptlIntro__title,
#page-navigation .ptl-section__title,
#bust-issues .ptl-section__title,
#section-infohub .ptl-section__title,
#section-blog .ptl-section__title,
#section-menu .ptl-section__title,
#salon .ptl-section__title,
#uservoice .ptl-section__title,
#news .ptl-section__title {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.ptl-section__subtitle,
.ptlNews .ptl-section__subtitle,
.ptlVoice .ptl-section__subtitle,
.ptlCommit .ptl-section__subtitle,
.ptlCommitHero .ptl-section__subtitle,
.ptlBlog .ptl-section__subtitle,
.ptlMenu .ptl-section__subtitle,
.ptlSalonHero .ptl-section__subtitle,
#intro .ptlIntro__subtitle,
#page-navigation .ptl-section__subtitle,
#bust-issues .ptl-section__subtitle,
#section-infohub .ptl-section__subtitle,
#section-blog .ptl-section__subtitle,
#section-menu .ptl-section__subtitle,
#salon .ptl-section__subtitle,
#uservoice .ptl-section__subtitle,
#news .ptl-section__subtitle {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* ========================================
   全セクション オーナメント（装飾）白色化
   対象: NEWS/BLOG/MENU/COMMITMENT/USERVOICE等
   ======================================== */

/* オーナメント画像を白く反転 */
.ptl-section__ornament img,
.ptlCommit .ptl-section__ornament img,
.ptlCommitHero .ptl-section__ornament img,
.ptlNews .ptl-section__ornament img,
.ptlBlog .ptl-section__ornament img,
.ptlMenu .ptl-section__ornament img,
.ptlVoice .ptl-section__ornament img,
.ptlSalon .ptl-section__ornament img,
.ptlSalonHero .ptl-section__ornament img {
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* INTROセクションのオーナメント（CSSで作られた線）を白に */
.ptlIntro__brand-ornament {
  background: #fff !important;
}

/* ========================================
   MOREボタン タイトルと同じ白文字+シャドウ
   ======================================== */

.ptlNews__moreBtn,
.ptl-news__moreBtn,
.ptlCommit__more,
.ptlIntro__cta-button,
.ptlNews__moreLabel,
.ptl-news__moreLabel,
.ptlNews__moreArrow,
.ptl-news__moreArrow {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* ホバー時も白文字+シャドウを維持 */
.ptlNews__moreBtn:hover,
.ptl-news__moreBtn:hover,
.ptlCommit__more:hover,
.ptlIntro__cta-button:hover,
.ptlNews__moreBtn:focus-visible,
.ptl-news__moreBtn:focus-visible,
.ptlCommit__more:focus-visible,
.ptlIntro__cta-button:focus-visible {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* MOREボタン白枠フレーム（bg_frame_wh.png） */
.ptlNews__moreBtn::before,
.ptl-news__moreBtn::before,
.ptlCommit__more::before,
.ptlIntro__cta-button::before {
  background: #fff !important;
  -webkit-mask: url('../../img/bg_frame_wh.png') center/100% 100% no-repeat !important;
  mask: url('../../img/bg_frame_wh.png') center/100% 100% no-repeat !important;
}