@charset "UTF-8";

html {
  font-size: 13px;
}

br.cond-add.small {
  display: inline;
}

br.cond-remove.small {
  display: none;
}

.cond-align-left.small {
  text-align: left;
}

.cond-align-center.small {
  text-align: center;
}

.cond-align-right.small {
  text-align: right;
}


/*
  Display Control
*/
[data-vp-small~="show"] {
  display: block;
}

[data-vp-small~="show"][data-vp-small~="inline"] {
  display: inline;
}

[data-vp-small~="show"][data-vp-small~="inline-block"] {
  display: inline-block;
}

[data-vp-small~="show"][data-vp-small~="flex"] {
  display: flex;
}

[data-vp-small~="hide"] {
  display: none;
}

[data-vp-small~="align-left"] {
  text-align: left;
}

[data-vp-small~="align-center"] {
  text-align: center;
}

[data-vp-small~="align-right"] {
  text-align: right;
}

[data-cond-display~="small"][data-cond-display~="show"] {
  display: block;
}

[data-cond-display~="small"][data-cond-display~="hide"] {
  display: none;
}

[data-cond-display~="small"][data-cond-display~="inline"] {
  display: inline;
}

[data-cond-display~="small"][data-cond-display~="inline-block"] {
  display: inline-block;
}

[data-cond-align~="small"][data-cond-align~="left"] {
  text-align: left;
}

[data-cond-align~="small"][data-cond-align~="center"] {
  text-align: center;
}

[data-cond-align~="small"][data-cond-align~="right"] {
  text-align: right;
}

[data-cond-remove-brs~="small"] br {
  display: none;
}


p {
  word-break: break-all;
}

dd {
  margin-left: 1em;
}


.overflow {
}

.overflow:before {
  font-size: 0.75rem;
  color: #a0a0a0;
  content: '\f100\00a0横にスクロールして続きを表示\00a0\f101';
  display: block;
  text-align: center;
  margin-bottom: 3em;
}

.overflow > .scroll {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  margin-bottom: 2rem;
  position: static;
}

.overflow > .scroll > * {
  width: 200%;
  position: static;
}

.overflow > .scroll > table caption {
  position: absolute;
  display: block;
  margin-top: -2.25em;
  width: 100%;
}


/*
  Flex definitions
*/
.flex > .small-hide {
  display: none;
}

.flex > .small-show {
  display: inline-block;
}

.flex > .small-order-1 {
  order: 1;
}

.flex > .small-order-2 {
  order: 2;
}

.flex > .small-order-3 {
  order: 3;
}

/* - side-by-side */
.flex.sbs.small-c1 > * {
  flex-basis: 100%;
}

.flex.sbs.small-c2 > * {
  flex-basis: 50%;
}

.flex.sbs.small-c3 > * {
  flex-basis: (100% / 3);
}

.flex.sbs.small-c4 > * {
  flex-basis: 25%;
}

.flex.sbs.small-c5 > * {
  flex-basis: 20%;
}

.flex.sbs.small-c6 > * {
  flex-basis: (100% / 6);
}

.flex.sbs.separate.small-c1 > * {
  flex-basis: calc( 100% - 1em );
}

.flex.sbs.separate.small-c2 > * {
  flex-basis: calc( 50% - 1em );
}

.flex.sbs.separate.small-c3 > * {
  flex-basis: calc( (100% / 3) - 1em );
}

.flex.sbs.separate.small-c4 > * {
  flex-basis: calc( 25% - 1em );
}

.flex.sbs.separate.small-c5 > * {
  flex-basis: calc( 20% - 1em );
}

.flex.sbs.separate.small-c6 > * {
  flex-basis: calc( (100% / 6) - 1em );
}


/* - collapsed */
.flex > .small-w10 {
  flex-basis: 10%;
}

.flex > .small-w15 {
  flex-basis: 15%;
}

.flex > .small-w20 {
  flex-basis: 20%;
}

.flex > .small-w25 {
  flex-basis: 25%;
}

.flex > .small-w30 {
  flex-basis: 30%;
}

.flex > .small-w33 {
  flex-basis: calc( 100% / 3 );
}

.flex > .small-w40 {
  flex-basis: 40%;
}

.flex > .small-w50 {
  flex-basis: 50%;
}

.flex > .small-w60 {
  flex-basis: 60%;
}

.flex > .small-w66 {
  flex-basis: calc( (100% / 3) * 2 );
}

.flex > .small-w70 {
  flex-basis: 70%;
}

.flex > .small-w75 {
  flex-basis: 75%;
}

.flex > .small-w80 {
  flex-basis: 80%;
}

.flex > .small-w90 {
  flex-basis: 90%;
}

.flex > .small-w100 {
  flex-basis: 100%;
}


/* - separated */
.flex.separate > .small-w10 {
  flex-basis: calc( 10% - 0.9em );
}

.flex.separate > .small-w15 {
  flex-basis: calc( 15% - 0.85em );
}

.flex.separate > .small-w20 {
  flex-basis: calc( 20% - 0.8em );
}

.flex.separate > .small-w25 {
  flex-basis: calc( 25% - 0.75em );
}

.flex.separate > .small-w30 {
  flex-basis: calc( 30% - 0.7em );
}

.flex.separate > .small-w33 {
  flex-basis: calc( (100% / 3) - ((1em / 3) * 2) );
}

.flex.separate > .small-w40 {
  flex-basis: calc( 40% - 0.6em );
}

.flex.separate > .small-w50 {
  flex-basis: calc( 50% - 0.5em );
}

.flex.separate > .small-w60 {
  flex-basis: calc( 60% - 0.4em );
}

.flex.separate > .small-w66 {
  flex-basis: calc( ((100% / 3) * 2) - (1em / 3) );
}

.flex.separate > .small-w70 {
  flex-basis: calc( 70% - 0.3em );
}

.flex.separate > .small-w75 {
  flex-basis: calc( 75% - 0.25em );
}

.flex.separate > .small-w80 {
  flex-basis: calc( 80% - 0.2em );
}

.flex.separate > .small-w90 {
  flex-basis: calc( 90% - 0.1em );
}

.flex.separate > .small-w100 {
  flex-basis: 100%;
}