/* 「各種講座申し込み」ページ以下の投稿ページ
および、お問い合わせ・お申し込みフォームのスタイル

Theme Name: fsv-basic-corporate-blue-child
Theme URI:
Description: WordPressテーマ「FSVベーシックデザイン 会社案内系 ブルー」の子テーマです。
Template: fsv-basic-corporate-blue
Author: Ai Yamada
Version: 25.11.25 */

/* ********** 「各種講座申し込み」配下の投稿ページ ********** */
/* 2025/11/25追加　学食メニュー用ページのCSS */
/* テーブル全体 */
.acf-menu-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd; /* 外枠の色 */
    font-size: 15px;
}

/* 項目名（左側） */
.acf-menu-table th {
    background-color: #f7f7f7; /* 背景色（薄いグレー） */
    width: 30%; /* 幅の指定 */
    font-weight: bold;
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #ddd; /* 下線 */
    vertical-align: top; /* 上揃え */
}

/* 内容（右側） */
.acf-menu-table td {
    background-color: #fff;
    width: 70%;
    padding: 12px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

/* スマホ対応（画面が狭い時に縦並びにする場合） */
@media (max-width: 600px) {
    .acf-menu-table th, 
    .acf-menu-table td {
        display: block;
        width: 100%;
    }
    .acf-menu-table th {
        background-color: #eee;
    }
}
/* 2025/11/25追加　学食メニュー用ページのCSS ここまで */


/* 「お申し込みはこちらから」見出し縦ラインを消去 */
#apply_here h2 {
    padding: 0;
    margin: 0;
}

#apply_here h2::after {
    all: unset;
}

/* IEのみ */
@media all and (-ms-high-contrast: none){   
    #apply_here h2 {
        padding-left: 10px;
    }
    
    #apply_here h2::after {
        position: absolute;
        top: 50%;
        left:0;
        transform:translateY(-50%);
        content: '';
        width: 5px;
        height:1em;
        background-color:#ffffff;
    }
}


/* ********** 「Contact Form 7」で作成したフォームのレイアウト ********** */
.wpcf7-form {
    margin: 0 auto;
}


/* フォーム説明文（中央寄せ） */
.wpcf7 .centering {
    text-align: center;
    background-color: lightgoldenrodyellow;     /* 背景色 */
    padding: 5px;
    margin-bottom: 1.5rem;
}

/* フォーム説明文（中央寄せ） */
.wpcf7 .notes {
    display: inline-block;
    text-align: center;
}

.wpcf7-form table {
    table-layout: fixed;
    border: 1px solid #888;
}

.wpcf7-form table th,
.wpcf7-form table td {
    border: 1px solid #888;
}

.wpcf7-form table th {
	background: #f5f5f5;
    width: 30%;
}

/* チェックボックス、ラジオボタン等のmargin-leftを0にする */
span.wpcf7-list-item {
    margin: 0;
}

/* 入力欄 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
    width: 80%;
}

/* 郵便番号 */
/* .wpcf7 input.p-postal-code { */
    /* width: 30%; */
/* } */

/* 住所 */
.wpcf7 input.addr,
.wpcf7 input#addr {
    width: 100%;
}

/* お問い合わせ内容 */
.wpcf7 textarea {
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Chrome, Safari */
}

/* フォーム内補注1(フォント小) */
.wpcf7 span.description_1 {
    font-size: 14px;
}

/* フォーム内補注2(フォント赤) */
.wpcf7 span.description_2 {
    color: #f00;
}

.wpcf7-form table#\33 57 ul {
    list-style: none;
    margin: 0;
}

.wpcf7-form table#\33 57 ul > li {
    margin: 0;
}

/* 必須＆任意マーク */
.wpcf7 [class$="-mark"] {
    color:#ffffff;
    padding: 3px 5px;
    margin-left: 1rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: .8em;
    font-weight: bold;
}

/* 必須マークの色 */
.wpcf7 [class^="require"][class$="-mark"] {
    background: #f00;
}

/* 任意マークの色 */
.wpcf7 [class^="optional"][class$="-mark"] {
    background: #1e90ff;
}

/* ****** フォーム共通 ****** */
/* チェックボックスを横並びではなく縦一列にする */
* span.wpcf7-list-item {
    display: block;
}

/* ****** 「属性」チェックボックス（「次のうちから当てはまるものをすべて選択してください。」） ****** */

/* ・1番目【武蔵大学在学生】 */
span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first:after {
    content: "※「備考」欄に学籍番号を入力してください";
    /* display: inline-block; */
    display: block;
    /* background-color: #ed551b; */
    color: #f00;
    font-size: 14px;
    left : 35%;
    top : 100%;
    padding: 0 0.5rem 0 0.5rem;
    margin-left: 2rem;
}

/* 以下、コンタクトフォームの種類(ID)に応じて適用 */
/* 「一般向け各種講座・イベント用申し込みフォーム」の
【8】番目(今年度科目等履修生)
【9】番目(今年度練馬区特別履修生) */
div[id^="wpcf7-f140"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8):after,
div[id^="wpcf7-f140"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(9):after,
div[id^="wpcf7-f645"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8):after,
div[id^="wpcf7-f645"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(9):after,
div[id^="wpcf7-f975"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8):after,
div[id^="wpcf7-f975"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(9):after
 {
    content: "※「備考」欄に学籍番号を入力してください";
    display: block;
    /* position: absolute; */
    color: #f00;
    font-size: 14px;
    left : 35%;
    top : 100%;
    padding: 0 0.5rem 0 0.5rem;
    margin-left: 2rem;
}

/* 「一般向け各種講座・イベント用申し込みフォーム」の
【8】番目(今年度科目等履修生)
【9】番目(今年度練馬区特別履修生)
の基準ボックス */
div[id^="wpcf7-f140"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8),
div[id^="wpcf7-f140"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(9),
div[id^="wpcf7-f645"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8),
div[id^="wpcf7-f645"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(9),
div[id^="wpcf7-f975"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8),
div[id^="wpcf7-f975"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(9)
 {
    position: relative;
}

/* 「一般向け各種講座・イベント用申し込みフォーム」の
【5】番目(その他高校在校生) */
div[id^="wpcf7-f140"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(5):after,
div[id^="wpcf7-f645"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(5):after,
div[id^="wpcf7-f975"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(5):after
 {
    content: "※「備考」欄に、高校名と学年を入力してください。";
    display: block;
    /* position: absolute; */
    color: #f00;
    font-size: 14px;
    left : 35%;
    top : 100%;
    padding: 0 0.5rem 0 0.5rem;
    margin-left: 2rem;
}

/* 【5】番目(その他高校在校生)
の基準ボックス */
div[id^="wpcf7-f140"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(5),
div[id^="wpcf7-f645"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(5),
div[id^="wpcf7-f975"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(5)
 {
    position: relative;
}


/* 「武蔵学園在籍者対象」 の【7】番目(今年度科目等履修生)＆【8】番目(今年度練馬区特別履修生)*/
div[id^="wpcf7-f248"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(7):after,
div[id^="wpcf7-f248"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8):after {
    content: "※「備考」欄に学籍番号を入力してください";
    display: block;
    /* position: absolute; */
    color: #f00;
    font-size: 14px;
    left : 35%;
    top : 100%;
    padding: 0 0.5rem 0 0.5rem;
    margin-left: 2rem;
}

/* 上記の基準ボックス */
div[id^="wpcf7-f248"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(7),
div[id^="wpcf7-f248"] span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:nth-child(8) {
    position: relative;
}


/* 送信ボタン */
.wpcf7 .submit {
    display: inline-block;
    width: 30rem;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #003a66;;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
    font-size: 1.2em;
  }

/*  ・送信ボタン
    ・「プライバシーポリシーに同意する」
    を中央寄せ */
    /* ※送信ボタンがスマホだと左寄せになっちゃう */
.wpcf7 .submit-centering,
p.privacy-policy {
    text-align: center;
}

/* ページのトップへ戻る */
p.page-top {
    text-align: right;
}

/* ------------------------------------------- */
/*  Responsive(スマホ向け)　20210802
/* ------------------------------------------- */
@media screen and (max-width:767px) {
    span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item.first:after {
        margin-left: 0;
    }

    /* ・5番目(その他高校在校生) */
    /* に適用 */
    span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(4):after
    /* span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(8):after, */
    /* span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(9):after */ {
        position: initial;
    }
    
    /* ★★★１コ上にずれちゃう★★★ */
    span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(8):after,
    span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(9):after {
        position: initial;
    }


    span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(8),
    span.wpcf7-form-control-wrap.relation_online span.wpcf7-list-item:nth-child(9) {
        position: relative;
    }

}