@charset "utf-8";

tr.entry-item {
    font-size: 1.4vw;
}

tr.entry-item td ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
tr.entry-item td ul li {
    padding-right: 5px;
}

tr.entry-item td input[type="text"],
tr.entry-item td input[type="number"],
tr.entry-item td input[type="email"],
tr.entry-item td input[type="password"],
tr.entry-item td input[type="tel"] {
    height: 45px;
    padding: 4px 6px;
    border-radius: 4px;
    box-sizing: border-box;
}
tr.entry-item td select {
    height: 45px;
    padding: 4px 6px;
    border-radius: 4px;
}
tr.entry-item td textarea {
    padding: 4px 6px;
    border-radius: 4px;
    box-sizing: border-box;
}

tr.entry-item td input[type="tel"] {
    text-align: center;
}

tr.entry-item td input[type="radio"].radio-flat + label {
    margin: 6px;
    vertical-align: middle;
}
tr.entry-item td input[type="radio"].radio-flat + label + span {
    vertical-align: middle;
}

tr.entry-item td .form-item input[type="text"],
tr.entry-item td .form-item select,
tr.entry-item td .form-item textarea {
    width: 100%;
}
tr.entry-item td .form-item input[type="number"] {
    text-align: right;
}

tr.entry-item td.mail {
    padding: 0;
}
tr.entry-item td.mail .mail-image-area img {
    display: block;
    width: 100%;
}
tr.entry-item td.mail .mail-select-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 15px;
}
tr.entry-item td.mail .mail-select-area .list {
    width: 100%;
}
tr.entry-item td.mail .mail-select-area .link {
    width: 100%;
    align-content: center;
    text-align: right;
}

span.required {
    display: inline-block;
    margin-left: 10px;
    padding: 0 6px;
    background-color: #7c7d83;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.6;
}

#js-btn-zip {
    margin-left: 1%;
    padding: 0 3%;
}
#js-btn-dummy-address {
    padding: 0 3%;
}

#undercolumn_entry .btn-area {
    margin-bottom: 10%;
}

@media screen and (max-width: 928px) {

    tr.entry-item {
        font-size: 2vw;
    }
}

@media screen and (max-width: 479px) {

    tr.entry-item {
        display: block;
        font-size: 4vw;
    }

    tr.entry-item th,
    tr.entry-item td {
        display: list-item;
        border: none;
        list-style: outside none none;
    }
    tr.entry-item th {
        padding: 3%;
    }
    tr.entry-item td {
        padding: 3% 3% 8%;
    }

    tr.entry-item td ul li {
        width: 100%;
        padding-right: 0;
    }

    tr.entry-item td input[type="text"],
    tr.entry-item td input[type="email"],
    tr.entry-item td input[type="password"] {
        width: 100%;
    }
    tr.entry-item td input[name="name01"],
    tr.entry-item td input[name="kana01"] {
        margin-bottom: 8px;
    }

    tr.entry-item td.mail {
        background: none;
        padding: 0;
    }
    tr.entry-item td.mail .mail-image-area {
        padding: 1% 0;
    }
    tr.entry-item td.mail .mail-select-area {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    tr.entry-item td.mail .mail-select-area .link {
        padding-top: 10px;
    }
}