@charset "UTF-8";
/*
    Template: twentytwentyfive
    Theme Name: sunbeat 2025 CHILD
    Theme URI: https://super-parking.net/
    Description: Sunbeat用に調整された twentytwentyfiveの子テーマ
    Version: 1.0.0
    Author: asayake
    Author URI: https://super-parking.net/

    License: no
    License URI: no
*/



.text {
	font-family: "MS UI Gothic";
	font-size: 12px;
	color: #000000;
}
.bigger {
	font-size: 18px;
	font-weight: bold;
}
.bigger2 {
	font-family: "MS UI Gothic";
	font-size: 26px;
}

table#profile{
margin: 0 auto;
max-width:600px;
}

.red{
color:#ff0000;
}

.table-reserve .mark-required {
    color:red;
    font-size: 0.9em;
    white-space: nowrap;
}
/* .table-reserve STRONG {
    color:white;
    font-weight: bold;
} */
.table-reserve th.grouptitle{
    color:white;
    text-align:left;
}
.table-reserve label strong {
    color: inherit;
}
.table-reserve .information {
    color: blue;
    display:block;
    padding-left: 2em;
}
.table-reserve .error{
    color: red;
    font-weight: bold;
    display:block;
}

.message-confirm {
	font-family: "MS UI Gothic";
	font-size: 12px;
	color: #000000;
}
.table-confirm {
	font-family: "MS UI Gothic";
	font-size: 12px;
	color: #000000;
    margin: 0 auto;
}
.table-confirm th {
    background-color: #ff3300;
    color: white;
    width: 40%;
    text-align:right;
    font-weight: normal;
}
.table-confirm th.grouptitle {
    text-align:left;
    font-weight: bold;
}
.table-confirm td {
    border-bottom: 1px dotted black;
}

/* Reservation Form Animation */
.form-visible {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.form-hidden {
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.modal-hidden {
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.modal-visible {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.4s ease, transform 0.4s ease;
}