/*
Theme Name: OASIS
Theme URI: http://izumichuo.com/
Author: 泉中央オアシス整骨院
Author URI: http://izumichuo.com/
Description: This is our original theme.
Version: 1.0

*/
@media screen and (max-width: 767px) {
    /* 固定フッター全体 */
    .sp-fixed-footer {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 75px; /* 親指で押しやすい高さ */
        z-index: 9999;
        background: #fff;
        box-shadow: 0 -3px 10px rgba(0,0,0,0.15);
    }

    /* 各ボタンの枠組み */
    .footer-btn {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        color: #fff !important;
        transition: opacity 0.2s;
    }
    
    .footer-btn:active {
        opacity: 0.8;
    }

    /* アイコン設定 (Font Awesome) */
    .sp-fixed-footer i {
        font-size: 30px; /* アイコンサイズ */
        margin-bottom: 5px;
    }

    /* テキスト設定 */
    .btn-text {
        font-size: 11px;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
        font-family: sans-serif; /* 文字化け防止のためフォント指定 */
    }

    /* --- 配色設定 --- */
    
    /* 電話：目立つオレンジ */
    .btn-tel {
        background: #e67e22;
        border-right: 1px solid rgba(255,255,255,0.2);
    }

    /* LINE：公式グリーン */
    .btn-line {
        background: #06C755;
        border-right: 1px solid rgba(255,255,255,0.2);
    }

    /* ネット予約：信頼感のある紺色 */
    .btn-net {
        background: #2c3e50;
    }

    /* 本体コンテンツがフッターに隠れないように余白確保 */
    body {
        padding-bottom: 75px !important;
    }
}

/* PCでは表示しない */
@media screen and (min-width: 768px) {
    .sp-fixed-footer {
        display: none;
    }
}