/*html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #000000;
}*/

/*.container {
    width: 100%;
    height: 100%;
    max-width: 960px;
    background: #FFFFFF;
    margin: 0 auto;
}*/

.entry-table {
    width: 100%;
    margin: 0 auto 50px auto;
    /*font-size: 14px;*/
    /*line-height: 24px;*/
    font-size: 16px;
    line-height: 1.65em;
}
.entry-table th {
    width: 45%;
    padding: 5px 10px 5px 0;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #d3d3d3;
}
/*.entry-table th.long {
    width: 50%;
}*/
.entry-table th.long.text-enq {
    padding: 5px 10px 5px 55px;
    text-indent: -20px;
    text-align: left;
}

.entry-table td {
    width: 55%;
    padding: 5px 10px 5px 10px;
    border: 1px solid #d3d3d3;
}

.entry-table .colspan-2 {
    padding: 15px 0 5px 0;
    text-align: center;
}
.entry-table .colspan-2 h2 {
    text-align: left;
    margin: 0;
}

.entry-table tr.spacing th,
.entry-table tr.spacing td {
    padding-top: 50px;
}

.entry-table th.store-header {
    vertical-align: top;
    padding: 2em 0 0 0;
}

.entry-table .dl_btn{
    width:100%;
}
.entry-table .dl_btn img{
    width:65%;
    max-width:400px;
}
.entry-table .tablestyle-none {
    background: none;
    border: none;
}

#photoCover,
#photoCover2 {
    width: 87%;
    height: auto;
    margin: 0 5px 0 0;
}

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    #photoCover,
    #photoCover2 {
        width: 88%;
        height: auto;
        margin: 0 5px 0 0;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    #photoCover,
    #photoCover2 {
        width: 90%;
        height: auto;
        margin: 0 5px 0 0;
    }
}

@-moz-document url-prefix(https://necpc-camp.com/) {
    #photoCover,
    #photoCover2 {
        width: 88%;
        height: auto;
        margin: 0 5px 0 0;
    }
}
@media \0screen { .entry-table  .dl_btn img{ width: auto; margin: 10px auto 10px auto; } }

.store-table {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.65em;
}
.store-table th {
    width: 50%;
    padding: 0;
    text-align: center;
}
.store-table td.left {
    width: 50%;
    padding: 0 2% 0 0;
}
.store-table td.right {
    width: 48%;
    padding: 0;
}
.store-table .colspan-2 {
    padding: 15px 0 5px 0;
    text-align: center;
}
.store-table .colspan-2 h2 {
    text-align: left;
    margin: 0;
}


.input-name {
    width: 80%;
    max-width: 120px;
}
span.input-name {
    display: inline-block;
    padding-left: 1px;
}

.input-mail {
    width: 100%;
    max-width: 250px;
}

.input-address {
    width: 100%;
    max-width: 350px;
}

.input-inquiry {
    width: 100%;
    max-width: 400px;
}

.textarea-d3 {
    width: 80%;
    max-width: 600px;
}

.label-maker {
    display: inline-table;
    width: 6.5em;
    text-align: left;
}

.select-search {
    width: 80%;
}

.select2-container,
.select2-drop {
    font-size: 11px;
}

.entry-number {
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
}

.select2-results li {
    border-bottom: 1px solid #DDDDDD;
}

.select2-results li {
    border-bottom: 1px solid #DDDDDD;
}

ul.nav.nav-wizard li {
    width: 33.3%;
}

ul.dl-app-notice {
    margin:2em 5px;
    text-align:left;
    padding-left:1em;
    text-indent:-1em;
    font-size:0.9em;
    line-height:1.8em;
}
ul.dl-app-notice li span {
    color:#C00;
}
ul.dl-app-notice li img {
    width: 60%;
    border: 1px solid #000000;
}

.image-upload{
    display: flex;
}

button.submit {
    background: #ff8c00;
    background: -moz-linear-gradient(top,  #ff8c00 0%, #ff8c00 8%, #ff8c00 8%, #ffb400 50%, #ff8c00 50%, #ff8c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(8%,#ff8c00), color-stop(8%,#ff8c00), color-stop(50%,#ffb400), color-stop(50%,#ff8c00), color-stop(100%,#ff8c00));
    background: -webkit-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: -o-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: -ms-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: linear-gradient(to bottom,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff8c00',GradientType=0 );

    color: #c80000;
    font-weight: bold;
    font-size: 30px;
    line-height: 60px;
    text-shadow: 2px 0px 1px #FFFFFF, -2px 0px 1px #FFFFFF, 0px 2px 1px #FFFFFF, 0px -2px 1px #FFFFFF;

    width: 40%;
    height: 100%;

    border-radius: 10px;
    border: 1px solid #BB8C00;

    cursor: pointer;
}
button.back {
    background: #BBBBBB;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 30px;
    line-height: 60px;

    width: 40%;
    height: 100%;

    border-radius: 10px;
    border: 1px solid #555555;

    cursor: pointer;
}
button.dl {
    background: #ff8c00;
    background: -moz-linear-gradient(top,  #ff8c00 0%, #ff8c00 8%, #ff8c00 8%, #ffb400 50%, #ff8c00 50%, #ff8c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(8%,#ff8c00), color-stop(8%,#ff8c00), color-stop(50%,#ffb400), color-stop(50%,#ff8c00), color-stop(100%,#ff8c00));
    background: -webkit-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: -o-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: -ms-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: linear-gradient(to bottom,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff8c00',GradientType=0 );

    color: #c80000;
    font-weight: bold;
    font-size: 145%;
    line-height: 150%;
    text-shadow: 2px 0px 1px #FFFFFF, -2px 0px 1px #FFFFFF, 0px 2px 1px #FFFFFF, 0px -2px 1px #FFFFFF;

    width: 35%;
    height: 100%;

    border-radius: 10px;
    border: 1px solid #BB8C00;

    cursor: pointer;
}
.btn-display {
    display:block;
}
a.dl {
    display: inline-block;

    background: #ff8c00;
    background: -moz-linear-gradient(top,  #ff8c00 0%, #ff8c00 8%, #ff8c00 8%, #ffb400 50%, #ff8c00 50%, #ff8c00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8c00), color-stop(8%,#ff8c00), color-stop(8%,#ff8c00), color-stop(50%,#ffb400), color-stop(50%,#ff8c00), color-stop(100%,#ff8c00));
    background: -webkit-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: -o-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: -ms-linear-gradient(top,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    background: linear-gradient(to bottom,  #ff8c00 0%,#ff8c00 8%,#ff8c00 8%,#ffb400 50%,#ff8c00 50%,#ff8c00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c00', endColorstr='#ff8c00',GradientType=0 );

    color: #c80000;
    font-weight: bold;
    text-shadow: 2px 0px 1px #FFFFFF, -2px 0px 1px #FFFFFF, 0px 2px 1px #FFFFFF, 0px -2px 1px #FFFFFF;

    font-size: 145%;
    line-height: 300%;
    width: 50%;
    height: 100%;

    border-radius: 10px;
    border: 1px solid #BB8C00;

    text-decoration: none;

    cursor: pointer;
}
a.dl.dl-pdf {
    font-size: 125%;
    line-height: 300%;
    width: 35%;
    height: 100%;
}
a.dl.dl-app {
    font-size: 125%;
    line-height: 300%;
    width: 60%;
    height: 100%;

}
button:hover {
    opacity: 0.5;
}

.title {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}
.notice {
    font-weight: normal;
    /*font-size: 14px;*/
    /*line-height: 16px;*/
    font-size: 16px;
    line-height: 1.65em;
    text-align: left;
}

.caution {
    color: #FF0000;
    font-weight: bold;
}

.text-red {
    color: #FF0000;
}

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

.text-small {
    font-size: 12px;
}

.text-underline {
    text-decoration: underline;
}

.sp-only {
    display: none !important;
}

strong {
    font-weight: bold;
}

.br{
    display: block;
}

@media screen and (max-width: 640px) {
    .sm-br,
    .sp-only {
        display: block !important;
    }

    .pc-only {
        display: none !important;
    }

    .pc-only br {
        display: none !important;
    }
    .entry-table {
        width: 100%;
        margin: 0 auto;
    }
    .entry-table th,
    .entry-table th.long,
    .entry-table td {
        display: block !important;
        width: 100%;
        padding: 5px;
        text-align: center;
    }
    .entry-table th,
    .entry-table th.long {
        padding-top: 15px;
        font-weight: bold;
    }
    .entry-table tr.spacing td {
        padding-top: 5px;
    }

    .store-table {
        width: 100%;
        margin: 0 auto;
    }
    .store-table td,
    .store-table td.left,
    .store-table td.right {
        display: block !important;
        width: 100%;
        padding: 0 0 5px 0;
        text-align: center;
    }
    .store-table td .sp-only.text-small {
        text-align: left;
    }

    select {
        width: 90%;
    }

    button.submit,
    button.back {
        font-size: 16px;
        line-height: 40px;
    }

    .btn-display{
        text-align: center;
    }
    .sm-input-align {
        text-align: left;
    }

    ul.nav.nav-wizard li {
        width: 100% !important;
    }
    ul.nav-wizard:before {
        top: 60px;
        height: 59px;
    }
    ul.nav-wizard:after {
        border-top: none;
    }
    .entry-table .tablestyle-none {
        font-size: 11px;
    }
    .notice {
        font-size: 11px;
    }
}

@media screen and (max-width: 430px) {
    .form-control{
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    .image-upload{
        display: table;
        width: 100%
    }
    #photoCover,
    #photoCover2 {
        width: 90%;
    }
    .btn-display{
        padding: 5px 0 0 0;
    }
}

@media screen and (max-width: 395px) {
    .longtext{
        font-size: 1.36em;
    }

}

@media screen and (max-width: 380px) {
    h2 {
        font-size: 1.2em;
    }
    #photoCover,
    #photoCover2 {
        width: 100%;
    }
    button.submit,
    button.back {
        width: 48%;
    }
}
