@charset "UTF-8";


    /* ===== Browser Notice ===== */
    .browser-notice {
      background: #FFF8E1;
      border: 1px solid #FFE082;
      border-radius: var(--radius);
      padding: 12px 16px;
      margin-bottom: 16px;
      font-size: 0.85rem;
      color: #5D4037;
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .browser-notice-icon {
      font-size: 1.2rem;
      flex-shrink: 0;
    }
    .browser-notice strong {
      color: #E65100;
    }

    /* ===== iframe Container ===== */
    .form-container {
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    
    #reserveFrame {
      width: 100%;
      border: 0;
      display: block;
      background: var(--panel);
      min-height: 400px;
      max-height: none;
    }


    /* ===== noscript ===== */
    .noscript-msg {
      color: #D94848;
      background: #FFF5F5;
      padding: 1rem;
      border-radius: 8px;
      text-align: center;
      margin-top: 16px;
      border: 1px solid #F5D0D0;
    }





 

   /* ===========================================
       RESPONSIVE - スマートフォン (390px - 430px)
       =========================================== */
    @media (max-width: 430px) {
      .browser-notice {
        font-size: 0.8rem;
        padding: 10px 12px;
      }
    }

    /* ===========================================
       RESPONSIVE - タブレット (431px - 1024px)
       =========================================== */
    @media (min-width: 431px) and (max-width: 1024px) {
    }

    /* ===========================================
       RESPONSIVE - PC (1025px以上)
       =========================================== */
    @media (min-width: 1025px) {
    }

    /* ===========================================
       RESPONSIVE - 大画面PC (1920px以上)
       =========================================== */
    @media (min-width: 1920px) {
    }