/* CSS Document */
/* 非アクティブな入力欄、テキストエリア、プルダウン */
.disabled-field input[type="text"],.disabled-field textarea,.disabled-field select {background-color: #f0f0f0; /* 少しグレーの背景 */border-color: #ccc;}
/* 送信ボタンの非アクティブ時 */
input[type="submit"].disabled-field { background-color: #cccccc;color: #666666; border-color: #cccccc;cursor: not-allowed;}

/* 非アクティブなラベル、またはdisabled-fieldが適用された要素内のラベル */
.disabled-field label,
.disabled-field span label, /* wpcf7-form-control-wrap など、親にdisabled-fieldがある場合のラベル */
.disabled-field input[type="radio"] + span, /* ラジオボタンの隣のテキスト */
.disabled-field input[type="checkbox"] + span { /* チェックボックスの隣のテキスト */
    color: #aaa !important; /* !important を使って優先度を上げる */
}


/* 非アクティブな入力欄、テキストエリア、プルダウン */
.disabled-field input[type="text"],
.disabled-field textarea,
.disabled-field select {
    background-color: #f0f0f0; /* 少しグレーの背景 */
    border-color: #ccc;
}


/* 送信ボタンの非アクティブ時 */
input[type="submit"].disabled-field {
    background-color: #cccccc;
    color: #666666;
    border-color: #cccccc;
    cursor: not-allowed;
}

input.daychoice {
width: 200px;
}
	
.box_time {
margin:0 auto;
width: 100%;
background-color: #f5f2eb;
font-size: 13px;
font-size: 1.3rem;
padding: 5px 10px;
}
	
.box_time2 {
margin:0 auto;
width: 100%;
padding: 0;
font-size: 13px;
font-size: 1.3rem;
}


@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
.box_time2 .mask{ position: relative;}
.box_time2 .mask .active{ position: absolute; top:237px; left: 255px;width: 46px; height: 37px; z-index: 9999;}
}
@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
.box_time2 .mask{ position: relative;}
.box_time2 .mask .active{ position: absolute; top:237px; left: 255px;width: 46px; height: 37px; z-index: 9999;}
.box_time2 {
margin:0 auto;
width: 90%;
padding: 0;
font-size: 13px;
font-size: 1.3rem;
}

}





.bottom_linkbox { padding: 2em 4em; margin-top: 24px; background-color: #f6f6f6;margin-bottom: 4em}
.bottom_linkbox .lead {font-weight: 600;color: #684c41; text-align: left; margin-bottom: 8px;}
.bottom_linkbox img {max-width: 140px; margin: 0 auto; }
.bottom_linkbox span{ color:#684c41} 



/* 基本的なスタイル */
.custom-select-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 2em;
}

.custom-select-wrapper select {
    width: 100%;
    padding: 0.5em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white;
    border-radius: 4px;
    border: solid 2px #3a91de;
}

.custom-select-wrapper::after {
    content: "\025bc";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.8em;
    color: #555;
}

/* === ナンバリングとインデントの修正 === */

ol.ch {
    counter-reset: item; /* 親要素でカウンターをリセット */
    list-style: none; /* デフォルトのリストスタイルを無効化 */
    padding-left: 0; /* デフォルトのパディングをリセット */
}

/* ナンバリング対象となる各項目（span.leadとnumbered-item-wrapper）に共通のスタイル */
/* これにより、カウンターが正しくインクリメントされる */
.bottom_linkbox > span.lead, /* 最初の2つの項目 */
.bottom_linkbox > .numbered-item-wrapper /* 3つ目の項目 */ {
    position: relative; /* ::beforeの配置基準 */
    margin-left: 1em; /* 全体のインデント */
    padding-left: 1.5em; /* ナンバー分のスペース確保 */
    display: block; /* ブロック要素として振る舞う */
    /* ここに共通のフォントサイズを設定し、::beforeが継承するようにする */
    font-size: 16px; /* 例: 全体の基準フォントサイズ。必要に応じて調整 */
}

/* ナンバリングの表示（::before疑似要素） */
.bottom_linkbox > span.lead::before,
.bottom_linkbox > .numbered-item-wrapper::before {
    content: counter(item) ". "; /* カウンターの値を表示 */
    counter-increment: item; /* カウンターをインクリメント */
    position: absolute;
    left: 0;
    top: 0; /* 親要素のトップに合わせる */
    font-weight: bold;
    color: #333;
    font-size: inherit; /* 親要素からフォントサイズを継承 */
    /* または、確実に同じサイズにしたい場合は具体的なpx値 */
    /* font-size: 16px; */
}

/* プルダウンのラッパーがナンバーと重ならないように調整 */
.custom-select-wrapper {
    margin-left: calc(1em + 1.5em); /* 親のインデント + ナンバーの幅 */
    width: calc(100% - (1em + 1.5em)); /* 幅も調整 */
}

/* 3つ目の項目（チェックボックス）内の詳細調整 */
.numbered-item-wrapper .wpcf7-checkbox {
    display: flex; /* Flexboxを使ってチェックボックスとテキストを横並びに */
    align-items: flex-start; /* 上揃え */
    gap: 0.5em; /* チェックボックスとテキストの間のスペース */
}

/* チェックボックスのラベルとテキスト（ナンバリング表示ではない） */
.numbered-item-wrapper .lead {
    display: inline; /* テキストとして表示 */
    margin: 0;
    padding: 0;
    font-weight: normal; /* 不要な太字をリセット */
    line-height: 1.2; /* 行の高さを調整して、チェックボックスと揃える */
}

.numbered-item-wrapper .lead label {
    margin: 0;
    padding: 0;
    color: inherit;
    font-weight: normal;
}

/* === 非アクティブ時のスタイル === */
.disabled-field {
    opacity: 0.6; /* グレー表示 */
    pointer-events: none; /* クリックやホバーイベントを無効化 */
    cursor: not-allowed;
}

.disabled-field.custom-select-wrapper::after {
    color: #aaa !important;
}

/* 非アクティブなラベル、またはdisabled-fieldが適用された要素内のラベル */
.disabled-field label,
.disabled-field span label,
.disabled-field input[type="radio"] + span,
.disabled-field input[type="checkbox"] + span {
    color: #aaa !important;
}

/* 非アクティブな入力欄、テキストエリア、プルダウン */
.disabled-field input[type="text"],
.disabled-field textarea,
.disabled-field select {
    background-color: #f0f0f0;
    border-color: #ccc;
}

/* 送信ボタンの非アクティブ時 */
input[type="submit"].disabled-field {
    background-color: #cccccc;
    color: #666666;
    border-color: #cccccc;
    cursor: not-allowed;
}

b.req {
    display: inline-block;
    padding: 0px 5px;
    text-align: center;
    background: rgba(239, 0, 0, 1.00);
    color: #fff !important;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 3px;
    margin-left: 5px;
	margin-right: 10px;
	vertical-align: text-top;
}