@charset "UTF-8";

@media screen and (max-width: 325px){
      #top_2 +div .heading p, #top_2 +div .heading+p{
            font-size:1.6rem;
      }
}

/* ============================================================
   【TOPページ限定】PC・スマホ共通：固定バーの電話・ボタンを非表示
   ============================================================ */

/* 1. TOPページ(body.index)の時、電話番号・メール・LINE・アイコンを全デバイスで消す */
body.index #fixbtn .fixbtntel a, 
body.index #fixbtn .fixbtntel span, 
body.index #fixbtn .fixbtntel svg,
body.index #fixbtn .contents_btn01 {
    display: none !important;
}

/* 2. 背景全体の高さを文字に合わせてスリム化（PC・スマホ共通） */
body.index #fixbtn .fixbtnwrap, 
body.index #fixbtn .fixbtnwrap .inner {
    height: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    background-color: #1c1444 !important; /* メインの紺色 */
}

/* 3. 営業時間のテキストを左寄せ・大きく表示 */
body.index #fixbtn .fixbtntel p {
    display: block !important;
    text-align: left !important;
    padding: 12px 0 12px 20px !important; /* 上下12px、左20pxの余白 */
    margin: 0 !important;
    width: 100% !important;
    
    /* 文字のサイズ（必要に応じて数値を変更してください） */
    font-size: 18px !important; 
    
    color: #ffffff !important;
    line-height: 1.4 !important;
    font-weight: bold !important; /* 文字を太くして読みやすく */
}

/* 4. レイアウトの崩れ防止（境界線を消す） */
body.index #fixbtn .fixbtntel {
    border-right: none !important;
    width: 100% !important;
    float: none !important;
}

/* 5. PCでのマウスホバー効果を無効化（クリックできないため） */
body.index #fixbtn .fixbtnwrap:hover {
    opacity: 1 !important;
    cursor: default !important;
}