* {font-family: 'Zen Maru Gothic';}

.clearfix:after {content: ""; display: block; clear: both;}

h1 {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  width: auto !important;
}

dt {
  font-family: 'Kaisei Opti';
  color:'#990000';
  font-weight: bold;
}
h3 {
  font-family: 'Klee One';
  color: '#990000';
  font-size: 100%;
  font-weight: bold;
}
button.btn {color: #993333;}
h2.announce {
  font-size: 110%;
  color: #666666;
}
span.must {
  font-size: 90%;
  font-weight: bold;
  color: #FF0000;
}
span.remark {
  font-size: 80%;
  color: #000099;
}
div.confirm {
  margin-top: -0.5em;
  margin-left: 2em;
  font-size: 110%;
  font-weight: bold;
  color: #990000;
}


/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-label-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
  text-indent: -3.4em;
}
.custom-label-flipswitch.ui-flipswitch .ui-flipswitch-off {
  text-indent: 0.5em;
}

/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
  text-indent: -5.9em;
}
.custom-size-flipswitch.ui-flipswitch .ui-flipswitch-off {
  text-indent: 0.5em;
}
/* Custom widths are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch {
  width: 8.875em;
}
.custom-size-flipswitch.ui-flipswitch.ui-flipswitch-active {
  padding-left: 7em;
  width: 1.875em;
}
@media (min-width: 28em) {
  /*Repeated from rule .ui-flipswitch above*/
  .ui-field-contain > label + .custom-size-flipswitch.ui-flipswitch {
    width: 1.875em;
  }
}