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{

  /*--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;

  --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);

  --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-mail::before{content:"\f003"}
.icon-max::before{content:"\f012"}
.icon-facebook::before{content:"\ea90"}
.icon-instagram:before{content:"\ea92"}
.icon-youtube:before{content:"\ea9d"}
.icon-twitter::before{content:"\f099"}
.icon-x:before {content:"\e91b"}
.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}

.ic-good::before{content:"\e902";display:flex;font-size:2em}.ic-question::before{content:"\e900";display:flex;font-size:2em}
.ic-star,.ic-warning2,.ic-good,.ic-question,.ic-checkno,.ic-checkon{font-family:'icomoon'}
.ic-checkno::before{content:"\f096"}
.ic-warning2::before{content:"\f071";display:inline-block;padding:0 .2em;vertical-align:-1px;color:#fff157}
.ic-star::before,.ic-star0::before,.ic-stary::before{content:"\f005";display:inline-block;padding:0 .1em}.ic-star::before{color:#ffc4eb;text-shadow:0 0 .05em #222}.ic-star0::before{color:#A8A8A8}.ic-stary::before{color:#fff157}

.ic-checkon{position:relative;padding-left:1.5em}
.ic-checkon:before{position: absolute;top:1px;left:.3em;content:'';display:inline-block;font-size:1.1em}
.ic-checkon:before{content:"\f046";color:#ff9ae6}




/* ローディング */
.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:#8a31ff;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}}


#h1div{font-family:'icomoon';display:flex;height:100%;margin:0 auto;line-height:1.1em;overflow:hidden;white-space:nowrap}
h1{position:relative;flex-grow:1;display:block;margin:auto 0;padding:.4em 0 .4em .5em;font-size:1.1em;font-weight:bold;color:#fff;overflow:hidden;text-overflow:ellipsis}
h1>span{font-size:.7em}
h1+small{margin:auto 0}h1+small>img{width:6em;aspect-ratio:3/1;object-fit:cover}
.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}
#box{display:grid;gap:1em}



/*page-st*/
.page-st{display:grid;gap:.4em;margin:0 4px;padding:4px;z-index:1;background:rgba(0,0,0,.15);list-style-type:none;counter-reset:item}
.page-st li>a:hover,.page-st li>a:hover{background:#fff;color:#0095F9;transition:ease-in-out .3s}
.page-st li>a{position:relative;display:grid;align-items:center;margin:.2em;padding:.5em .4em .5em 2.4em;text-decoration:none;border-radius:.3em}
.page-st li>a::before{position:absolute;top:50%;left:1em;transform:translateY(-50%);content:"";counter-increment:item;content:counter(item)'.';color:#93b0bd}
.page-st1{list-style-type:none;counter-reset:item}.page-st>li>a{color:#bff6ff}.page-st1>li>a{color:#bdd2d6}




.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 a:hover){color:#333;background:#fff}
.nav-ol li{display:grid;padding:0;list-style-type:none;text-overflow:ellipsis;white-space:nowrap}.nav-ol li{gap:.2em;margin:0}
a[data-h2],a[data-h3]{overflow:hidden;font-size:.9em;text-overflow:ellipsis;text-decoration:none;color:#FAFCFF}.nav-ol a[data-h3]{padding:.4em .2em .4em 1.5em}.nav-ol a[data-h3]:not(.active){background:rgba(30,30,40,.3)}
:is(a[data-h4],a[data-h5]){position:relative;font-size:.9em;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#FAFCFF}.nav-ol a[data-h4]{padding:.4em .2em .4em 3.4em}.nav-ol a[data-h5]{padding:.4em .2em .4em 3.4em}.nav-ol a[data-h4]:not(.active){background:rgba(60,60,70,.4)}.nav-ol a[data-h5]:not(.active){background:rgba(130,130,140,.25)}
a[data-h2]:hover,.nav-ol a[data-h3]:hover,.nav-ol :is(a[data-h4],a[data-h5]):hover{background:#222;box-shadow:0 0 .2em .1em #99ffff}a[data-h2]{position:relative;padding:.4em .2em .4em .5em;background:rgba(20,20,20,.4);font-size:1.05em}
.nav-ol1{display:grid;gap:.2em;margin:0;padding:0}





/* ---- 専用素材 ---- */
[data-chapter]{position:relative;display:grid;gap:.1em;margin:-50px 4px 0;padding:70px 0 2em}
[data-chapter]::before{margin-bottom:.2em;padding-bottom:.2em;padding-right:.3em;font-size:1.4em;text-align:right;color:#DFDFDF;border-bottom:.05em solid grey}

[data-chapter]:not([data-chapter="0"],[data-chapter="10"],[data-chapter="14"],[data-chapter="20"],[data-chapter="23"],[data-chapter="nav"])::after{position:absolute;bottom:.4em;right:1em;content:"※数値等はFLICK7調べ、または独自計算";font-size:.85em;color:#a1a1a1}

h2[data-h2]{position:relative;margin:0;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)}
h2[data-h2]>small{margin-left:1.2em;font-size:.65em;font-weight:normal}


[data-chapter="0"]>.wo-1{display:grid;gap:.8em;margin-top:.8em;padding:4px 0}.wo-1{display:grid;gap:1.6em;margin-top:1em;padding:1em 0;background:rgba(110,110,140,.4)}
.wo-1 p:not(.pick_up p,.rankin-p){margin:0;padding:.2em .6em;line-height:1.8em}


[data-h2="0"]::first-letter{color:#fef67e}
[data-h3="0"]::first-letter,[data-chapter="0"] h3::first-letter{color:#fef78e}
[data-h2="1"]::first-letter{color:#7efeb6}
[data-h3="1"]::first-letter,[data-chapter="1"] h3::first-letter{color:#8efebf}
[data-h2="2"]::first-letter{color:#7ed3fe}
[data-h3="2"]::first-letter,[data-chapter="2"] h3::first-letter{color:#8edcfe}
[data-h2="3"]::first-letter{color:#fe7ec6}
[data-h3="3"]::first-letter,[data-chapter="3"] h3::first-letter{color:#fe8ecd}
[data-h4="3"]::first-letter{color:#c5a6b8}
[data-h2="4"]::first-letter{color:#b67efe}
[data-h3="4"]::first-letter,[data-chapter="4"] h4::first-letter{color:#bf8efe}

.active:not(.page-st .active)::first-letter{color:#836e81}

/* ---- sns ---- */
.insta_pro0{display:grid;grid-template-columns:6em auto 6em;margin:0 4px;padding:.4em;background:rgba(20,0,40,.6);border-radius:.4em}
.insta_pro1{display:grid;align-items:center;gap:.8em;margin:.8em .2em 0;line-height:1.4em;color:#eef}
.sns_ranking{display:grid;grid-template-columns:repeat(3,1fr);gap:.3em}
.sns_gallery{display:flex;gap:2em}.sns_gallery a{display:grid;padding:.4em;text-decoration:none;z-index:1}
[data-doga]{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top}[data-chara="1-1"],[data-doga]{aspect-ratio:1/1}
.icon-instagram,.icon-youtube{z-index:2}
.l_instagram{position:relative;display:grid;padding:.2em;font-size:2.4em;color:#fff;overflow:hidden;background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;border-radius:.4em}
.l_instagram::before{content:'';position:absolute;top:.8em;left:-.5em;width:1.8em;height:1.8em;background:radial-gradient(#ffdb2c 30%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%)}
.l_youtube{padding:.2em;font-size:2.4em;color:#DA1725;background:#fff;border-radius:.4em}

.dogalink{display:grid;margin:2em}.dogalink a{position:relative;display:grid;grid-template-columns:6em auto;gap:1em;padding:.4em;color:#bff6ff;text-decoration:none;background:rgba(40,40,80,.4);border-radius:.4em;z-index:1}
.dogalink span{display:grid;align-items:center;line-height:1.6em}
.dogalink a::before,.dogalink a::after{position:absolute;content:"";top:50%;transform:translateY(-50%);clip-path:polygon(0 0, 100% 50%, 0 100%);width:.8em;height:1em;background:rgba(205, 205, 255, .4)}
.dogalink a::before{right:1.6em}.dogalink a::after{right:.5em}
.dogalink a:hover{background:#fff;font-weight:bold;color:#222;transition:ease-in-out .3s}
.dogalink1{display:grid;gap:.2em;margin:0 4px;padding:.6em 1em;background:rgba(0,0,0,.2)}.dogalink1 p{font-weight:bold;color:#fbffb7}
.dogalink1 div{display:grid;margin-bottom:.5em;aspect-ratio:16/9}.dogalink1 iframe{width:100%;height:100%}
.dogalink1 ul{margin:0}.dogalink1 ul{display:grid;gap:.2em}

/* ---- 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;border-radius:.2em}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}

.glossary1{margin:0 4px}
.glossary1 img{margin-top:.4em;width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;aspect-ratio:1/1}
.glossary1 figcaption{position:relative;display:grid;justify-content:center;font-size:.9em;color:#c0ffea}
.glossary1 figcaption::before{position:absolute;content:"----";left:2em}
.glossary1 figcaption::after{position:absolute;content:"----";right:2em}


[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}
[data-selemo] h4{margin:0 4px;padding:.6em 1em;font-size:1.1em;background:rgba(0,0,20,.1);border-left:.5em solid rgba(0,0,0,.2)}

.pick_up{display:grid;gap:2em;margin:0;padding:0}.pick_up p{position:relative;display:grid;gap:.2em;margin:0;padding:.3em;background:rgba(60,20,180,.2)}
.pick_up>div{display:grid;grid-template-columns:1.5fr 1fr;gap:.2em;margin:0 4px;padding:.3em;background:rgba(225,225,255,.1)}
.pick_up [aria-label]{display:grid;grid-template-columns: 2em auto 2em;}.pick_up [aria-label] span{text-align:center}
.pick_up dl{grid-column:span 2;display:grid;gap:.2em;margin:0;padding:0}
.pick_up dl>div{display:grid;grid-template-columns:1.8fr .8fr 2fr;align-items:center;padding:.2em .4em;background:rgba(0,0,0,.15)}
.pick_up dl div dt{padding:.1em 0 .1em .4em;border-bottom:.5px dotted #888;box-sizing:border-box}.pick_up dl div dd:first-of-type{margin:0 .6em 0 0;padding:.1em .4em .1em;text-align:end;border-bottom:.5px dotted #888;box-sizing:border-box}.pick_up dl div dd:last-of-type{margin:0}
.pick_up ol{display:grid;grid-template-columns:repeat(5,1fr);gap:.2em;margin:0;padding:0 .4em;list-style-type:none}
.pick_up ol li{position:relative;text-indent:-100%;overflow: hidden;}.pick_up ol li::before{position:absolute;content:"";left:50%;transform:translateX(-50%);width:100%;height:100%;border-radius:.3em}
.pick_up ol li:not(.os_selected,.ks_selected)::before{background:rgba(255, 255, 255, 0.2)}
.pick_up ol .os_selected::before{background:rgb(138, 205, 166)}
.pick_up ol .ks_selected::before{background:rgb(206, 141, 200)}
.pick_up p img{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;aspect-ratio:2/1}
.pick_up p::before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, .2)}
.pick_up p>small{padding-left:.5em;color:#fff}.pick_up p>small>span{padding-left:1em;color:#a7c7f8}

[data-selemo] figcaption:not(.glossary1 figcaption){display:grid;grid-template-columns:1fr 1fr;gap:.3em}
.pick_btn{position:relative;display:grid;margin:0;gap:.2em}
.pick_btn>span{display:grid;background:rgba(0,0,30,.4)}
.pick_btn a{display:grid;justify-content:center;align-items:center;margin:.2em;padding:.5em 0;z-index:1;font-size:.9em;text-decoration:none;background:rgba(0,0,0,.4)}
.pick_btn>span:first-of-type a{color:#caf6c6}
.pick_btn>span:nth-of-type(2) a{color:#f2c6f6}
.pick_btn>span a:hover{font-weight:bold;background:#fff;color:#222;transition:ease-in-out .3s}

/* ---- edit (s専用)---- */




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.5em}.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}

[data-chapter^="0"] ul.edit>li:before{border-left:.4em solid var(--t2-c-5)}
[data-chapter^="1"] ul.edit>li:before{border-left:.4em solid var(--t2-c-3)}
[data-chapter^="2"] ul.edit>li:before{border-left:.4em solid var(--t2-c-1)}
[data-chapter^="3"] ul.edit>li:before{border-left:.4em solid var(--t2-c-4)}



.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}


/* ---- 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:.4em .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>:is(.hy-1,[data-gt]){margin:0 4px}

[data-chapter^="0"] dl.check dd>ul.check>li:before{border-bottom:.15em solid var(--t2-c-5);border-right:.15em solid var(--t2-c-5)}
[data-chapter^="1"] dl.check dd>ul.check>li:before,[data-chapter^="1"] section.na-1>ul.check>li:before{border-bottom:.15em solid var(--t2-c-3);border-right:.15em solid var(--t2-c-3)}
[data-chapter^="2"] dl.check dd>ul.check>li:before{border-bottom:.15em solid var(--t2-c-1);border-right:.15em solid var(--t2-c-1)}
[data-chapter^="3"] dl.check dd>ul.check>li:before{border-bottom:.15em solid var(--t2-c-4);border-right:.15em solid var(--t2-c-4)}
[data-chapter^="1"] :is(ul,ol).check.one>li>em{font-style:normal;color:var(--t2-c-3)}
[data-chapter^="2"] :is(ul,ol).check.one>li>em{font-style:normal;color:var(--t2-c-1)}
[data-chapter^="3"] :is(ul,ol).check.one>li>em{font-style:normal;color:var(--t2-c-4)}
[data-chapter="nav"]::before{content:"SITE\00a0MAP"}

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:.2em .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}




/* ---- writing ---- */
ul.writing,ul.writing1{display:grid;gap:.1em;margin:0 1em;padding:0;list-style-type:none}
:is(ul.writing,ul.writing1)>li{position:relative;padding:.15em .4em .15em 1.6em;background:rgba(0,0,0,.05)}
ul.writing>li::before{position:absolute;left:.2em;content:"✓";color:#d1e0ff}
ul.writing1>li::before{position:absolute;left:.2em;content:"※";color:#d1e0ff}
ul.writing1 ul{display:flex;flex-wrap:wrap;gap:.2em;margin:.2em 0 0;padding:0;list-style-type:none}ul.writing1 ul>li{margin:0;padding:.1em .4em;border-radius:.3em;color:#ccc;background:rgba(0,0,90,.1)}


[data-check]{display:grid;gap:1em;margin:0 4px}
[data-check] div{padding:.3em;background:rgba(0,0,0,.1)}
[data-check] div dt{background:rgba(0,0,30,.1)}
[data-check="1"] div dt{padding:.6em 1em;font-weight:bold;color:#ffead6}[data-check="2"] div dt{padding:.6em 1em;font-weight:bold;color:#ffe6f8}.l-design{display:inline-block;margin:.5em;font-size:1.1em;color:#ffd4f3}
:is([data-check="1"],[data-check="2"]) div dd{display:grid;gap:.6em;margin:0;padding:.8em;line-height:1.8em}
[data-check="3"] div dt{padding:.3em 1em}[data-check="3"] div dd{margin:0;padding:.4em;line-height:1.8em}[data-check="3"] em{font-style:normal}
[data-check] li{position:relative;padding:2em .8em .8em;line-height:1.8em;background:rgba(0,0,0,.1)}ol[data-check]{padding:0;list-style-type:none;counter-reset:point}
[data-check] li::before{position:absolute;display:grid;width:calc(100% - 2.2em);padding:0 .8em;top:0;left:.3em;background:rgba(0,0,0,.1);font-family:'Roboto',sans-serif;counter-increment:point;content:'Point 'counter(point,decimal-leading-zero);color:#f6d8c6;font-weight:bold;transform:scale(1,.7)}


.fig-chara{display:grid;justify-self:center;margin:0;width:10em}
[data-chara]{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;border-radius:50%}

/* ---- 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}

/* ---- チャレンジガイド ---- */
.topga img,.topga1 img{width:100%;object-fit:cover;box-sizing:border-box;vertical-align:top;aspect-ratio:1.9/1}
.topga1 a{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;margin:.4em 3em 1em;padding:.4em;line-height:1.6em;color:var(--t2-c-1);background:rgba(40,40,40,.6);border-radius:.3em;text-decoration:none}
.topga1 a:hover{background:#fff;font-weight:bold;color:#222;transition:ease-in-out .3s}
.rankin{display:grid;gap:2em;margin:0;padding:0}.rankin>div{margin:0 4px;padding:.4em;background:rgba(0,0,0,.1)}
.rankin-p{display:grid;grid-template-columns:5em 1fr;gap:.6em;margin:0;padding:.4em;background:rgba(0,0,50,.15)}.rankin-p>span{display:block;margin:auto 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rankin-p>b{display:grid;justify-content:center;align-items:center;padding:.2em;background:rgba(200,200,255,.1)}
.rankin>div>div{display:grid;grid-template:auto 1fr/1fr 1fr;gap:.4em;margin-top:.3em}
.rankin-dl{grid-row:span 2;display:grid;margin:0}.rankin-dl>dd{margin:0}.rankin-dl>dt{padding:.6em .6em .3em;color:#c3f8f5}
.rankin figure{margin:.6em 0 0;padding:.2em;background:rgba(0,0,0,.3)}
.rankin-dl dl{display:grid;gap:.4em;margin:0;padding:.2em}.rankin-dl dl>div{display: grid;grid-template-columns:auto 1fr;padding:.2em;border-bottom:.5px dotted #999}
.rankin-dl dl dt{padding-left:.5em}.rankin-dl dl dd{margin:0;padding-right:.2em;text-align:end}.rankin-dl dl div:nth-last-of-type(1) dd{font-weight:bold;color:#c1b6ff}
.rankin-dl>dd ul{display:flex;flex-wrap:wrap;gap:.2em;margin:.2em 0;padding:0;list-style-type:none}.rankin-dl>dd ul li{display:flex;gap:.2em;margin:0;font-size:.9em}.rankin-dl>dd ul li::before{content:"・";color:#888}
.rankin-a a{display:grid;justify-content:center;align-items:center;margin-top:.6em;padding:.8em 0;color:var(--t2-c-4);text-decoration:none;background:rgba(40,40,40,.6);border-radius:.5em}
.rankin-a span{display:grid;margin:0 .6em}.rankin-a a:hover{background:#fff;font-weight:bold;color:#222;transition:ease-in-out .3s}

/* ---- table ---- */
[data-table]{table-layout:fixed;width:calc(100% - 8px);margin:0 4px;border-spacing:.1em .6em;line-height:1.1em}

.table_data{table-layout:fixed;width:calc(100% - 8px);margin:0 4px;padding:.6em .6em 0;border-spacing:.1em .2em;line-height:1.1em;background:rgba(20,0,80,.2)}
.table_data caption{margin:.1em .1em .5em;padding:.2em 1em;line-height:1.4em;text-align:start;background:rgba(30,30,30,.3);border-top:.5px solid #222;border-bottom:.5px solid #222}
.table_data thead{font-size:.7em;background:rgba(20,0,0,.2)}.table_data thead th{padding:.3em 0}
.table_data tbody tr{background:rgba(0,0,0,.3)}
.table_data tbody th{padding:.4em 0}
.table_data tbody td:first-of-type{text-align:center}
.table_data tbody td:nth-last-of-type(2){text-align:end;padding-right:2.5em}
.table_data tbody td:last-of-type{text-align:end;padding-right:2em}
.table_data tfoot th{padding:.4em;font-size:.9em}

[data-table] caption{margin:.1em;padding:.3em 1em;line-height:1.4em;text-align:start;background:rgba(0,0,30,.4);border-top:.5px solid #222;border-bottom:.5px solid #222}
[data-table] thead{font-size:.7em;background:rgba(0,0,0,.2)}[data-table] thead th{padding:.4em 0}table th{font-weight:normal}
[data-table^="s1"] thead th:nth-child(3){width:10em}
[data-table] tbody tr{background:rgba(0,0,0,.3)}
:is([data-table="c0"],[data-table="c2"],[data-table="r0"]) tbody th>span{display:inline-block;background:#222;padding:2px}
[data-table="c0"] td{text-align:center}[data-table="c2"] td:nth-child(n+2):nth-child(-n+4){text-align:end;padding-right:.6em;font-weight:bold}
[data-table="c0"] td:nth-child(7),[data-table="c2"] td:nth-child(n+5):nth-child(-n+7),[data-table^="b"] td:last-child{position:relative}
[data-table="c2"] thead th:nth-last-child(-n+2){width:5em}[data-table="b1"] thead :is(th:nth-of-type(3),th:last-of-type),[data-table="b2"] thead th:last-of-type{width:6em}
:is([data-table="c1"],[data-table^="b"]) td:first-child{text-align:center}
[data-table="c1"] td:nth-child(2)>span{display:inline-block;background:#222;padding:2px}
:is([data-table="c1"],[data-table="b1"]) td:nth-child(3){text-align:end;padding-right:.5em;font-size:1.2em;font-weight:bold}
[data-table^="s1"] td:nth-child(2),[data-table^="s1"] td:nth-child(4){text-align:end;padding-right:.4em}
[data-table^="s1"] td:nth-child(2) span,[data-table^="s1"] td:nth-child(4) span{display:inline-grid;padding-bottom:.3em;font-size:.95em;color:#f9f7cc}
[data-table="s1-1"] td:nth-child(2) b{font-size:1.2em;color:#aefcfc}
[data-table="s1-1"] td:nth-child(4) b{font-size:1.2em;color:#fcaed5}
[data-table="s1-2"] td:nth-child(2) b{font-size:1.2em;color:#aefcd5}
[data-table="s1-2"] td:nth-child(4) b{font-size:1.2em;color:#d5aefc}
[data-table="s1-4"] td:nth-child(2){color:#d5aefc}
[data-table="b1"] td:nth-last-child(2){display:grid;height:3em;padding:.2em}
[data-table="b1"] td:nth-last-child(2) span{display:grid;align-items:center;height:100%;font-size:1.2em;font-weight:bold;background:rgba(184, 71, 133, 0.4);text-indent:.5em}
[data-table="b2"] td:nth-child(n+3):nth-child(-n+4){font-size:1.2em;font-weight:bold;padding-right:.6em;text-align:end}
[data-table="b2"] td:nth-child(3){color:#aefcd5}[data-table="b2"] td:nth-child(4){color:#fcaed5}

[data-table^="s1"] td:nth-child(3){display:flex;padding:.2em;height:3em}
[data-table^="s1"] td:nth-child(3) span{position:relative;display:grid;height:100%;font-size:.85em}

[data-table="s1-1"] td:nth-child(3) span:first-of-type{background:rgba(100, 130, 190, .25)}
[data-table="s1-1"] td:nth-child(3) span:last-of-type{background:rgba(180, 120, 190, .45)}
[data-table="s1-2"] td:nth-child(3) span:first-of-type{background:rgba(100, 190, 130, .25)}
[data-table="s1-2"] td:nth-child(3) span:last-of-type{background:rgba(150, 130, 220, .45)}
[data-table^="s1"] td:nth-child(3) span em{position:absolute;content:"";z-index:1}
:is([data-table="s1-1"],[data-table="s1-2"]) td:nth-child(3) span:first-of-type em{top:.2em;left:.4em}
:is([data-table="s1-1"],[data-table="s1-2"]) td:nth-child(3) span:last-of-type em{bottom:.2em;right:.4em}

[data-table="s1-4"] td:nth-child(3) span{background:rgba(150, 130, 220, .45)}
[data-table="c1"] td:nth-child(4){text-align:end;padding-right:.5em}
[data-table="c1"] td:nth-child(5){font-size:.9em;text-align:end;padding-right:.5em}
[data-table^="s1"] td:nth-child(6),[data-table="c1"] td:nth-child(n+6):nth-child(-n+7),[data-table^="s1"] td:nth-child(5){text-align:center;position:relative}
[data-table="r0"] td:nth-child(2){text-align:end;padding-right:1em;font-weight:bold}
[data-table="r0"] td:nth-child(3){text-align:end;padding-right:1em;font-weight:bold}
[data-table="r0"] td:nth-child(4),[data-table="r0"] td:nth-child(5),[data-table="r1"] td:nth-child(3){text-align:center;position:relative}

[data-table] a{position:absolute;top:2px;left:2px;display:grid;justify-content:center;align-items:center;width:calc(100% - 4px);height:calc(100% - 4px);background:rgba(0,0,0,.3);text-decoration:none}
[data-table="c0"] a,:is([data-table="c1"],[data-table="c2"]) td:nth-child(6)>a{color:var(--t2-c-3)}[data-table="s0"] a,[data-table^="s1"] td:nth-child(6)>a,[data-table="c2"] td:nth-child(5)>a{color:var(--t2-c-4)}:is([data-table="c1"],[data-table="c2"]) td:nth-child(7)>a{color:#bfdabf}[data-table^="s1"] td:nth-child(5)>a{color:var(--t2-c-5)}
[data-table="r0"] td:nth-child(4) a{color:var(--t2-c-3)}
[data-table="r0"] td:nth-child(5) a,[data-table="r1"] td:nth-child(3) a{color:var(--t2-c-1)}
[data-table="r1"] td:nth-child(2){padding:.2em .4em;font-size:.9em;line-height:1.5em;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
[data-table^="b"] a{color:var(--t2-c-2)}

:is([data-table],[data-table="c2"] td:nth-child(7),[data-table="c2"] td:nth-child(8)) a:hover{background:#fff;color:#222;font-weight:bold;transition:ease-in-out .3s}
[data-matrix="0"]{color:#9fc2f0}
[data-matrix="1"]{color:#aae999}
[data-matrix="2"]{color:#93ffc9}
[data-matrix="3"]{color:#a5a5ff}
[data-matrix="4"]{color:#ffa5ff}
[data-matrix="5"]{color:#ffffa5}
[data-matrix="6"]{color:#a5f7ff}
[data-matrix="7"]{color:#ffa5d2}
[data-matrix="8"]{color:#ffd2a5}
[data-matrix="9"]{color:#9fc2f0}

[data-rating="1"]{color:#c4c6c6}
[data-rating="2"]{color:#a5ffff}
[data-rating="3"]{color:#ffffa5}
[data-rating="4"]{color:#a5ffd2}
[data-rating="5"]{color:#ffa5d2}


[data-table] tfoot th{font-size:.85em;text-align:left}[data-table] tfoot ul{margin:.2em 0;padding-left:1.6em;line-height:1.4em}
[data-table] tbody [colspan]{text-align:center}


[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}

[data-table] thead>tr>th:first-of-type{width:var(--w,0)}

[data-axis-gd]{display:grid;gap:.3em;padding:.3em;background:#333}[data-axis-gd="1"]{margin:2em 4px 0}[data-axis-gd="2"]{margin:0 4px 1em}
[data-axis-gd="1"] .axis-label{background:linear-gradient(90deg,#b82f7d,#966a96,#b580f7,#84a07e,#4ea135)}
[data-axis-gd="2"] .axis-label{background:linear-gradient(180deg,#97bffc,#7a97f7,#8968eb,#9b70ff,#7c51ff)}
.axis-label{display:grid;padding:.2em;height:2.6em}
.axis-label>div{display:grid;align-items:center;background:rgba(0,0,0,.6);text-align:center}
[data-axis-gd="1"] .axis-label>div{grid-template-columns:1fr auto 1fr}[data-axis-gd="2"] .axis-label>div{position:relative;font-weight:bold}
.ax-label1{position:relative;color:#f898ce;font-weight:bold}.ax-label2{position:relative;color:#bbf9c4;font-weight:bold}.ax-color1{color:#f898ce}.ax-color2{color:#bbf9c4}
.ax-label1::before,.ax-label2::after,[data-axis-gd="2"] .axis-label>div::before,[data-axis-gd="2"] .axis-label>div::after{position:absolute;top:50%;transform:translateY(-50%);font-family:'icomoon';height:1em;font-size:1em;filter:drop-shadow(1px 1px 1.5px rgba(0,0,0,0.8));z-index:2}
.ax-label1::before{left:1em;content:"\e910";color:#f898ce}.ax-label2::after{right:1em;content:"\e90f";color:#bbf9c4}
[data-axis-gd="2"] .axis-label>div::before{left:5em;top:50%;transform:translateY(-50%);content:"\e916";color:#a68eed}
[data-axis-gd="2"] .axis-label>div::after{right:5em;top:50%;transform:translateY(-50%);content:"\e916";color:#a68eed}
.low-high{display:grid;grid-template-columns:2em 1fr 2em;padding:.2em;height:1.6em;font-size:.9em}
.low-high{background:linear-gradient(90deg,#b1bcb9,#9fddb7,#6cde9e,#5fd38b,#3cd77f)}
.low-high span{position:relative;display:grid;justify-content:center;align-items:center;color:#fff;background:rgba(0,0,0,.6)}
.low-high span.low::after,.low-high span.high::before{position:absolute;top:50%;transform:translateY(-50%);color:#ddd;z-index:1}
.low-high span.low::after{right:-3em;content:"◀◀◀"}.low-high span.high::before{left:-3em;content:"▶▶▶"}



/* ---- MY LIST(s専用) ---- */
:is(.ma-1,#favorite_box) .favorite_mark:not(.checkon){background:rgba(0,0,0,.1)}.ma-1 .favorite_mark.checkon{background:rgba(0,0,0,.2);transition:300ms}
.checkon::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"\f005";font-family:'icomoon';text-indent:0;font-size:1em;font-style:normal;color:#bba3ff;transition:300ms}
.favorite_mark{position:relative;display:grid;height:100%;text-indent:-200%;overflow:hidden}#h1div>[data-model]{width:3.5em}#h1div .favorite_mark::before{color:#888}
/* ---- 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;font-weight:bold}
#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}


/* ---- pagination(index,ceiling,reset) ---- */
[data-page]{display:grid;gap:.2em}[data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"]{margin:3px;padding:.2em}nav.wo-1 [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;margin:0;padding:0;list-style-type:none}.wo-1 [data-page]>ul{gap:.4em}[data-page="1"]>ul{gap:.2em}
[data-page]:not([data-page="t"])>ul{grid-template-columns:repeat(auto-fit, minmax(3em, 1fr))}[data-page="t"]>ul:nth-of-type(n+2){grid-template-columns:repeat(auto-fit, minmax(2.5em, 1fr))}
nav.wo-1 [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}
nav.mw-N [data-page="t"]>div{padding:.2em .4em;font-size:.85em;color:#dde;background:rgba(0,0,100,.1)}
[data-page]>ul>li{position:relative;display:grid;align-items:center;padding:0}
[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 [data-page]>ul>li>:is(a,span){font-size:1.05em}
.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]{margin:0 3px;padding:.2em;background:rgba(180,180,235,.15)}nav.mw-N [data-page="t"]>ul{gap:.2em}
[data-page]>ul:not([data-page="t"]>ul:first-of-type)>li>:is(a,span){text-align:center}
nav.wo-1 [data-page="t"]>ul:first-of-type>li>:is(a,span){padding:.7em 2em}nav.mw-N [data-page="t"]>ul:first-of-type>li>:is(a,span){padding:.5em 1em;font-size:.9em}
[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="t"]>ul span::before{position:absolute;content:"Now";left:.2em;font-style:italic;font-weight:normal;transform:scale(.6);transform-origin:top left;color:#ff6ed8}
nav.wo-1 [data-page="t"]>ul span::before{top:0}
nav.mw-N [data-page="t"]>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{color:#f2c6f6}
#favorite_box [data-dpage="1a"] a{color:#f6c6e2}
#favorite_box [data-dpage="2"] a{color:#caf6c6}
#favorite_box [data-dpage="3"] a{color:#c6f6f2}
#favorite_box [data-dpage="4"] a{color:#f6f2c6}
#favorite_box [data-dpage="0"] a{color:#d3d3d3}



.conditions{display:grid;grid-template-columns:1fr 2fr;gap:.4em;margin:0 4px}
.conditions div{display:grid;grid-template-columns:5.4em 1fr;padding:.2em;background:rgba(0,0,0,.2)}
.conditions div dt{padding:.2em .6em}.conditions dd{display:grid;margin:0;background:rgba(255,255,255,.2);text-align:center}
.conditions div:first-child dd{align-items:center}
.conditions ol{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style-type:none}.conditions ol li{display:grid;align-items:center;margin:0}
.conditions ol li:first-child{position: relative;}
.conditions ol li:first-child::after{position: absolute;top:50%;transform: translateY(-50%);right:-.5em;content:"～"}


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


/* ---- 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-overlay,.mw-overlayF{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-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)}



.adlink1,.adlink2,.adlink3,.adlink4,.adlink5,.adlinkc{margin:0 -4px;padding:.3em 0}
.adlink6{margin:-1em 0 0;padding-bottom:2em}
[data-chapter]+:is(.adlink1,.adlink2,.adlink3,.adlink4,.adlink5,.adlinkc){margin:0}
[data-chapter]>:is(.adlink1,.adlink2,.adlink3,.adlink4,.adlink5,.adlinkc){margin:0 -4px}
article.wo-1>:is(.adlink1,.adlink2,.adlink3,.adlink4,.adlink5,.adlinkc){margin:0 -.5em}

/*--1.home 2.関連記事 3.top 4.index--*/
[data-menu="l-home"]>a::before{content:"\e901"}
[data-menu="l-relation"]>a::before,[data-menu="l-relation"]>span::before{content:"\e904"}
[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(60,20,180,.4)}.mw-N>p::before{font-family:'icomoon';padding:.4em .3em 0}
[data-menu="l-mylist"] .mw-N{background:#333}

@media (max-width:338.98px){
#mainground,footer{font-size:10.5px}h1{font-size:1em}h1+small>img{width:5em}h1>span{display:block}
}
@media (max-width:280px) {
#mainground,footer{font-size:10px}#h1div>[data-model]{width:3em}
#box{font-size:.85em}
}
 @media (min-width:340px) and (max-width:359.98px) {
#mainground,footer{font-size:11px}h1>span{display:block}}
@media (min-width:390px) and (max-width:419.98px){
#mainground,footer{font-size:13px}}
@media (min-width:420px){
#mainground,footer{font-size:14px}h1{font-size:1.4em}}
@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/5}
[data-menu^="l"]>:is(a,label,span),[data-menu="index"]>label{position:relative;display:grid;justify-content:center;align-items:end;padding:.5em 0;color:#fff;text-decoration:none}
[data-menu^="l"]>:is(a,label),[data-menu="index"]>label{cursor:pointer}
[data-menu^="l"]>:is(a,label,span)::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/4}
[data-menu="l-mylist"]{grid-area:1/3}

.mw-M input{visibility:hidden}.mw-M{position:absolute;bottom:0;right:0;height:0}
.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:1;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,span){position:fixed;background:rgba(200,200,255,.3)}
[data-menu="l-home"]>a{bottom:9.2em;right:.4em}
[data-menu="l-relation"]>a,[data-menu="l-relation"]>span{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,span){display:grid;justify-content:center;align-items:end;width:4.5em;height:3em;padding:.5em 0;color:#fff;text-decoration:none}
[data-menu^="l"]>:is(a,label){cursor:pointer}
[data-menu^="l"]>:is(a,label,span)::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"]{position:sticky;top:50px}
[data-menu="index"]>label{display:block;height:0;text-indent:100%;overflow:hidden}

.mw-overlay,.mw-overlayF,[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}
.mw-overlay1 > .close1{display:none}

[data-menu="l-mylist"] .mw-M input{visibility:hidden}[data-menu="l-mylist"] .mw-M{position:absolute}
[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)}
[data-menu="l-mylist"] .mw-M input:checked ~ .mw-overlay1 .mw-N{transform:translateX(0)}
[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}
#container{width:720px}
#mainground,footer{font-size:16px}
footer{max-width:720px}
}