.rec{width:620px;max-width:calc(100% - 48px);margin:0 auto;padding:104px 0 64px}.rec .hero{aspect-ratio:16 / 9;position:relative;border-radius:4px;overflow:hidden;background:#0d0d0d}.rec .hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.rec .hero-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;display:block}.rec .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 16px;font:400 13px/20px var(--sans);color:var(--ink-3)}.rec .crumbs a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}.rec .crumbs a:hover{color:var(--ink)}.rec a.tag:hover{background:#e4e4e4;color:var(--ink-2)}.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:64px 0 0;padding-top:32px;border-top:1px solid #ddd}.pg{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:8px;background:#fff;box-shadow:0 8px 16px #00000014}.pg:hover .pg-t{text-decoration:underline}.pg-next{text-align:right}.pg-k{font:400 12px/18px var(--sans);color:var(--ink-3)}.pg-t{font:600 14px/1.6 var(--sans);color:var(--ink);overflow-wrap:anywhere}.rel-more{display:flex;justify-content:center;margin-top:40px}.rel-more .btn-dark{height:auto;min-height:40px;padding:8px 20px;white-space:normal;text-align:center}@media(max-width:599px){.pager{grid-template-columns:1fr}.pg-next{text-align:left}}.rec .meta{display:flex;align-items:center;gap:12px;margin-top:16px}.rec .day{font:400 28px/28px var(--sans)}.rec .title{margin:12px 0 40px;font:600 28px/42px var(--sans);overflow-wrap:anywhere}.richText{color:var(--ink);font-family:var(--sans)}.richText p{font-size:18px;line-height:36px;margin:8px 0 12px;overflow-wrap:anywhere}.richText h2{font-size:24px;line-height:36px;font-weight:600;margin:40px 0 16px}.richText h3{font-size:20px;line-height:30px;font-weight:600;margin:36px 0 16px;padding-left:12px;border-left:2px solid var(--ink)}.richText h4{font-size:18px;line-height:30px;font-weight:600;margin:24px 0 8px}.richText h5{font-size:14px;line-height:1.8;font-weight:400;color:#555;margin:48px 0 0}.richText hr{border:0;border-top:1px solid #ddd;margin:10px 0}.richText strong{font-weight:600}.richText a{color:inherit;text-decoration:underline}.richText pre{background:#eee;border-radius:4px;padding:25px 35px;margin:4px 0;overflow-x:auto;font:400 16px/24px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.richText pre code{font:inherit}.richText :not(pre)>code{background:#eee;padding:0 5px;margin:2px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font:400 18px/36px var(--sans);overflow-wrap:anywhere}.richText blockquote{margin:10px 0;padding:10px 15px;border-left:3px solid rgba(0,0,0,.15);color:#333}.richText blockquote p{font:400 16px/28.8px Noto Sans JP,sans-serif;margin:10px 0}.richText figure{margin:16px 0}.richText figure img{width:100%;height:auto}.richText figcaption:empty{display:none}.richText ul,.richText ol{padding-left:1.5em}.richText li{font-size:18px;line-height:36px;margin:10px 0}.richText .table{margin:10px 0;overflow-x:auto}.richText table{border-collapse:collapse;width:100%;font-size:14px}.richText th,.richText td{border:1px solid var(--line);vertical-align:top;text-align:left}.richText th{background:#f0f0f099;padding:24px;font:400 16px/24px var(--sans)}.richText td{padding:16px;font:400 18px/27px var(--sans)}.richText th p,.richText td p{margin:0;font:inherit}.richText .embed{margin:16px 0}.richText .embed iframe{display:block;width:100%;height:150px;border:0}.richText .video{margin:16px 0}.richText .video video{display:block;width:100%;height:auto}.richText .yt{aspect-ratio:16 / 9;margin:16px 0}.richText .yt iframe{width:100%;height:100%;border:0}.toc{background:#f0f0f0;border-radius:4px;padding:20px 20px 8px 8px;margin:0 0 24px}.toc ul{list-style:none;margin:0;padding:0}.toc li{position:relative;padding-left:32px;margin:0 0 16px;font:400 16px/32px var(--sans);color:var(--ink-2)}.toc a{text-decoration:none;color:inherit}.richText{max-width:100%;min-width:0}.richText a,.richText code,.richText li,.richText td,.richText th,.richText blockquote,.richText h2,.richText h3{overflow-wrap:anywhere;word-break:break-word}.richText pre code{white-space:pre-wrap}.richText img{max-width:100%;height:auto}@media(max-width:767px){.rec{max-width:calc(100% - 48px);padding-top:72px}.rec .title{font-size:24px;line-height:36px}.richText table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.richText .table>table{display:table}}
