/* ===== 目次（この1記事だけ：#toc-260108） ===== */ #toc-260108{margin:32px 0;} #toc-260108 details{ position:relative; border-top:2px solid #e60012; border-bottom:2px solid #e60012; padding:18px 18px 78px; background:repeating-linear-gradient(-45deg,#f7f7f7 0,#f7f7f7 6px,#ffffff 6px,#ffffff 12px); display:flex; flex-direction:column; } /* summaryを下に配置 */ #toc-260108 summary{order:2; list-style:none; cursor:pointer; display:flex; justify-content:center; margin:12px auto 0;} #toc-260108 summary::-webkit-details-marker{display:none;} /* summary内の文言切替：1つ目=開く、2つ目=閉じる */ #toc-260108 summary span{display:none;} #toc-260108 details:not([open]) summary span:first-child{display:inline;} #toc-260108 details[open] summary span:last-child{display:inline;} /* ボタン */ #toc-260108 summary{ position:absolute; left:50%; bottom:24px; transform:translateX(-50%); width:240px; text-align:center; padding:14px 0; border:1.5px solid #e60012; border-radius:999px; background:#fff; color:#e60012; font-weight:700; } #toc-260108 summary:hover{background:#e60012;color:#fff;} /* タイトル */ #toc-260108 dl{order:1; margin:0;} #toc-260108 dt{ margin:0 0 18px 0; text-align:center; font-weight:700; font-size:18px; letter-spacing:.08em; } #toc-260108 dt::before{ content:""; display:inline-block; width:20px;height:20px; margin-right:10px; vertical-align:-4px; background:url(/images/toc-icon.png) no-repeat center/contain; } #toc-260108 dd{margin:0;} /* 折りたたみ時 */ #toc-260108 details:not([open]) .toc-content{ max-height:240px; overflow:hidden; position:relative; } #toc-260108 details:not([open]) .toc-content::after{ content:""; position:absolute;left:0;right:0;bottom:-2px;height:120px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.85) 55%, rgba(255,255,255,1) 100%); pointer-events:none; } /* リスト */ #toc-260108 .toc-list{margin:0;padding:0;list-style:none;counter-reset:toc;} #toc-260108 .toc-list>li{counter-increment:toc;margin:0 0 18px 0;} #toc-260108 .toc-list>li>a{ display:inline-block; font-weight:700; color:#111; text-decoration:none; font-size:18px; line-height:1.55; } #toc-260108 .toc-list>li>a::before{ content:counter(toc) "．"; display:inline-block; width:46px; color:#e60012; font-weight:800; } /* h3 */ #toc-260108 .toc-list>li>ol{margin:10px 0 0 46px;padding:0;list-style:none;} #toc-260108 .toc-list>li>ol>li{margin:8px 0;} #toc-260108 .toc-list>li>ol>li>a{ color:#666; text-decoration:none; font-size:16px; line-height:1.6; } #toc-260108 .toc-list>li>ol>li>a::before{ content:"－"; display:inline-block; width:18px; color:#e60012; font-weight:800; margin-left:-18px; } /* hover */ #toc-260108 a:hover{color:#e60012;}
  1. 主要ページへ移動
  2. メニューへ移動
  3. ページ下へ移動