@charset "UTF-8";

/*
  recovery_price_add.css
  recovery-integration.html の価格表用追加スタイル
  salon_menu.css を継承しつつ、ibttページ固有の調整のみここに書く
  ※ salon_menu.css・salon_ibtt.css は上書きしない
*/

/* ------------------------------------------
   section--menu の上余白調整
   ibttページはコンテンツが縦に続くので
   treatment-menu.html より少し詰める
------------------------------------------ */
.section--menu {
    margin-top: 80px;
}

/* ------------------------------------------
   1コースしかない地元向けブロックの
   plan__item 上マージン調整
------------------------------------------ */
.ibtt .plan__item:first-of-type {
    margin-top: 80px;
}

/* ------------------------------------------
   遠方向けの small（割引表示）
   fee の直下に小さく添える
------------------------------------------ */
.fee__outer small {
    display: block;
    color: var(--primary-blackLow);
    font-size: 1.4rem;
    letter-spacing: 0.84px;
    text-align: right;
    margin-top: 8px;
}

/* ------------------------------------------
   fee に時間ラベルなし（金額のみ）のとき
   右寄せで表示
------------------------------------------ */
.fee--priceOnly {
    justify-content: flex-end;
}

/* pc */
@media screen and (min-width: 1025px) {
    .section--menu {
        margin-top: 100px;
    }

    .fee__outer small {
        font-size: 1.5rem;
        margin-top: 10px;
    }
}

/* tb */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .section--menu {
        margin-top: 80px;
    }
}