/*! Y!mobile LP stylesheet
 * policy: original order and content kept byte-for-byte
 * layer NN: id comments mark the original <style> blocks
 */
/* ===== layer 32: ym-rev63-css ===== */
/* hide the left/right arrow buttons on the campaign carousel only.
   The buttons are absolutely positioned overlays, so removing them does not
   affect the cards or any other layout. Other carousels keep their arrows. */
html body #campaign .qa-car__btn,
html body #campaign .qa-car__btn--prev,
html body #campaign .qa-car__btn--next{
  display:none!important;
}

/* fix: 翌月もらえるデータ容量表 - rowspanセルの下罫線を表下辺になじませる */
html body #features table.fnt--giga td.fnt__v[rowspan]{border-bottom:0!important}

/* sp/ym/a: SPのスワイプ用カードを狭めた際のテキストはみ出し防止 */
@media(max-width:767px){
  html body #plan .pl2__bd{min-width:0!important}
  html body #plan .pl2__pr{font-size:clamp(34px,10vw,38px)!important}
  html body #plan .pl2x__after,
  html body #plan .pl2x__boxaft,
  html body #plan .pl2x__basevl{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* sp/ym/a: 割引条件は項目間で折り返し、各項目の途中では改行しない */
html body #plan .pl2__cond.pl2x__fit{line-height:1.8!important}
html body #plan .pl2__cond.pl2x__fit .nw{display:inline-block!important}

/* sp/ymのプランカラーを踏襲：S=赤、M=オレンジ、L=グリーン */
html body #plan .pl2__card[data-plan="M"]{--ym-red:#FF820C}
html body #plan .pl2__card[data-plan="L"]{--ym-red:#00B6A6}