/* mobile.css */

/* このファイルは画面幅が599px以下のデバイスにのみ適用されます (HTMLの<linkタグで制御) */

/* モバイルでは改行させたい */
.br-m {
    display: block;
}

.responsive-indent {
    margin-left: 1em; /* デフォルトはモバイル用（小さめ） */
}


/* ヒーローセクションのテキストサイズ調整 */
.hero-main-title-text {
    font-size: 2.8rem; /* Reduced for smaller tablets, increased for user */
}

.hero-description-text {
    font-size: 1rem; /* Changed from 1.1rem to 1.2rem */
    white-space: normal !important; /* モバイルで改行を許可 */
}

/* モバイルでのみ改行を適用するクラス */
.hero-description-text .mobile-line-break {
    display: block !important /* モバイルで改行 */
}

* ヒーローセクションの最小高さをモバイル用に調整 */
#hero {
    min-height: 30vh; /* モバイルでのヒーローセクションの高さを30%に調整 */
}

.hero-gradient-overlay {
    width: 100%; /* モバイル（初期状態） */
}

/* 全体的なコンテナパディングの調整 */
.container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* 見出しのサイズ調整 */
h1 {
    font-size: 1.6rem;
}

h2 {
    font-size: 1.8rem;
}

/* セクションのサブパラグラフのサイズ調整 */
.container > p.text-lg.md\:text-xl {
    font-size: 1.1rem; /* Reduced from 1.2rem */
}

/* フローティングCTAバナーを非表示にする */
.floating-cta-banner {
    display: none; /* モバイルでは非表示 */
}

/* モバイル版フローティングボタンを表示する */
#mobile-floating-button {
    display: flex; /* ボタンを表示 */
}

@keyframes pop-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08); /* ← やさしく目立つ */
    }
}

#mobile-floating-button {
    display: flex;
    animation: pop-pulse 2.4s ease-in-out infinite;
    transform-origin: center;
}

/* 特定のボタンをモバイルで非表示にする */
.hide-on-small-mobile {
    display: none !important;
}

/* 価格セクションのパディング調整 */
#pricing {
    padding-top: 2rem; /* モバイルでのパディング調整 */
    padding-bottom: 2rem; /* モバイルでのパディング調整 */
}

/* 価格カードの調整 (モバイル向け) */
.pricing-card-header {
    font-size: 1.2rem; /* サイズを減らす */
}

.pricing-card-price {
    font-size: 2rem; /* サイズを減らす */
}

.pricing-card-price small {
    font-size: 0.9rem; /* サイズを減らす */
}

.pricing-card-features li {
    font-size: 0.8rem; /* サイズを減らす */
}

.pricing-card-features li svg {
    width: 0.8rem; /* サイズを減らす */
    height: 0.8rem; /* サイズを減らす */
}

.pricing-card-note {
    font-size: 0.6rem; /* サイズを減らす */
}

.pricing-card-discount {
    font-size: 0.7rem; /* サイズを減らす */
    padding: 0.3rem 0.6rem;
}

/* 初回登録特典の調整 (モバイル向け) */
.initial-registration-offer {
    padding: 0.6rem 1rem; /* パディングを減らす */
    font-size: 1rem; /* サイズを減らす */
}

.initial-registration-offer .icon {
    font-size: 1.8rem; /* サイズを減らす */
}

/* 比較テーブルの調整 (モバイル向け) */
#comparison-table th, #comparison-table td {
    padding: 0.8rem 1rem; /* パディングを減らす */
    font-size: 0.8rem; /* サイズを減らす */
}

#comparison-table .check-icon-table,
#comparison-table .cross-icon-table {
    width: 1rem; /* サイズを減らす */
    height: 1rem; /* サイズを減らす */
}