@charset "utf-8";

/* -------------------------------------------------- */
/*  login
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    img[alt="ログインフォーム"],
    img[alt="ログインフォーム"] + br,
    img[alt="ログインフォーム"] + br + br,
    img[alt="ログインフォーム"] + br + br + #title_syousai0,
    img[alt="ログインフォーム"] + br + br + #title_syousai0 + br,
    img[alt="ログインフォーム"] + br + br + #title_syousai0 + br + table[width="1000"],
    img[alt="ログインフォーム"] + br + br + #title_syousai0 + br + table[width="1000"] + br,
    img[alt="ログインフォーム"] + br + br + p + #title_syousai0,
    img[alt="ログインフォーム"] + br + br + p + #title_syousai0 + br,
    img[alt="ログインフォーム"] + br + br + p + #title_syousai0 + br + table[width="1000"],
    img[alt="ログインフォーム"] + br + br + p + #title_syousai0 + br + table[width="1000"] + br {
        display: none;
    }
    img[alt="ログインフォーム"] ~ table[width="1000"] tr:nth-child(1) td {
        display: none;
    }
    img[alt="ログインフォーム"] ~ table[width="1000"] tr:nth-child(5) td {
        height: 2.5em;
    }
    img[alt="ログインフォーム"] ~ table[width="1000"] tr td {
        display: block;
        width: 100%;
    }
    img[alt="ログインフォーム"] ~ table[width="1000"] tr td input {
        width: calc(100% - 1em - 2px);
        padding: 0.25em 0.5em;
        margin: 1em 0;
    }
}

/* -------------------------------------------------- */
/*  user
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    img[alt="新規会員登録フォーム"],
    img[alt="新規会員登録フォーム"] + br,
    img[alt="新規会員登録フォーム"] + br + br {
        display: none;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table {
        background: none;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td {
        display: block;
        width: calc(100% - 1em);
        border: 0;
        padding: 0.5em 0.5em;
        margin: 0;
        vertical-align: top;
        text-indent: 0;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td:nth-child(2) {
        margin: 1em 0 0.75em;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[size="20"] {
        width: 36vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td select {
        width: 82vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td select[name="birth_yy"] {
        width: 33vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td select[name="birth_mm"],
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td select[name="birth_dd"] {
        width: 13vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input + span {
        display: block;
        padding: 0 1.25em;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[size="30"] {
        width: 76vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[name="handicap_number"] {
        width: 37vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[size="80"] {
        width: 80vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[size="10"] {
        width: 50vw;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[type="radio"],
    img[alt="新規会員登録フォーム"] + br + br + div > table tr td input[type="checkbox"] {
        width: auto;
    }
    img[alt="新規会員登録フォーム"] + br + br + div > table + br,
    img[alt="新規会員登録フォーム"] + br + br + div > table + br + br {
        display: none;
    }
    #yoyaku4 {
        width: 100%;
    }
}

/* -------------------------------------------------- */
/*  myreserve
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    table[style="border-collapse: collapse;border: 1px #c0c0c0 solid;"] {
        display: block;
        overflow: scroll;
        width: 94vw !important;
    }
    table[style="border-collapse: collapse;border: 1px #c0c0c0 solid;"] tbody {
        display: table;
    }
    table[style="border-collapse: collapse;border: 1px #c0c0c0 solid;"] tbody td {
        white-space: nowrap;
        padding: 0.5em;
        vertical-align: middle;
    }
}

/* -------------------------------------------------- */
/*  myreserveDetail
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    tr[class="pconly"] > td[class="pconly"], tr[class="pconly"] > th[class="pconly"] {
        display: none !important;
    }
}

/* -------------------------------------------------- */
/*  myreserveCancel
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    tr[class="pconly"] > td[class="pconly"], tr[class="pconly"] > th[class="pconly"] {
        display: none !important;
    }
    textarea {
        max-width: 92vw;
    }
}

/* -------------------------------------------------- */
/*  myreserveCancel2
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    #title_syousai0 + br + table[width="1000"] td[width="100%"] > table tr td[class="f18 black"] input {
        width: 40vw;
    }
    #title_syousai0 + br + table[width="1000"] td[width="100%"] > table tr td[class="f18 black"] input[type="radio"],
    #title_syousai0 + br + table[width="1000"] td[width="100%"] > table tr td[class="f18 black"] input[type="checkbox"] {
        width: 1em;
    }
}

/* -------------------------------------------------- */
/*  myreserveUpdate5
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    #title_syousai0 + br + table[width="1000"] td[width="100%"] table td[class="nokaigyo"][align="right"] + td[class="f18 black"] > table[bgcolor="#717171"] td {
        display: inline-block !important;
        border-left: 0 !important;
        padding: 0.25em 0 !important;
        margin:0 !important;
        color: #000 !important;
        font-weight: 100 !important;
        text-align: center !important;
        width: 100%;
    }
    #title_syousai0 + br + table[width="1000"] td[width="100%"] table td[class="f18 black"] a[target="_blank"] img {
        padding: 0.5em;
        width: auto;
    }
}