/*
@font-face {
  font-family: 'A1明朝';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/NotoSerifCJKjp-Regular.otf') format('opentype');
} */

@charset "UTF-8";
 html{
    overflow-x:scroll;
    overflow-y:hidden;
    width:100%;
    height:100%;
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,'A1明朝',メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif;
}
html.writing-mode-lr-tb{
    overflow-x:hidden;
    overflow-y:scroll
}
html.Android,html.iOS{
    overflow-x:hidden;
    overflow-y:hidden
}
body{
    width:100%;
    height:100%;
    background-image:url(images/bg-paper.png)
}
.text-orientation-upright {
    text-orientation: upright;
}
.text-combine-horizontal-all {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
}
.writing-mode-lr-tb body{
    background-repeat:left top
}
body>#page-top>.ha-footer,body>#page-top>.ha-header{
    z-index:9999
}
.ha-footer,.ha-glNav,.ha-header{
    -webkit-writing-mode:horizontal-tb;
    -moz-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    -ms-writing-mode:horizontal-tb;
    -o-writing-mode:horizontal-tb;
    writing-mode:lr-tb;
    writing-mode:horizontal-tb
}
.ha-header{
    top:0;
    right:0
}
.ha-footer{
    bottom:0;
    right:0
}
#content{
    margin:auto
}
#checker{
    -webkit-writing-mode:vertical-rl;
    -moz-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -ms-writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    writing-mode:tb-rl;
    writing-mode:vertical-rl
}
#indicator{
    -webkit-writing-mode:horizontal-tb;
    -moz-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    -ms-writing-mode:horizontal-tb;
    -o-writing-mode:horizontal-tb;
    writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    box-sizing:border-box;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:100%;
    height:80px;
    line-height:80px;
    text-align:center;
    opacity:0;
    transition:.4s ease-in-out
}
#indicator.indicates{
    opacity:1
}
#indicator:after{
    content:"（お待ちください）";
    font-size:14px;
    color:#a0a0a0
}
#indicator:after,#reader{
    font-family:游明朝,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,HiraMinProN-W3,ヒラギノ明朝 Pro W3,HiraMinPro-W3,A1明朝,ＭＳ\ 明朝,MS Mincho,本明朝-M\ 新がな,HonMinSink-M,sans-serif
}
#reader{
    box-sizing:border-box;
    position:relative;
    z-index:999;
    margin:0 auto;
    /*padding:51px 0 70px;*/
    padding-top: 30px;
	padding-bottom: 30px;
	height:auto;
    text-align:justify;
    text-justify:inter-ideograph;
    vertical-align:baseline;
    word-wrap:break-word;
    color:#423b3b;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:subpixel-antialiased;
    -moz-osx-font-smoothing:auto;
    transition:.4s ease-out;
    -webkit-writing-mode:vertical-rl;
    -moz-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -ms-writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    writing-mode:tb-rl;
    writing-mode:vertical-rl;
    width:auto;
    height:100%
}

.Android #reader,.iOS #reader{
	padding-bottom: 20px;
	color: blue;
    overflow-x:scroll;
    overflow-y:hidden;
    position:fixed;
    left:0;
    top:51px;
    padding:0;
    width:100%;
    max-height:auto;
    height:calc(100% - 121px);
    -webkit-overflow-scrolling:touch
}
.Android.writing-mode-lr-tb #reader,.iOS.writing-mode-lr-tb #reader{
    overflow-x:hidden;
    overflow-y:scroll
}
.preparing #reader{
    opacity:0;
    margin:0 0 0 -32px;
    padding-right:32px;
    transition:none
}
.preparing.writing-mode-lr-tb #reader{
    margin:32px 0 -32px;
    padding-right:0
}
#reader a,#reader u{
    text-decoration:none;
    border-style:solid;
    border-width:0 1px 0 0
}

#reader a:hover{
    color:#e37d72
}
#reader a.mailto{
    border-width:0 0 0 1px
}

#reader .coupled.as-exclamation-question-mark,#reader .coupled.as-question-exclamation-mark,#reader .tcy{
    -webkit-text-combine:horizontal;
    text-combine:horizontal;
    -ms-text-combine-horizontal:all;
    text-combine-horizontal:all;
    text-combine-upright:all
}
.iOS #reader .coupled.as-exclamation-question-mark,.iOS #reader .coupled.as-question-exclamation-mark,.iOS #reader .tcy{
    display:inline-block;
    position:relative
}
.iOS #reader .plural-characters.coupled.as-exclamation-question-mark,.iOS #reader .plural-characters.coupled.as-question-exclamation-mark,.iOS #reader .tcy.plural-characters{
    top:.2em
}
#reader .repeated.as-doublewidth-em-dash{
    display:inline-block;
    transform:translateX(.05em)
}

#reader .quoted.with-double-quotation-marks .left-double-quotation-mark,#reader .quoted.with-double-quotation-marks .right-double-quotation-mark{
    display:inline-block;
    width:0;
    height:0;
    color:transparent
}
#reader .quoted.with-double-quotation-marks:before{
    content:"〝"
}
#reader .quoted.with-double-quotation-marks:after{
    content:"〟"
}
.Windows #reader ruby{
    line-height:1
}
.Windows.Chrome.writing-mode-tb-rl #reader ruby rt{
    transform:translateX(-.4em)
}
.Windows.Firefox.writing-mode-lr-tb #reader ruby rt{
    margin-bottom:-.25em
}
#reader .section-body,#reader .section-supplement{
    margin:auto;
    max-height:648px
}

#reader .section-body{
    font-size:20px;
    letter-spacing: -0.05em
}
#reader .section-body article{
    padding:0px; /*20px*/
}
#reader .section-body article img{
    display:inline-block;
    border:0 none;
    width:auto;
    height:auto;
    max-height:100%
}

#reader .section-body article section{
    margin-right:4em
}

#reader .section-body article section section{
    margin-right:2em
}

#reader .section-body article section section section{
    margin-right:1em
}

#reader .section-body .hgroup{
    display:block
}
#reader .section-body .h1group{
    margin:0 1.77778em 0 2em
}

#reader .section-body .h2group{
    margin:0 1em
}

#reader .section-body .h3group{
    margin:0 1em
}

#reader .section-body .h4group{
    margin:0 1em 0 -.5em
}

#reader .section-body h1 span,#reader .section-body h2 span,#reader .section-body h3 span,#reader .section-body h4 span,#reader .section-body h5 span,#reader .section-body h6 span{
    display:inline-block
}
#reader .section-body h1 ruby span,#reader .section-body h2 ruby span,#reader .section-body h3 ruby span,#reader .section-body h4 ruby span,#reader .section-body h5 ruby span,#reader .section-body h6 ruby span{
    display:inline
}
#reader .section-body h1{
    line-height:1.5;
    font-size:1.6em;
    font-weight:400;
    font-family:游明朝,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,HiraMinProN-W3,ヒラギノ明朝 Pro W3,HiraMinPro-W3,A1明朝,ＭＳ\ 明朝,MS Mincho,本明朝-M\ 新がな,HonMinSink-M,sans-serif;
    color:#74462b
}
#reader .section-body h1>em.chapter-number,#reader .section-body h1>small,#reader .section-body h1>strong.chapter-title{
    font-style:normal;
    font-weight:400
}
#reader .section-body h1 em.chapter-number{
    display:block;
    margin-top:-.5em;
    font-size:.8em
}

#reader .section-body h1 strong.chapter-title{
    margin-bottom:.5em
}

#reader .section-body h1 strong.chapter-title small.parenthetical-reference{
    display:inline-block
}
#reader .section-body h1 small.chapter-part{
    display:inline-block;
    margin-top:.1em;
    padding:.4em .05em;
    font-size:.6em;
    border:1px solid #c0ab9f;
    border-radius:2px;
    color:#a3623d
}

#reader .section-body h1 small.chapter-part>span.bracket{
    display:inline-block;
    color:transparent;
    overflow:hidden;
    width:0;
    height:0
}
#reader .section-body h2{
    font-size:1.25em;
    line-height:1.5;
    font-weight:400;
    font-family:游明朝,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,HiraMinProN-W3,ヒラギノ明朝 Pro W3,HiraMinPro-W3,A1明朝,ＭＳ\ 明朝,MS Mincho,本明朝-M\ 新がな,HonMinSink-M,sans-serif
}
#reader .section-body h3{
    line-height:1.5;
    font-weight:700;
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,A1明朝,メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif
}

#reader .section-body h3 small.description{
    display:block
}
#reader .section-body h3 img.portrait{
    display:block;
    margin:0 .5em 0 -.5em;
    width:120px;
    height:148px
}

#reader .section-body h4{
    line-height:1.25;
    font-weight:700
}
#reader .section-body .figgroup,#reader .section-body .pgroup,#reader .section-body blockquote,#reader .section-body ol,#reader .section-body ul{
    display:block;
    margin:0 1em;
    line-height: 1.9em;
}

#reader .section-body .pgroup.lead{
    margin:.25em 1em 0 0;
    padding:1em 1.5em 1em 1em;
    border:1px solid #f8f3ed;
    border-radius:2px;
    background:#fbf8f5
}

#reader .section-body .pgroup.lead p{
    margin-right:.75em;
    text-indent:0!important;
    color:#522b2b
}

#reader .section-body .pgroup.lead p:first-child{
    margin-right:0
}

#reader .section-body .pgroup.read-from-beginning-of-this-chapter p a,#reader .section-body .pgroup.special-external-link p a{
    color:#e37d72;
    text-decoration:none;
    border:none
}
#reader .section-body .pgroup.read-from-beginning-of-this-chapter p a:before,#reader .section-body .pgroup.special-external-link p a:before{
    content:"▼";
    display:inline-block;
    font-size:.75em
}

#reader .section-body .pgroup.read-from-beginning-of-this-chapter p a>span,#reader .section-body .pgroup.special-external-link p a>span{
    border:0 solid transparent;
    padding:0 .1em;
    border-right-width:1px;
    transition:.125s
}

#reader .section-body .pgroup.read-from-beginning-of-this-chapter p a:hover>span,#reader .section-body .pgroup.special-external-link p a:hover>span{
    border-color:#e37d72;
    transition:.0625s
}
#reader .section-body .pgroup.read-from-beginning-of-this-chapter{
    margin:0 -1.5em 0 2em;
    padding:0 0 .5em
}

#reader .section-body .pgroup.read-from-beginning-of-this-chapter p{
    text-indent:0;
    text-align:right
}
#reader .section-body .pgroup.read-from-beginning-of-this-chapter p a{
    font-size:.9em
}
#reader .section-body .pgroup.read-from-beginning-of-this-chapter p a:before{
    margin:.33em 0
}
.writing-mode-lr-tb #reader .section-body .pgroup.read-from-beginning-of-this-chapter p a:before{
    margin:0 .33em
}
#reader .section-body blockquote>footer,#reader .section-body figure,#reader .section-body li,#reader .section-body p{
    display:block;
    line-height:1.9em;
    font-family:游明朝,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,HiraMinProN-W3,ヒラギノ明朝 Pro W3,HiraMinPro-W3,A1明朝,ＭＳ\ 明朝,MS Mincho,本明朝-M\ 新がな,HonMinSink-M,sans-serif
}
.Windows.Chrome #reader .section-body blockquote>footer,.Windows.Chrome #reader .section-body figure,.Windows.Chrome #reader .section-body li,.Windows.Chrome #reader .section-body p{
    line-height:2
}
#reader .section-body p{
    position:relative;
    text-indent:1em;
    margin:0
}
#reader .section-body p>span.enclosed:first-child{
    margin-top:-1em
}
.writing-mode-lr-tb #reader .section-body p>span.enclosed:first-child{
    margin-left:-1em;
    margin-top:0
}
#reader .section-body p *{
    text-indent:0
}
#reader .section-body p .parenthesized,#reader .section-body p small{
    font-size:.9em
}
#reader .section-body p .parenthesized .parenthesized,#reader .section-body p .parenthesized small,#reader .section-body p small .parenthesized,#reader .section-body p small small{
    font-size:1em
}
#reader .section-body p strong{
    font-weight:700;
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif
}
#reader .section-body p em{
    font-style:normal
}
#reader .section-body p em.with-sesame{
    -webkit-text-emphasis-style:sesame;
    text-emphasis-style:sesame
}
.writing-mode-lr-tb #reader .section-body p .left-double-quotation-mark{
    margin-top:.25em
}
.writing-mode-lr-tb .writing-mode-lr-tb #reader .section-body p .left-double-quotation-mark{
    margin-left:.25em;
    margin-top:0
}
.writing-mode-lr-tb #reader .section-body p .right-double-quotation-mark{
    margin-bottom:.25em
}
.writing-mode-lr-tb .writing-mode-lr-tb #reader .section-body p .right-double-quotation-mark{
    margin-right:.25em;
    margin-bottom:0
}
#reader .section-body p.begin-with-a-punctuation{
    text-indent:0
}
#reader .section-body p.years{
    margin-left:1em;
    text-indent:0;
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,A1明朝,メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif;
    line-height:1.5;
    font-size:.9em
}
.writing-mode-lr-tb #reader .section-body p.years{
    margin-bottom:1em;
    margin-left:0
}
#reader .section-body p.with-marker{
    padding-top:1.25em;
    text-indent:0
}
.writing-mode-lr-tb #reader .section-body p.with-marker{
    padding-left:1.25em;
    padding-top:0
}
#reader .section-body p.with-marker>small:first-child{
    display:block
}
#reader .section-body p.with-marker .marker:first-child{
    position:relative;
    display:inline-block;
    top:-1.25em;
    margin-bottom:-1.25em;
    height:1.25em;
    color:#d4a68b
}
.writing-mode-lr-tb #reader .section-body p.with-marker .marker:first-child{
    left:-1.25em;
    top:0;
    margin-right:-1.25em;
    margin-bottom:0;
    width:1.25em
}
#reader .section-body p.with-double-characters-bullet{
    padding-top:2em;
    text-indent:0
}
.writing-mode-lr-tb #reader .section-body p.with-double-characters-bullet{
    padding-left:2em;
    padding-top:0
}
#reader .section-body p.with-double-characters-bullet>small:first-child{
    display:block
}
#reader .section-body p.with-double-characters-bullet .itemized-figure:first-child{
    position:relative;
    display:inline-block;
    top:-2em;
    margin-bottom:-2em;
    height:2em
}
.writing-mode-lr-tb #reader .section-body p.with-double-characters-bullet .itemized-figure:first-child{
    left:-2em;
    top:0;
    margin-right:-2em;
    margin-bottom:0;
    width:2em
}
#reader .section-body p.interviewer-voice{
    text-indent:0;
    margin:0 .25em;
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,A1明朝,メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif
}
.writing-mode-lr-tb #reader .section-body p.interviewer-voice{
    margin:.25em 0
}
#reader .section-body p.interviewee-voice span.interviewee-name,#reader .section-body p.interviewee-voice span.player-name,#reader .section-body p.player-voice span.interviewee-name,#reader .section-body p.player-voice span.player-name{
    display:inline-block;
    font-weight:700;
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,A1明朝,メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif
}
#reader .section-body p.interviewee-voice span.interviewee-name:first-child,#reader .section-body p.interviewee-voice span.player-name:first-child,#reader .section-body p.player-voice span.interviewee-name:first-child,#reader .section-body p.player-voice span.player-name:first-child{
    text-indent:-1em
}
#reader .section-body p.interviewee-voice span.player-name-MannamiNao,#reader .section-body p.player-voice span.player-name-MannamiNao{
    color:#589888
}
#reader .section-body p.interviewee-voice span.player-name-NagashimaKozue,#reader .section-body p.player-voice span.player-name-NagashimaKozue{
    color:#586890
}
#reader .section-body p.interviewee-voice span.interviewee-name-HyugaHimawari,#reader .section-body p.player-voice span.interviewee-name-HyugaHimawari{
    color:#d88000
}
#reader .section-body p.interviewee-voice span.interviewee-name-MuraokaEri,#reader .section-body p.player-voice span.interviewee-name-MuraokaEri{
    color:#b03f42
}
#reader .section-body p.interviewee-voice span.interviewee-name-HayashiyaTakemaru,#reader .section-body p.player-voice span.interviewee-name-HayashiyaTakemaru{
    color:#282bad
}
#reader .section-body p.interviewee-voice span.interviewee-name-AizawaTakahiro,#reader .section-body p.player-voice span.interviewee-name-AizawaTakahiro{
    color:#36357e
}
#reader .section-body p.interviewee-voice span.interviewee-name-KitagouSatoru,#reader .section-body p.player-voice span.interviewee-name-KitagouSatoru{
    color:#546f86
}
#reader .section-body p.interviewee-voice span.interviewee-name-AkanumaKiyoshi,#reader .section-body p.player-voice span.interviewee-name-AkanumaKiyoshi{
    color:#873f5d
}
#reader .section-body p.interviewee-voice span.interviewee-name-NukagaSonoko,#reader .section-body p.player-voice span.interviewee-name-NukagaSonoko{
    color:#4f7692
}
#reader .section-body p.interviewee-voice span.interviewee-name-KunikawaHiromi,#reader .section-body p.player-voice span.interviewee-name-KunikawaHiromi{
    color:#a37261
}
#reader .section-body p.notation>small{
    display:block;
    position:relative
}
#reader .section-body p.notation>small>span,#reader .section-body p.notation>small>strong{
    display:inline-block
}
#reader .section-body p.notation>small>strong{
    position:absolute;
    top:-.5em
}
.writing-mode-lr-tb #reader .section-body p.notation>small>strong{
    left:-.5em;
    top:0
}
#reader .section-body p.notation>small>span{
    margin:2.5em 0 0
}
.writing-mode-lr-tb #reader .section-body p.notation>small>span{
    margin:0 0 0 2.5em
}
#reader .section-body p.ref{
    text-indent:0;
    font-size:.9em;
    margin:0 .25em
}
.writing-mode-lr-tb #reader .section-body p.ref{
    margin:.25em 0
}
#reader .section-body p.signature{
    text-indent:0;
    text-align:right
}
#reader .section-body .pgroup.special-external-link p{
    text-indent:0
}
#reader .section-body .pgroup.special-external-link p a:before{
    margin:0 0 .33em
}
.writing-mode-lr-tb #reader .section-body .pgroup.special-external-link p a:before{
    margin:0 .33em 0 0
}
#reader .section-body .pre-formatted p{
    text-indent:0
}
#reader .section-body .description-list-like p>small,#reader .section-body .description-list-like p>strong{
    display:inline-block
}
#reader .section-body .description-list-like p>small{
    padding:.5em 0 0;
    line-height:1.5
}
.writing-mode-lr-tb #reader .section-body .description-list-like p>small{
    padding:0 0 0 .5em
}
#reader .section-body ul li{
    position:relative;
    margin-right:.25em;
    padding-top:1em
}
.writing-mode-lr-tb #reader .section-body ul li{
    margin-top:.25em;
    margin-right:0;
    padding-left:1em;
    padding-top:0
}
#reader .section-body ul li:before{
    content:"・";
    display:inline-block;
    position:relative;
    margin-top:-1em;
    color:#d4a68b
}
.writing-mode-lr-tb #reader .section-body ul li:before{
    margin-left:-1em;
    margin-top:0
}
#reader .section-body cite{
    margin:4em 0 0;
    display:block;
    position:relative;
    font-size:.9em;
    font-style:normal
}
.writing-mode-lr-tb #reader .section-body cite{
    margin:0 0 0 4em
}
#reader .section-body cite:before{
    content:"—— ";
    display:inline-block;
    position:absolute;
    top:-2.5em;
    height:2.5em;
    opacity:.75
}
.writing-mode-lr-tb #reader .section-body cite:before{
    left:-2.5em;
    top:0;
    width:2.5em
}
.writing-mode-tb-rl.InternetExplorer #reader .section-body cite:before{
    content:"── ";
    right:.1em
}
.writing-mode-lr-tb .writing-mode-tb-rl.InternetExplorer #reader .section-body cite:before{
    top:.1em;
    right:0
}
#reader .section-body cite .parenthesized .parenthesized{
    font-size:.9em
}
#reader .section-body strong.definition-term{
    font-family:游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ ProN W3,HiraKakuProN-W3,ヒラギノ角ゴ Pro W3,HiraKakuPro-W3,A1明朝,メイリオ,Meiryo,ＭＳ\ ゴシック,MS Gothic,sans-serif
}
#reader .section-body blockquote{
    padding:1em;
    border:1px solid #e0e0e0;
    border-radius:2px;
    background:#fff
}
#reader .section-body blockquote p small{
    display:inline-block;
    text-indent:0
}
#reader .section-body blockquote p.with-marker{
    padding-top:.75em
}
.writing-mode-lr-tb #reader .section-body blockquote p.with-marker{
    padding-left:.75em;
    padding-top:0
}
#reader .section-body blockquote p.sub-heading{
    text-indent:0;
    margin-right:.5em
}
.writing-mode-lr-tb #reader .section-body blockquote p.sub-heading{
    margin-top:.5em;
    margin-right:0
}
#reader .section-body blockquote p.sub-heading:first-child{
    margin-right:0
}
.writing-mode-lr-tb #reader .section-body blockquote p.sub-heading:first-child{
    margin-top:0;
    margin-right:0
}
#reader .section-body blockquote p.sub-heading+p{
    font-size:.9em
}
#reader .section-body .figgroup{
    max-width:100%;
    max-height:100%;
    overflow:hidden
}
#reader .section-body figure{
    float:left;
    max-width:100%;
    max-height:100%;
    margin:0
}
#reader .section-body figure>figcaption{
    display:block;
    margin:0 .5em 0 0;
    line-height:1.5;
    font-size:.9em;
    text-align:left
}
.writing-mode-lr-tb #reader .section-body figure>figcaption{
    margin:.5em 0 0
}
#reader .section-body figure.with-long-figcaption>figcaption{
    text-align:left
}
#reader .section-body figure.video{
    -webkit-writing-mode:horizontal-tb;
    -moz-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    -ms-writing-mode:horizontal-tb;
    -o-writing-mode:horizontal-tb;
    writing-mode:lr-tb;
    writing-mode:horizontal-tb
}
#reader .section-body figure.video video{
    width:100%;
    height:auto
}
#reader .section-body figure.video-link a{
    display:block;
    position:relative;
    margin:0;
    padding:0;
    border:0 none;
    width:100%;
    height:auto;
    text-decoration:none
}
#reader .section-body figure.video-link a img{
    position:relative;
    z-index:1;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto
}
#reader .section-body figure.video-link a:after{
    content:"";
    display:block;
    position:absolute;
    z-index:10;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:80px;
    height:80px;
    background:url(data:image/png;
    base64,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) no-repeat 50%
}
#reader .section-body figure.video-link video{
    display:none
}
#reader .section-body section.column,#reader .section-body section.profile{
    padding:1.25em .25em;
    border:1px solid #909090;
    border-radius:2px
}
.writing-mode-lr-tb #reader .section-body section.column,.writing-mode-lr-tb #reader .section-body section.profile{
    padding:.25em 1.25em
}
#reader .section-body section.column .hgroup h3,#reader .section-body section.profile .hgroup h3{
    font-size:32px;
    font-size:2rem
}
#reader .section-body section.column .hgroup h3 small,#reader .section-body section.profile .hgroup h3 small{
    font-size:.9em;
    font-weight:400
}
#reader .section-body section.column blockquote,#reader .section-body section.profile blockquote{
    font-size:.9em
}
#reader .section-body section.profile{
    margin:auto -1.5em auto 1.5em
}
.writing-mode-lr-tb #reader .section-body section.profile{
    margin:-1.5em auto 1.5em
}
#reader .section-supplement{
    font-size:16px
}
#reader .section-supplement nav{
    padding:20px;
    padding-left:100px
}
.writing-mode-lr-tb #reader .section-supplement nav{
    padding-bottom:100px;
    padding-left:0
}
#reader .section-supplement nav section{
    border:2px solid;
    border-radius:8px;
    margin-right:1em;
    padding:15px 1em
}
.writing-mode-lr-tb #reader .section-supplement nav section{
    margin-top:1em;
    margin-right:0;
    padding:1em 15px
}
#reader .section-supplement nav section .hgroup.h2group h2{
    font-family:游明朝,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,HiraMinProN-W3,ヒラギノ明朝 Pro W3,HiraMinPro-W3,A1明朝,ＭＳ\ 明朝,MS Mincho,本明朝-M\ 新がな,HonMinSink-M,sans-serif;
    font-size:1.25em;
    font-weight:700
}
#reader .section-supplement nav section .hgroup.h2group h2 em{
    font-style:normal
}
#reader .section-supplement nav section .hgroup.h2group h2 em:after,#reader .section-supplement nav section .hgroup.h2group h2 em:before{
    content:"—";
    display:inline-block;
    position:relative;
    right:-.05em;
    font-size:.5em;
    opacity:.75;
    text-orientation:upright-right
}
.writing-mode-lr-tb #reader .section-supplement nav section .hgroup.h2group h2 em:after,.writing-mode-lr-tb #reader .section-supplement nav section .hgroup.h2group h2 em:before{
    top:-.05em;
    right:0
}
.writing-mode-tb-rl.InternetExplorer #reader .section-supplement nav section .hgroup.h2group h2 em:after,.writing-mode-tb-rl.InternetExplorer #reader .section-supplement nav section .hgroup.h2group h2 em:before{
    content:"─";
    right:.05em
}
.writing-mode-lr-tb .writing-mode-tb-rl.InternetExplorer #reader .section-supplement nav section .hgroup.h2group h2 em:after,.writing-mode-lr-tb .writing-mode-tb-rl.InternetExplorer #reader .section-supplement nav section .hgroup.h2group h2 em:before{
    top:.05em;
    right:0
}
#reader .section-supplement nav section .hgroup.h2group h2 em:before{
    margin-bottom:.25em
}
.writing-mode-lr-tb #reader .section-supplement nav section .hgroup.h2group h2 em:before{
    margin-right:.25em;
    margin-bottom:0
}
#reader .section-supplement nav section .hgroup.h2group h2 em:after{
    margin-top:.25em
}
.writing-mode-lr-tb #reader .section-supplement nav section .hgroup.h2group h2 em:after{
    margin-left:.25em;
    margin-top:0
}
#reader .section-supplement nav section ul{
    padding:0
}
#reader .section-supplement nav section>ul{
    margin-right:1.5em
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul{
    margin-top:1.5em;
    margin-right:0
}
#reader .section-supplement nav section>ul li{
    list-style:none outside;
    line-height:1.25;
    font-family:游明朝,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,HiraMinProN-W3,ヒラギノ明朝 Pro W3,HiraMinPro-W3,A1明朝,ＭＳ\ 明朝,MS Mincho,本明朝-M\ 新がな,HonMinSink-M,sans-serif;
    margin:1.6em .75em 0 0
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul li{
    margin:.75em 0 0 1.6em
}
#reader .section-supplement nav section>ul li li{
    margin:0 .75em 0 0
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul li li{
    margin:.75em 0 0
}
#reader .section-supplement nav section>ul li strong{
    display:block;
    margin:-.5em 1.75em 0 .75em;
    font-size:1.1em;
    font-weight:700
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul li strong{
    margin:1.75em 0 .75em -.5em
}
#reader .section-supplement nav section>ul li a{
    display:inline-block;
    padding-top:1.33em;
    color:#e37d72;
    border:0 none
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul li a{
    padding-left:1.33em;
    padding-top:0
}
#reader .section-supplement nav section>ul li a:before{
    content:"▼";
    display:inline-block;
    margin-top:-1.33em;
    margin-bottom:.33em;
    font-size:.67em
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul li a:before{
    content:"▶";
    margin-left:-1.33em;
    margin-top:0;
    margin-right:.33em;
    margin-bottom:0
}
#reader .section-supplement nav section>ul li a span{
    border:0 solid transparent;
    padding:0 .1em;
    border-right-width:1px;
    transition:.125s
}
.writing-mode-lr-tb #reader .section-supplement nav section>ul li a span{
    padding:.1em 0;
    border-bottom-width:1px
}
#reader .section-supplement nav section>ul li a:hover span{
    border-color:#e37d72;
    transition:.0625s
}
#reader .section-supplement nav section>ul li a.current{
    color:#a0a0a0;
    cursor:default
}
#reader .section-supplement nav section>ul li a.current:hover span{
    border-color:transparent
}
#reader .section-supplement nav section.adjacents{
    border-color:#e7e7e7
}
#reader .section-supplement nav section.toc{
    border-color:#f7d6c3
}
.reader-paged #reader{
    padding:0
}
.iOS.reader-paged #reader{
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:hidden
}
.reader-paged #reader article{
    position:fixed;
    overflow:hidden;
    left:0;
    top:51px;
    width:100%;
    -webkit-column-gap:40px;
    -ms-column-gap:40px;
    -o-column-gap:40px;
    column-gap:40px
}
.reader-pager{
    position:fixed;
    margin:auto 0;
    top:-100%;
    bottom:-100%;
    width:30px;
    height:30px;
    background:rgba(0,0,0,.25);
    border-radius:50%;
    cursor:pointer;
    transform:translateY(-44px)
}
.reader-pager:hover{
    background:rgba(0,0,0,.5)
}
#reader-pager-next,#reader-pager-prev{
    position:fixed;
    z-index:99999;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    border-radius:5px;
    color:transparent;
    background:rgba(0,0,0,.33);
    opacity:0;
    cursor:pointer;
    transition:opacity .25s linear
}
#reader-pager-next.flickering,#reader-pager-prev.flickering{
    opacity:1;
    transition:.1s linear
}
#reader-pager-next.firing,#reader-pager-prev.firing{
    opacity:.5;
    transition:.1s linear
}
#reader-pager-next:after,#reader-pager-prev:after{
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    background:transparent no-repeat 0 0;
    opacity:.88;
    background-size:contain
}
#reader-pager-next.reader-pager-down,#reader-pager-next.reader-pager-up,#reader-pager-prev.reader-pager-down,#reader-pager-prev.reader-pager-up{
    width:94px;
    height:40px
}
#reader-pager-next.reader-pager-down:after,#reader-pager-next.reader-pager-up:after,#reader-pager-prev.reader-pager-down:after,#reader-pager-prev.reader-pager-up:after{
    width:64px;
    height:20px
}
#reader-pager-next.reader-pager-left,#reader-pager-next.reader-pager-right,#reader-pager-prev.reader-pager-left,#reader-pager-prev.reader-pager-right{
    width:40px;
    height:94px;
    transform:translateY(10px)
}
#reader-pager-next.reader-pager-left:after,#reader-pager-next.reader-pager-right:after,#reader-pager-prev.reader-pager-left:after,#reader-pager-prev.reader-pager-right:after{
    width:20px;
    height:64px
}
#reader-pager-next.reader-pager-up,#reader-pager-prev.reader-pager-up{
    top:8px;
    bottom:auto;
    cursor:n-resize
}
#reader-pager-next.reader-pager-up:after,#reader-pager-prev.reader-pager-up:after{
    background-image:url(/reader/images/arrow-up.svg)
}
#reader-pager-next.reader-pager-down,#reader-pager-prev.reader-pager-down{
    bottom:8px;
    top:auto;
    cursor:s-resize
}
#reader-pager-next.reader-pager-down:after,#reader-pager-prev.reader-pager-down:after{
    background-image:url(/reader/images/arrow-down.svg)
}
#reader-pager-next.reader-pager-right,#reader-pager-prev.reader-pager-right{
    right:8px;
    left:auto;
    cursor:e-resize
}
#reader-pager-next.reader-pager-right:after,#reader-pager-prev.reader-pager-right:after{
    background-image:url(/reader/images/arrow-right.svg)
}
#reader-pager-next.reader-pager-left,#reader-pager-prev.reader-pager-left{
    left:8px;
    right:auto;
    cursor:w-resize
}
#reader-pager-next.reader-pager-left:after,#reader-pager-prev.reader-pager-left:after{
    background-image:url(/reader/images/arrow-left.svg)
}
proof{
    background:rgba(255,32,4,.25)
}
proof prnote{
    color:red
}
.sesami {
    text-emphasis: filled sesame;
}
/*@media screen and (min-width:640px){*/
@media only screen and (max-width: 640px){ /*640px*/
/*    @font-face .android {
        font-family: 'A1明朝';
        font-style: normal;
        font-weight: 700;
        src: url('fonts/NotoSerifCJKjp-Regular.otf') format('opentype');
    }
*/    #reader{
 		padding:30px 0 30px
 		color: grey;
    }
    .Android #reader,.iOS #reader{
        top:62px;
        height:calc(100% - 154px)
    }
    .reader-paged #reader article{
        top:62px
    }
}

/* fade-in animation */
.pgroup {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}