body.home{ background:#f7f8f8; }
html.isl-t-dusk body.home{ background:#3a4459; }
html.isl-t-night body.home{ background:#0f1a2b; }
body.home .three-container{ display:none !important; }
.isl, .isl-pre, .isl-fog{ position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.isl canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.isl{ opacity:0; }
.isl.in{ opacity:1; }
.isl.isl-static{ background-repeat:no-repeat; transition:opacity 1.2s ease; }


.isl-pre{ background:no-repeat 62% 50% / cover; filter:blur(10px); transform:scale(1.06); transition:opacity 1s ease; }
html.isl-t-dawn .isl-pre{ background-image:url(../img/top/isl-dawn-s.webp); }
html.isl-t-day .isl-pre{ background-image:url(../img/top/isl-day-s.webp); }
html.isl-t-dusk .isl-pre{ background-image:url(../img/top/isl-dusk-s.webp); }
html.isl-t-night .isl-pre{ background-image:url(../img/top/isl-night-s.webp); }
.isl-pre.out{ opacity:0; }
.isl-fog{ --fog:233,238,242; z-index:1; background:
  radial-gradient(60% 50% at 30% 40%,rgba(var(--fog),.96),rgba(var(--fog),.82) 70%),
  rgba(var(--fog),.86); transition:opacity .9s ease; }
html.isl-t-day .isl-fog{ --fog:241,245,248; }
html.isl-t-dusk .isl-fog{ --fog:190,197,210; }
html.isl-t-night .isl-fog{ --fog:22,34,54; }
.isl-fog.out{ opacity:0; }
html.isl-still .isl-fog, html.isl-still .isl-pre{ display:none; }


.isl-glint{ position:fixed; z-index:4; pointer-events:none; opacity:0; filter:drop-shadow(0 0 6px rgba(255,236,224,.8)); }
.isl-glint i{ position:absolute; inset:0; display:block;
  -webkit-mask:url(../img/top/cellmuller_Logo.webp) 0 0 / 100% 100% no-repeat; mask:url(../img/top/cellmuller_Logo.webp) 0 0 / 100% 100% no-repeat; }


.isl-flash{ position:fixed; inset:0; z-index:10010; pointer-events:none; opacity:0; background:
  radial-gradient(circle at var(--x,50%) var(--y,50%),#fff 0,#fff 45%,rgba(255,250,246,.96) 75%);
  clip-path:circle(0 at var(--x,50%) var(--y,50%)); }
.isl-flash.on{ opacity:1; clip-path:circle(150% at var(--x,50%) var(--y,50%)); transition:clip-path .5s cubic-bezier(.5,0,.75,0), opacity .18s ease; }

body.home .logo{ z-index:3; opacity:0; transition:opacity 1.6s ease, filter 1.6s ease; filter:blur(12px) drop-shadow(0 2px 18px rgba(255,255,255,.9)); }
body.home.isl-logo .logo{ opacity:1; filter:blur(0) drop-shadow(0 2px 18px rgba(255,255,255,.9)) drop-shadow(0 6px 24px rgba(20,40,50,.18)); }
.isl-tag{ position:fixed; left:50%; z-index:3; transform:translateX(-50%); white-space:nowrap; margin:0;
  font:500 13px/1 'Noto Sans JP',sans-serif; letter-spacing:.42em; color:#21404b; text-shadow:0 1px 12px rgba(240,246,248,.95);
  opacity:0; transition:opacity 1.6s ease .4s; }
body.home.isl-logo .isl-tag{ opacity:1; }
body.home .overlay{ position:relative; z-index:2; }
body.home .left-block, body.home .right-list{ opacity:0; transition:opacity 1.4s ease; }
body.home.isl-left .left-block, body.home.isl-right .right-list{ opacity:1; }
body.home .right-list li small{ color:#3f4a56; }
body.home .right-list li .label{ text-shadow:0 1px 8px rgba(242,246,248,.95); }
.isl-haze{ --hz:242,246,248; position:absolute; inset:0; opacity:0; transition:opacity 2s ease 1s; background:
  radial-gradient(38% 46% at 14% 30%,rgba(var(--hz),.75),rgba(var(--hz),0) 72%),
  linear-gradient(270deg,rgba(var(--hz),.7) 0,rgba(var(--hz),.45) 14%,rgba(var(--hz),0) 27%),
  radial-gradient(26% 34% at 8% 84%,rgba(var(--hz),.7),rgba(var(--hz),0) 72%); }
html.isl-t-day .isl-haze{ --hz:246,249,251; }
html.isl-t-dusk .isl-haze{ --hz:34,42,60; }
html.isl-t-dusk body.home.isl-logo .isl-haze{ opacity:.55; }
html.isl-t-night .isl-haze{ --hz:10,18,32; opacity:0; }
html.isl-t-night body.home.isl-logo .isl-haze{ opacity:.6; }
body.home.isl-logo .isl-haze{ opacity:1; }


html.isl-t-dusk body.home .logo, html.isl-t-night body.home .logo{ filter:brightness(0) invert(1) blur(12px) drop-shadow(0 2px 18px rgba(8,16,30,.5)); }
html.isl-t-dusk body.home.isl-logo .logo, html.isl-t-night body.home.isl-logo .logo{ filter:brightness(0) invert(1) blur(0) drop-shadow(0 2px 18px rgba(8,16,30,.5)) drop-shadow(0 0 1px rgba(8,16,30,.3)); }
html.isl-t-dusk .isl-tag, html.isl-t-night .isl-tag{ color:#f2f5f8; text-shadow:0 1px 12px rgba(8,16,30,.75); }
html.isl-t-dusk body.home .quote, html.isl-t-night body.home .quote{ color:#f4f6f9; text-shadow:0 1px 10px rgba(8,16,30,.7); }
html.isl-t-night body.home .chapter{ color:#ff8fae; }
html.isl-t-dusk body.home .chapter{ color:#ffe6ec; text-shadow:0 1px 8px rgba(8,16,30,.7); }
html.isl-t-dusk body.home .right-list, html.isl-t-night body.home .right-list{ color:#dfe6ee; }
html.isl-t-dusk body.home .right-list li, html.isl-t-night body.home .right-list li{ border-bottom-color:rgba(255,255,255,.2); }
html.isl-t-dusk body.home .right-list li .label, html.isl-t-night body.home .right-list li .label,
html.isl-t-dusk body.home .right-list li .value, html.isl-t-night body.home .right-list li .value{ color:#f4f6f9; text-shadow:0 1px 8px rgba(8,16,30,.8); }
html.isl-t-dusk body.home .right-list li small, html.isl-t-night body.home .right-list li small{ color:#c9d3de; text-shadow:0 1px 6px rgba(8,16,30,.8); }
html.isl-t-dusk body.home .right-list li .value .num, html.isl-t-night body.home .right-list li .value .num{ color:#ff86a8; }
html.isl-t-dusk body.home .nav-jump a, html.isl-t-night body.home .nav-jump a{ color:#eef2f6; text-shadow:0 1px 8px rgba(8,16,30,.7); }
html.isl-t-dusk body.home .nav-jump a:hover, html.isl-t-night body.home .nav-jump a:hover{ color:#ff8fae; }
html.isl-t-dusk body.home .bottom-center, html.isl-t-night body.home .bottom-center{ color:rgba(238,242,246,.6); }
html.isl-t-dusk body.home .corner, html.isl-t-night body.home .corner{ border-color:rgba(255,255,255,.35); }

@media (max-width:960px){
  .isl, .isl-pre, .isl-fog{ bottom:auto; height:62vh; }
  .isl-pre{ background-position:78% 50%; }
  .isl-haze{ background:linear-gradient(180deg,transparent 34%,rgba(244,246,247,.85) 58%,#f4f6f7 72%); }
  html.isl-t-dusk .isl-haze{ background:linear-gradient(180deg,transparent 34%,rgba(58,68,89,.85) 58%,#3a4459 72%); }
  html.isl-t-night .isl-haze{ background:linear-gradient(180deg,transparent 34%,rgba(15,26,43,.85) 58%,#0f1a2b 72%); }
  .isl-tag{ font-size:11px; letter-spacing:.24em; }
}


body.home .home-cursor, body.home .home-label, body.home .home-burst, body.home .home-ripples, body.home .home-ripple{ display:none !important; }
body.home{ cursor:auto; }


body.isl-cursor, body.isl-cursor *{ cursor:none !important; }
.isl-cur{ --ink:29,59,68; position:fixed; inset:0; z-index:9999; pointer-events:none; }
html.isl-t-dusk .isl-cur, html.isl-t-night .isl-cur{ --ink:244,246,249; }
.isl-cur i{ position:absolute; left:0; top:0; display:block; border-radius:50%; }
.isl-cur .d{ width:6px; height:6px; margin:-3px 0 0 -3px; background:rgb(var(--ink)); transform:translate(var(--mx),var(--my));
  box-shadow:0 0 0 2px rgba(255,255,255,.65); transition:opacity .3s, width .3s, height .3s, margin .3s; }
html.isl-t-dusk .isl-cur .d, html.isl-t-night .isl-cur .d{ box-shadow:0 0 0 2px rgba(10,18,32,.45); }
.isl-cur .r{ width:36px; height:36px; margin:-18px 0 0 -18px; border:1px solid rgba(var(--ink),.55); transform:translate(var(--rx),var(--ry));
  transition:width .45s cubic-bezier(.16,.84,.3,1), height .45s cubic-bezier(.16,.84,.3,1), margin .45s cubic-bezier(.16,.84,.3,1), border-color .4s, background .4s, border-radius .45s, opacity .3s; }

.isl-cur.is-sea .r{ width:54px; height:16px; margin:-8px 0 0 -27px; border-color:rgba(255,255,255,.85); }
.isl-cur.is-sea .d{ background:#fff; box-shadow:0 0 10px 2px rgba(255,255,255,.7); }

.isl-cur.is-hot .r{ width:58px; height:58px; margin:-29px 0 0 -29px; border-color:rgba(var(--ink),.25); background:rgba(255,255,255,.35); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
html.isl-t-dusk .isl-cur.is-hot .r, html.isl-t-night .isl-cur.is-hot .r{ background:rgba(255,255,255,.12); }
.isl-cur.is-hot .d{ background:#d23968; }

.isl-cur.is-tap .r{ animation:isl-tap .45s cubic-bezier(.16,.84,.3,1); }
@keyframes isl-tap{ 40%{ transform:translate(var(--rx),var(--ry)) scale(.7); } }
.isl-cur.is-out i{ opacity:0; }


html{ --acc:#157f8a; --acc-l:#7fd3dc; --acc-rgb:21,127,138; }
html.top-tue{ --acc:#2f7fae; --acc-l:#7cc7e8; --acc-rgb:47,127,174; }
html.top-wed{ --acc:#2e7d3a; --acc-l:#94cf8c; --acc-rgb:46,125,58; }
html.isl-t-dusk, html.isl-t-night{ --acc:var(--acc-l); }
html body.home .chapter{ color:var(--acc) !important; text-shadow:none; }
html body.home .right-list li .value .num{ color:var(--acc) !important; }
html body.home .right-list li.pinned{ background:linear-gradient(90deg,rgba(var(--acc-rgb),.10),transparent 70%); box-shadow:inset 3px 0 0 var(--acc); }
html body.home .right-list li.pinned .label, html body.home .right-list li.pinned .value{ color:var(--acc) !important; }
html body.home .right-list li.highlight{ --hl-rgb:var(--acc-rgb); }
html body.home .nav-jump a:hover, html body.home .nav-jump a.active{ color:var(--acc) !important; }
html body.home .isl-cur.is-hot .d, html body.home .tw-cur.is-hot .d{ background:var(--acc); }
html body.home .tf-cur.is-hot path{ fill:var(--acc); }

html.isl-t-dusk, html.isl-t-night{ --acc:#bdf1f6; }
html.top-tue.isl-t-dusk, html.top-tue.isl-t-night{ --acc:#c4e6f8; }
html.isl-t-dusk body.home .chapter, html.isl-t-night body.home .chapter,
html.isl-t-dusk body.home .nav-jump a.active, html.isl-t-night body.home .nav-jump a.active,
html.isl-t-dusk body.home .nav-jump a:hover, html.isl-t-night body.home .nav-jump a:hover,
html.isl-t-dusk body.home .right-list li .value .num, html.isl-t-night body.home .right-list li .value .num{ text-shadow:0 1px 8px rgba(8,16,30,.85), 0 0 2px rgba(8,16,30,.6) !important; }

html.isl-t-dawn body.home .topbar .label, html.isl-t-day body.home .topbar .label,
html.isl-t-dawn body.home .topbar .breadcrumb a, html.isl-t-day body.home .topbar .breadcrumb a,
html.isl-t-dawn body.home .topbar .breadcrumb .current, html.isl-t-day body.home .topbar .breadcrumb .current{ color:#1f2a30; text-shadow:0 1px 8px rgba(255,255,255,.8); }
html.isl-t-dawn body.home .topbar .breadcrumb .sep, html.isl-t-day body.home .topbar .breadcrumb .sep{ color:rgba(31,42,48,.5); }
@media (max-width:960px){
  
  html body.home .right-list{ -webkit-mask-image:linear-gradient(transparent 0, #000 36px, #000 calc(100% - 24px), transparent); mask-image:linear-gradient(transparent 0, #000 36px, #000 calc(100% - 24px), transparent); }
  
  html:not(.top-tue) body.home .three-container{ -webkit-mask:linear-gradient(#000 0, #000 30%, transparent 42%); mask:linear-gradient(#000 0, #000 30%, transparent 42%); }
}

html.isl-t-dawn body.home .chapter, html.isl-t-day body.home .chapter,
html.isl-t-dawn body.home .right-list li .value .num, html.isl-t-day body.home .right-list li .value .num,
html.isl-t-dawn body.home .right-list li .label, html.isl-t-day body.home .right-list li .label{ text-shadow:0 1px 8px rgba(255,255,255,.95), 0 0 2px rgba(255,255,255,.9) !important; }
html.isl-t-dawn body.home .bottom-center, html.isl-t-day body.home .bottom-center{ color:rgba(31,42,48,.75); text-shadow:0 1px 8px rgba(255,255,255,.85); }

html.isl-t-dusk body.home .nav-jump a.active, html.isl-t-night body.home .nav-jump a.active{ color:#fff !important; text-decoration:underline; text-decoration-color:var(--acc); text-decoration-thickness:2px; text-underline-offset:5px; }
@media (max-width:960px){
  
  html body.home .right-list{ -webkit-mask-image:linear-gradient(transparent 0, transparent 22px, #000 74px, #000 calc(100% - 24px), transparent); mask-image:linear-gradient(transparent 0, transparent 22px, #000 74px, #000 calc(100% - 24px), transparent); }
}

html.isl-t-dawn body.home .chapter, html.isl-t-day body.home .chapter{ color:#0b5760 !important; }
html.top-tue.isl-t-dawn body.home .chapter, html.top-tue.isl-t-day body.home .chapter{ color:#1d5a85 !important; }
html.top-wed body.home .chapter{ color:#1f5f2a !important; }

html{ --acc-d:#0b5760; } html.top-tue{ --acc-d:#1d5a85; } html.top-wed{ --acc-d:#1f5f2a; }
html.isl-t-dawn body.home .nav-jump a, html.isl-t-day body.home .nav-jump a,
html.isl-t-dawn body.home .quote, html.isl-t-day body.home .quote,
html.isl-t-dawn body.home .right-list li small, html.isl-t-day body.home .right-list li small{ text-shadow:0 1px 10px rgba(255,255,255,.95), 0 0 3px rgba(255,255,255,.95), 0 0 1px rgba(255,255,255,1) !important; }
html.isl-t-dawn body.home .nav-jump a.active, html.isl-t-day body.home .nav-jump a.active{ color:var(--acc-d) !important; }

body.home .quote{ word-break:auto-phrase; text-wrap:pretty; }
html.isl-t-dawn body.home .chapter, html.isl-t-day body.home .chapter{ color:#073f46 !important; font-weight:600; }
html.top-tue.isl-t-dawn body.home .chapter, html.top-tue.isl-t-day body.home .chapter{ color:#17496d !important; }
html.top-wed.isl-t-day body.home .chapter, html.top-wed.isl-t-dawn body.home .chapter{ color:#1f5f2a !important; }

@media (max-width:960px){ body.home .isl-haze, html.isl-t-dusk body.home.isl-logo .isl-haze, html.isl-t-night body.home.isl-logo .isl-haze{ opacity:1 !important; } }

html:has(body.home){ background:#f7f8f8; }
html.isl-t-dusk:has(body.home){ background:#3a4459; }
html.isl-t-night:has(body.home){ background:#0f1a2b; }
html.top-tue:has(body.home){ background:#cfd1d0; }
html.top-tue.isl-t-dawn:has(body.home){ background:#d9e2e8; }
html.top-tue.isl-t-dusk:has(body.home){ background:#2c3540; }
html.top-tue.isl-t-night:has(body.home){ background:#05090e; }
html.top-wed:has(body.home){ background:#e7e4de; }

body.home .right-list li .label{ word-break:keep-all; overflow-wrap:anywhere; text-wrap:pretty; }