#send_submit {
  -moz-border-radius   : 1em ;
  -webkit-border-radius: 1em;
  border-radius        : .3em ;
  font-size            : 16px;
  padding              : .6em 20px;
  min-width            : .75em;
  position             : relative;
  text-overflow        : ellipsis;
  overflow             : hidden;
  white-space          : nowrap;
  zoom                 : 1;
  border               : 1px solid #ccc;
  background           : #eee;
  font-weight          : bold;
  color                : #222 ;
  text-shadow          : 0 1px 0 #ffffff ;
  background-image     : -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #f1f1f1 ));
  background-image     : -webkit-linear-gradient( #ffffff, #f1f1f1 );
  background-image     :    -moz-linear-gradient( #ffffff, #f1f1f1 );
  background-image     :     -ms-linear-gradient( #ffffff, #f1f1f1 );
  background-image     :      -o-linear-gradient( #ffffff, #f1f1f1 );
  background-image     :         linear-gradient( #ffffff, #f1f1f1 );
}

.name_cell_label {
  padding-left: 5px;
}

.add_table {
  margin-top:20px;
}

.address_num {
  width:275px;
}

.btn-parts {
  width:100%;
  border-radius:3px;
  color:#333;
}

.captcha_table > tbody > tr > td,.captcha_table > tr > td,.name_table.sidebar > tbody > tr > td,.name_table.sidebar > tr > td,.address_table.sidebar > tbody > tr > td,.address_table.sidebar > tr > td {
  display:block;
  list-style-type:none;
  width:100%;
  padding:0;
}

input[type=radio],input[type=checkbox] {
  display:none;
}

input[type=radio][name="newsletter"] {
  display: inline-block;  /* ニュースレターの登録・解除ボタン */
}


.name_table.sidebar {
  display: table;
}

.captcha_table > thead,.captcha_table .nodisplay,.name_row_short,.disp_none,input[type=radio],input[type=checkbox],.name_table.sidebar > thead,.name_table.sidebar .nodisplay,.address_table.sidebar > thead,.address_table.sidebar .nodisplay {
  display:none;
}



.captcha_table,.captcha_table > tbody,.captcha_table > tbody > tr,.captcha_table > tr,.name_table.sidebar > tbody,.name_table.sidebar > tbody > tr,.name_table.sidebar > tr,.address_table.sidebar,.address_table.sidebar > tbody,.address_table.sidebar > tbody > tr,.address_table.sidebar > tr {
  display:block;
}

.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 8px 0;
  padding: 12px 12px 12px 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: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 48%;
  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;
}

.close {
  width:32px;
  height:32px;
  line-height:28px;
  border-radius:100px;
  text-align:center;
  opacity:.5 !important;
  padding:0;
}

.editable {
  position:relative;
}

.error {
  display:inline-block;
  border:1px solid;
  background-repeat:no-repeat;
  background-position:10px center;
  color:#D8000C;
  background-color:#FFBABA;
  margin:5px 0;
  padding:5px 10px;
}

.form-box {
  height:90vh;
}

.form-group,.parts_table {
  width:98%;
}

.form_table {
  width:100%;
  height:90vh;
  border:1px solid;
}

.formdata.innerbox {
  margin:10px;
}

.name_label {
  width:30px !important;
  text-align:center !important;
  display:inline-block !important;
}

.name_label_div {
  padding-left:6px;
}

.name_row.sidebar {
  display:none !important;
}

.name_row_short.sidebar {
  display:block !important;
  padding-left:6px !important;
}

.name_separate {
  width:35%;
}

.parts-input.text_resp,.parts-input.input-date.text_resp {
  width:80%;
}

.name_table.sidebar {
  width:100%;
  display:block;
}

.out_box {
  margin-bottom:10px;
  border-color:#333;
}

.overlay {
  display:none;
  width:100%;
  height:100%;
  text-align:center;
  position:fixed;
  top:0;
  z-index:100;
  background:rgba(0,0,0,0.7);
}

.parts-block {
  margin-top:10px;
  width:98%;
}

.parts-input {
  width:350px;
}

.parts-input.name_separate.text_resp {
  width:35% !important;
}


.parts-input.input-date.text_resp {
  width:75%;
}

.parts-input.text_resp {
  width:75%;
  -moz-border-radius:.6em !important;
  -webkit-border-radius:.6em !important;
  border-radius:.2em !important;
  border:1px solid #aaa !important;
  color:#333 !important;
  text-shadow:0 1px 0 #fff !important;
  background:#f9f9f9 !important;
  background-image:none !important;
  line-height:1.4 !important;
  font-size:16px !important;
  outline:0 !important;
  margin:.5em !important;
  padding:.4em !important;
}

.parts-input.text_resp.long {
  width:75%;
}

.parts-input.text_resp:focus {
  -moz-box-shadow:0 0 12px #387bbe !important;
  -webkit-box-shadow:0 0 12px #387bbe !important;
  box-shadow:0 0 12px #387bbe !important;
}

.parts-label {
  display:inline-block;
  margin:5px 0;
}

.parts_box {
  height:30vh;
  overflow-x:hidden;
}

.parts_table > tbody > tr > td {
  vertical-align:top;
  padding:5px;
}

.prefecture {
  margin:.5em;
}

.select-box {
  width:207px;
}

.select_box {
  margin-left:6px;
}

.parts-block .select_box select {
  margin-bottom:8px;
  height:35px !important;
  border-radius:0 !important;
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
  color:#858585 !important;
  background-color:#fff !important;
  border:1px solid #d5d5d5 !important;
  padding:3px 4px !important;
}

.send_box {
  text-align:center;
  width:100%;
  margin:10px 0;
}

.tag {
  display:inline-block;
  font-size:75%;
  font-weight:700;
  line-height:1;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  vertical-align:baseline;
  border-radius:0.25rem;
  margin-left:5px;
  padding:0.25em 0.4em;
}

.tag-box {
  display:inline-block;
}

.tag-danger {
  background-color:#d9534f;
}

.tag-default {
  background-color:#78909C;
}

input[type=radio]:checked+.radio:before,input[type=checkbox]:checked+.checkbox:before{
  opacity:1px !important;
}

.confirm-title {
  display: inline;
}

.name_table {
  display: table;
  width:79%;
}

.name_cell_1 {
  display: table-cell;
  width: 45%;
  padding-right: 5px;
}

.name_cell_1 > input {
  width:90% !important;
}

.name_cell_1.sidebar {
  display: block;
  width:100%;
  float:none;
}

.name_cell_2 {
  display: table-cell;
  width: 45%;
}

.name_cell_2 > input {
  width:90% !important;
}

.name_cell_2.sidebar {
  display: block;
  width:100%;
  float:none;
}

@media screen and (max-width:495px) {
  .name_row {
    display:none !important;
  }

  .name_row_short {
    display:block;
    padding-left:6px;
  }

  .name_table > tbody > tr > td,.name_table > tr > td {
    display:list-item;
    list-style-type:none;
    width:100%;
    padding:0;
  }

  .select_box select {
    width:96% !important;
  }
  .name_table {
    width: 100%;
  }
  .confirm-title {
    display: block;
    text-align: right;
    margin-right: 5px;
    width: 95%;
  }

  .name_table,.name_table > tbody,.name_table > tbody > tr,.name_table > tr {
    display:block;
  }

  .parts-input {
    width: 100%;
  }
  .parts-input.text_resp {
    padding-left:  0em !important;
    padding-right: 0em !important;
  }
  .parts-input.text_resp, .parts-input.text_resp.mail {
    width: 95% !important;
  }

  .parts-input.text_resp.long,.parts-input.text_resp {
    width: 95% !important;
  }

  .parts-input,.parts-input.text_resp.mail {
    width:95% !important;
  }

  .confirm-title {
    margin-right: 10px;
  }

  .confirm-title {
    margin-right: 10px !important;
  }

  .name_cell_1 {
    display: block;
    width:100%;
  }

  .name_cell_2 {
    display: block;
    width:100%;
  }
}

@media screen and (min-width:496px) and (max-width:965px) {
.name_table {
  display: table;
  width:55%;
}


  .parts-input.text_resp.long,.parts-input.text_resp {
    width:50%;
  }

  .select_box select{
    width:55% !important;
  }

  .confirm-title {
    display: block;
    text-align: right;
    width: 55%;
  }

  .parts-input {
    width: 100%;
  }

  .label_tr,.name_table > thead,.name_table .nodisplay {
    display:none;
  }

  .name_table,.name_table > tbody,.name_table > tbody > tr,.name_table >3 tr {
    display:block;
  }

  .name_table .parts-input.text_resp,.address_table .parts-input.text_resp,.parts-input.input-date.text_resp {
    width:50%;
  }

  .name_row {
    display:none !important;
  }

  .name_row_short {
    display:block;
    padding-left:6px;
  }

  .name_table > tbody > tr > td,.name_table > tr > td {
    display:list-item;
    list-style-type:none;
    width:100%;
    padding:0;
  }

  .name_table,.name_table > tbody,.name_table > tbody > tr,.name_table > tr {
    display:block;
  }

  .address_table > tbody > tr > td {
    display:list-item;
    list-style-type:none;
    width:100%;
    padding:0;
  }

  .name_cell_1 {
    display: block;
    width:100%;
  }

  .name_cell_2 {
    display: block;
    width:100%;
  }
}


@media screen and (min-width:966px) {
  .name_row {
    display:table-row !important;
  }
}

.parts-input.text_resp.sidebar,.parts-input.text_resp.long.sidebar {
  width:90% !important;
}

.sidebar + .confirm-title {
  width:95% !important;
}  

.select_box.sidebar > select,.address_table.sidebar > tbody > tr > td > select {
  width:97% !important;  
}

/*@media screen and (min-width:686px) and (max-width:784px) {
  select {
    width:100% !important;
  }

  .name_table {
    width: 100%;
  }

  .confirm-title {
    display: block;
    text-align: right;
    margin-right: 10px;
  }

  .name_table,.name_table > tbody,.name_table > tbody > tr,.name_table > tr {
    display:block;
  }

  .parts-input {
    width: 100%;
  }
  .parts-input.text_resp, .parts-input.text_resp.mail {
    width: 95% !important;
  }

  .parts-input.text_resp.long,.parts-input.text_resp {
    width: 95% !important;
  }

  .parts-input,.parts-input.text_resp.mail {
    width:95% !important;
  }

  .confirm-title {
    margin-right: 10px;
  }

  .confirm-title {
    margin-right: 10px !important;
  }
}

@media screen and (min-width:785px) {
  .label_tr,.name_table > thead,.name_table .nodisplay {
    display:none;
  }

  .name_row {
    display:none !important;
  }

  .name_row_short {
    display:block;
    padding-left:6px;
  }

  .name_table > tbody > tr > td,.name_table > tr > td {
    display:list-item;
    list-style-type:none;
    width:100%;
    padding:0;
  }

  .name_table,.name_table > tbody,.name_table > tbody > tr,.name_table > tr {
    display:block;
  }

  .parts-input.text_resp.long,.parts-input.text_resp {
    width:50%;
  }

  .select-box {
    width:255px;
  }
}*/

.table {
    display:table;
    width:100%;
}
.cell {
    display:table-cell;
    border:1px solid grey;
}

.cell.sidebar {
    display:block;
    border:1px so1lid grey;
    width:100%;
}

@media (max-width: 767px) {
    .table, .cell {
        display:block;
    }
}

.address_table {
  display: table;
  width:100%;
}

.address_cell_1 {
  display: table-cell;
  width: 180px;
  float: left;
  padding-right: 5px;
}

.address_cell_1 > input {
  width:90% !important;
}

.address_cell_1.sidebar {
  display: block;
  width:100%;
}

.address_cell_2 {
  display: table-cell;
  width: 180px;
  float: left;
}

.address_cell_2.sidebar {
  display: block;
  width:100%;
}


.address_cell_2 > select {
  width:98% !important;
  font-size: 1em;
  height:35px !important;
  border-radius:0 !important;
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
  color:#858585 !important;
  background-color:#fff !important;
  border:1px solid #d5d5d5 !important;
  padding:3px 4px !important;
}


.address_cell_3 {
  display: block;
}