/* イラスト共通スタイル(tools/illib.py から生成) */

.l,.lt,.lk,.f2,.fw,.f1,.to,.ti,.flow,.dash,.gr{stroke-linecap:round;stroke-linejoin:round}
.l{fill:none;stroke:var(--il,#136635);stroke-width:2}
.lt{fill:none;stroke:var(--il,#136635);stroke-width:1}
.lk{fill:none;stroke:var(--il,#136635);stroke-width:3.5}
.dash{fill:none;stroke:var(--il,#136635);stroke-width:1.5;stroke-dasharray:6 7}
.gr{fill:none;stroke:var(--ig,#e3e3e3);stroke-width:1}
.f2{fill:var(--if,#8DBA29);stroke:var(--il,#136635);stroke-width:2}
.f2n{fill:var(--if,#8DBA29);stroke:none}
.fw{fill:var(--ib,#fff);stroke:var(--il,#136635);stroke-width:2}
.f1{fill:var(--il,#136635);stroke:none}
.hatch{stroke:var(--ih,#cfcfcf);stroke-width:1}
.lm{fill:none;stroke:var(--if,#8DBA29);stroke-width:3;stroke-linecap:round}
.fb{fill:var(--ib,#fff);stroke:none}
.rd{fill:var(--ib,#fff);stroke:var(--il,#136635);stroke-width:1.6;stroke-linejoin:round}
.tiw{fill:none;stroke:var(--ib,#fff)}
.to{fill:none;stroke:var(--il,#136635)}
.ti{fill:none;stroke:var(--if,#8DBA29)}
.flow{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:1 24;animation:ill-flow 2.6s linear infinite}
@keyframes ill-flow{to{stroke-dashoffset:-25}}
.t{font-family:"Noto Serif JP","Hiragino Mincho ProN",serif;font-weight:300;fill:var(--il,#136635)}
.tn{font-family:"Cormorant Garamond","Noto Serif JP",serif;font-weight:400;fill:var(--il,#136635)}

.cy-tw{animation:cy-tw 4s ease-in-out infinite}
@keyframes cy-tw{50%{opacity:.12}}
.cy-hz{animation:cy-hz 7s linear infinite}
@keyframes cy-hz{from{transform:translateY(0);opacity:var(--o0,1)}to{transform:translateY(var(--dy,0px));opacity:var(--o1,1)}}
.cy-ring{transform-box:fill-box;transform-origin:center;animation:cy-rot 70s linear infinite}
.cy-ring2{transform-box:fill-box;transform-origin:center;animation:cy-rot 110s linear infinite reverse}
@keyframes cy-rot{to{transform:rotate(360deg)}}
.cy-pulse{animation:cy-pulse 5s ease-in-out infinite}
@keyframes cy-pulse{50%{opacity:.95}}
.cy-up{animation:cy-up 7s linear infinite}
@keyframes cy-up{from{transform:translateY(0);opacity:0}25%{opacity:.9}to{transform:translateY(-240px);opacity:0}}
.cy-jump{animation:cy-jump 9s ease-in-out infinite}
@keyframes cy-jump{0%,100%{transform:translate(-40px,26px)}50%{transform:translate(28px,-14px)}}
.cy-tram{animation:cy-tram 26s linear infinite}
@keyframes cy-tram{from{transform:translateX(-260px)}to{transform:translateX(1760px)}}
.cy-flow{animation:ill-flow 2.6s linear infinite}
.is-off *{animation-play-state:paused!important}

.js .ill .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s cubic-bezier(.16,.84,.24,1) .15s}
.js .is-in .ill .draw,.js .ill.is-in .draw{stroke-dashoffset:0}
.ill{display:block;width:100%;height:auto;overflow:visible}