#eRotateMask {
    display: none;
}

#eStartSec {
    position: fixed;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 1000;
    background-color: black;
    background-position: center;
    background-size: cover;
}

#eStartSecSP {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    background-position: center;
}

#eStartCont {
    position: fixed;
}

#eStartDesc {
    font-size: 70%;
    padding-bottom: 1em;
}

#eStartLogo {
    margin-bottom: 3%;
    max-height: 14%;
}

#eStartLogo img {
    height: auto;
}

#eStartButton {
    text-align: center;
    /*margin-top: 100%;*/
}

.eStartButton {
    display: inline-block;
    position: relative;
    border: none;
    border-radius: 0.5em;
    line-height: 1.8;
    padding: 0 1.5em 0 2.5em;
    -webkit-animation: starButtonMove 1s infinite ease-in-out alternate;
    animation: starButtonMove 1s infinite ease-in-out alternate;
    background: rgba(255, 255, 255, 0.8) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolygon%20points%3D%2210%208%2016%2012%2010%2016%2010%208%22%20fill%3D%22%23000000%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E') no-repeat left 0.5em center /auto 80%;
    cursor: pointer;
    color: #000;
}

@-webkit-keyframes starButtonMove {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.05, 1.05);
    }
}

@keyframes starButtonMove {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.05, 1.05);
    }
}

#eMovieSec {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    /*background-color: rgba(255, 0, 0, 0.3);*/
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

#eMovieSec video {

}

#eMovieMask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    z-index: 1001;
}

#eContSec {
    position: fixed;
    pointer-events: none;
    z-index: 20;
}

#eContSec > div.eActive {
    visibility: visible;
    transform: scale(1);
}

.eTypeModal {
    height: 100%;
    visibility: hidden;
    transition: all 0.3s;
    transform-origin: center;
    transform: scale(0.8);
    width: 100%;
    position: absolute;
}

.eModalWrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.eModal {
    /*width: 90%;
    height: 60%;*/
    width: 96%;
    height: 78%;
}

.eModalForm {
    position: relative;

    width: 100%;
    box-sizing: border-box;
    overflow: hidden;

    height: 100%;

}

.eModalForm > div {
    padding: 3%;
    overflow-y: auto;
    box-sizing: border-box;
    height: 100%;
}

.eModalTitle {
    position: absolute;
    margin-top: -2em;
    text-shadow: 0em 0em 0.2em #000, 0em 0em 0.2em #000, 0em 0em 0.3em #000, 0.1em 0.1em 0.2em #000

}

.eModalSubTitle {
    position: absolute;
    margin-top: -2em;
    right: 0;
    font-size: 80%;
    text-shadow: 0em 0em 0.2em #000, 0em 0em 0.2em #000, 0em 0em 0.3em #000, 0.1em 0.1em 0.2em #000

}

.eModalFormWrap {
    display: flex;
    /*background-color: rgba(255, 226, 176, 0.7);*/
    background-color: rgb(255 141 0 / 94%);
    box-shadow: 0.1em 0.1em 0.5em #000;
    pointer-events: auto;
    position: relative;
    height: 100%;
}

.eModalImg {

    height: 100%;
    background-color: aliceblue;
    flex-shrink: 0;
    position: relative;
}

.eModalImg video /*,
.eModalImg img*/
{
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
}

.eModalSubImg {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
}

.eBlankGif {
    width: auto;
    height: 100%;
}


.eModalDesc {
    line-height: 1.4;
    font-size: 80%;
    /*text-shadow: 0em 0em 0.2em #000,0em 0em 0.2em #000,0em 0em 0.3em #000, 0.1em 0.1em 0.2em #000*/
    color: #000;
    font-weight: bold;
}

.eModalFormList {
    margin-top: 0.5em;
}

.eModalFormList > div {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.5em;
    margin-bottom: 0.5em;
    overflow: hidden;
    position: relative;
    z-index: 10;
    cursor: pointer;
    color: #000;
    font-weight: bold;
    /*text-shadow: 0em 0em 0.2em #000,0em 0em 0.2em #000,0em 0em 0.3em #000, 0.1em 0.1em 0.2em #000*/
}

.eActive .eModalFormList > div:before {
    /*background-color: chocolate;*/
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    z-index: -1;
    left: -100%;
    top: 0;
    transition: all 0.3s;
}

.eActive .eModalFormList > div.eActive:before {
    left: 0;
}

#eContSec > div:not(.eActive) .eModalFormList > div.eActive {
    /*background-color: chocolate;*/
    background-color: rgba(255, 255, 255, 0.75);
}

.eModalFormButton {
    text-align: center;
    padding-top: 0.5em;
}

.eModalFormButton > input {
    display: inline-block;
    background-color: chocolate;
    padding: 0 1.5em;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
    border: none;
    color: #FFF;
    appearance: none;
    -webkit-appearance: none;
    line-height: inherit;
    font: inherit;
    text-shadow: inherit;
    cursor: pointer;
}

.eModalFormButton > input:disabled {
    background-color: #FFFFFF;
    cursor: unset;
    color: #CCC;
}

.eModalFormButton > div {
    display: inline-block;
    background-color: chocolate;
    padding: 0 1.5em;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
    border: none;
    color: #FFF;
}


.eModalFormList.eModalFormText > div,
.eModalFormList.eModalFormNumber > div {
    display: flex;
    padding: 0;
    background-color: transparent !important;
}

.eModalFormList.eModalFormText > div > div,
.eModalFormList.eModalFormNumber > div > div {
    width: 100%;
}

.eModalFormList.eModalFormText > div > span,
.eModalFormList.eModalFormNumber > div > span {
    margin: 0 0.5em;
    white-space: nowrap;
}

.eModalFormList.eModalFormText > div input,
.eModalFormList.eModalFormNumber > div input {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 3px solid chocolate;
    outline: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.eModalFormList.eModalFormText > div input[type="number"],
.eModalFormList.eModalFormNumber > div input[type="number"] {
    -ms-ime-mode: disabled;
    ime-mode: disabled;
}

.eModalFormList.eModalFormText > div:before,
.eModalFormList.eModalFormNumber > div:before {
    display: none;
}

.eModalFormCustomer > div {
    background-color: transparent;
}

.eModalFormCustomer > div {
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    padding: 0;
    justify-content: space-between;
    cursor: unset;
}

.eModalFormCustomer > div > label {
    width: 40%;
    padding-left: 0.5em;
    box-sizing: border-box;
}

.eModalFormCustomer > div.eFormReq > label:after {
    content: '※必須';
    color: #FFF;
    font-size: 60%;
    margin-left: 0.3em;
    text-shadow: none;
}

.eModalFormCustomer > div > div {
    width: 58%;
}

.eModalFormCustomer > div > div input {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #000;
    padding: 0 0.5em;
}
.eModalFormCustomer > div > div textarea {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #000;
    padding: 0 0.5em;
    height: 5em;
}
.eModalFormCustomer > div > p {
    text-align: right;
    width: 100%;
    font-size: 70%;
}

.eModalCustomerFormButton,
.eModalConfirmAcceptButton {
    text-align: center;
    padding-top: 0.5em;
}

.eModalCustomerFormButton > input,
.eModalConfirmAcceptButton > input,
#eSendEndQR {
    display: inline-block;
    background-color: chocolate;
    padding: 0 1.5em;
    letter-spacing: 0.5em;
    border: none;
    color: #FFF;
    appearance: none;
    -webkit-appearance: none;
    line-height: inherit;
    font: inherit;
    text-shadow: inherit;
    cursor: pointer;
    text-indent: 0.5em;
}


.eModalCustomerFormButton > input:disabled {
    background-color: #FFFFFF;
    cursor: unset;
}

.eModalCustomerFormButton > div {
    display: inline-block;
    background-color: chocolate;
    padding: 0 1.5em;
    letter-spacing: 0.5em;
    border: none;
    color: #FFF;
    text-indent: 0.5em;
}

#ePageList {
    position: fixed;
    z-index: 1000;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 50%;
    display: none;
}

.eModalFormConfirm > div {
    background-color: transparent;
    cursor: unset;
}

.eModalFormConfirm > div:before {
    display: none;
}

.eModalFormConfirm > div > div {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.5em;
    display: block;
    overflow: hidden;
}

.eModalFormConfirm > div > div span {
    float: right;
    padding: 0;
}

.eModalFormConfirm > div > div span input {
    display: inline-block;
    background-color: chocolate;
    padding: 0 0.5em;
    border: none;
    color: #FFF;
    appearance: none;
    -webkit-appearance: none;
    line-height: 1.6 !important;
    font: inherit;
    text-shadow: inherit;
    cursor: pointer;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
}

.eModalFormConfirm > div > p {
    padding: 0.5em 1em 0.5em 2em;

}

.eModalConfirmButton {
    display: none;
}

#eSurveyadminPage {
    overflow: auto;
    touch-action: unset;
    -webkit-touch-callout: unset;
    -webkit-user-select: unset;
    font-size: 16px;
    height: 100vh;
}

body.eSurveyAdminPage {
    touch-action: unset;
    -webkit-touch-callout: unset;
    -webkit-user-select: unset;
    min-width: 1000px;
    height: auto;
    overflow: auto;
}

#eLoginSec {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.eSurveyAdminPage > header {
    background-color: rgba(55, 55, 55, 0.8);
    display: flex;
    align-items: center;
    padding: 10px 10px;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    position: fixed;
    z-index: 100;
    font-size: 14px;
}

body.eSurveyAdminPage > header > * {
    margin: 0 3px;
}

body.eSurveyAdminPage a {
    color: #FFF;
}

#eSurveyUserName {


}

#eSurveyCsv {
    margin-left: auto;
}

#eSurveyCsv button {
    display: block;
    padding: 0.2em 1em;
    background-color: #000000;
    color: #FFF;
    border: none;
    margin: 0 5px;
    line-height: 2;
    font-size: inherit;
    cursor: pointer;
}

#eSurveyUserSearchForm {
    /*margin-left: auto;*/
}

#eSurveyUserSearchForm button {
    display: block;
    padding: 0.2em 0.5em;
    background-color: #000000;
    color: #FFF;
    border: none;
    margin: 0 5px;
    line-height: 2;
    font-size: inherit;
    cursor: pointer;
}

#eSurveyUserSearchForm input[type=text] {
    padding: 0.3em;
    border: 1px solid #000;
    display: block;
    box-sizing: border-box;
    margin: 0 5px;
    font-size: inherit;
    width: 150px;
}

#eSurveyAdminLogout {

}

body.eSurveyAdminPage > header > * a {
    display: block;
    padding: 0.2em 0.5em;
    background-color: #000000;
}

body.eSurveyAdminPage > header > * form {
    display: flex;
    align-items: center;
}

body.eSurveyAdminPage > header > * form select {
    padding: 0.3em;
    border: 1px solid #000;
    display: block;
    box-sizing: border-box;
    margin: 0 5px;
    font-size: inherit;
}

body.eSurveyAdminPage > header > * form button {
    display: block;
    padding: 0.2em 0.5em;
    background-color: #000000;
    color: #FFF;
    border: none;
    margin: 0 5px;
    line-height: 2;
    font-size: inherit;
    cursor: pointer;
}

body.eSurveyAdminPage > header > * form > div {
    margin: 0 5px;
}

#eAggregateSec {
    padding: 80px 20px 20px;
}

#eAggregateSec > table {
    width: 100%;
    border-collapse: collapse;
}

#eAggregateSec table th {
    border: 1px solid #FFF;
    padding: 2px 10px;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
}

#eAggregateSec table td {
    border: 1px solid #FFF;
    padding: 2px 10px;
    text-align: center;
}

.eEqPopUpWrap {
    display: none;
}

.eEqPopUpWrap table {
    border-collapse: collapse;
    line-height: 1.6;
}

.eEqPopUpWrap table th {
    border: 1px solid #CCC;
    padding: 0.5em 1em;
    background-color: #EEE;
    vertical-align: top;
}

.eEqPopUpWrap table td {
    border: 1px solid #CCC;
    padding: 0.5em 1em;
    vertical-align: top;
}


#eEqChart > div {
    color: black;
    background-color: #FFF;
    padding: 20px;
    margin: 1px;
    display: flex;
    justify-content: space-between;
}

#eEqChart > div > div {
    /*width: 50%;*/
}

.eEqChartWrap {
    height: 500px;
    margin: 20px 0;
    border: 1px solid #CCC;
    padding: 20px;
}

#eEqChart .eEqChartWrap .canvasjs-chart-credit {
    display: none;
}

#eEqChart .eEqChart {
    /*height: 500px;*/
    width: 49%;
}

.eEqChartData {
    width: 49%;
}

.eEqChartData table {
    border-collapse: collapse;
    margin-bottom: 2em;
}

#eAggregateSec .eEqChartData table thead th {
    border: 1px solid #555;
    background-color: #000;
    color: #FFF;
}

#eAggregateSec .eEqChartData table tbody td {
    border: 1px solid #000;
}

#eAggregateSec .eEqChartData table tfoot td {
    border: 1px solid #000;
    border-top: 3px double #000;
}

.eEqChartTitle {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 1em;
}

.eEqChartTitle:before {
    content: '■';
}

#eEqSendEnd .eModalDesc {
    line-height: 1.8;
    margin-bottom: 1em;
}

#eScreenButton {
    position: absolute;
    /*right: 2%;
    top: 2%;*/
    left: 2%;
    bottom: 3%;
    width: 3%;
    height: auto;
    display: none;
    z-index: 10;
    pointer-events: auto;
}

#eScreenButton img {
    width: 100%;
    height: auto;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203v3a2%202%200%200%201-2%202H3m18%200h-3a2%202%200%200%201-2-2V3m0%2018v-3a2%202%200%200%201%202-2h3M3%2016h3a2%202%200%200%201%202%202v3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center /contain;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
    display: block;
}

#eScreenButton.eActive img {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202v3m18%200V5a2%202%200%200%200-2-2h-3m0%2018h3a2%202%200%200%200%202-2v-3M3%2016v3a2%202%200%200%200%202%202h3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}

.ePrivacyPolicy {
    padding: 1em 0;
}

.ePrivacyPolicy > h3 {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 80%;
    padding: 0.5em 0;
}

.ePrivacyPolicy textarea {
    width: 100%;
    height: 10em;
    font-weight: normal;
    font-size: 60%;
    padding: 0.5em;
    box-sizing: border-box;
}

#eRotateMask {
    display: none;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.8);
}

#eRotateMask > div {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 0 5%;
    text-align: center;
}

.eScrollCheck {
    position: absolute;
    right: 0%;
    text-shadow: 0em 0em 0.2em #000, 0em 0em 0.2em #000, 0em 0em 0.3em #000, 0.1em 0.1em 0.2em #000;
    font-size: 90%;
    bottom: -2em;
}

/*
#loginform >p {
    margin: 0.5em;
}
#loginform >p>label {
    padding-right: 0.5em;
}
#loginform >p> input[type="text"],
#loginform >p> input[type="password"]{
    width: 100%;
    box-sizing: border-box;
}

#loginform >p> input[type="submit"]{
    width: 100%;
    box-sizing: border-box;
    background: #007cba;
    border:none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    line-height: 2;
}
*/


#eEqCheckIn {
    text-align: center;
    height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    color: #000;
}

#eEqCheckInCaution {
    margin-bottom: 1em;
}


#eEqQrCode {
    display: inline-block;
    background-color: #FFF;
    padding: 0;
    width: 26%;
    margin: 0;
}

#eEqQrCode img {
    width: 100%;
    height: auto;
}

#eEqCheckInWrap {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
}

#eEqAnswerDate {
    margin-bottom: 1em;
    /*font-size: calc(100vh / 40);*/
    font-size: 70%;
}

#eCheckInButton {
    margin-bottom: 1em;
}

#eCheckInButton input {
    padding: 0.2em 2em 0.3em;
}

#eEqCheckInLogo {
    margin-bottom: 1em;
}

#eEqCheckInLogout a {
    color: #000;
}


.eModalNextButton {
    float: right;
}

.eModalPrevButton {
    float: left;
    display: none;
}

#eEqForm {
    overflow: hidden;
}

.eModalFormCustomer > div > div input[readonly] {
    background-color: #CCC;
}

.eFormEvent {
    width: 100% !important;
    text-align: center;
    background-color: #EEE;
    line-height: 1.6;
    padding: 1em;
    font-size: 80%;
    font-weight: 400;
    margin: 1em;
}

.eFormEvent:first-line {
    font-size: 105%;
    font-weight: bold;
    line-height: 2;

}

#eEqCheckInCaution > p {
    color: #F00;
    line-height: 1.6;
    font-size: 80%;
}


#eSurveyAdminCsvImport {
    padding: 20px 20px;
}

#eSurveyAdminCsvImportTable {
    overflow-x: scroll;
    padding: 20px 0;
    line-height: 1.2;
}
#eSurveyAdminCsvImportTable table {
    width: 100%;
    border-collapse: collapse;
}
#eSurveyAdminCsvImportTable table th,
#eSurveyAdminCsvImportTable table td {
    border: 1px solid #FFF;
    padding: 0.5em 0.5em;
}
#eSurveyAdminCsvImportTable table th {
white-space: nowrap;
}

#eSurveyAdminCsvImportTable table td {
    white-space: nowrap;
}
#eSurveyAdminCsvImportConfirm {
    display: none;
}

#eLoadingMask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.9);
    display: none;
}
#eLoadingMask > div {
    display: flex;
    align-items: center;
    color: #FFF;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.eEqPopUpTable {
    display: flex;
    align-items: flex-start;
}
.eEqPopUpTable > table {
    white-space: nowrap;
}
.eEqPopUpTable > table th {

}
#eSearchForm {
    display: none;
}
#eSearchForm form {
    display: flex;
    align-items: center;
}

#eSearchForm form button {
    display: block;
    padding: 0.2em 1em;
    background-color: #000000;
    color: #FFF;
    border: none;
    margin: 0 5px;
    line-height: 2;
    font-size: inherit;
    cursor: pointer;
}
#eSearchForm form input[type=text] {
    padding: 0.3em;
    border: 1px solid #000;
    display: block;
    box-sizing: border-box;
    margin: 0 5px;
    font-size: inherit;
    width: 200px;
}


/*
#eTopWrap {
    width: 100%;
    height: 100%;
    background: no-repeat center /cover;
    position: relative;
    !*display: flex;*!
    !*flex-direction: column;*!
    !*justify-content: flex-end;*!
}

#eTopCont {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
    z-index: 1001;
    font-size: 1.6vw;
}

#eTopDesc {
    margin-bottom: 3%;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
}

#eTopDesc > div {
    text-align: left;
    display: inline-block;
}

#eTopStart {
    !*font-size: 3vw;*!
}

#eTopStart > a {
    display: inline-block;
    position: relative;
    border-radius: 0.5em;
    line-height: 1.8;
    padding: 0 1.5em 0 2.5em;
    -webkit-animation: starButtonMove 1s infinite ease-in-out alternate;
    animation: starButtonMove 1s infinite ease-in-out alternate;
    background: rgba(255, 255, 255, 0.8) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolygon%20points%3D%2210%208%2016%2012%2010%2016%2010%208%22%20fill%3D%22%23000000%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E') no-repeat left 0.5em center /auto 80%;
}

#eTopLink {
    !*font-size: 3vw;*!
    text-align: center;
    padding: 3vw;
    width: 100%;
}

#eTopLink > a {
    display: inline-block;
    position: relative;
    border-radius: 0.5em;
    line-height: 1.8;
    padding: 0 1.5em 0 2.5em;
    -webkit-animation: starButtonMove 1s infinite ease-in-out alternate;
    animation: starButtonMove 1s infinite ease-in-out alternate;
    background: rgba(255, 255, 255, 0.8) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolygon%20points%3D%2210%208%2016%2012%2010%2016%2010%208%22%20fill%3D%22%23000000%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E') no-repeat left 0.5em center /auto 80%;
}


@-webkit-keyframes starButtonMove {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.1, 1.1);
    }
}

@keyframes starButtonMove {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.1, 1.1);
    }
}


!*#eTopStart > a:before {
    content: '';
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
    left: 1em;
    top: 0.34em;
    border-radius: 50%;
    border: 2px solid #000;
}

#eTopStart > a:after {
    content: '';
    display: block;
    position: absolute;
    width: 0em;
    height: 0em;
    left: 1.4em;
    top: 0.5em;

    border-style: solid;
    border-color: transparent transparent transparent #000;
    border-width: 0.4em 0 0.4em 0.5em;
}*!

#eButtonWrap {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    pointer-events: none;
}

.eButtonList {
    display: none;
}

.eButtonList > a {
    position: absolute;
    display: none;
    transform: translate(-50%, -50%);
    width: 10%;
    pointer-events: auto;
}

.eButtonList img {
    width: 100%;
    height: auto;
    !*background-color: rgba(255, 0, 0, 0.3);*!
}

#eMovie {
    !*    width: 100%;
        height: 100%;
        position: relative;*!
}

#eMovie {
    !*object-fit: cover;
    object-position: center;*!
}

#eAjaxBody {
    height: 100%;
    position: relative;
}

#eMainWrap {
    display: none;
    position: relative;
    height: 100%;

}

#eMovieWrap {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#eTopLogo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 10%;
    text-align: center;
    z-index: 1001;
}

#eTopLogo img {
    width: 24vw;
    height: auto;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
}

#eTopMask {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}

#eTopRotateMask {
    display: none;
    margin-bottom: 1em;
}

#eRotateMask {
    display: none;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.8);
}

#eRotateMask > div {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    !*font-size: 3.6vw;*!
}

#eScreenButton {
    position: absolute;
    right: 2%;
    top: 3%;
    width: 4vw;
    height: 4vw;
    display: none;
    z-index: 10;
    pointer-events: auto;
}

#eScreenButton img {
    width: 100%;
    height: auto;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203v3a2%202%200%200%201-2%202H3m18%200h-3a2%202%200%200%201-2-2V3m0%2018v-3a2%202%200%200%201%202-2h3M3%2016h3a2%202%200%200%201%202%202v3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat center /contain;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
}

#eScreenButton.eActive img {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5a2%202%200%200%200-2%202v3m18%200V5a2%202%200%200%200-2-2h-3m0%2018h3a2%202%200%200%200%202-2v-3M3%2016v3a2%202%200%200%200%202%202h3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}


#ePauseButton {
    position: absolute;
    left: 50%;
    bottom: 3%;
    width: 4vw;
    height: 4vw;
    display: none;
    z-index: 10;
    transform: translateX(-50%);
    pointer-events: auto;
}

#ePauseButton img {
    width: 100%;
    height: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM9 9v6h2V9H9zm4 0v6h2V9h-2z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E") no-repeat center /contain;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);

}

#ePauseButton.eActive img {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFF%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%225%203%2019%2012%205%2021%205%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');
}


#eForwardButton {
    position: absolute;
    left: 2%;
    top: 3%;
    width: 4vw;
    height: 4vw;
    z-index: 10;
    pointer-events: auto;
}

#eForwardButton img {
    width: 100%;
    height: auto;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M16 12.667L5.777 19.482A.5.5 0 0 1 5 19.066V4.934a.5.5 0 0 1 .777-.416L16 11.333V5a1 1 0 0 1 2 0v14a1 1 0 0 1-2 0v-6.333z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E") no-repeat center /contain;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
}

#eForwardButton.eActive img {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFF%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%225%203%2019%2012%205%2021%205%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');
}


#eSceneJumpButton {
    text-align: center;
    position: relative;
    z-index: 10;
}

#eSceneJumpButton a {
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
    color: #FFF;
    pointer-events: auto;
}

#eSceneJumpButton a.eActive {
    color: #f88989;
}


!*
#eEqForm {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    z-index: 0;
    display: none;
}
*!

!*#eEqForm > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}*!

.eEqFormWrap {
    height: 80%;
    width: 70%;
    background-color: antiquewhite;
    padding: 5%;
    box-sizing: border-box;
    color: black;

}

.eEqFormWrap > div {
    overflow-y: auto;
    height: 100%;
}

#ePopupEqForm table {
    width: 100%;
}

#ePopupEqForm table th {
    padding: 0.3em 0.5em;
    vertical-align: top;
    width: 34%;
    white-space: nowrap;
}

#ePopupEqForm table th.req:after {
    content: '(必須)';
    color: #F11;
    !*font-size: calc(100vh / 46);*!
    margin-left: 1em;
}

#ePopupEqForm table td {
    padding: 0.3em 0.5em;
}

#ePopupEqForm table td p {
    !*font-size: calc(100vh / 40);*!
    font-size: 80%;
}

#ePopupEqForm table td input[type="text"],
#ePopupEqForm table td input[type="number"],
#ePopupEqForm table td input[type="date"],
#ePopupEqForm table td input[type="tel"],
#ePopupEqForm table td input[type="email"] {
    width: 100%;
    outline: none;
    box-sizing: border-box;
    max-width: 36vw;
}

#ePopupEqForm table td input[readonly] {
    border: none;
    background-color: transparent;
}

#ePopupEqForm table td input[type="checkbox"] {
    width: 0.8em;
    height: 0.8em;
    margin-right: 0.4em;
}

#eFormPrivacy {
    text-align: center;
    !*font-size: calc(100vh / 40);*!

}

#eFormPrivacy > h3 {
    !*font-size: calc(100vh / 30);*!
    margin-bottom: 0.5em;
}

#eFormPrivacy > div {
    border: 1px solid #888;
    background-color: #FFF;
    !*font-size: calc(100vh / 50);*!
    padding: 0.8em;
    line-height: 1.6;
    max-height: 12em;
    overflow-y: auto;
    !*    width: 50vw;*!
    margin: 0 auto 1em;
    box-sizing: border-box;
    text-align: left;
    font-size: 80%;
}

#ePopupEqForm table td[colspan] {
    text-align: center;
    padding-top: 1em;
}

#ePopupEqForm table td button {
    !*font-size: calc(100vh / 30);*!
    margin: 0 0.5em;
    padding: 0.3em 1em 0.2em;
}

.eEqFormConfirm {
    display: none;
}

.eEqButtonBack,
.eEqButtonSend {
    display: none;
}

#eEqResultPage {
    padding: 30px;
    font-size: 20px;
    height: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
    !*display: flex;*!

}

#eEqResultFilter {
    width: 100%;
}
#eEqResultFilter button {
    font-size: 18px;
    padding: 0 0.5em;
}

#eEqResultFilter select{
    font-size: 19px;
    vertical-align: middle;
}
#eEqResultPage table {
    width: 100%;
    white-space: nowrap;
    border-collapse: collapse;
    margin: 0 auto;
}

#eEqResultPage table th {
    border: 1px solid #FFFFFF;
    padding: 0.2em 0.5em;
    background-color: rgba(255, 255, 255, 0.2);
}

#eEqResultPage table td {
    border: 1px solid #FFFFFF;
    padding: 0.2em 0.5em;
}

#eEqResultPageWrap {
    overflow: auto;
    !*height: 100%;*!
    flex-shrink: 0;
    display: none;
}

body#eEq-results-listPage {
    touch-action: unset !important;
    -webkit-touch-callout: unset !important;
    -webkit-user-select: unset !important;
}


#ePopup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000;

    opacity: 0;
    visibility: hidden;
}

#ePopup.eActive {
    opacity: 1;
    visibility: visible;
    display: flex;
}

#ePopup > div {
    transition: all 0.3s;
    transform-origin: center;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
}

#ePopup > div > div {
    position: relative;
    width: 1000px;
    height: 600px;
    display: flex;
    align-items: center;
    background-color: #FFF;
}

#ePopup > div > div.ePopupImg {
    height: auto;
}

.ePopupClose {
    content: '';
    display: block;
    position: absolute;
    width: 5%;
    height: 0px;
    padding-top: 5%;
    top: -10%;
    right: -5%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

#ePopup > div.eActive {
    transform: scale(1);
    opacity: 1;
    visibility: visible;

}

#ePopup > div > div > img {
    width: 100%;
    height: auto;
}

#ePopup > div > div > iframe {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
}

body.eFrameCont {
    overflow-y: auto;
    background-color: #FFF;
}


#ePopupEq {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: none;
}

#ePopupEq > div {

    width: 100%;
    height: 100%;
}

.ePopupEqWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    pointer-events: auto;
    transition: all 0.5s;
    opacity: 0;
}

.ePopupEqBlock {
    height: auto;
    width: auto;
    background-color: rgba(250, 235, 215, 0.8);
    box-sizing: border-box;
    color: black;

    height: 60vh;
    box-shadow: 0px 0px 3px #000000, 2px 2px 5px #000000;
    transition: all 0.5s;
    transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    display: flex;
}

.ePopupEqWrap.eActive {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.ePopupEqCont {
    overflow-y: auto;
    position: relative;
    padding-bottom: 3em;
    min-height: 100%;
    box-sizing: border-box;
}

.ePopupEqCont > p {
    !*font-size: 1.8vw;*!
    line-height: 1.6;
    margin-bottom: 1em;
}

.ePopupEqForm {
    padding: 3%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    box-sizing: border-box;
}

.ePopupEqVideo {
    width: 60vh;
    height: 60vh;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0 1vw 1vw 0;
}

.ePopupEqVideo img,
.ePopupEqVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ePopupEqWrap.eActive .ePopupEqBlock {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    width: 90%;
    border-radius: 1vw;
}

.ePopupEqWrap > div {
}

.ePopupEqTitle {
    text-align: center;
    position: absolute;
    top: -2.4em;
    left: 0;
    color: #FFF;
    font-weight: normal;
    filter: drop-shadow(0px 0px 2px #000) drop-shadow(1px 1px 3px #000);
    font-size: 120%;
    letter-spacing: 0.1em;
    white-space: nowrap;
}

.ePopupEqTitle span {
    padding-left: 2em;
    font-size: 70%;
}

.ePopupEqTitle h3 {
    margin-bottom: 1em;
}

.ePopupEqTitle .ePopupEqTitleInput {
    !*font-size: calc(100vh / 40);*!
    line-height: 1.6;
    display: block;
}

.ePopupEqCont a {
    margin: 0.3em 0;
    padding: 0 0.8em;
    display: block;
    background-color: #d16532;
    color: #FFF;
}

.ePopupEqTitleConfirm {
    display: none;
}


#eEqCheckIn {
    text-align: center;
    height: 100%;

    overflow-y: auto;
}

#eEqCheckInCaution {
    margin-bottom: 1em;
}

#eEqQrCode {
    display: inline-block;
    background-color: #FFF;
    padding: 2%;
    width: 10vw;
    margin: 1% 0;
}

#eEqQrCode img {
    width: 100%;
    height: auto;
}

#eEqCheckInWrap {
    width: 60vw;
    margin: 0 auto;
    padding: 4vw 0;
}

#eEqAnswerDate {
    margin-bottom: 1em;
    !*font-size: calc(100vh / 40);*!
}

#eCheckInButton {
    margin-bottom: 1em;
}

#eCheckInButton input {
    padding: 0.2em 2em 0.3em;
}

#eEqCheckInLogo {
    margin-bottom: 1em;
}


#eCheckinLoginForm {

}


#eCheckinLoginForm form > div {
    display: block;
    justify-content: center;
    padding: 0.5em 0;
}

#eCheckinLoginForm form > div label {
    display: block;
    text-align: center;
    padding: 0 0.5em;
}

#eCheckinLoginForm form > button {
    !*font-size: calc(100vh / 30);*!
    padding: 0.2em 2em 0.2em;
    margin: 0.5em 0;
}

#eCheckinLoginForm form input {
    !*font-size: calc(100vh / 30);*!
}

#eEqCheckInLogout a {
    color: #FFF;
}

#eCouponImg {
    margin-bottom: 1em;
}


.eEqPopUpWrap {
    display: none;
    !*font-size: 18px;*!
}

.eEqPopUpWrap table {
    border-collapse: collapse;
    line-height: 1.6;
}

.eEqPopUpWrap table th {
    border: 1px solid #CCC;
    padding: 0.5em 1em;
    background-color: #EEE;
}

.eEqPopUpWrap table td {
    border: 1px solid #CCC;
    padding: 0.5em 1em;
}

.eEqPopUpCel {
    text-align: center;
}

.eEqPopUpCel > a {
    display: inline-block;
    background-color: #EEE;
    padding: 0em 1em;
    font-size: 80%;
}


#ePopupPage {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    box-sizing: border-box
}

#ePopup-pagePage {
    background-color: #FFF;
    color: #000;
}

.ePopupEqContAlt {
    margin: 0 auto;
    !*display: flex;
    flex-wrap: wrap;*!
}

.ePopupEqContAlt input[type="checkbox"],
.ePopupEqCont input[type="radio"] {
    display: none;
}

.ePopupEqCont label {
    display: block;
    border: 1px solid #d16532;
    margin: 1% 0;
    padding: 0 0.5em;
}

.ePopupEqContAlt label {
    display: block;
    border: 1px solid #d16532;
    margin: 1% 0;
    padding: 0 0.5em;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
    border-radius: 0.5vw;
}

.ePopupEqContAlt label:before {
    content: '';
    display: block;
    position: absolute;
    left: -115%;
    top: 0;
    width: 110%;
    height: 100%;
    background-color: #d16532;
    z-index: -1;
    transform: skewX(-45deg);
    transition: all 0.3s;
}

.ePopupEqContAlt input[type="checkbox"]:checked + label,
.ePopupEqCont input[type="radio"]:checked + label {
    !*background-color: #d16532;*!
    color: #FFF;
}

.ePopupEqContAlt input[type="checkbox"]:checked + label:before,
.ePopupEqCont input[type="radio"]:checked + label:before {
    left: -5%;
}

.ePopupEqContAltNext {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.ePopupEqContAltNext button {
    width: 30%;
    display: inline-block;
    border: 1px solid #d16532;
    background-color: #d16532;
    color: #FFFFFF;
    margin: 0;
    padding: 0 0.5em;
    !*font-size: 2.2vw;*!
    line-height: 1.8;
    white-space: nowrap;
    font-size: 100%;
}

.ePopupEqContAltNext button:disabled {
    opacity: 0.5;
}

.eOtherInput {

}

.eOtherInput label {
    display: flex;
    justify-content: left;
    align-items: center;
}

.eOtherInput label > span {
    flex-grow: 1;
    white-space: nowrap;
}

.eOtherInput label > div {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.eOtherInput label > div span {
    padding: 0 0.5em;
}

.eOtherInput label > div input {
    text-align: center;
    width: 30%;
    border: 1px solid #CCC;
    outline: none;
    -webkit-appearance: none;
}

#eRecommend {
    width: 80%;
    position: absolute;
    left: 5%;
    top: 82%;
    z-index: 1000;
}

#eRecommendList {
    display: flex;
    flex-wrap: wrap;
}

#eRecommendList > span {
    !*font-size: calc(100vh / 48);*!
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0.5em;
    margin: 0.3% 0.2%;
    padding: 0 0.5em;
    display: none;
}

#eRecommendPage {
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: black;
}

#eRecommendPageList {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    padding: 1vw;
}

#eRecommendPageList > article {
    width: 24%;
    margin: 0.5%;
    background-color: #FFFFFF;
    display: none;
}

#eRecommendPageList > article div {

}

#eRecommendPageList > article div img {
    width: 100%;
    height: auto;
}

#eRecommendPageList > article div h3 {

}

#eRecommendPageList > article div a {

}

#eRecommendPageHead {
    padding: 1% 2%;
    !*font-size: 2.2vw;*!
}

#eRecommendPageHead h2 {
    !*font-size: 2.8vw;*!
}



#eEq-send-endPage {
    overflow-y: auto;
    height: auto;
}


#eEqChart {
    display: flex;
    flex-wrap: wrap;
}
#eEqChart > div {

    padding: 30px;
    margin: 1px;
    width: calc(50% - 2px);
    box-sizing: border-box;
    background-color: #FFF;
}
.eEqChartWrap {
    height: 460px;
}
.canvasjs-chart-credit {
    display: none;
}

#eEqChartPopUp {
    width: 90%;
    background-color: black;
    display: none;
}

.eEqChartTitle {
    text-align: center;
    color: #000;
}
.eEqChartTitle span {
    font-size: 80%;
}

#eEn-queteArchivePage {
    -webkit-user-select: auto;
}

.canvasjs-chart-toolbar {
    color: #000;
}*/