html,body {margin: 0;padding: 0;font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue','Segoe UI','Hiragino Kaku Gothic ProN','Meiryo','sans-serif';min-height:100vh;background-attachment:fixed;background-size:cover;background-position:center;background-image:linear-gradient(231deg, rgba(233, 233, 233, 0.01) 0%, rgba(233, 233, 233, 0.01) 25%,rgba(10, 10, 10, 0.01) 25%, rgba(10, 10, 10, 0.01) 50%,rgba(237, 237, 237, 0.01) 50%, rgba(237, 237, 237, 0.01) 75%,rgba(200, 200, 200, 0.01) 75%, rgba(200, 200, 200, 0.01) 100%),linear-gradient(344deg, rgba(2, 2, 2, 0.03) 0%, rgba(2, 2, 2, 0.03) 20%,rgba(10, 10, 10, 0.03) 20%, rgba(10, 10, 10, 0.03) 40%,rgba(100, 100, 100, 0.03) 40%, rgba(100, 100, 100, 0.03) 60%,rgba(60, 60, 60, 0.03) 60%, rgba(60, 60, 60, 0.03) 80%,rgba(135, 135, 135, 0.03) 80%, rgba(135, 135, 135, 0.03) 100%),linear-gradient(148deg, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 14.286%,rgba(15, 15, 15, 0.03) 14.286%, rgba(15, 15, 15, 0.03) 28.572%,rgba(74, 74, 74, 0.03) 28.572%, rgba(74, 74, 74, 0.03) 42.858%,rgba(175, 175, 175, 0.03) 42.858%, rgba(175, 175, 175, 0.03) 57.144%,rgba(16, 16, 16, 0.03) 57.144%, rgba(16, 16, 16, 0.03) 71.42999999999999%,rgba(83, 83, 83, 0.03) 71.43%, rgba(83, 83, 83, 0.03) 85.71600000000001%,rgba(249, 249, 249, 0.03) 85.716%, rgba(249, 249, 249, 0.03) 100.002%),linear-gradient(122deg, rgba(150, 150, 150, 0.01) 0%, rgba(150, 150, 150, 0.01) 20%,rgba(252, 252, 252, 0.01) 20%, rgba(252, 252, 252, 0.01) 40%,rgba(226, 226, 226, 0.01) 40%, rgba(226, 226, 226, 0.01) 60%,rgba(49, 49, 49, 0.01) 60%, rgba(49, 49, 49, 0.01) 80%,rgba(94, 94, 94, 0.01) 80%, rgba(94, 94, 94, 0.01) 100%),linear-gradient(295deg, rgba(207, 207, 207, 0.02) 0%, rgba(207, 207, 207, 0.02) 25%,rgba(47, 47, 47, 0.02) 25%, rgba(47, 47, 47, 0.02) 50%,rgba(142, 142, 142, 0.02) 50%, rgba(142, 142, 142, 0.02) 75%,rgba(76, 76, 76, 0.02) 75%, rgba(76, 76, 76, 0.02) 100%),linear-gradient(73deg, rgba(81, 81, 81, 0.03) 0%, rgba(81, 81, 81, 0.03) 12.5%,rgba(158, 158, 158, 0.03) 12.5%, rgba(158, 158, 158, 0.03) 25%,rgba(136, 136, 136, 0.03) 25%, rgba(136, 136, 136, 0.03) 37.5%,rgba(209, 209, 209, 0.03) 37.5%, rgba(209, 209, 209, 0.03) 50%,rgba(152, 152, 152, 0.03) 50%, rgba(152, 152, 152, 0.03) 62.5%,rgba(97, 97, 97, 0.03) 62.5%, rgba(97, 97, 97, 0.03) 75%,rgba(167, 167, 167, 0.03) 75%, rgba(167, 167, 167, 0.03) 87.5%,rgba(22, 22, 22, 0.03) 87.5%, rgba(22, 22, 22, 0.03) 100%),linear-gradient(90deg, rgb(57,57,57),rgb(57,57,57))}
body::after {content: '';position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9990;pointer-events:none;opacity:0;transition:opacity .8s ease}
body.fadeout::after{opacity:1}
header{background:rgba(30,30,30,.9);position:sticky;top:0;height:50px;z-index:3;backdrop-filter:blur(3px)}

body.fixed{position:fixed;width:100%;height:100%;left:0}

:root{
  /*--title(p caption h4 h5)--*/
  --t-c-0:#efefef;
  --t-c-h4:#f3f3ff;
  --t-c-h5:#e3f3ff;

  /*--maincolor--*/
  --m-c-0s:#e9e9e9;
  --m-c-1s:rgba(157, 238, 255,.8);
  --m-c-2s:rgba(255, 238, 157,.8);
  --m-c-3s:rgba(182, 255, 182,.8);
  --m-c-4s:rgba(255, 157, 228,.8);
  --m-c-5s:rgba(189, 157, 255,.8);
  --m-c-6s:rgba(255, 189, 157,.8);
  --m-c-0:#c7c0c9;
  --m-c-1:rgba(138, 186, 248,.8);
  --m-c-2:rgba(248, 216, 138,.8);
  --m-c-3:rgba(144, 248, 144,.8);
  --m-c-4:rgba(248, 138, 171,.8);
  --m-c-5:rgba(161, 138, 248,.8);
  --m-c-6:rgba(248,161, 138,.8);
  --m-c-7:linear-gradient(45deg, #ffa7c7, #ffb3a7, #ffdfa7, #f3ffa7, #c7ffa7, #a7ffdf, #a7f3ff, #a7c7ff, #b3a7ff, #dfa7ff, #ffa7f3);

  --m-c-b1:rgba(192, 219, 255,.8);
  --m-c-b2:rgba(141, 169, 249,.8);
  --m-c-b3:rgba(89, 122, 197,.8);
  --m-c-b4:rgba(33, 78, 149,.8);
  --m-c-b5:rgba(24, 40, 102,.8);

  --m-c-r1:rgba(255, 171, 255,.8);
  --m-c-r2:rgba(240, 121, 221,.8);
  --m-c-r3:rgba(188, 73, 170,.8);
  --m-c-r4:rgba(136, 12, 123,.8);
  --m-c-r5:rgba(87, 6, 79,.8);

  --m-c-m1:rgba(232,232,232,.8);
  --m-c-m2:rgba(196,197,223,.8);
  --m-c-m3:rgba(142,143,168,.8);
  --m-c-m4:rgba(92,92,117,.8);
  --m-c-m5:rgba(46,46,69,.8);
  
  --m-c-h1:rgba(196,197,223,.8);
  --m-c-h2:rgba(223, 222, 196,.8);
  --m-c-h3:rgba(197, 223, 196,.8);
  --m-c-h4:rgba(223, 196, 197,.8);
  --m-c-h5:rgba(209, 196, 223,.8);


  /*--subcolor--(data-table)*/
  --s1-c-0s:#fdfdfd;
  --s1-c-1s:#f1fdff;
  --s1-c-2s:#fdfff1;
  --s1-c-3s:#f6fff1;
  --s1-c-4s:#fff1fd;
  --s1-c-5s:#faf1ff;
  --s1-c-6s:#fffaf1;
  --s1-c-0:#f4f4f4;
  --s1-c-1:#f1f6ff;
  --s1-c-2:#fcffed;
  --s1-c-3:#f1fffa;
  --s1-c-4:#fff1f6;
  --s1-c-5:#f3f1ff;
  --s1-c-6:#fff3f1;
  --s1-c-m2:#fdfff5;
  --s1-c-m3:#fcffef;
  --s1-c-m4:#fbffe7;
  --s1-c-m5:#f9ffdd;
  --s1-c-b2:#f5fbff;
  --s1-c-b3:#ebf8ff;
  --s1-c-b4:#e5f5ff;
  --s1-c-b5:#ddf3ff;
  --s1-c-r2:#fff7fa;
  --s1-c-r3:#ffeff5;
  --s1-c-r4:#ffe5ef;
  --s1-c-r5:#ffdbe9;
  
  --s1-c-7:linear-gradient(45deg, #ffa7c7, #ffb3a7, #ffdfa7, #f3ffa7, #c7ffa7, #a7ffdf, #a7f3ff, #a7c7ff, #b3a7ff, #dfa7ff, #ffa7f3);
  --s1-c-n:#888;
  /*--subcolor--(data-graph)*/
  --s2-c-0s:linear-gradient(180deg,#fff 80%, #f6f6f6 100%);
  --s2-c-1s:linear-gradient(180deg,#fff 80%, rgba(157, 238, 255) 100%);
  --s2-c-2s:linear-gradient(180deg,#fff 80%, rgba(255, 238, 157) 100%);
  --s2-c-3s:linear-gradient(180deg,#fff 80%, rgba(182, 255, 182) 100%);
  --s2-c-4s:linear-gradient(180deg,#fff 80%, rgba(255, 157, 228) 100%);
  --s2-c-5s:linear-gradient(180deg,#fff 80%, rgba(189, 157, 255) 100%);
  --s2-c-6s:linear-gradient(180deg,#fff 80%, rgba(255, 189, 157) 100%);
  --s2-c-0:linear-gradient(180deg,#fff 80%, #eeeeee 100%);
  --s2-c-1:linear-gradient(180deg,#fff 80%, rgba(138, 186, 248) 100%);
  --s2-c-2:linear-gradient(180deg,#fff 80%, rgba(248, 216, 138) 100%);
  --s2-c-3:linear-gradient(180deg,#fff 80%, rgba(144, 248, 144) 100%);
  --s2-c-4:linear-gradient(180deg,#fff 80%, rgba(248, 138, 171) 100%);
  --s2-c-5:linear-gradient(180deg,#fff 80%, rgba(161, 138, 248) 100%);
  --s2-c-6:linear-gradient(180deg,#fff 80%, rgba(248,161, 138) 100%);
  --s2-c-n:#888;

  --s2-c-b1:linear-gradient(180deg,#fff 80%, rgba(192, 219, 255) 100%);
  --s2-c-b2:linear-gradient(180deg,#fff 80%, rgba(141, 169, 249) 100%);
  --s2-c-b3:linear-gradient(180deg,#fff 80%, rgba(89, 122, 197) 100%);
  --s2-c-b4:linear-gradient(180deg,#fff 80%, rgba(33, 78, 149) 100%);
  --s2-c-b5:linear-gradient(180deg,#fff 80%, rgba(24, 40, 102) 100%);

  --s2-c-r1:linear-gradient(180deg,#fff 80%, rgba(255, 171, 255) 100%);
  --s2-c-r2:linear-gradient(180deg,#fff 80%, rgba(240, 121, 221) 100%);
  --s2-c-r3:linear-gradient(180deg,#fff 80%, rgba(188, 73, 170) 100%);
  --s2-c-r4:linear-gradient(180deg,#fff 80%, rgba(136, 12, 123) 100%);
  --s2-c-r5:linear-gradient(180deg,#fff 80%, rgba(87, 6, 79) 100%);

  --s2-c-m1:linear-gradient(180deg,#fff 80%, rgba(232,232,232) 100%);
  --s2-c-m2:linear-gradient(180deg,#fff 80%, rgba(196,197,223) 100%);
  --s2-c-m3:linear-gradient(180deg,#fff 80%, rgba(142,143,168) 100%);
  --s2-c-m4:linear-gradient(180deg,#fff 80%, rgba(92,92,117) 100%);
  --s2-c-m5:linear-gradient(180deg,#fff 80%, rgba(46,46,69) 100%);

  --s2-c-h1:linear-gradient(180deg,#fff 80%, rgba(196,197,223) 100%);
  --s2-c-h2:linear-gradient(180deg,#fff 80%, rgba(223, 222, 196) 100%);
  --s2-c-h3:linear-gradient(180deg,#fff 80%, rgba(197, 223, 196) 100%);
  --s2-c-h4:linear-gradient(180deg,#fff 80%, rgba(223, 196, 197) 100%);
  --s2-c-h5:linear-gradient(180deg,#fff 80%, rgba(209, 196, 223) 100%);
  
  /*--titlecolor--*/
  --t1-c-0:#eee;
  --t1-c-1:#dff0fa;
  --t1-c-2:#faf7df;
  --t1-c-3:#dffae9;
  --t1-c-4:#fadff0;
  --t1-c-5:#e9dffa;
  --t1-c-6:#fadfe3;
  --t1-c-7:#f7dffa;

  --t2-c-0:#e4e1f8;
  --t2-c-1:#c6f8ff;
  --t2-c-2:#f8ffc6;
  --t2-c-3:#c6ffea;
  --t2-c-4:#ffc6f8;
  --t2-c-5:#cec6ff;
  --t2-c-6:#ffcec6;
  --t2-c-7:#eac6ff;
  /*--(strong em b)--*/
  --v-s-0:#fdd3ff;
  --v-b-0:#ffe2d1;
  --v-s-1:#fee7ff;
  --v-e-1:#e5fff6;
  --v-b-1:#fff0e7;


 --shadow1:0 0 .08em #111;
 --border1:.05em dotted #888;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../webfonts/icomoon.eot?qqgkbq');
  src:  url('../webfonts/icomoon.eot?qqgkbq#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf?qqgkbq') format('truetype'),
    url('../webfonts/icomoon.woff?qqgkbq') format('woff'),
    url('../webfonts/icomoon.svg?qqgkbq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
  
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-rader::before{content:"\e917"}
.icon-mail::before{content:"\f003"}
.icon-max::before{content:"\f012"}
.icon-facebook::before{content:"\ea90"}
.icon-twitter::before{content:"\f099"}
.icon-pocket::before{content:"\e905"}
.icon-line::before{content:"\e907"}
.icon-hatebu::before{content:"\e908"}
.icon-feedly::before{content:"\e909"}
.icon-star-o::before{content:"\f006"}
.icon-ex-link::before{content:"\f08e"}
.icon-heart::before {content:"\f004"}
.icon-heart-o::before{content:"\f08a"}
.icon-shield::before{content:"\e903"}
.icon-link::before{content:"\e904"}
.icon-contract::before{content:"\e906"}
.icon-envelope::before{content:"\f0e0"}
.icon-share::before{content:"\f1e0"}
.icon-th-up:before{content:"\f164"}
.icon-th-down:before{content:"\f165"}
.icon-shield::before,.icon-contract::before,.icon-envelope::before,.icon-share::before{display:inline-block;width:20px;text-align:center;color:grey}
.glossary img{margin-top:1em;width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;aspect-ratio:5/2}
.glossary1{margin:1em}.glossary1 img{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;aspect-ratio:9/16}

/* ローディング */
.loadwrap{position:fixed;display:flex;align-items:center;justify-content:center;top:calc(50% - 40px);left:50%;transform:translate(-50%,-50%);z-index:9999}
.loader{position:absolute;top:0;z-index:9998;width:50px;height:50px;border:15px solid;border-radius:50%;border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0);animation:loadEr 3s infinite}
@keyframes loadEr{0%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}10.4%{border-top-color:rgba(44,44,44,0.5);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}20.8%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}31.2%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0.5);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}41.6%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0);transform:rotate(40deg)}52%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0.5);border-left-color:rgba(33,33,33,0)}62.4%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}72.8%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0.5)}}
.loaderbefore{width:50px;height:50px;border:15px solid #ddd;border-radius:50%;position:absolute;top:0;z-index:9997}
.circular{position:absolute;top:-15px;left:-57.5px;width:70px;height:70px;border:20px solid;border-radius:50%;border-top-color:#ff6bda;border-left-color:#fff;border-bottom-color:#333;border-right-color:#fff;opacity:0.2;animation:poof 5s infinite;z-index:9996}
@keyframes poof{0%{transform:scale(1,1) rotate(0deg);opacity:0.2}50%{transform:scale(4,4) rotate(360deg);opacity:0}}
.another{opacity:0.1;transform:rotate(90deg);animation:poofity 5s infinite;animation-delay:1s;z-index:9996}
@keyframes poofity{0%{transform:scale(1,1) rotate(90deg);opacity:0.1}50%{transform:scale(4,4) rotate(-360deg);opacity:0}}
.text {position:absolute;top:95px;font-family:Arial;text-transform:uppercase;color:#888;animation:opaa 10s infinite;z-index:9999}
@keyframes opaa{0%{opacity:1}10%{opacity:0.5}15%{opacity:1}30%{opacity:1}65%{opacity:0.3}90%{opacity:0.8}}

h1+small>img{width:6em;aspect-ratio:3/1;object-fit:cover}
#h1div{font-family:'icomoon';display:flex;height:100%;margin:0 auto}
h1{position:relative;flex-grow:1;display:block;margin:auto 0;padding:.4em 0 .4em .5em;font-size:1.1em;font-weight:bold;line-height:1em;color:#fff}
h1+small{margin:auto 0}
h1>span{font-size:.9em}

/* ---- 共通(index,ceiling,reset) ---- */
.close1{position:absolute;bottom:.5em;right:2em;display:flex;justify-content:center;align-items:center;width:2em;height:1.5em;font-size:1.5em;color:#fff;cursor:pointer}
.close1::after{content:"× CLOSE";font-weight:bold;white-space:nowrap}
#mainground{margin:0;padding:0;font-size:12px;line-height:1.2em;color:#FAFCFF}
#container{position:relative;display:grid;margin:0 auto}
[data-chapter]{position:relative;display:grid;margin:0;padding:1em 0 2em}
[data-chapter]::before{margin:0 4px 5px;padding:.1em .2em;font-size:1.3em;text-align:right;color:#DFDFDF;border-bottom:.5px solid grey}
[data-chapter="0"]::before{content:"What's\00a0new"}
[data-chapter="1"]::before{content:"January"}
[data-chapter="2"]::before{content:"February"}
[data-chapter="3"]::before{content:"March"}
[data-chapter="4"]::before{content:"April"}
[data-chapter="5"]::before{content:"May"}
[data-chapter="6"]::before{content:"June"}
[data-chapter="7"]::before{content:"July"}
[data-chapter="8"]::before{content:"August"}
[data-chapter="9"]::before{content:"September"}
[data-chapter="10"]::before{content:"October"}
[data-chapter="11"]::before{content:"November"}
[data-chapter="12"]::before{content:"December"}
[data-chapter="nav"]::before{content:"PAGE GUIDE"}
[data-chapter="glos"]::before{content:"GLOSSARY"}
[data-chapter]>h2{position:relative;margin:0 4px;padding:.7em 0;font-size:1.4em;line-height:1.6em;text-indent:1em;color:#F0F8FF;border-top:.05em solid #727272;border-bottom:.05em solid #727272;background:rgba(20,20,20,.4)}
:is([data-chapter]>h2,.nav-ol>li>a)>small{position:relative;margin-left:1em;font-weight:normal;font-size:.7em}
[data-chapter]>h2>small::before,[data-chapter]>h2>small::after,.nav-ol>li>a>small::before,.nav-ol>li>a>small::after{position:absolute;content:"";top:50%;transform:translateY(-50%);transform-origin:bottom;width:.5em;height:.05em;background:#ccc}
[data-chapter]>h2>small::before,.nav-ol>li>a>small::before{left:-.7em}[data-chapter]>h2>small::after,.nav-ol>li>a>small::after{right:-.7em}
[data-chapter]>div{display:grid;gap:.8em;margin-top:1em}
.box{margin-top:-50px;padding-top:50px}
.na-1{display:grid;gap:.8em;padding:4px 0;background:rgba(110,110,140,.4)}.na-1:not(summary+.na-1){margin:0 4px 1em}summary+.na-1{margin:0 4px}
h3[data-h3c]{margin:.6em 0 0;padding-left:1em;font-size:1em}
[data-h3c="1"]::first-letter{color:#ffafea}
[data-h3c="2"]::first-letter{color:#b6a4ff}
[data-h3c="3"]::first-letter{color:#f3ff99}
[data-h3c="4"]::first-letter{color:#a3dcff}
.active::first-letter{color:#836e81}
.nav-ol>li>a{position:relative;padding:.4em .2em .4em 2em;background:rgba(20,20,20,.4);font-size:1.1em;text-decoration:none;color:#dff0fa}
a[data-h3c]{overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#FAFCFF}
.nav-ol{display:grid;gap:.2em;margin:3px;padding:.2em;color:#FAFCFF;background:rgba(180,180,235,.15)}.nav-ol a.active:not(.nav-ol [data-h3c]:hover,.nav-ol ol a:hover){position:relative;background:#fff;color:#111}.nav-ol [data-h3c]:not(a.active){background:rgba(30,30,40,.3)}
.nav-ol li{display:grid;padding:0;list-style-type:none;text-overflow:ellipsis;white-space:nowrap}.nav-ol li{gap:.2em;margin:0}
.nav-ol [data-h3c]{padding:.3em .2em .3em 1.4em;font-size:.9em}
.nav-ol [data-h3c]:hover,.nav-ol ol a:hover{background:#222;box-shadow:0 0 .2em .1em #99ffff}
.nav-ol ol{display:grid;gap:.2em;margin:0;padding:0}
[data-menu^="l"] .nav-ol>li>p{margin:.2em 0 .1em;padding-left:.5em;font-size:1.1em;font-weight:bold}[data-menu^="l"] .nav-ol>li>p::first-letter{color:#fdc399}
.nav-ol ol>li>a:not(.nav-ol>li>a,[data-h3c]){overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#FAFCFF;padding:.2em .2em .2em 1.4em;background:rgba(150,150,180,.25)}
div.nav-ol>div>p{position:relative;text-align:center;margin:.4em .2em;font-weight:bold;color:#ccc}
div.nav-ol>div>p::before,div.nav-ol>div>p::after{position:absolute;top:50%;transform:translateY(-50%);content:"";width:calc(50% - 1.9em);height:.5px;background:#dcdcdc}
div.nav-ol>div>p::before{left:.5em}div.nav-ol>div>p::after{right:.5em}
nav.wo-1{display:grid;gap:1.6em;margin:1em 4px 0;padding:1em 0;background:rgba(110,110,140,.4)}

/* ---- サイトマップ ---- */
.topga img{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;aspect-ratio:1.9/1}
[data-page]{display:grid;gap:.2em}[data-page="0"],[data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"]{margin:3px;padding:.2em}[data-page="t"]{margin:0 .8em}
[data-page]>:is(a,span){position:relative;display:grid;align-items:center;height:100%;color:#595959;background:rgba(50,0,0,.1);text-decoration:none}
[data-page]>ul{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style-type:none}.wo-1 [data-page]>ul{gap:.4em}:is([data-page="3"],[data-page="4"])>ul{gap:.2em}
[data-page]:not([data-page="t"])>ul{grid-template-columns:repeat(auto-fit, minmax(2.5em, 1fr))}[data-page="t"]>ul:nth-of-type(n+2){grid-template-columns:repeat(auto-fit, minmax(2em, 1fr))}
[data-page="t"]>div{padding:.4em 1em;font-size:.9em;color:#dde;background:rgba(0,0,100,.1)}[data-page="t"]>div:not(:first-of-type){margin-top:.7em}
[data-page]>ul>li{position:relative;display:grid;align-items:center}
[data-page]>ul>li::before{position:absolute;color:#bbb}
[data-page] a:hover{font-weight:bold;background:#fff;color:#222;transition:ease-in-out .3s}
[data-page]>ul>li>span{display:grid;align-items:center;font-weight:bold;color:#eee}
[data-page]>ul>li>a{display:grid;align-items:center;font-size:.9em;text-decoration:none;background:rgba(40,40,40,.6);border-radius:.3em}


.wo-1:not(nav) [data-page]>ul>li>:is(a,span){padding:1.2em 0}
nav.wo-1 [data-page]>ul:not([data-page="t"]>ul:first-of-type)>li>:is(a,span){padding:.7em 0}
nav.mw-N [data-page]>ul>li>:is(a,span){padding:.3em 0}nav.mw-N [data-page]{background:rgba(180,180,235,.15)}
[data-page]>ul:not([data-page="t"]>ul:first-of-type)>li>:is(a,span){text-align:center}
[data-page="t"]>ul:first-of-type>li>:is(a,span){padding:.7em .6em}
[data-page="0"]>ul>li>a,[data-page="t"]>ul:nth-of-type(3)>li>a{color:var(--t2-c-0)}
[data-page="4"]>ul>li>a,[data-page="t"]>ul:nth-of-type(3)>li>a{color:var(--t2-c-2)}
[data-page="3"]>ul>li>a,[data-page="t"]>ul:nth-of-type(4)>li>a{color:var(--t2-c-4)}
[data-page="1"]>ul>li>a,[data-page="t"]>ul:nth-of-type(5)>li>a{color:var(--t2-c-3)}
[data-page="2"]>ul>li>a,[data-page="t"]>ul:nth-of-type(6)>li>a{color:var(--t2-c-1)}
[data-page="6"]>ul>li>a,[data-page="t"]>ul:nth-of-type(7)>li>a{color:var(--t2-c-6)}
[data-page="t"]>ul:nth-of-type(2)>li>a{color:var(--t2-c-0)}
[data-page="t"]>ul:first-of-type>li:first-child>a{color:var(--t2-c-0)}
[data-page="t"]>ul:first-of-type>li:nth-child(n+2):nth-child(-n+3)>a{color:var(--t2-c-2)}
[data-page="t"]>ul:first-of-type>li:nth-child(4)>a{color:var(--t2-c-4)}
[data-page="t"]>ul:first-of-type>li:nth-child(5)>a{color:var(--t2-c-4)}
[data-page="t"]>ul:first-of-type>li:nth-child(6)>a{color:var(--t2-c-3)}
[data-page="t"]>ul:first-of-type>li:nth-child(7)>a{color:var(--t2-c-5)}
[data-page="t"]>ul:first-of-type>li:nth-child(8)>a{color:var(--t2-c-1)}
[data-page="t"]>ul:first-of-type>li:nth-child(9)>a{color:var(--t2-c-6)}
[data-page="t"]>:is(ul:first-of-type,ul)>li>a:hover{font-weight:bold;background:#fff;color:#222;transition:ease-in-out .3s}
[data-page="t"]>ul span{position:relative}[data-page]>ul span::before{position:absolute;content:"Now";left:.2em;font-style:italic;font-weight:normal;transform:scale(.6);transform-origin:top left;color:#ff6ed8}
[data-page="t"]>ul span::before{top:0}.mw-N [data-page]>ul span::before{top:-.2em}

#favorite_box [data-dpage] a{background:rgba(30, 30, 30, .4);border-radius:.3em}#favorite_box [data-dpage] a:hover{font-weight:bold;color:#222;transition:ease-in-out .3s}
#favorite_box [data-dpage="1"] a,[data-latest="1"]{color:#f2c6f6}
#favorite_box [data-dpage="1a"] a,[data-latest="1a"]{color:#f6c6e2}
#favorite_box [data-dpage="2"] a,[data-latest="2"]{color:#caf6c6}
#favorite_box [data-dpage="3"] a,[data-latest="3"]{color:#c6f6f2}
#favorite_box [data-dpage="4"] a,[data-latest="4"]{color:#f6f2c6}


/*page-st*/
ol.page-st1{display:flex;flex-wrap:wrap;gap:.8em .6em;margin:0;padding:.4em;list-style-type:none;border-radius:.3em;background:rgba(0,0,0,.1)}
ol.page-st1>li{position:relative;display:grid;margin:0 0 0 .4em}ol.page-st1 li>a{margin:0;padding:.3em 1em .3em 1.2em;text-decoration:none;color:#bfeaff;border-radius:.3em}
ol.page-st1 li>a::before{position:absolute;top:50%;left:0;content:"\e904";font-family:'icomoon';transform:scale(.8) translateY(-50%);font-size:.8em;color:#93b0bd}

/* ---- 記事リスト(専用) ---- */
.ma-1{position:relative;display:grid;gap:.2em;margin:0 4px;padding:.3em;background:rgba(45,40,80,.5)}
.ma-1>div{display:grid;grid-template-columns:1fr 1fr;gap:.3em}.box>div>p:not(.s-type){margin:0 4px;padding:.2em .6em;line-height:1.6em}
.ma-1>div>figure{position:relative;display:grid;margin:0;padding:0;overflow:hidden}
.ma-1>div>figure::before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.2)}.ma-1:has([class^="na-link"]:hover)>figure::before{background:unset;transition:ease-in-out .3s}
.ma-1>div>figure>img{width:100%;height:auto;padding:.3em;object-fit:cover;border-radius:.1em;border:none;box-sizing:border-box;background:#333;aspect-ratio:2/1}
.ma-1>dl{display:flex;flex-wrap:wrap;margin:2px;padding:0;gap:2px;font-size:.85em;list-style-type:none}.ma-1>dl>div{display:flex;gap:.3em;margin:0;padding:0 .4em;font-size:.9em;color:#8d5c9f;background:#fff;border-radius:2px}
.ma-1>dl>div:not(:last-of-type)>dd{margin:0;font-style:normal;color:#111}.ma-1>dl>div:last-of-type>dt{position:absolute;text-indent:100%;white-space:nowrap;overflow:hidden}.ma-1>dl>div:last-of-type>dd{margin:0;font-style:normal;color:#8d5c9f}
.ma-1 figure+div{display:grid;grid-template-rows:1fr 2fr;row-gap:.2em;margin:0;font-size:.85em}
.ma-1 figure+div>:is(i,div){display:grid;grid-template-columns:4.5em 1fr;margin:0;padding-left:.6em;font-style:normal;background:rgba(0,0,0,.2)}
.ma-1 figure+div>i>:is(b,strong){display:grid;align-items:center;justify-content:center;height:100%;margin:0;font-style:normal;line-height:1em;background:rgba(0,0,0,.4)}
.ma-1 figure+div>i>em{font-weight:bold}.ma-1 figure+div p{display:grid;align-content:center;margin:0}.ma-1 figure+div>i>span:first-child{display:grid;align-content:center}
.ma-1 figure+div ul{display:grid;align-items:center;gap:.2em;margin:0;padding:.2em .6em;background:rgba(0,0,0,.1)}.ma-1 figure+div ul li{display:grid;grid-template-columns:auto 1fr;border-bottom:.5px dotted #666}.ma-1 figure+div ul :is(em,b){text-align:end}

.dpage{display:grid;grid-template-columns:repeat(auto-fit, minmax(6em, 1fr));gap:.3em;margin:.2em .4em;padding:0;list-style-type:none;z-index:1}.dpage p{margin:0}
.dpage_box [data-dpage]>a{margin:.2em}
.na-1 [data-dpage]>a{display:grid;justify-content:center;align-items:center;padding:1.2em 0;z-index:1;font-size:.9em;color:#ddd;background:rgba(200,200,255,.1);text-decoration:none;border-radius:.3em}
:is([data-dpage],.link-ck)>a:hover{background:#fff;color:#111}[data-dpage]>a:hover :is(b,em){color:#111}
.na-1 [data-dpage]{position:relative;display:grid;margin:0;background:rgba(0,0,0,.4);border-radius:.4em}
.na-1 [data-dpage]>a>b{display:grid;text-align:center}.na-1 [data-dpage]>a>b>span{position:absolute;bottom:.2em;left:50%;width:100%;font-weight:normal;transform: scale(.7) translateX(-50%);transform-origin:left;color:#ddd}
[data-dpage="1"] :is(b,em),#favorite_box [data-dpage="1"] a{color:#f2c6f6}
[data-dpage="1a"] :is(b,em),#favorite_box [data-dpage="1a"] a{color:#f6c6e2}
[data-dpage="2"] :is(b,em),#favorite_box [data-dpage="2"] a{color:#caf6c6}
[data-dpage="3"] :is(b,em),#favorite_box [data-dpage="3"] a{color:#c6f6f2}
[data-dpage="4"] :is(b,em),#favorite_box [data-dpage="4"] a{color:#f6f2c6}
[data-dpage="0"] :is(b,em),#favorite_box [data-dpage="0"] a{color:#d3d3d3}
[data-dpage="5"] :is(b,em),#favorite_box [data-dpage="5"] a{color:#c6caf6}
.box:has([data-model]>.favorite_mark:active)>div{background:#b4afff;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .8s}
.box:has([data-dpage="1"]:hover)>div{background:#deafff;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .3s}
.box:has([data-dpage="1a"]:hover)>div{background:#f0cce8;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .3s}
.box:has([data-dpage="2"]:hover,.link-ck:hover)>div{background:#afffc5;box-shadow:0 0 1em rgba(235, 200, 255, .9);transition:ease-in-out .3s}
.box:has([data-dpage="3"]:hover)>div{background:#afe1ff;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .3s}
.box:has([data-dpage="4"]:hover)>div{background:#d0d7c9;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .3s}
.box:has([data-dpage="0"]:hover)>div{background:#b6b6b6;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .3s}
.box:has([data-dpage="5"]:hover)>div{background:#9ca3b4;box-shadow:0 0 1em rgba(235, 220, 255, .9);transition:ease-in-out .3s}
.dpage_box{display:grid;gap:.4em;margin:2em 4px 2px;padding:.2em 0 .4em}.dpage_box>p{display:flex;justify-content:center;align-items:center;margin:.2em .4em 0;padding:.2em 0;font-weight:bold;background:rgba(0,0,0,.4)}
.dpage_box>p::before,.dpage_box>p::after{content:"";margin:0 4px;height:.5px;background:rgba(255,255,255,.2);flex-grow:1}


.e-design{background:rgba(0,0,0,.1);margin:0 4px;padding:.8em;line-height:1.8em}.e-design>b{display:inline-block;margin:0 0 .8em}
.l-design{display:inline-block;margin:.5em;font-size:1.1em}
[data-selemo]{display:grid;gap:1em;margin:-54px 0 2em;padding:54px 0 0}.wo-1 [data-selemo]:last-of-type{margin:-54px 0 0}
[data-selemo] h3,section.na-1>h3{margin:0 4px;padding:.6em 1em;font-size:1.1em;font-weight:normal;background:rgba(0,0,20,.3);border-top:.5px solid #222;border-bottom:.5px solid #333}
.refbox{display:grid;justify-content:end;margin:.4em 1em 0}

.link-ck{display:grid;margin:.4em .4em .4em;background:rgba(0, 0, 0, .4)}
.link-ck a{display:grid;justify-content:center;margin:.2em;padding:1.4em 0;z-index:1;font-weight:bold;color:#caf6c6; background:rgba(200, 200, 255, .1);text-decoration:none}

/* ---- MY LIST(i,c,r) ---- */
.favorite_mark:not(.checkon){background:rgba(0,0,0,.1)}.ma-1 .favorite_mark.checkon{background:rgba(0,0,0,.4);transition:300ms}
.checkon::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"\f005";font-family:'icomoon';text-indent:0;font-size:1.05em;font-style:normal;color:#bba3ff;transition:300ms}
.favorite_mark{position:relative;display:grid;height:100%;text-indent:-200%;overflow:hidden;border-radius:.1em}
/* ---- MY LIST(all) ---- */
.favorite_mark::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"\f006";font-family:'icomoon';text-indent:0;font-size:1.3em;font-style:normal}
#favorite_box .favorite_mark::before{color:#696969}
#my-box{margin:.2em;padding:0;color:#FAFCFF}
#favorite_box{display:grid;gap:.2em;margin:0;padding:.2em;list-style-type:none}
#favorite_box>li{display:grid;grid-template-columns:7fr 1fr;margin:0;padding:.2em;border-radius:.2em;background:rgba(200,200,245,.3)}
#favorite_box>li>div{display:grid;grid-template-columns:1fr 2.4em;gap:.4em .2em;text-overflow:ellipsis;white-space:nowrap}
#favorite_box>li>div>p{margin:0;padding:.2em .5em;font-size:.9em;color:#fff;overflow:hidden;text-overflow:ellipsis}
#favorite_box [data-dpage]>a{position:relative;display:grid;justify-content:center;padding:.4em 0;font-size:.85em;transition:300ms;text-decoration:none}#favorite_box [data-dpage] a:hover{background:#fff}
#favorite_box>li>div>div{grid-column:span 2;display:grid;grid-template-columns:repeat(5,1fr);gap:.2em}
#favorite_box>li>div>i{display:grid;align-items:center;cursor:pointer;background:rgba(150,150,180,.7);border-radius:.2em}
#favorite_box [data-dpage="1"]{grid-column-start:1}
#favorite_box [data-dpage="2"]{grid-column-start:2}
#favorite_box [data-dpage="3"]{grid-column-start:3}
#favorite_box [data-dpage="4"]{grid-column-start:4}
#favorite_box [data-dpage="0"]{grid-column-start:5}
.ghost{opacity:.4!important}
#tooltip{display:none;animation:fadeIn 0.6s;position:absolute;top:1em;left:50%;transform:translateX(-50%);width:80%;padding:.4em;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);outline:.4em solid rgba(0,0,0,.7);outline-offset:.2em;z-index:5}
#tooltip>p{margin:0;padding:.6em 1.4em .6em;color:#87c6ff}
#tooltip>ul{display:grid;gap:.8em;margin:0;padding:.4em;list-style-type:none}
#tooltip>ul>li{position:relative;margin:0;color:#fff;line-height:1.4em;text-align:justify}
#tooltipButton{width:10em;margin:.2em .3em;font-size:.9em}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.drag-handle{display:grid;position:relative;cursor:grab}.drag-handle:active {cursor:grabbing}
.drag-handle::before{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-family:'icomoon';content:"\e91a";font-size:2em;font-style:normal;color:#000}
#Browsing_history{display:grid;gap:.2em;margin:0;padding:.2em;list-style-type:none}
#Browsing_history li{display:grid;grid-template-columns:7fr 1fr 1fr;align-items:center;height:2.8em;border-radius:.2em;background:#eee;text-overflow:ellipsis;white-space:nowrap}
#Browsing_history li:hover{background:rgba(200,180,255,.9)}
#Browsing_history li a{padding:.4em .4em;color:#111;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
#Browsing_history li a>small{display: block;overflow:hidden;text-overflow:ellipsis}
.h_delete{display:grid;justify-content:center;align-items:center;font-size:1.5em;color:#111;cursor:pointer}
.h_lock{position:relative;text-indent:110%;overflow:hidden}.h_lock::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-indent:0;font-family:'icomoon';content:"\e918"}
#mylist+.mw-overlay1>.mw-N>div:first-child{display:flex;background:rgba(120,60,255,.4)}
#mylist+.mw-overlay1>.mw-N>div:first-child>p{position:relative;flex-grow:1;margin:auto 0;padding:.6em .6em .4em}
#mylist+.mw-overlay1>.mw-N>div:first-child>p::before{font-family:'icomoon';content:"\f006";padding:.4em .3em 0}
#my-box>p{padding:.4em 1.4em .1em;font-size:.9em;color:#aaa3ff}#my-box>p:first-of-type{margin:0}#my-box>p:nth-of-type(2){margin:.2em 0 0}



.hy-1:not(.hy-1:has([data-list^="i"]:not(ol),[data-list^="r"]:not(table [data-list^="r"]),[data-perf])){color:#111;background:#fff}
.hy-1:not(.hy-1:has([data-list^="i"]:not(ol),[data-list^="r"]:not(table [data-list^="r"]),[data-perf],[data-table])){padding:.3em}
.hy-1:not(.hy-1:has([data-list^="i"]:not(ol),[data-list^="r"]))>.hy-p0{margin:0;padding:0 .4em;color:#111;background:var(--t-c-0)}
.hy-1:has([data-list^="i"]:not(ol),[data-list^="r"])>.hy-p0{display:flex;align-items:center;margin:0;padding:.2em 1em;color:#defffd;background:rgba(30,30,50,.3)}
.hy-1:has([data-list^="i"]:not(ol),[data-list^="r"])>.hy-p0::before,.hy-1:has([data-list^="i"]:not(ol),[data-list^="r"])>.hy-p0::after{content:"";top:50%;width:.5em;height:.5px;margin:.3em;background:#999}



/* ---- block ---- */
:is(.na-1,.na-1>section,.na-1>section>section,.edit>li,.unit>li)>:is([data-gt],.hy-1,[data-list]){margin:0 4px}



/* ---- img ---- */
.i_top{width:100%;object-fit:cover;border-radius:.1em;border:none;box-sizing:border-box;padding:.3em;background:#333;aspect-ratio:2/1}
img[data-img]{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top}img[data-img]:not([data-img="ro"],[data-img="xo"],[data-img="2xo"]){border:.5px solid #333}img[data-img]:not([data-img="ro"],[data-img="xo"],[data-img="2xo"]){background:#444}
[data-img="7-18"]{aspect-ratio:7/18}
[data-img="10-21"]{aspect-ratio:10/21}
[data-img="17-31"]{aspect-ratio:17/31}
[data-img="5-9"]{aspect-ratio:5/9}
[data-img="3-5"]{aspect-ratio:3/5}
[data-img="5-8"]{aspect-ratio:5/8}
[data-img="2-3"]{aspect-ratio:2/3}
[data-img="3-4"]{aspect-ratio:3/4}
[data-img="7-9"]{aspect-ratio:7/9}
[data-img="4-5"]{aspect-ratio:4/5}
[data-img="5-6"]{aspect-ratio:5/6}
[data-img="9-10"]{aspect-ratio:9/10}
[data-img="1-1"]{aspect-ratio:1/1}
[data-img="8-7"]{aspect-ratio:8/7}
[data-img="6-5"]{aspect-ratio:6/5}
[data-img="5-4"]{aspect-ratio:5/4}
[data-img="4-3"]{aspect-ratio:4/3}
[data-img="7-5"]{aspect-ratio:7/5}
[data-img="3-2"]{aspect-ratio:3/2}
[data-img="8-5"]{aspect-ratio:8/5}
[data-img="5-3"]{aspect-ratio:5/3}
[data-img="16-9"]{aspect-ratio:16/9}
[data-img="20-11"]{aspect-ratio:20/11}
[data-img="15-8"]{aspect-ratio:15/8}
[data-img="2-1"]{aspect-ratio:2/1}
[data-img="21-10"]{aspect-ratio:21/10}
[data-img="15-7"]{aspect-ratio:15/7}
[data-img="11-5"]{aspect-ratio:11/5}
[data-img="16-7"]{aspect-ratio:16/7}
[data-img="12-5"]{aspect-ratio:12/5}
[data-img="5-2"]{aspect-ratio:5/2}
[data-img="8-3"]{aspect-ratio:8/3}
[data-img="11-4"]{aspect-ratio:11/4}
[data-img="3-1"]{aspect-ratio:3/1}
[data-img="29-9"]{aspect-ratio:29/9}
[data-img="10-3"]{aspect-ratio:10/3}
[data-img="69-20"]{aspect-ratio:69/20}
[data-img="19-5"]{aspect-ratio:19/5}
[data-img="19-4"]{aspect-ratio:19/4}
[data-img="5-1"]{aspect-ratio:5/1}
[data-img="49-9"]{aspect-ratio:49/9}
[data-img="45-8"]{aspect-ratio:45/8}
[data-img="29-5"]{aspect-ratio:29/5}
[data-img="6-1"]{aspect-ratio:6/1}
[data-img="20-3"]{aspect-ratio:20/3}
[data-img="35-4"]{aspect-ratio:35/4}


/* ---- ref ---- */
[data-ref]{text-decoration:none;padding:0 .2em;border-radius:.2em;color:#abe2fd}[data-ref]:hover{background: #fff;color:#0095F9;transition:ease-in-out .3s}
[data-ref="1"]::after{content:"\e904";font-family:'icomoon';display:inline-grid;margin-left:.2em;font-size:.8em}

/* ---- edit (c,r共通)---- */

.na-1>section:not([data-selemo]),.na-1>section>section{display:grid;gap:1em}.na-1>section:first-of-type:not([data-selemo]){margin:0}.na-1>section:not(:first-of-type){margin-top:1em}.na-1>section>section{margin:.6em 4px 0;padding:4px 0;background:rgba(0,0,0,.15)}
.na-1 h4{margin:0 4px;padding:.3em .4em .3em 20px;font-size:1.2em;line-height:1.3em;color:#F5FCFF;background:rgba(0,0,0,.4);border-top:.05em solid #333;border-bottom:.05em solid #333}
.na-1 h5{margin:0 4px;padding:.3em .4em .3em 20px;font-size:1.1em;background:rgba(0,0,0,.3);border-top:.05em solid #333;border-bottom:.05em solid #333;color:var(--t-c-h5)}

.na-1>p:first-child{margin:0 4px;padding:.2em .4em;line-height:1.8em}
:is(.na-1,.na-1>section,.na-1>section>section)>p:not(:first-child,:last-child,.edit,.s-type,.e-design){margin:0 4px;padding:.2em .6em;line-height:1.8em}
:not(li)>[data-gt] p:not(.list-p,.na-3>p,tfoot>p,.l-foot>p,tfoot>tr p){margin:0;padding:.2em .4em;line-height:1.6em}
:is(.na-1,.na-1>section,.na-1>section>section)>p:last-child{line-height:1.8em}
:is(.na-1,.na-1>section,.na-1>section>section)>p:last-child:not(p.edit,.na-2 p,.s-type){margin:0 4px;padding:.2em .6em .4em}
:is(.na-1,.na-1>section,.na-1>section>section,div.edit)>small{position:relative;margin:0 4px;padding:0 .4em .4em 1.4em;line-height:1.6em}
:is(.na-1,.na-1>section,.na-1>section>section,div.edit)>small::before{position:absolute;content:"※";left:.2em}

:is(.na-1 p,dl.check dt,dl.check dd,.check.one>li,.edit.one>li,.unit>li)>strong:not(.b-s>strong:first-of-type){color:var(--v-s-1)}
:is(.na-1 p,dl.check dd,.check.one>li,.edit.one>li,.unit>li)>em{font-style:normal;color:var(--v-e-1)}
:is(.na-1 p,dl.check dd,.check.one>li,.edit.one>li,.unit>li,dl.check>div>dt)>b:not(.b-b>b:first-of-type,.s-type2>b){color:var(--v-b-1)}
.b-s>strong:first-of-type{color:var(--v-s-0)}.b-b>b:first-of-type{color:var(--v-b-0)}
:not(li>p:not(.edit))>:is(.b-b>b,.b-s>strong):first-of-type{display:inline-flex;align-items:center;padding-bottom:.2em}


p.edit{background:rgba(0,0,0,.1);line-height:1.8em}p.edit:not(dl.check dd>p.edit){margin:0 4px}p.edit:not(.b-s,.b-b){padding:.4em .6em}p.edit:is(.b-s,.b-b){padding: 0 .6em .4em}
div.edit{display:grid;gap:.3em;margin:0 4px;padding:4px 0;background:rgba(0,0,0,.1)}
div.edit>p:first-of-type{display:flex;align-items:center;margin:0;padding:.2em .4em 0;font-weight:bold}
div.edit>p:first-of-type:before,div.edit>p:first-of-type:after,:not(li>p:not(.edit))>:is(.b-b>b,.b-s>strong):first-of-type::before,:not(li>p:not(.edit))>:is(.b-b>b,.b-s>strong):first-of-type::after{content:"";width:.5em;height:.5px;margin:.4em;background:#999}
ol.edit{counter-reset:item;list-style-type:none}ul.edit{list-style-type:none}
:is(ol,ul).edit{display:grid;padding:0}:not(li)>:is(ol,ul).edit{margin:0}
.edit>li{position:relative;background:rgba(0,0,0,.1);line-height:1.6em}.edit:not(.one)>li{display:grid;grid-template-columns:.6em 1fr;gap:.6em}
:not(li)>.edit>li>p:not(.list-p,.hy-1>.hy-p0,.edit,div.edit>p:first-of-type,.na-3>p),.edit>li>[data-gt]>div>p,.unit>li [data-gt]>div>p{margin:0;padding:4px}.edit>li>.edit>li>p{margin:0;padding:0 4px}
:is(ol,ul).edit:not(.one)>li>*{grid-column-start:2}

:not(li)>ul.edit>li::before{content:"";width:0;height:0;border:.3em solid transparent}
:not(li)>ul.edit:not(.one)>li::before{margin-top:.8em;margin-left:.4em}
:not(li)>ul.edit.one>li::before{position:absolute;top:.8em;left:.5em}
ol.edit>li::before{counter-increment:item;content:counter(item)'.'}ol.edit.one>li::before{position:absolute;top:4px;left:.4em}:not(li)>ol.edit:not(.one)>li::before{padding-top:4px;padding-left:.2em}li>ol.edit:not(.one)>li::before{padding-left:.4em}
:is(ol,ul).edit.one>li>*{margin-top:.4em}

.na-1 :is(ol.edit,ol.check)>li:before{color:var(--t2-c-3)}
.na-1 ul.edit>li:before{border-left:.4em solid var(--t2-c-3)}
h5~:is(ol.edit,ol.check)>li:before{color: var(--t2-c-0)}
h5~ul.edit>li:before,div.edit>ul.edit>li:before{border-left:.4em solid var(--t2-c-0)}


.check>li>ul.edit>li::before,.edit>li ul.edit.one>li::before{position:absolute;top:.3em;left:.5em;content:"-"}.edit>li ul.edit:not(.one)>li::before{content:"-";margin-top:.3em;margin-left:.3em}
li>ul.edit .edit p{color:#e7f2ff}

div[data-gt]>div:first-child:not([class]){display:flex;flex-direction:column;gap:.3em}



details.na-2{display:grid;margin:0 4px;padding:4px 0;background:rgba(0,0,60,.2)}
details.na-2>summary{position:relative;margin:0 4px;padding:.2em .4em .2em 1em;font-weight:bold;line-height:1.3em;color:#eef;background:rgba(20,10,40,.25);cursor:pointer;transition:.2s}
details.na-2>summary:hover{background:rgba(215,215,255,.7);color:#333}
details.na-2>summary+:is(div,p){margin-top:.3em}
details.na-2[open] summary::before{position: absolute;content:"touch to CLOSE";right:1em;font-size:.85em;font-weight:normal;color:#ddd}
details.na-2:not([open]) summary::before{position: absolute;content:"touch to OPEN";right:1em;font-size:.85em;font-weight:normal;color:#dbfaff}

/* ---- check (s専用)---- */
:is(ul,ol).check{display:grid;margin:0 4px;padding:0;list-style-type:none}ol.check{counter-reset:number}
:is(ul,ol).check:not(.one)>li{position:relative;display:grid;align-items:center;gap:.3em;background:rgba(0,0,0,.1);border-left:1.4em solid rgba(0,0,0,.3);text-align:justify;line-height:1.4em}
:is(ul,ol).check.one>li{position:relative;background:rgba(0,0,0,.1);border-left:1.4em solid rgba(0,0,0,.3);line-height:1.6em}
ul.check>li::before{position:absolute;content:"";top:50%;left:-.9em;width:.25em;height:.5em;transform:translateY(-50%) rotate(40deg)}
:is(ul,ol).check>li:not(.b-s,.b-b) p{margin:0;padding:.2em .4em;line-height:1.5em}:is(ul,ol).check>li:not(.b-s,.b-b) strong{padding:0 .1em}
ol.check>li::before{position:absolute;top:55%;left:-1.4em;transform:translateY(-50%);font-size:.9em;font-family:'Roboto',sans-serif;counter-increment:number;content:counter(number,decimal-leading-zero)}
:is(ul,ol):is(.edit,.check):not(.one){gap:.3em}:is(ul,ol):is(.edit,.check).one{gap:.2em}
:is(ul,ol):is(.edit,.check):not(.one)>li{margin:0 4px;padding:4px 0}:is(ul,ol).edit.one>li{margin:0 4px;padding:4px .4em 4px 1.6em}:is(ul,ol).check.one>li:not(.b-s,.b-b){padding:.2em .6em}li:is(.b-s,.b-b){padding:0 .6em .4em}
:is(ul,ol).check.one .edit.one{margin-top:.3em}
:is(ul,ol).check>li>.hy-1{margin:0 4px}

:is(.na-1,.unit>li,dl.check dd) ul.check>li:before{border-bottom:.15em solid var(--t2-c-3);border-right:.15em solid var(--t2-c-3)}


dl.check{display:grid;gap:.6em;margin:0 4px}
dl.check>div{display:grid;align-items:center;gap:.1em;padding:.2em;background:rgba(0,0,30,.3)}
dl.check>div>dt{padding:.5em .8em}
dl.check>div>dd{position:relative;margin:0;;padding:.15em .4em;line-height:1.8em;text-align:justify;color:#e9f0ff;background:rgba(170,170,200,.2)}
dl.check>div>dd>:is([data-gt],.hy-1,.unit,.check,p.edit){margin:0 -.25em}dl.check>div>dd>p:not(p.edit){margin:0;padding:.25em .4em;line-height:1.5em}

/* ---- unit(c,r) ---- */
.unit{display:grid;gap:.6em;margin:0;padding:0;list-style-type:none}ol.unit{counter-reset:numb1}
.unit>li{position:relative;display:grid;gap:.6em;line-height:1.6em;background:rgba(0,0,0,.1)}.unit>li [data-graph^="oy"] tr[data-title]{line-height:1.3em}
ul.unit>li{padding:.6em 0 4px .5em;border-top:.05em solid rgba(0,0,0,.3);border-bottom:.05em solid rgba(0,0,0,.3)}ol.unit>li{padding:1.2em 0 4px .9em}
.unit .unit>li{margin:0 4px}.na-1>.unit>li{margin:0 4px}
.unit>li>p{margin:0;padding:4px}
ol.unit>li::before{position:absolute;top:0;left:0;content:"";width:.6em;height:100%;background:rgba(0,0,50,.2)}
ol.unit>li::after{position:absolute;top:0;left:.2em;font-size:.9em;font-weight:bold;color:#99e2ed;transform:scale(1,.7);transform-origin:top left;font-family:'Roboto',sans-serif;counter-increment:numb1;content:counter(numb1,decimal-leading-zero)}
.unit>li tr[data-title="0"]{line-height:1.3em}

/* ---- writing ---- */
ul.writing{display:grid;gap:.1em;margin:0 1em;padding:0;list-style-type:none}
ul.writing>li{position:relative;padding:.15em .4em .15em 1.4em;background:rgba(0,0,0,.05)}
ul.writing>li::before{position:absolute;left:.2em;content:"✓";color:#d1e0ff}

/* ---- explain(専用) ---- */
dl.explain{display:grid;gap:.4em;margin:0 4px;padding:.4em .6em;line-height:1.8em;background:rgba(0,0,0,.1)}
dl.explain dt{padding:.4em .8em;font-weight:bold;color:#faf5d1;border-bottom:.5px solid #888}dl.explain dd{margin:0;padding:.4em}
dl.explain dt strong{font-size:1.05em;color:#fad1eb}

/* ---- table ---- */
table th{font-weight:normal}[data-table*="tc"],[data-table*="te"],[data-table*="ta"]{empty-cells:hide}[data-table] td>b{display:inline-block;width:100%;padding-right:.15em;font-weight:normal;background:#cccff2}
[data-table]:not([data-table^="v"],[data-table^="b"]){table-layout:fixed;width:100%;border-spacing:.15em;line-height:1.1em}
[data-table]:not([data-table*="tc"],[data-table*="ta"],[data-table*="ts"],[data-table^="v"],[data-table^="b"]) td:not([colspan],:has(ul)){padding-right:.2em;text-align:end}[data-table*="ta"] td:not([data-bh]){width:3em;padding-right:.2em;text-align:end}[data-table*="ts"] td{padding-left:.4em}
[data-table*="tc"] td,[data-table*="ta"] td[data-bh]{text-align:center}.w-34{width:3.4em}
[data-table] :is(thead,tbody) th{font-size:.9em}[data-table] thead th[scope]{text-align:center}
[data-table]:not([data-table^="v"],[data-table^="b"]) td{box-shadow:var(--shadow1)}
[data-table] tfoot th{font-size:.85em;text-align:left}
:is(tfoot,.l-foot) p{position:relative;margin:0;padding:.15em .4em .15em 1.3em;line-height:1.2em;text-align:justify}:is(tfoot,.l-foot) p::before{position:absolute;content:"※";top:.2em;left:.2em;font-size:.9em}[data-graph] tfoot{background:rgba(0,0,100,.1)}
[data-table] tbody [colspan]{text-align:center}
[data-graph]:not([data-graph^="v"]) caption:not([data-title]){margin:0;padding:0 0.4em;text-align:start;background:var(--t-c-0)}[data-table]:not([data-table^="v"]) caption{margin:.1em;padding:0 0.4em;line-height:1.4em;text-align:start;background:var(--t-c-0)}
[data-table] [data-itx1],[data-list^="i"] [data-itx1]{position:relative}
.hy-1:has([data-table]){padding:.2em}
[data-table^="y"] thead [data-img],th [data-img]{vertical-align:top}
:is([data-table^="v"],[data-graph^="v"]) caption{padding:.2em .8em;line-height:1.4em;text-align:start;background:rgba(10, 10, 50, .4)}



[data-table^="v"]{table-layout:fixed;width:calc(100% - 8px);margin:0 4px;border-spacing:.1em .3em;line-height:1.1em}
[data-table^="v"] thead th:not([data-table^="v"] thead tr:nth-child(2) th:first-of-type){background:rgba(0,0,50,.2)}
[data-table^="v"] thead tr:nth-child(2) th:first-of-type,[data-table^="v"] tbody th{background:rgba(0,0,0,.25)}
[data-table^="v"] tbody td{background:rgba(0,0,0,.15)}
[data-table^="v"] caption{padding:.2em .8em;line-height:1.4em;text-align:start;background:rgba(10,10,50,.4)}
[data-table^="v"]:not([data-table^="v3"]) thead th:first-of-type{width:5.2em}[data-table^="v"]:not([data-table^="v3"]) thead th:last-of-type{width:8em}[data-table^="v"]:not([data-table^="v3"]) thead th:nth-last-of-type(2){width:7em}
[data-table^="v3"] thead th:first-of-type{width:6.2em}[data-table^="v3"] thead th:nth-last-of-type(2){width:7em}
[data-table^="v"] tbody td:nth-of-type(3),.risk1 dd{position:relative}[data-table^="v"] tbody td:nth-of-type(3)>span,.risk1 dd>span{position:absolute;bottom:.2em;right:.4em;font-size:.7em}
[data-table^="v"] tbody td>em{display:grid;font-size:1.2em;font-weight:bold;font-style:normal;text-align:center}
[data-table^="v1"] tbody tr:nth-of-type(n+2):nth-of-type(-n+4) td>em{color:#aefcfc}[data-table^="v1"] tbody tr:nth-last-of-type(n+1):nth-last-of-type(-n+3) td>em{color:#fcaed5}
[data-table^="v2"] tbody tr:nth-of-type(n+2):nth-of-type(-n+4) td>em{color:#aefcd5}[data-table^="v2"] tbody tr:nth-last-of-type(n+1):nth-last-of-type(-n+3) td>em{color:#d5aefc}
[data-table^="v3"] tbody td>em{color:#fcf2ae}
[data-table="v3-y"] thead th:first-of-type{width:5em}[data-table="v3-y"] thead th:nth-of-type(2){width:8em}
[data-table="v3-y"] td:first-of-type{padding-right:.5em;font-size:1.1em;font-weight:bold;color:#c8f3dd;text-align:end}[data-table="v3-y"] td:last-child{text-align:center}

[data-table^="v"] tbody th{padding:.5em 0}
[data-table^="v"]:not([data-table="v3-y"]) tbody :is(td:first-of-type,td:last-child){text-align:center}
.s-type{display:block;margin:0 4px;padding:1.8em 0;background:rgba(0,0,0,.1);text-align:center}.s-type>b{font-size:1.2em}
.s-type1{display:flex;align-items:center;margin:0;padding:0 .5em;font-weight:bold;}
.s-type1::before{content:"";display:block;flex-grow:1;height:.5px;margin:0 .6em;background:#777}
.s-type1::after{content:"";display:block;flex-grow:1;height:.5px;margin:0 .6em;background:#777}
.s-type2{display:grid;grid-template-rows:1.5em 3em;gap:.3em;margin:0 4px;padding:.6em .3em .3em;background:rgba(0,0,0,.1);text-align:center}
.s-type2>b{display:grid;justify-content:center;align-items:center;margin:0;font-size:1.2em;font-weight:bold;color:#c8f3dd}
.risk1{display:grid;grid-template-columns:1fr 1fr;gap:.3em;margin:0 4px}.risk1 div{display:grid;grid-template-rows: 1.5em 3em;background:rgba(0,0,0,.1)}
.risk1 dt{display:grid;justify-content:center;align-items:center;background:rgba(0,0,50,.15)}
.risk1 dd{display:grid;justify-content:center;align-items:center;margin:0}
.risk1 dd>em{font-size:1.6em;font-weight:bold;font-style:normal;color:#a2c9f6}

[data-score]{display:grid;margin:0 4px;background:rgba(0,0,0,.15)}
[data-score] dt{position:relative;display:grid;align-items:center;padding:.5em 0 .3em;text-align:center}
[data-score] dd{display:grid;margin:0 .4em .4em;padding:0;background:rgba(255,255,255,.08);z-index: 0}
[data-score] dd span{position: relative;;display:grid;align-items:center;height:2em;font-size:1.6em;font-weight:bold}[data-score] dd span b{z-index:1}
[data-score] dd span:first-of-type b{padding-left:.5em}[data-score] dd span:nth-of-type(2) b{position:absolute;right:0;padding-right:.5em;text-align:end}
[data-score="1"] span:first-of-type{background:rgba(69, 114, 156, 0.5)}
[data-score="1"] span:nth-of-type(2){background:rgba(156, 69, 117, 0.5)}
[data-score="2"] span:first-of-type{background:rgba(185, 183, 82, 0.5)}
[data-score="2"] span:nth-of-type(2){background:rgba(125, 90, 208, 0.5)}
[data-score] dt::before{position:absolute;top:50%;left:.8em;font-size:.8em;color:#a9d8f7;transform:scale(.8) translateY(-50%);transform-origin:left}
[data-score] dt::after{position:absolute;top:50%;right:.8em;font-size:.8em;color:#eb8db6;transform:scale(.8) translateY(-50%);transform-origin:right}
[data-score="1"] dt::before{content:"ローリスク"}
[data-score="1"] dt::after{content:"ハイリスク"}
[data-score="2"] dt::before{content:"少額"}
[data-score="2"] dt::after{content:"多額"}
.risk3{display:grid;gap:.3em;margin:0 4px;padding:.3em;background:rgba(0,0,0,.1)}
.risk3 div{display:grid;grid-template-columns:10em 1fr;background:rgba(0,0,0,.15)}
.risk3 dt{display:grid;justify-content:center;padding:.8em 0;background:rgba(0,0,50,.15)}
.risk3 dd{display:grid;justify-content:center;align-items:center;margin:0;font-size:1.2em}


[data-rate] i{position:absolute;width:1em;text-indent:100%;white-space:nowrap;overflow:hidden}
[data-rate]{position:relative;display:inline-grid;height:1em}[data-rate^="s5"]{width:5em}
[data-rate]::before,[data-rate]::after{text-shadow:0 0 .05em #444,0 0 .05em #444;position:absolute;top:0;left:0;font-family:'icomoon';white-space:nowrap;font-weight:normal;font-style:normal}
[data-rate]::before{color:#7d7e8c}
[data-table^="v1"] tbody tr:nth-of-type(n+2):nth-of-type(-n+4) td [data-rate]::after,.risk3 div:nth-of-type(3) dd [data-rate]::after{overflow:hidden;color:#aefcfc}
[data-table^="v1"] tbody tr:nth-last-of-type(n+1):nth-last-of-type(-n+3) td [data-rate]::after,.risk3 div:first-of-type dd [data-rate]::after{overflow:hidden;color:#fcaed5}
[data-table^="v2"] tbody tr:nth-of-type(n+2):nth-of-type(-n+4) td [data-rate]::after,.risk3 div:nth-of-type(2) dd [data-rate]::after{overflow:hidden;color:#aefcd5}
[data-table^="v2"] tbody tr:nth-last-of-type(n+1):nth-last-of-type(-n+3) td [data-rate]::after{overflow:hidden;color:#d5aefc}
[data-rate^="s5"]::before,[data-rate^="s5"]::after{content:"\f005\f005\f005\f005\f005";letter-spacing:.1em}
[data-rate^="s"][data-rate$="-5"]:after{width:5em}
[data-rate^="s"][data-rate$="-4.5"]:after{width:4.57em}
[data-rate^="s"][data-rate$="-4"]:after{width:4em}
[data-rate^="s"][data-rate$="-3.5"]:after{width:3.56em}
[data-rate^="s"][data-rate$="-3"]:after{width:3em}
[data-rate^="s"][data-rate$="-2.75"]:after{width:2.75em}
[data-rate^="s"][data-rate$="-2.5"]:after{width:2.55em}
[data-rate^="s"][data-rate$="-2.25"]:after{width:2.25em}
[data-rate^="s"][data-rate$="-2"]:after{width:2em}
[data-rate^="s"][data-rate$="-1.75"]:after{width:1.75em}
[data-rate^="s"][data-rate$="-1.5"]:after{width:1.5em}
[data-rate^="s"][data-rate$="-1.25"]:after{width:1.25em}
[data-rate^="s"][data-rate$="-1"]:after{width:1em}
[data-rate^="s"][data-rate$="-0.75"]:after{width:.75em}
[data-rate^="s"][data-rate$="-0.5"]:after{width:.5em}
[data-rate$="-0"]:after{width:0%}




/* ---- [graph] ---- */
[data-graph]{display:grid;gap:.2em;border-spacing:0}[data-graph] td{padding:0}.hy-p0+[data-graph]{margin-top:.3em}[data-graph]+[data-graph]{margin-top:.8em}
[data-graph^="ox"] tbody{position:relative;display:grid;gap:.1em}[data-graph^="oy"] tbody{position:relative;display:grid;gap:.4em .1em}
[data-graph="oy-r2"] tbody{grid-template-rows:1fr 1fr}[data-graph="oy-r3"] tbody{grid-template-rows:repeat(3,1fr)}
[data-graph] :is(thead,th[colspan]){font-size:.9em}[data-graph] tr[data-title]>th{text-align:center}
[data-graph] thead tr th[scope]:first-child{position:absolute;text-indent:100%;overflow:hidden;white-space:nowrap}

[data-graph] thead th:not([scope]){position:relative;padding-left:1em}[data-graph] thead th:not([scope])::before{position:absolute;content:"";top:50%;left:0;transform:translateY(-50%);width:.7em;height:.7em;line-height:1;border:.2em solid #333;border-radius:2px}
[data-graph*="b"],[data-graph*="o"] tbody tr:not(tr[data-title]){position:relative}
[data-graph] caption[data-title]{margin-top:.2em;font-size:.9em}


[data-graph^="v"]{display:grid;gap:.2em;border-spacing:0;margin:0 4px}
[data-graph^="v"] thead th[scope]:nth-of-type(n+2){position:relative;padding-left:1.4em}[data-graph^="v"] thead th[scope]:nth-of-type(n+2)::before{position:absolute;content:"";top:50%;left:0;transform:translateY(-50%);width:.7em;height:.7em;line-height:1;border:.2em solid #444;border-radius:2px}
[data-graph^="v"] thead tr{display:flex;flex-wrap:wrap;justify-content: space-between;gap:0 .4em;padding:0 .5em 0 5.5em;line-height:1.1em}
[data-graph^="v"] tbody{position:relative;display:grid;gap:.3em}
[data-graph^="v"] tbody tr{display:grid;align-items:center;padding:.4em;background:rgba(0,0,0,.25)}
[data-graph^="v"] tbody th{position:absolute;left:1.3em;font-size:.9em}
[data-graph^="v1"] tbody td:first-of-type,[data-graph^="v1"] thead th[scope]:nth-of-type(2)::before,thead th:not([scope]):first-of-type::before{background:rgba(100, 130, 190, .25)}
[data-graph^="v1"] tbody td:nth-of-type(2),[data-graph^="v1"] thead th[scope]:nth-of-type(3)::before,thead th:not([scope]):nth-of-type(2)::before{background:rgba(180, 120, 190, .45)}
[data-graph^="v2"] tbody td:first-of-type,[data-graph^="v2"] thead th[scope]:nth-of-type(2)::before,thead th:not([scope]):first-of-type::before{background:rgba(100, 190, 130, .25)}
[data-graph^="v2"] tbody td:nth-of-type(2),[data-graph^="v2"] thead th[scope]:nth-of-type(3)::before,thead th:not([scope]):nth-of-type(2)::before{background:rgba(150, 130, 220, .45)}
[data-graph^="v"] td{height:var(--h,0);align-content:center;position:relative}[data-graph^="v"] tbody td span{position:absolute;top:0;display:grid;align-content:center;height:100%;font-weight:bold;z-index:1}[data-graph^="v"] tbody td:first-of-type span{left:.5em}[data-graph^="v"] tbody td:nth-of-type(2) span{right:.5em}
[data-graph^="v"] tbody tr{grid-template-columns:var(--gtc,0);padding-left:var(--p-l,0)}


:is([data-graph*="x"],[data-graph*="c"]) tbody tr{display:grid;align-items:center;padding-bottom:.1em;border-bottom:var(--border1)}:is([data-graph*="x"],[data-graph*="c"]) tbody th:not(tr[data-title]>th,[data-itx1]){position:absolute;left:.2em;font-size:.9em}
:is([data-graph*="x"],[data-graph*="c"]) tbody>tr:first-of-type:not(tr[data-title]){padding-top:.1em;border-top:var(--border1)}
:is([data-graph*="ox"],[data-graph*="c"]) td{height:var(--h,0)}
:is([data-graph*="x"],[data-graph*="c"]) tbody tr:not(tr[data-title]){padding-left:var(--p-l,0)}


/* ---- pagination(index,ceiling,reset) ---- */
.page-n{display:grid;gap:.2em;padding:.2em;background: #fff;border-top:.2em solid #bbb;border-bottom:.2em solid #bbb}
nav.page-n{grid-template-columns: 4em 1fr 4em;margin:0 .4em .4em}div.page-n{margin:3px;border:.2em solid #333}
.page-n>:is(a,span){position:relative;display:grid;align-items:center;height:100%;color:#595959;background:rgba(50,0,0,.1);text-decoration:none}
nav.page-n>*:first-child{padding-left:1.4em}
nav.page-n>*:last-child{padding-right:1.4em;text-align:end}
.page-n>:is(a,span)::before,.page-n>:is(a,span)::after{position:absolute;color:#999}
.page-n>a:first-child::before{content:"≪";left:.4em}
.page-n>a:last-child::before{content:"≫";right:.4em}
.page-n>ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(3em, 1fr));gap:.2em;margin:0;padding:0;list-style-type:none}
.page-n>ul>li{position:relative;display:grid;align-items:center}
.page-n>ul>li::before{position:absolute;color:#bbb}
.page-n a:hover{background:#fdcbf9;color:#595959}
.page-n>ul>li>span{display:grid;align-items:center;height:1.6em;text-align:center;font-weight:bold;color:#494949}
.page-n>ul>li>a{display:grid;align-items:center;height:1.6em;text-align:center;text-decoration:none;color:#696969;background:rgba(0,0,0,.04)}

/* ---- footer(all) ---- */
footer{position:relative;display:block;min-height:100%;margin:0 auto;padding-bottom:8em;font-size:12px}
#share-container{display:block;height:100%}
#share-container>p{position:relative;margin:.8em 0 .4em;padding-left:3em;color:#dbdbdb}#share-container>p::before{position:absolute;font-family:'icomoon';top:50%;left:1.8em;transform:translateY(-50%);content:"\f1e0"}
#share-container>ul{list-style:none;display:flex;flex-wrap:wrap;margin:0 1em .4em;padding:0}
#share-container>ul>li{width:4em;height:2.2em;margin:.2em;text-align:center}
#share-container a{display:flex;justify-content:center;align-items:center;height:100%;color:#fff;background:rgba(200,200,255,.3);text-decoration:none;border-radius:.2em}
#share-container a::before{font-family:'icomoon';font-size:1.5em;display:block;transition:ease-in-out .2s;border-radius:5px}
#share-container a:hover::before{color:#666;background:#dbdbdb;width:100%;height:100%;transform:scale(1.05);filter:drop-shadow(1px 1px 1.5px rgba(0,0,0,0.6))}
#sns_line::before{content:"\e907"}
#sns_tw::before{content:"\e91b"}
#sns_fb::before{content:"\ea90"}
#sns_hb::before{content:"\e908"}
#sns_po::before{content:"\e905"}
footer>section{display:grid;gap:.3em;margin:2em 0 1em}
footer h2{display:block;margin:0;padding-left:.8em;color:#595959}footer h2>img{width:5em;aspect-ratio:4/1;object-fit:cover}
footer>section>div{position:relative;display:block;width:15em;height:2em;padding:0 2em;color:#eef}
[data-foot]{position:relative;display:flex;align-items:center;height:100%;padding:0 .7em;cursor:pointer}
[data-foot]::before{font-family:'icomoon';display:inline-flex;justify-content:center;width:1.5em;color:#dde}
[data-foot]::after{position:absolute;content:attr(data-foot);font-family:'icomoon';top:50%;left:2.5em;transform:translateY(-50%)}
[data-foot]:hover{color:white;background:grey;border-radius:5px}
[data-foot]:hover::before{color:white}
footer>section>div:first-of-type>[data-foot]::before{content:"\e906"}
footer>section>div:nth-of-type(2)>[data-foot]::before{content:"\e903"}
footer>section>div:nth-of-type(3)>[data-foot]::before{content:"\f0e0"}
footer>small{position:absolute;left:2em;display:block;font-size:1em;color:#dde}
footer h3{margin:0;font-size:1.2em}
footer h4{margin:1em 0 0}
footer h4 ~ p{margin:0}footer h4 ~ p:not(footer h4+p){padding-top:1em}
footer section>ul{margin:0;padding:.5em 1em 0;list-style-type:lower-roman}
#formWrapper>form>div:nth-child(-n+5):nth-child(n+2){padding:.5em 1em}
#formWrapper{position:relative}
#formWrapper>form>div:first-child{display:none;padding:.5em 1em}textarea,#formWrapper :is(label>input,select){border:0.5px solid #777;margin:.2em 0;padding:.3em .4em;border-radius:.3em;filter:drop-shadow(1px 1px 1.5px rgba(0,0,0,0.6))}
input,select,textarea{font-family:inherit;font-size:100%}#formWrapper~iframe{display:none}
#formWrapper textarea{width:calc(100% - .8em)}
#thxMessage::before{display:block;content:"お問い合わせありがとうございました。"}#thxMessage::after{display:block;content:"自動返信メールを送信させていただきましたのでご確認ください。"}
#thxMessage{display:none;padding:5em 2em}
footer hr{margin:.2em;border-top:1px dashed silver;border-bottom:transparent 1px solid}
footer address{margin-left:1em}
#formWrapper [type="submit"]{margin:0 1em;border:1px solid #777;padding:.4em 1em;color:#fff;cursor:pointer;background:#000;border-radius:.3em}
::placeholder{color:silver}
:focus::placeholder{color:white}
.mw-F input:not(#formWrapper [type="submit"],#formWrapper label>input){visibility:hidden;position:absolute}




::-webkit-scrollbar{width:0px;height:4px}
::-webkit-scrollbar-thumb{border-radius:30px;background:#b7f0aa}
::-webkit-scrollbar-track{border-radius:30px;background:grey}

.mw-A input{visibility:hidden}.mw-A{position:absolute}
.mw-B,.mw-G{position:absolute;width:100%;height:100%}
.mw-C{display:grid;gap:.3em;overflow-y:auto;align-self:start;margin-top:0;padding:.3em;max-height:85vh;transform:translateX(-100%);transition:transform .4s cubic-bezier(.465,.183,.153,.946);background:linear-gradient(231deg, rgba(233, 233, 233, 0.01) 0%, rgba(233, 233, 233, 0.01) 25%,rgba(10, 10, 10, 0.01) 25%, rgba(10, 10, 10, 0.01) 50%,rgba(237, 237, 237, 0.01) 50%, rgba(237, 237, 237, 0.01) 75%,rgba(200, 200, 200, 0.01) 75%, rgba(200, 200, 200, 0.01) 100%),linear-gradient(344deg, rgba(2, 2, 2, 0.03) 0%, rgba(2, 2, 2, 0.03) 20%,rgba(10, 10, 10, 0.03) 20%, rgba(10, 10, 10, 0.03) 40%,rgba(100, 100, 100, 0.03) 40%, rgba(100, 100, 100, 0.03) 60%,rgba(60, 60, 60, 0.03) 60%, rgba(60, 60, 60, 0.03) 80%,rgba(135, 135, 135, 0.03) 80%, rgba(135, 135, 135, 0.03) 100%),linear-gradient(148deg, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 14.286%,rgba(15, 15, 15, 0.03) 14.286%, rgba(15, 15, 15, 0.03) 28.572%,rgba(74, 74, 74, 0.03) 28.572%, rgba(74, 74, 74, 0.03) 42.858%,rgba(175, 175, 175, 0.03) 42.858%, rgba(175, 175, 175, 0.03) 57.144%,rgba(16, 16, 16, 0.03) 57.144%, rgba(16, 16, 16, 0.03) 71.42999999999999%,rgba(83, 83, 83, 0.03) 71.43%, rgba(83, 83, 83, 0.03) 85.71600000000001%,rgba(249, 249, 249, 0.03) 85.716%, rgba(249, 249, 249, 0.03) 100.002%),linear-gradient(122deg, rgba(150, 150, 150, 0.01) 0%, rgba(150, 150, 150, 0.01) 20%,rgba(252, 252, 252, 0.01) 20%, rgba(252, 252, 252, 0.01) 40%,rgba(226, 226, 226, 0.01) 40%, rgba(226, 226, 226, 0.01) 60%,rgba(49, 49, 49, 0.01) 60%, rgba(49, 49, 49, 0.01) 80%,rgba(94, 94, 94, 0.01) 80%, rgba(94, 94, 94, 0.01) 100%),linear-gradient(295deg, rgba(207, 207, 207, 0.02) 0%, rgba(207, 207, 207, 0.02) 25%,rgba(47, 47, 47, 0.02) 25%, rgba(47, 47, 47, 0.02) 50%,rgba(142, 142, 142, 0.02) 50%, rgba(142, 142, 142, 0.02) 75%,rgba(76, 76, 76, 0.02) 75%, rgba(76, 76, 76, 0.02) 100%),linear-gradient(73deg, rgba(81, 81, 81, 0.03) 0%, rgba(81, 81, 81, 0.03) 12.5%,rgba(158, 158, 158, 0.03) 12.5%, rgba(158, 158, 158, 0.03) 25%,rgba(136, 136, 136, 0.03) 25%, rgba(136, 136, 136, 0.03) 37.5%,rgba(209, 209, 209, 0.03) 37.5%, rgba(209, 209, 209, 0.03) 50%,rgba(152, 152, 152, 0.03) 50%, rgba(152, 152, 152, 0.03) 62.5%,rgba(97, 97, 97, 0.03) 62.5%, rgba(97, 97, 97, 0.03) 75%,rgba(167, 167, 167, 0.03) 75%, rgba(167, 167, 167, 0.03) 87.5%,rgba(22, 22, 22, 0.03) 87.5%, rgba(22, 22, 22, 0.03) 100%),linear-gradient(90deg, rgb(68,68,68),rgb(68,68,68))}
.mw-H{display:block;overflow-y:auto;align-self:start;margin-top:0;padding:1em;color:#595959;max-height:80vh;transform:translateX(-100%);transition:transform .4s cubic-bezier(.465,.183,.153,.946);background:#fff}

.mw-A input:checked ~ .mw-overlay,.mw-F input:checked ~ .mw-overlayF{pointer-events:auto;opacity:1;transform:scale(1);transition:opacity .8s cubic-bezier(.465,.183,.153,.946)}
.mw-A input:checked ~ .mw-overlay :is(.mw-C,.mw-Z){transform:translateX(0)}
.mw-F input:checked ~ .mw-overlayF .mw-H{transform:translateX(0)}



/*ad*/
.adlinkc{margin:0}


/*--1.home 2.メーカー順 3.50音順 4.top 5.index--*/
[data-menu="l-home"]>a::before{content:"\e901"}
[data-menu="l-maker"]>label::before,[data-menu="l-maker"] .mw-N>p::before{content:"\e90a"}
[data-menu="l-order"]>label::before,[data-menu="l-order"] .mw-N>p::before{content:"\e90a"}
[data-menu="l-mylist"]>label::before,[data-menu="l-mylist"] .mw-N>p::before{content:"\f006"}
[data-menu="l-top"]>a::before{content:"\f062"}
[data-menu="index"]>label::before,[data-menu="index"] .mw-N>p::before{content:"\e90b"}
.mw-N>p{position:relative;margin:0 3px;padding:.6em .6em .4em;background:rgba(120,60,255,.4)}
.mw-N>p::before{font-family:'icomoon';padding:.4em .3em 0}
[data-menu="l-mylist"] .mw-N{background:#333}
:is([data-menu="l-maker"],[data-menu="l-order"]) .mw-N{background:#222}

@media (max-width:338.98px){
h1{font-size:.9em}h1+small>img{width:5em}
#mainground,footer{font-size:10.5px}
h3[data-h3c]{font-size:1.05em}
.adslot_1{height:350px}
}
@media (max-width:280px) {
#mainground,footer{font-size:10px}
#box{font-size:.85em}
.adslot_1{height:265px}
}

@media (max-width:359.98px) {
#mainground,footer{font-size:11px}
}
@media (min-width:390px) and (max-width:419.98px){
#mainground,footer{font-size:13px}
}
@media (min-width:420px){
#mainground,footer{font-size:14px}
}
@media (max-width:539.98px){
  #b-menu{position:fixed;left:0;bottom:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));column-gap:.1em;background:#444;width:calc(100% - .2em);list-style-type:none;z-index:3}
  #b-menu > li{display:grid;margin:0;height:3.8em;background:#000;border:none}
[data-menu="index"]{grid-area:1/6}
[data-menu^="l"]>:is(a,label),[data-menu="index"]>label{position:relative;display:grid;justify-content:center;align-items:end;padding:.5em 0;color:#fff;text-decoration:none;cursor:pointer}
[data-menu^="l"]>:is(a,label)::before,[data-menu="index"]>label::before{position:absolute;font-family:'icomoon';top:.5em;left:50%;transform:translateX(-50%);font-size:1.2em}[data-menu="index"]>label::after{position:absolute;content:"INDEX";bottom:.5em;left:50%;transform:translateX(-50%)}
[data-menu="l-top"]{grid-area:1/5}
[data-menu="l-mylist"]{grid-area:1/4}

.mw-M input{visibility:hidden}.mw-M{position:absolute;bottom:0;right:0;height:0}
.mw-overlay,.mw-overlayF,.mw-overlay1{display:flex;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0, 0, 0, .8);pointer-events:none;opacity:0;transition:opacity .4s,transform 0s .4s;transform:scale(0);z-index:4;will-change:transform}
.mw-N{overflow-y:auto;align-self:start;margin-top:5px;max-height:90dvh;width:360px;background:#555;transform:translateX(100%);transition:transform .4s cubic-bezier(.465,.183,.153,.946)}
.mw-M input:checked ~ .mw-overlay1{pointer-events:auto;opacity:1;transform:translateX(0);transition:opacity .4s}
.mw-M input:checked ~ .mw-overlay1 .mw-N{transform: scale(1)}
.mw-O{position:absolute;width:100%;height:100dvh}
.nav-ol a.active::after{position:absolute;right:1em;content:"Now";color:red}
}
@media (min-width:540px){
#mainground{font-size:12px}
header{z-index:4}
.mw-M input{display:none}
#b-menu{position:sticky;top:50px;margin:0;padding:0;list-style-type:none;z-index:3}

[data-menu^="l"]>:is(a,label){position:fixed;background:rgba(200,200,255,.3)}
[data-menu="l-home"]>a{bottom:18em;right:.4em}
[data-menu="l-maker"]>label{bottom:13.6em;right:.4em}
[data-menu="l-order"]>label{bottom:9.2em;right:.4em}
[data-menu="l-mylist"]>label{bottom:4.8em;right:.4em}
[data-menu="l-top"]>a{bottom:.4em;right:.4em}
[data-menu^="l"]>:is(a,label){display:grid;justify-content:center;align-items:end;width:4.5em;height:3em;padding:.5em 0;color:#fff;text-decoration:none;cursor:pointer}
[data-menu^="l"]>:is(a,label)::before{position:absolute;font-family:'icomoon';top:.5em;left:50%;transform: translateX(-50%);font-size:1.4em}
[data-menu^="l"]>:is(a,label):hover{color:#222;background:#b7f7ff;transition:ease-in-out .3s}
[data-menu="index"]>label{display:block;height:0;text-indent:100%;overflow:hidden}

.mw-overlay,.mw-overlayF,:is([data-menu="l-maker"],[data-menu="l-order"],[data-menu="l-mylist"]) .mw-M .mw-overlay1{display:flex;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);pointer-events:none;opacity:0;transition:opacity .5s,transform 0s .5s;transform:scale(0);z-index:4;will-change:transform}
.mw-N{position:sticky;top:50px;overflow-y:scroll;height:90vh}
#container{grid-template-columns:6fr 3fr}
.mw-C,.mw-H,label[for="mylist"]+.mw-N{width:440px}
[data-menu="index"] .mw-overlay1 > .close1{display:none}

:is([data-menu="l-maker"],[data-menu="l-order"],[data-menu="l-mylist"]) .mw-M input{visibility:hidden}:is([data-menu="l-maker"],[data-menu="l-order"],[data-menu="l-mylist"]) .mw-M{position:absolute}
:is([data-menu="l-maker"],[data-menu="l-order"],[data-menu="l-mylist"]) .mw-M input:checked ~ .mw-overlay1{pointer-events:auto;opacity:1;transform:scale(1);transition:opacity .8s cubic-bezier(.465,.183,.153,.946)}
:is([data-menu="l-maker"],[data-menu="l-order"],[data-menu="l-mylist"]) .mw-M input:checked ~ .mw-overlay1 .mw-N{transform:translateX(0)}
:is([data-menu="l-maker"],[data-menu="l-order"],[data-menu="l-mylist"]) .mw-O{position:absolute;width:100%;height:100%}

}
@media (min-width:590px) and (max-width:639px){
#mainground,footer{font-size:13px}
}
@media (min-width:640px){
#mainground,footer{font-size:14px}
.adslot_1{height:386px}
}
@media (min-width:690px){
#mainground,footer{font-size:15px}
}
@media (min-width:720px){
#h1div{width:720px}h1{font-size:1.2em}
#container{width:720px}
#mainground,footer{font-size:16px}
footer{max-width:720px}
}