@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*!
  jQuery.yakumono (0.3.0) github.com/hokkey/jquery.yakumono
  (C) 2017 Yuma Hori.
  MIT @license: en.wikipedia.org/wiki/MIT_License
*/
/* line 19, yakumono.scss */
.js-yakumono .is-oidashi {
  margin-right: .5em;
}
/* line 22, yakumono.scss */
.js-yakumono .is-oidashi.is-tategumi {
  margin-right: 0;
  margin-bottom: .5em;
}
/* line 27, yakumono.scss */
.js-yakumono .is-oidashi-small {
  margin-right: .01em;
}
/* line 30, yakumono.scss */
.js-yakumono .is-oidashi-small.is-tategumi {
  margin-right: 0;
  margin-bottom: .01em;
}
/* line 36, yakumono.scss */
.js-yakumono.is-betagumi {
  text-align: justify;
  box-sizing: content-box;
}
/* line 41, yakumono.scss */
.js-yakumono.is-betagumi-center {
  margin-left: auto;
  margin-right: auto;
}
/* line 46, yakumono.scss */
.js-yakumono.is-jisage {
  text-indent: 1em;
}
/* line 49, yakumono.scss */
.js-yakumono.is-jisage > p, .js-yakumono.is-jisage .js-jisage {
  text-indent: 1em;
}
/* line 55, yakumono.scss */
.js-yakumono.is-tsumegumi .js-char:not(.js-char-yakumono) {
  font-feature-settings: 'palt' 1;
}
/* line 60, yakumono.scss */
.js-yakumono.is-tategumi {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

/* line 72, yakumono.scss */
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--owarikakko.is-end-of-line,
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--kuten.is-end-of-line,
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--touten.is-end-of-line,
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--nakaten.is-end-of-line {
  font-feature-settings: 'halt' 1;
}
/* line 12, yakumono.scss */
.is-tategumi .js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--owarikakko.is-end-of-line, .is-tategumi
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--kuten.is-end-of-line, .is-tategumi
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--touten.is-end-of-line, .is-tategumi
.js-yakumono.is-gyomatsu-yakumono-hankaku .js-char-yakumono--nakaten.is-end-of-line {
  font-feature-settings: 'vhal' 1;
}

/* line 79, yakumono.scss */
.js-char-yakumono--hajimekakko.is-start-of-line, .js-char-yakumono--hajimekakko.js-char-yakumono--after--hajimekakko {
  font-feature-settings: 'halt' 1;
}
/* line 12, yakumono.scss */
.is-tategumi .js-char-yakumono--hajimekakko.is-start-of-line, .is-tategumi .js-char-yakumono--hajimekakko.js-char-yakumono--after--hajimekakko {
  font-feature-settings: 'vhal' 1;
}
/* line 83, yakumono.scss */
.is-safari .js-char-yakumono--hajimekakko.is-start-of-line, .is-safari .js-char-yakumono--hajimekakko.js-char-yakumono--after--hajimekakko {
  position: relative;
  left: -.5em;
}

/* line 92, yakumono.scss */
.js-char-yakumono--owarikakko.js-char-yakumono--before--owarikakko, .js-char-yakumono--owarikakko.js-char-yakumono--before--kuten, .js-char-yakumono--owarikakko.js-char-yakumono--before--touten, .js-char-yakumono--owarikakko.js-char-yakumono--before--hajimekakko {
  font-feature-settings: 'halt' 1;
}
/* line 12, yakumono.scss */
.is-tategumi .js-char-yakumono--owarikakko.js-char-yakumono--before--owarikakko, .is-tategumi .js-char-yakumono--owarikakko.js-char-yakumono--before--kuten, .is-tategumi .js-char-yakumono--owarikakko.js-char-yakumono--before--touten, .is-tategumi .js-char-yakumono--owarikakko.js-char-yakumono--before--hajimekakko {
  font-feature-settings: 'vhal' 1;
}

/* line 102, yakumono.scss */
.js-char-yakumono--kuten.js-char-yakumono--before--hajimekakko, .js-char-yakumono--kuten.js-char-yakumono--before--owarikakko {
  font-feature-settings: 'halt' 1;
}
/* line 12, yakumono.scss */
.is-tategumi .js-char-yakumono--kuten.js-char-yakumono--before--hajimekakko, .is-tategumi .js-char-yakumono--kuten.js-char-yakumono--before--owarikakko {
  font-feature-settings: 'vhal' 1;
}

/* line 110, yakumono.scss */
.js-char-yakumono--touten.js-char-yakumono--before--hajimekakko, .js-char-yakumono--touten.js-char-yakumono--before--owarikakko {
  font-feature-settings: 'halt' 1;
}
/* line 12, yakumono.scss */
.is-tategumi .js-char-yakumono--touten.js-char-yakumono--before--hajimekakko, .is-tategumi .js-char-yakumono--touten.js-char-yakumono--before--owarikakko {
  font-feature-settings: 'vhal' 1;
}

/* line 118, yakumono.scss */
.js-char-yakumono--nakaten.js-char-yakumono--after--owarikakko.js-char-yakumono--before--hajimekakko {
  font-feature-settings: 'halt' 1;
}
/* line 12, yakumono.scss */
.is-tategumi .js-char-yakumono--nakaten.js-char-yakumono--after--owarikakko.js-char-yakumono--before--hajimekakko {
  font-feature-settings: 'vhal' 1;
}
/* line 120, yakumono.scss */
.is-safari .js-char-yakumono--nakaten.js-char-yakumono--after--owarikakko.js-char-yakumono--before--hajimekakko {
  position: relative;
  left: -.25em;
}

/*
body {
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 2em;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 2em;
}

.page {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

div, p {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  width: 400px;
  position: relative;
}

.head, .head-small {
  line-height: 1;
  font-size: 12px;
}

.head {
  text-align: center;
}

.subtitle {
  font-size: 11px;
  margin-bottom: 10px;
}

.head-small {
  margin-top: 2em;
}

.frame {
  background: #eee;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 1.8;
  padding: 10px 5%;
  position: relative;
  max-height: 1.8 * 5em;
  overflow-y: scroll;

  @media all and (min-width: 600px) {
    max-height: 1.8 * 7em;
  }

  > div {
    position: relative;

    &::before, &::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
    }

    &::before {
      left: 0;
      border-left: 1px solid #ccc;
    }

    &::after {
      right: 0;
      border-right: 1px solid #ccc;
    }
  }

  p + p {
    margin-top: 1em;
  }
}

.justify {
  text-align: justify;
}

.vertical {
  height: 40em;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;

  > p {
    text-indent: 1em;
  }
}
*/