@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 6px;
  padding-right: 6px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 732px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1552px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 6px;
  padding-right: 6px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -6px;
  margin-right: -6px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333%;
  }
  .col-sm-pull-2 {
    right: 16.66667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333%;
  }
  .col-sm-pull-5 {
    right: 41.66667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333%;
  }
  .col-sm-pull-8 {
    right: 66.66667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333%;
  }
  .col-sm-pull-11 {
    right: 91.66667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333%;
  }
  .col-sm-push-2 {
    left: 16.66667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333%;
  }
  .col-sm-push-5 {
    left: 41.66667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333%;
  }
  .col-sm-push-8 {
    left: 66.66667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333%;
  }
  .col-sm-push-11 {
    left: 91.66667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333%;
  }
  .col-md-pull-2 {
    right: 16.66667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333%;
  }
  .col-md-pull-5 {
    right: 41.66667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333%;
  }
  .col-md-pull-8 {
    right: 66.66667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333%;
  }
  .col-md-pull-11 {
    right: 91.66667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333%;
  }
  .col-md-push-2 {
    left: 16.66667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333%;
  }
  .col-md-push-5 {
    left: 41.66667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333%;
  }
  .col-md-push-8 {
    left: 66.66667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333%;
  }
  .col-md-push-11 {
    left: 91.66667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1600px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333%;
  }
  .col-lg-pull-2 {
    right: 16.66667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333%;
  }
  .col-lg-pull-5 {
    right: 41.66667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333%;
  }
  .col-lg-pull-8 {
    right: 66.66667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333%;
  }
  .col-lg-pull-11 {
    right: 91.66667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333%;
  }
  .col-lg-push-2 {
    left: 16.66667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333%;
  }
  .col-lg-push-5 {
    left: 41.66667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333%;
  }
  .col-lg-push-8 {
    left: 66.66667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333%;
  }
  .col-lg-push-11 {
    left: 91.66667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

/*プリセットグリッドver2*/
label.control-label {
  font-weight: bold;
}

@media (min-width: 768px) {
  label.control-label {
    float: left;
  }
}

.pre-label,
.pre-label-md {
  display: block;
  font-weight: bold;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-label,
  .pre-label-md {
    width: 12.5%;
    float: left;
    text-align: right;
  }
}

.pre-label-sm {
  display: block;
  font-weight: bold;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-label-sm {
    width: 8.33333%;
    float: left;
    text-align: right;
  }
}

.pre-label-xs {
  display: block;
  font-weight: bold;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
  display: inline-block;
  font-size: 8px;
  padding-top: 0.5em;
}

@media (min-width: 768px) {
  .pre-label-xs {
    float: left;
  }
}

@media (min-width: 1200px) {
  .pre-label-xs {
    width: auto;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-label-xxs {
  width: 0%;
  font-size: 8px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 0.5em 0 0;
}

@media (min-width: 768px) {
  .pre-label-xxs {
    float: left;
    width: auto;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-label-lg {
  display: block;
  font-weight: bold;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-label-lg {
    width: 16.66667%;
    float: left;
    text-align: right;
  }
}

.pre-label-xl {
  display: block;
  font-weight: bold;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-label-xl {
    width: 25%;
    float: left;
    text-align: right;
  }
}

.pre-inputwrapper,
.pre-inputwrapper-md {
  width: 100%;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .pre-inputwrapper,
  .pre-inputwrapper-md {
    width: 25%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .pre-inputwrapper,
  .pre-inputwrapper-md {
    width: 20.83333%;
  }
}

@media (min-width: 1600px) {
  .pre-inputwrapper,
  .pre-inputwrapper-md {
    width: 16.66667%;
  }
}

.pre-inputwrapper-sm {
  width: 50%;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  float: left;
}

@media (min-width: 768px) {
  .pre-inputwrapper-sm {
    width: 15%;
  }
}

@media (min-width: 1200px) {
  .pre-inputwrapper-sm {
    width: 12.5%;
  }
}

@media (min-width: 1600px) {
  .pre-inputwrapper-sm {
    width: 8.33333%;
  }
}

.pre-inputwrapper-xs {
  width: 33.33333%;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  float: left;
}

@media (min-width: 768px) {
  .pre-inputwrapper-xs {
    width: 15%;
  }
}

@media (min-width: 1200px) {
  .pre-inputwrapper-xs {
    width: 12.5%;
  }
}

@media (min-width: 1600px) {
  .pre-inputwrapper-xs {
    width: 8.33333%;
  }
}

.pre-inputwrapper-lg {
  width: 100%;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .pre-inputwrapper-lg {
    width: 41.66667%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .pre-inputwrapper-lg {
    width: 33.33333%;
  }
}

@media (min-width: 1600px) {
  .pre-inputwrapper-lg {
    width: 25%;
  }
}

.pre-inputwrapper-xl {
  width: 100%;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .pre-inputwrapper-xl {
    width: 66.66667%;
    float: left;
  }
}

.pre-annotation,
.pre-annotation-md {
  display: block;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-annotation,
  .pre-annotation-md {
    width: 16.66667%;
    float: left;
  }
}

.pre-annotation-xs {
  display: block;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 768px) {
  .pre-annotation-xs {
    float: left;
    width: 0;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-annotation-xxs {
  width: 0%;
  float: left;
  font-size: 8px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 0.5em 0 0;
}

@media (min-width: 768px) {
  .pre-annotation-xxs {
    width: auto;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-annotation-lg {
  display: block;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-annotation-lg {
    width: 25%;
    float: left;
  }
}

.btn.pre-btn-lg {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  float: none;
}

@media (min-width: 768px) {
  .btn.pre-btn-lg {
    width: 16.66667%;
  }
}

.btn.pre-btn-lg-left {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  width: calc(100% - 12px);
  margin-left: 6px;
  margin-right: 6px;
}

@media (min-width: 768px) {
  .btn.pre-btn-lg-left {
    width: 16.66667%;
    margin-left: 25%;
  }
}

.btn.pre-btn-lg-center {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  width: calc(100% - 12px);
  margin-left: 6px;
  margin-right: 6px;
}

@media (min-width: 768px) {
  .btn.pre-btn-lg-center {
    width: 16.66667%;
    margin-left: 41.66667%;
  }
}

.btn.pre-btn-lg-right {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  width: calc(100% - 12px);
  margin-left: 6px;
  margin-right: 6px;
}

@media (min-width: 768px) {
  .btn.pre-btn-lg-right {
    width: 16.66667%;
    margin-left: 58.33333%;
  }
}

.btn.pre-btn-xl {
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .btn.pre-btn-xl {
    width: 25%;
    float: none;
  }
}

.btn.pre-btn,
.btn.pre-btn-md {
  width: 50%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .btn.pre-btn,
  .btn.pre-btn-md {
    width: 12.5%;
    float: none;
  }
}

.btn.pre-btn-sm {
  width: 33.33333%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .btn.pre-btn-sm {
    width: 8.33333%;
    float: none;
  }
}

.btn.pre-btn-xs {
  width: 25%;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 768px) {
  .btn.pre-btn-xs {
    width: 8.33333%;
    width: auto;
    float: none;
  }
}

.btn {
  margin: 0 0 4px;
}

.btn-group .btn {
  margin: 0;
}

.modal-footer .btn + .btn {
  margin: 0 0 4px;
}

@media (max-width: 767px) {
  .btn {
    width: 100%;
    margin: 0 0 4px;
  }
  .btn-group .btn {
    width: auto;
    margin: 0 0 4px;
  }
  .modal-footer .btn + .btn {
    margin: 0 0 4px;
  }
}

[class*="pre-filewrapper"] {
  float: left;
  min-height: 1px;
  padding: 0 0;
  position: relative;
  width: 100%;
}

[class*="pre-filewrapper"] .input-group-btn {
  overflow: hidden;
  padding: 3px 0 3px 3px;
}

[class*="pre-filewrapper"] .indicateBrowse {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 0px none transparent;
  height: 27px;
  line-height: 1.42857;
  padding: 3px 9px;
  margin: 3px 0;
  border-radius: 0 14px 14px 0;
}

[class*="pre-filewrapper"] .indicateBrowse:active, [class*="pre-filewrapper"] .indicateBrowse:focus {
  border: 0px none transparent;
}

[class*="pre-filewrapper"] .fileBrowse {
  position: absolute;
  left: -200px;
}

.pre-filewrapper,
.pre-filewrapper-md {
  width: 100%;
}

@media (min-width: 768px) {
  .pre-filewrapper,
  .pre-filewrapper-md {
    width: 50%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .pre-filewrapper,
  .pre-filewrapper-md {
    width: 41.66667%;
  }
}

@media (min-width: 1600px) {
  .pre-filewrapper,
  .pre-filewrapper-md {
    width: 33.33333%;
  }
}

.pre-filewrapper-sm {
  width: 100%;
}

@media (min-width: 768px) {
  .pre-filewrapper-sm {
    width: 41.66667%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .pre-filewrapper-sm {
    width: 33.33333%;
  }
}

@media (min-width: 1600px) {
  .pre-filewrapper-sm {
    width: 25%;
  }
}

.pre-filewrapper-lg {
  width: 100%;
}

@media (min-width: 768px) {
  .pre-filewrapper-lg {
    width: 66.66667%;
    float: left;
  }
}

.pre-doublecolumn {
  min-height: 1px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.pre-doublecolumn:before, .pre-doublecolumn:after {
  display: table;
  content: " ";
}

.pre-doublecolumn:after {
  clear: both;
}

@media (min-width: 768px) {
  .pre-doublecolumn {
    width: 50%;
    float: left;
  }
}

.pre-doublecolumn .pre-label,
.pre-doublecolumn .pre-label-md {
  width: 100%;
  text-align: left;
}

@media (min-width: 1200px) {
  .pre-doublecolumn .pre-label,
  .pre-doublecolumn .pre-label-md {
    width: 25%;
    float: left;
    text-align: right;
  }
}

.pre-doublecolumn .pre-label-sm {
  width: 100%;
}

@media (min-width: 1200px) {
  .pre-doublecolumn .pre-label-sm {
    width: 16.66667%;
    float: left;
  }
}

.pre-doublecolumn .pre-label-xs {
  display: block;
  font-weight: bold;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
  display: inline-block;
  font-size: 8px;
  padding-top: 0.5em;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-label-xs {
    width: auto;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-doublecolumn .pre-label-xxs {
  display: block;
  font-weight: bold;
  width: 0%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
  float: left;
  font-size: 8px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 0.5em 0 0;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-label-xxs {
    width: auto;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-label-lg {
    width: 33.33333%;
    float: left;
  }
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-label-xl {
    width: 50%;
    float: left;
  }
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-inputwrapper,
  .pre-doublecolumn .pre-inputwrapper-md {
    width: 50%;
    float: left;
  }
}

.pre-doublecolumn .pre-inputwrapper-sm {
  width: 50%;
  float: left;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-inputwrapper-sm {
    width: 33.33333%;
  }
}

.pre-doublecolumn .pre-inputwrapper-xs {
  width: 33.33333%;
  float: left;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-inputwrapper-xs {
    width: 33.33333%;
  }
}

@media (min-width: 1200px) {
  .pre-doublecolumn .pre-inputwrapper-xs {
    width: 25%;
  }
}

@media (min-width: 1600px) {
  .pre-doublecolumn .pre-inputwrapper-xs {
    width: 16.66667%;
  }
}

.pre-doublecolumn .pre-inputwrapper-lg {
  width: 100%;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-inputwrapper-lg {
    width: 50%;
    float: left;
  }
}

.pre-doublecolumn .pre-inputwrapper-xl {
  width: 100%;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-inputwrapper-xl {
    width: 66.66667%;
    float: left;
  }
}

.pre-doublecolumn .pre-annotation,
.pre-doublecolumn .pre-annotation-md {
  width: 100%;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-annotation,
  .pre-doublecolumn .pre-annotation-md {
    width: 25%;
    float: left;
  }
}

.pre-doublecolumn .pre-annotation-xs {
  display: block;
  width: 100%;
  min-height: 1px;
  padding-top: .25em;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-annotation-xs {
    float: left;
    width: 0;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-doublecolumn .pre-annotation-xxs {
  width: 0%;
  float: left;
  font-size: 8px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 0.5em 0 0;
}

@media (min-width: 768px) {
  .pre-doublecolumn .pre-annotation-xxs {
    width: auto;
    margin-left: -3px;
    margin-right: -3px;
    padding-left: 0;
    padding-right: 0;
  }
}

.pre-doublecolumn .pre-annotation-lg {
  width: 100%;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

@media (min-width: 1200px) {
  .pre-doublecolumn .pre-annotation-lg {
    width: 50%;
    float: left;
  }
}

/*ここまで プリセットグリッドver2*/
/*ここから　ラジオボタン・チェックボックス*/
.orig-check,
.orig-radio {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.orig-check label,
.orig-radio label {
  color: #333;
  position: relative;
  padding-left: 35px;
}

.orig-check input[type="checkbox"],
.orig-check input[type="radio"],
.orig-radio input[type="checkbox"],
.orig-radio input[type="radio"] {
  display: inline-block;
  left: -20px;
  position: absolute;
}

.orig-check input[type="checkbox"] + label::before {
  color: #9E9E9E;
  content: "";
  font: 16px/1 FontAwesome;
  left: 15px;
  position: absolute;
  text-rendering: auto;
  top: 2px;
  transform: rotate(0.001deg);
}

.orig-check input[type="checkbox"]:checked + label::before,
.orig-check.checked input[type="checkbox"] + label::before {
  color: #333;
  content: "" !important;
}

.orig-radio input[type="radio"] + label::before {
  color: #9E9E9E;
  content: "";
  font: 16px/1 FontAwesome;
  left: 15px;
  position: absolute;
  text-rendering: auto;
  top: 1px;
  transform: rotate(0.001deg);
}

.orig-radio input[type="radio"]:checked + label::before,
.orig-radio.checked input[type="radio"] + label::before {
  color: #333;
  content: "" !important;
}

/*ここまで　ラジオボタン・チェックボックス*/
@media (min-width: 768px) {
  .table-scrollable.ready,
  .table-scrollable-pconly.ready {
    height: 240px;
  }
  .table-scrollable.ready thead > tr,
  .table-scrollable-pconly.ready thead > tr {
    float: left;
  }
  .table-scrollable.ready tbody,
  .table-scrollable-pconly.ready tbody {
    float: left;
    height: 100%;
    overflow: auto;
  }
}

@media (max-width: 767px) {
  .table-scrollable.ready {
    height: 240px;
  }
  .table-scrollable.ready thead > tr {
    float: left;
  }
  .table-scrollable.ready tbody {
    float: left;
    height: 100%;
    overflow: auto;
  }
}