/* How to Fish Wiki 見出し */
:root{--fish-deep:#168fb5;--fish-blue:#25b7d3;--fish-cyan:#52d5e5;--fish-light:#eafaff;--fish-orange:#f5a04c;--fish-orange-light:#ffd39d;--fish-text:#24718a;--fish-dark:#15566c;}

.main .mu.markup .mu__h-large{position:relative;margin:22px 0 13px;padding:8px 15px 7px;box-sizing:border-box;color:#fff;font-size:18px;font-weight:bold;line-height:1.3;background:linear-gradient(105deg,var(--fish-deep) 0%,var(--fish-blue) 65%,var(--fish-cyan) 100%);border-radius:7px;box-shadow:0 2px 6px rgba(22,143,181,.20);}
.main .mu.markup .mu__h-large::before{content:"";display:inline-block;width:5px;height:20px;margin-right:8px;vertical-align:-4px;background:#fff;border-radius:999px;}
.main .mu.markup .mu__h-large::after{content:"";position:absolute;left:15px;right:15px;bottom:-3px;height:2px;background:var(--fish-orange);border-radius:999px;}

.main .mu.markup .mu__h-middle{position:relative;margin:18px 0 9px;padding:5px 10px 5px 12px;box-sizing:border-box;color:var(--fish-dark);font-size:16px;font-weight:bold;line-height:1.4;background:linear-gradient(90deg,rgba(82,213,229,.14),rgba(234,250,255,.45),transparent);border-left:4px solid var(--fish-blue);border-bottom:1px solid rgba(37,183,211,.25);border-radius:3px 5px 5px 3px;}
.main .mu.markup .mu__h-middle::after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;background:var(--fish-orange);border-radius:50%;transform:translateY(-50%);}

.main .mu.markup .mu__h-little,.menu .menu__head strong.mu__h-little{position:relative;margin:14px 0 6px;padding:4px 8px 4px 11px;box-sizing:border-box;color:var(--fish-text);font-size:14px;font-weight:bold;line-height:1.4;background:rgba(234,250,255,.35);border:0;border-bottom:1px solid rgba(37,183,211,.35);border-left:none!important;border-radius:2px;}
.main .mu.markup .mu__h-little::before,.menu .menu__head strong.mu__h-little::before{content:"";position:absolute;left:0;top:50%;width:3px;height:13px;background:var(--fish-orange);border-radius:999px;transform:translateY(-50%);}

/* ページタイトル・大見出し */
.main .content-head,.content-head,.main .mu__h-large{position:relative;box-sizing:border-box;color:#fff;font-weight:bold;background:linear-gradient(105deg,#168fb5 0%,#25b7d3 65%,#52d5e5 100%);border-radius:7px;box-shadow:0 2px 6px rgba(22,143,181,.20);overflow:hidden;}
.main .content-head,.content-head{padding:8px 15px 7px;}
.main .mu__h-large{margin:22px 0 13px;padding:8px 15px 7px;font-size:18px;line-height:1.3;}
.main .content-head::before,.content-head::before,.main .mu__h-large::before{content:"";display:inline-block;width:5px;height:20px;margin-right:8px;vertical-align:-4px;background:#fff;border-radius:999px;}
.main .content-head::after,.content-head::after,.main .mu__h-large::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:#f5a04c;border-radius:999px;}

/* How to Fish ボタンデザイン */
.main a.btn-link.bl__default,.main a.btn-link.bl__sky,.main a.btn-link.bl__purple{position:relative;display:block;max-width:100%;margin:0 auto 8px;padding:8px 12px;box-sizing:border-box;color:#fff!important;background:linear-gradient(105deg,#df7f27 0%,#f5a04c 55%,#ffc477 100%);border:2px solid #fff;outline:2px solid #f5a04c;border-radius:9px;text-align:center;font-size:15px;font-weight:bold;line-height:1.4;text-decoration:none;box-shadow:0 2px 6px rgba(223,127,39,.25),inset 0 1px 2px rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(120,70,20,.3);transition:.15s ease;}
.main a.btn-link.bl__default:hover,.main a.btn-link.bl__default:active,.main a.btn-link.bl__purple:hover,.main a.btn-link.bl__purple:active,.main a.btn-link.bl__sky:hover,.main a.btn-link.bl__sky:active{color:#fff!important;background:linear-gradient(105deg,#d66f1c 0%,#ed9135 55%,#ffb45f 100%);border:2px solid #fff;outline:2px solid #e68a2e;box-shadow:0 4px 9px rgba(223,127,39,.35),inset 0 1px 2px rgba(255,255,255,.4);transform:translateY(-1px);}

/* ウィジェット */
:root{--widget-blue:#168fb5;--widget-blue-light:#25b7d3;--widget-cyan:#52d5e5;--widget-orange:#f5a04c;--widget-orange-light:#ffc477;--widget-orange-dark:#df7f27;--color:var(--widget-blue);--radius:10px;--margin:12px;--large-color:#fff;--large-font-size:13px;--large-text-top:-15px;--large-text-left:16px;--large-text-center:0;--middle-color:var(--widget-blue);--middle-font-size:13px;--text-color:var(--widget-blue);--text-hover-color:var(--widget-orange-dark);--text-size:13px;--text-bold:bold}.widget{padding:1px 0 0}.widget-wrap{position:relative;margin:1.1em 0 var(--margin);padding:1.6em 14px 8px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--radius);background:linear-gradient(135deg,#fff 0%,rgba(244,252,254,.96) 100%) padding-box,linear-gradient(110deg,var(--widget-blue) 0%,var(--widget-cyan) 65%,var(--widget-orange) 100%) border-box;box-shadow:0 3px 10px rgba(22,143,181,.14)}.widget-wrap::before{content:"";position:absolute;inset:4px;z-index:0;pointer-events:none;border-radius:calc(var(--radius) - 4px);background:linear-gradient(135deg,rgba(82,213,229,.06),transparent 30%),linear-gradient(315deg,rgba(245,160,76,.045),transparent 30%)}.widget-wrap>*{position:relative;z-index:1}.widget-large{position:absolute;left:var(--large-text-left);top:var(--large-text-top);z-index:2;transform:translateX(var(--large-text-center));display:flex;align-items:center;justify-content:center;height:30px;padding:0 18px;box-sizing:border-box;color:var(--large-color);font-size:var(--large-font-size);font-weight:bold;line-height:1;white-space:nowrap;background:linear-gradient(105deg,var(--widget-orange-dark) 0%,var(--widget-orange) 65%,var(--widget-orange-light) 100%);border:2px solid #fff;border-radius:999px;box-shadow:0 3px 8px rgba(223,127,39,.24),inset 0 1px 2px rgba(255,255,255,.4);text-shadow:0 1px 2px rgba(120,70,20,.35)}.widget-large p,.widget-large span,.widget-large strong{margin:0!important;padding:0!important;line-height:1!important}.widget-middle{display:block;margin:2px 0 5px;padding:5px 9px;color:var(--middle-color);font-size:var(--middle-font-size);font-weight:bold;line-height:1.5;background:linear-gradient(90deg,rgba(37,183,211,.12),rgba(82,213,229,.05),transparent);border-left:4px solid var(--widget-cyan);border-radius:4px}.widget li{margin-left:20px;color:var(--text-color);font-size:var(--text-size);font-weight:var(--text-bold);line-height:1.7}.widget li::marker{color:var(--widget-orange)}.widget li a{color:var(--text-color)!important;text-decoration:none;transition:color .2s ease,opacity .2s ease}.widget li a:hover{color:var(--text-hover-color)!important;opacity:1}.widget li.mu__list--2{margin-left:35px}.widget li.mu__list--3{margin-left:52px}

/* ページアイキャッチ */
:root{--css-eye-blue:#168fb5;--css-eye-blue-light:#25b7d3;--css-eye-cyan:#52d5e5;--css-eye-orange:#f5a04c;--css-eye-orange-dark:#df7f27;--css-eye-out_margin:42px;--css-eye-out_padding:7px;--css-eye-out_radius:8px;--css-eye-in_radius:5px;--css-eye-text_color:#fff}.css-eye-out{position:relative;margin:0 0 var(--css-eye-out_margin);padding:var(--css-eye-out_padding);box-sizing:border-box;border:2px solid var(--css-eye-blue);border-radius:var(--css-eye-out_radius);background:#f4fcfe;box-shadow:0 3px 10px rgba(22,143,181,.18);overflow:visible}.css-eye-out::before{content:"";position:absolute;top:-2px;left:18px;width:90px;height:4px;background:var(--css-eye-orange);border-radius:0 0 4px 4px}.css-eye-out::after{content:"";position:absolute;right:18px;bottom:-2px;width:55px;height:4px;background:var(--css-eye-cyan);border-radius:4px 4px 0 0}.css-eye-in{position:relative;box-sizing:border-box;border:1px solid rgba(22,143,181,.35);border-radius:var(--css-eye-in_radius);background:#fff;overflow:visible;box-shadow:inset 0 0 20px rgba(82,213,229,.08)}.css-eye-in p{margin:0!important}.css-eye-in .mu__img{display:block!important}.css-eye-in img{position:relative;z-index:1;display:block!important;width:100%;height:auto;border-radius:var(--css-eye-in_radius)}.css-eye-in::before{content:"";position:absolute;left:18px;top:18px;width:55px;height:55px;z-index:2;border:2px solid rgba(82,213,229,.45);border-radius:50%;box-shadow:0 0 0 8px rgba(82,213,229,.08),0 0 0 16px rgba(82,213,229,.04);pointer-events:none}.css-eye-in::after{content:"";position:absolute;right:20px;bottom:18px;width:70px;height:25px;z-index:2;border-top:2px solid rgba(245,160,76,.5);border-radius:50%;transform:rotate(-8deg);pointer-events:none}.css-eye-text{position:absolute;left:4%;bottom:-20px;z-index:5;display:flex;align-items:center;justify-content:center;width:92%;min-height:40px;margin:0;padding:6px 24px;box-sizing:border-box;color:var(--css-eye-text_color);font-weight:bold;line-height:1.4;text-align:center;letter-spacing:.03em;background:var(--css-eye-blue);border:2px solid #fff;border-radius:5px;box-shadow:0 3px 8px rgba(22,143,181,.25);text-shadow:0 1px 2px rgba(0,70,90,.35)}.css-eye-text::before{content:"";position:absolute;left:0;top:50%;width:7px;height:70%;background:var(--css-eye-orange);transform:translateY(-50%);border-radius:0 3px 3px 0}.css-eye-text::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;background:var(--css-eye-orange);border-radius:50%;transform:translateY(-50%)}.css-eye-text p{margin:0!important}