/* ホワンと浮くアクションの基本設定 */
.hover-float {
    transition: all 0.3s ease !important; /* 0.3秒かけて滑らかに動かす */
    cursor: pointer;
}

/* マウスが触れた（ホバーした）時の動き */
.hover-float:hover {
    transform: translateY(-6px) !important; /* 上に6px浮かす */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; /* 柔らかい影を出す */
    opacity: 0.9; /* ほんの少し透過させて「反応した感」を出す（お好みで） */
}
/* Google Fontsの読み込み（変更なし） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Rubik:wght@400;500&display=swap');

.price-display-custom {
    font-family: 'Rubik', sans-serif !important;
    /* iPadで小さくなりすぎないよう最小値を 2.5rem に微増 */
    font-size: clamp(2.8rem, 8vw, 3.2rem)  !important; 
    font-weight: 400 !important;
    color: #BF5454 !important;
    line-height: 1.2 !important; /* 1だとiPadで上下が切れる場合があるため1.2に緩和 */
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    flex-wrap: nowrap !important; /* ★絶対に行を分けない */
    white-space: nowrap !important; /* ★テキストの折り返しも禁止 */
    letter-spacing: -0.01em !important;
}

/* 数字の位置調整 */
.price-display-custom .price-num {
    position: relative !important;
    top: 0.05em !important; 
    margin-right: 0.05em !important;
    display: inline-block !important;
}

/* 単位部分 */
.price-display-custom small {
    font-size: 0.4em !important; 
    font-weight: 400 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    font-family: "Noto Sans JP", sans-serif !important;
}

/* カッコの微調整 */
.price-display-custom .tax-label {
    margin-left: -0.5em !important; 
    letter-spacing: normal !important;
}