@charset "shift_jis";

/* **************************************
** スマホ対応処理(幅960px以下)
****************************************/
@media screen and ( max-width:1000px) {
    html {
        width: 100vw;
    }
    body {
        width: 100%;
        font-family: 'Noto Sans JP', sans-serif;
    }

    /* ヘッダー */

    body #n-velca header {
        padding: 3vw 3vw;
    }

    body #n-velca header img {
        width: 30vw;
    }

    /* メイン */

    body main {
        width: 100%;
        margin: 1em auto;
    }

    main h1 {
        font-size: 1.5em;
    }
    main h1 #season {
        font-size: 0.85em;
    }

    /* 入力エリア大枠 */
    main form dl {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    main form>dl {
        width: auto;
        margin: 1em;
    }

    main form>dl>dl {
        width: 100%;
        margin: 0;
    }

    main dl dd {
        padding: 0;
        width: 100%;
    }

    /* 予約状況 */
    dd.capacity {
        width: 100%;
        padding: 0;
        margin-top: 1em;
    }

    div.tyusyajyoukyou {
        margin: 0 !important;
    }

    #akih, #akid {
        font-size: 1em;
        line-height: 0;
        height: 2.5em;
    }

    /* 完売 */
    #mansyatyui {
        text-align: left !important;
        margin: 1em 0 0 !important;
        line-height: 1.75 !important;
        font-size: 0.95em !important;
    }
    #mansyatyui #cancelWait {
        display: block !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 継続 */
    #continuation {
        margin: 1em 0 0 !important;
        text-align: left !important;
        font-size: inherit !important;
    }

    /* 項目 */
    main dl dt.itemName {
        width: 100%;
        line-height: 2.5em;
        margin-top: 1.5em;
    }

    /* 注 */
    main dl dd.itemExpl {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    main dl dd.itemExpl p {
        margin: 0;
        width: 100%;
    }

    /* 必須マーク */
    span.must {
        position: static;
        margin: 0 0.75em;
        font-size: 0.9em;
        padding: 4px 10px;
    }

    /* 確認ボタン */
    button#formsubmit {
        margin: 1em auto;
        font-size: 1.5em;
        height: 2.25em;
        width: 80%;
    }

    /* 会場図 */
    main #pop_map {
        padding-top: 30%;
    }
    main #pop_map #mapImg {
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
        position: absolute;
        top: 12%;
        left: 0;
    }
    main #pop_map #closeBtn {
        display: block !important;
        position: absolute;
        top: 12%;
        right: 0;
    }
    aside.notes article {
        width: 85%;
        margin: auto;
        border: 1px solid #ccc;
        /* height: 100px; */
        background: #f3f2cc;
        padding: 10px;
        overflow: auto;
        font-size: 14px;
        border-radius: 10px;
    }
    main aside.notes ul {
        margin: 5px 5px 10px 10px;
    }
    main aside.notes ul li {
        list-style: square;
        margin: 5px;
        border-left: none;
        line-height: normal;
        font-size: unset;
    }
}