@charset "UTF-8";
/*基本の青*/
/*基本の青2*/
/*基本のグレー*/
/*薄い青*/
/*薄い青2*/
/*黄色*/
/*薄い黄色*/
/*茶色*/
/*明るい青*/
/*薄い黄色2*/
/*薄いグレー*/
.zip-button { padding: 5px 10px; border: 1px solid #ccc; -webkit-border-radius: 0; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }

textarea { padding: 5px; width: 98%; border: 1px #ccc solid; }

input[type=text], input[type=email], .form_input { padding: 5px; width: 97%; font-size: 0.9em; }

input[type=radio], input[type=checkbox] { /*opacity: 0;*/ }

input[type=submit], input[type=reset], input[type=button] { font-size: 1.2em; padding: 20px; border: 1px #ccc solid; width: 10em; text-align: center; border-radius: 10px; }

input[type=submit] { margin-right: 20px; }

.icon_search {
  display: inline-block;
  margin-left: -2rem;
  color: #999;
}

.radio, .checkbox { box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display: inline-block; margin: 0 20px 0px 0; padding: 5px 12px 5px 42px; border-radius: 8px; /*background-color: #f6f7f8;*/ vertical-align: middle; cursor: pointer; }
.radio:hover, .checkbox:hover { background-color: #e2edd7; }
.radio:hover:after, .checkbox:hover:after { border-color: #53b300; }
.radio:after, .checkbox:after { -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 48%; left: 15px; display: block; margin-top: -10px; width: 20px; height: 20px; border: 2px solid #bbb; border-radius: 6px; content: ''; }

.radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 20px; display: block; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background-color: #53b300; content: ''; opacity: 0; }
input[type=radio]:checked + .radio:before { opacity: 1; }

.checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 21px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #53b300; border-bottom: 3px solid #53b300; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }

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

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

select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

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

select { width: 100%; 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; }

.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-appearance: none; -webkit-tap-highlight-color: transparent; border-radius: 0; }
  input[type="submit"], input[type="reset"], input[type="button"] { width: 8em; } }