@charset "UTF-8";
.clarfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

/* 寄せ */
.row--flex, .row--h-left, .row--h-center, .row--v-center, .row--v-top {
  display: flex;
  flex-wrap: wrap;
}

.row--flex:before, .row--h-left:before, .row--h-center:before, .row--v-center:before, .row--v-top:before, .row--flex:after, .row--h-left:after, .row--h-center:after, .row--v-center:after, .row--v-top:after {
  display: none;
}

.row--v-top {
  align-items: flex-start;
}

.row--v-center {
  align-items: center;
}

.row--h-center {
  justify-content: center;
}

.row--h-left {
  justify-content: flex-start;
}

.v-center {
  align-self: center;
}

.v-top {
  align-self: flex-start;
}

/*チェックボックス bootstrapの影響でラベルとチェックボックスが揃わなくなる問題*/
.aligned-checkboxes {
  display: inline-block;
}
.aligned-checkboxes label {
  display: inline-block;
  white-space: nowrap;
  font-size: inherit;
}
.aligned-checkboxes input {
  vertical-align: middle;
  margin: 0px;
}
.aligned-checkboxes span {
  vertical-align: middle;
}

/* トグルスイッチ */
.tgl-skewed {
  display: none;
}

.tgl-skewed + .tgl-btn {
  outline: 0;
  display: inline-block;
  vertical-align: middle;
  width: 2.5em;
  height: 1em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  transform: skew(-10deg);
  transition: all 0.2s ease;
  font-family: sans-serif;
  background: #888;
}

.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: skew(10deg);
  transition: all 0.2s ease;
  text-align: center;
  line-height: 1em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-off);
}

.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-on);
}

.tgl-skewed:checked + .tgl-btn {
  background: #ffd700;
}

.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}

.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}

/* 三角コーナー */
.triangle {
  position: relative;
}

.triangle:after {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #f93;
  content: "";
}

/* 入力禁止 */
.absolute-wrapper {
  position: relative;
  padding: 2px;
}

.input-disable-area {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  background-color: #ddd;
  opacity: 0.5;
  cursor: not-allowed;
}/*# sourceMappingURL=oe.css.map */