@charset "UTF-8";
/*基本のオレンジ*/
/*薄い黄色*/
/*フッタグレー*/
/*スマホメニューの色*/
/*スマホメニューの色*/
textarea { padding: 5px; width: 72%; margin-bottom: 50px; }

input[type=submit], input[type=reset], input[type=button], .btn-big { font-size: 1em; padding: 10px; border: none; width: 15em; text-align: center; border-radius: 10px; }

input[type=submit], .btn-big { color: #fff; }

input[type=button] { background-color: #7cc6cf; color: #fff; }

input[type=submit]:hover, input[type=button], button:hover { cursor: pointer }

input[type="text"].zipbox { width: 8em; }

#textarea { margin-bottom: 0px;}

.fixed_questions { margin-bottom: 20px; }

.error-message { color: red}

#attention { text-align: right; margin: 0 auto; max-width: 900px;}

.bg-orange { background-color: #E5783E; }

.addressbox input[type="text"], .addressbox .select { margin-bottom: 10px; }

select::-ms-expand { display: none; }

select { width: 21%; line-height: 1.4; vertical-align: middle; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; color: #333; border: solid 1px #ccc; font-size: 0.9em; padding: 7px; }

input[type=text], input[type=password],input[type=date], select , .event_discription {padding: 5px; width: 30%; margin-bottom: 50px; font-size: 0.9em; }

.select { position: relative; }

.select:after { position: absolute; top: 0; right: 10px; bottom: 0; width: 0; height: 0; margin: auto; pointer-events: none; content: '▼'; width: 10px; height: 10px; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(135deg); }

@media screen and (max-width: 812px) {
  input[type=text], textarea, select { font-size: 16px; border: 1px solid #ccc; -webkit-border-radius: 0; -webkit-tap-highlight-color: transparent; border-radius: 0; }
  input[type="submit"], input[type="reset"], input[type="button"] { width: 8em; }
}

@media screen and (max-width: 600px){
  input[type=text], input[type=password],input[type=date], select , .event_discription { width: 60%; }
}

#selectfile {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}