@charset "UTF-8";
/*
 * JIN:R の記事の部品を SWELL でも同じように見せる（2026-10-31 Claude）
 * JIN:R のファイルは写さず、テスト機の JIN:R の画面で測った値（色・余白・大きさ）をもとに書いた。
 * 色は JIN:R の設定（usj）に合わせる：テーマ色 #0b2f5b、ボックス #b7bc7e・#ebefe3、マーカー #eeee22・#8ed65c
 */
:root {
	--usj-theme: #0b2f5b;
	--usj-text: #333;
	--usj-box: #b7bc7e;
	--usj-box-light: #ebefe3;
	--usj-bg: #fcfdff;
}

/* ===== 文字の装飾 ===== */
.d--bold { font-weight: 500; }
.d--marker1 { background: linear-gradient(transparent 10%, #eeee22 10%); font-weight: 500; }
.d--marker2 { background: linear-gradient(transparent 60%, #8ed65c 60%); font-weight: 500; }
.d--user-color1 { color: #dd3333; }
.d--user-color2 { color: #155dd8; }
.jinr-d--font-size.d--fontsize-11px { font-size: 11px; }
.jinr-d--font-size.d--fontsize-13px { font-size: 13px; }
.jinr-d--font-size.d--fontsize-15px { font-size: 15px; }
.jinr-d--font-size.d--fontsize-18px { font-size: 18px; }
.jinr-d--font-size.d--fontsize-21px { font-size: 21px; line-height: 1.3; }
.jinr-d--font-size.d--fontsize-24px { font-size: 24px; line-height: 1.3; }
@media (max-width: 551px) {
	.jinr-d--font-size.d--fontsize-21px { font-size: 18px; }
	.jinr-d--font-size.d--fontsize-24px { font-size: 20px; }
}

/* ===== 箇条書き（JIN:R の jinr-list：点は小さい丸） ===== */
.post_content ul.jinr-list,
.post_content ol.jinr-list { font-size: .95em; padding: 0 4px; margin: 18px 0; }
.post_content ul.jinr-list > li { list-style: none; position: relative; padding-left: 16.5px; margin: 9px 0; }
.post_content ul.jinr-list > li::before {
	content: ""; position: absolute; left: 2px; top: .75em;
	width: 6px; height: 6px; border-radius: 50%; background: var(--usj-theme); opacity: .8;
}
.post_content ol.jinr-list { padding-left: 1.6em; }

/* ===== ボックス（シンプルボックス・見出しボックス） ===== */
.b--jinr-block-container { margin: 42px 0; }
.b--jinr-box { position: relative; margin: 42px 3.5%; padding: 0 27px; border-radius: 8px; }
.b--jinr-box .c--simple-box-inner > :first-child { margin-top: 1.4em; }
.b--jinr-box .c--simple-box-inner > :last-child { margin-bottom: 1.4em; }
.d--simple-box1 { border: 1px solid var(--usj-box); }
.d--simple-box2 { border: 1px solid var(--usj-box); }
.d--simple-box2::before { content: ""; position: absolute; inset: 4px; border: 1px solid var(--usj-box); border-radius: 4px; pointer-events: none; }
.d--simple-box3 { border-top: 1px solid var(--usj-box); border-bottom: 1px solid var(--usj-box); border-radius: 0; padding: 1px 22px; }
.d--simple-box4 { border-radius: 0; padding: 1px 22px; }
.d--simple-box4::before { content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: linear-gradient(to right, var(--usj-box), var(--usj-box) 4px, transparent 4px, transparent 8px), linear-gradient(to right, var(--usj-box), var(--usj-box) 4px, transparent 4px, transparent 8px);
	background-size: 8px 1px; background-repeat: repeat-x; background-position: left top, left bottom; }
.d--simple-box5 { background: var(--usj-box-light); border-radius: 0; padding: 1px 27px; }
.d--simple-box6 { background: rgba(183, 188, 126, .1); border-top: 3px solid var(--usj-box); border-radius: 0; padding: 1px 27px; }
.d--simple-box7 { background: rgba(183, 188, 126, .1); border-left: 3px solid var(--usj-box); border-radius: 0; padding: 1px 27px; }
.d--simple-box8 { background: var(--usj-box-light); border-radius: 0; padding: 18px 39.6px; }
.d--simple-box8::after { content: ""; position: absolute; inset: 13px; border: 2px solid #fff; border-radius: 4px; pointer-events: none; }
.d--simple-box9 { background: rgba(183, 188, 126, .1); border-radius: 0; padding: 15px 27.5px; }
.d--simple-box9::after { content: ""; position: absolute; left: 0; right: 0; top: 16px; bottom: 16px; pointer-events: none;
	background-image: linear-gradient(to right, var(--usj-box), var(--usj-box) 4px, transparent 4px, transparent 8px), linear-gradient(to right, var(--usj-box), var(--usj-box) 4px, transparent 4px, transparent 8px);
	background-size: 8px 1px; background-repeat: repeat-x; background-position: left top, left bottom; }
.d--simple-box10 { background: var(--usj-box-light); border-radius: 0; padding: 1px 27px; margin-top: 54px; }
.d--simple-box10::after { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px;
	background-image: linear-gradient(45deg, var(--usj-box-light) 50%, transparent 52%), linear-gradient(315deg, var(--usj-box-light) 50%, transparent 52%);
	background-size: 12px 12px; background-repeat: repeat-x; }
.d--simple-box11 { border-top: 1px solid var(--usj-box); border-bottom: 1px solid var(--usj-box); border-radius: 0; }
.d--simple-box11::before,
.d--simple-box11::after { content: ""; position: absolute; top: -6px; bottom: -6px; width: 0; pointer-events: none; }
.d--simple-box11::before { left: 6px; border-left: 1px solid var(--usj-box); }
.d--simple-box11::after { right: 6px; border-right: 1px solid var(--usj-box); }
.d--simple-box12 { background: rgba(51, 51, 51, .06); padding: 12px 39px; }
.d--simple-box12::before,
.d--simple-box12::after { content: "\201C"; position: absolute; font-size: 48px; line-height: 1; color: rgba(51, 51, 51, .15); font-family: serif; }
.d--simple-box12::before { top: 4px; left: 16px; }
.d--simple-box12::after { bottom: -16px; right: 16px; transform: rotate(180deg); }
.d--simple-box12 .a--simple-box-quotetitle { font-size: 11px; color: rgba(51, 51, 51, .6); margin: 18px 0 12px; }
.d--simple-box12 .a--simple-box-quotetitle::before { content: "引用元："; padding-right: 6px; }

/* 見出しつきのボックス */
.b--jinr-box .a--simple-box-title { font-size: 14px; font-weight: 500; line-height: 1.4; }
.d--heading-box1 { border: 1px solid var(--usj-box); padding: 16.5px 27.5px 0; margin-top: 54px; }
.d--heading-box1 .a--simple-box-title { position: absolute; top: -19px; left: 16px; max-width: 90%; padding: 9px 12px; border-radius: 3px; background: var(--usj-box); color: #fff; }
.d--heading-box1 .a--simple-box-title::before { content: ""; position: absolute; top: 100%; left: 16px; border-top: 13px solid var(--usj-box); border-left: 8px solid transparent; border-right: 8px solid transparent; transform: translateY(-1px); }
.d--heading-box2 { border: 1px solid var(--usj-box); padding: 33px 27.5px 0; }
.d--heading-box2 .a--simple-box-title { position: absolute; top: -1px; left: -1px; padding: 6px 12px; border-radius: 8px 0 3px; background: var(--usj-box); color: #fff; }
.d--heading-box3 { border: 1px solid var(--usj-box); border-radius: 0 8px 8px; padding: 0 27.5px; margin-top: 66px; }
.d--heading-box3 .a--simple-box-title { position: absolute; top: -32px; left: -1px; padding: 6px 12px; border-radius: 3px 3px 0 0; background: var(--usj-box); color: #fff; }
.d--heading-box4 { border: 1px solid var(--usj-box); padding: 0; overflow: hidden; }
.d--heading-box4 .a--simple-box-title { padding: 12px 12px 11px; background: var(--usj-box); color: #fff; }
.d--heading-box4 .c--simple-box-inner { padding: 0 27px; }
.d--heading-box5 { background: linear-gradient(45deg, #b99d69, #9f8452); color: #fff; padding: 39px 39.6px 12px; }
.d--heading-box5::before { content: ""; position: absolute; inset: 0 16px 16px 0; background: linear-gradient(45deg, #5e8946, #4d6c3c); transform: translate(8px, 8px); z-index: 0; border-radius: 8px; }
.d--heading-box5 > * { position: relative; z-index: 1; }
.d--heading-box5 .a--simple-box-title { font-size: 16.8px; color: #fff; }
.d--heading-box6 { background: rgba(183, 188, 126, .18); padding: 8px; }
.d--heading-box6 .a--simple-box-title { padding: 8px 12px 16px; color: var(--usj-box); }
.d--heading-box6 .c--simple-box-inner { background: #fff; border-radius: 3px; padding: 1px 33px; }
.d--heading-box7 { border: 1px solid var(--usj-box); padding: 0; }
.d--heading-box7 .a--simple-box-title { position: relative; padding: 16px 14px; border-bottom: 1px solid var(--usj-box); color: #fff; z-index: 0; }
.d--heading-box7 .a--simple-box-title::before { content: ""; position: absolute; inset: 4px; background: var(--usj-box); border-radius: 3px 3px 0 0; z-index: -1; }
.d--heading-box7 .c--simple-box-inner { padding: 1px 33px; }
.d--heading-box8 { display: flex; border-bottom: 1px solid var(--usj-box); border-radius: 0; padding: 0 0 6px; }
.d--heading-box8 .a--simple-box-title { position: relative; flex: 0 0 auto; max-width: 30%; font-size: 12px; padding: 16px 12px 12px; border: 1px solid var(--usj-box); border-bottom: 0; border-radius: 8px 8px 0 0; color: #fff; z-index: 0; }
.d--heading-box8 .a--simple-box-title::before { content: ""; position: absolute; inset: 6px 6px 0; background: var(--usj-box); border-radius: 3px 3px 0 0; z-index: -1; }
.d--heading-box8 .c--simple-box-inner { margin-left: 24px; flex: 1; }
.d--heading-box9 { display: flex; border: 1px solid var(--usj-box); padding: 0; }
.d--heading-box9 .a--simple-box-title { flex: 0 0 auto; max-width: 30%; display: flex; align-items: center; font-size: 12px; padding: 12px 8px; border-radius: 5px 0 0 5px; background: var(--usj-box); color: #fff; }
.d--heading-box9 .c--simple-box-inner { padding: 0 27.5px; flex: 1; }
/* ボックスの内側の上下の余白は、枠の内側（c--simple-box-inner）に付ける。
   中身の最初・最後の余白で作ると SWELL の指定に負けて 0 になり、詰まって見えた（依頼者の指摘 10/31） */
.b--jinr-box .c--simple-box-inner { padding-top: 24px !important; padding-bottom: 24px !important; }
.b--jinr-box .c--simple-box-inner > :first-child { margin-top: 0 !important; }
.b--jinr-box .c--simple-box-inner > :last-child { margin-bottom: 0 !important; }
.d--simple-box8, .d--simple-box9, .d--simple-box12 { padding-top: 0; padding-bottom: 0; }
.d--heading-box1 { padding-top: 8px; }
.d--heading-box2 { padding-top: 22px; }
@media (max-width: 551px) {
	.b--jinr-box { margin-left: 0; margin-right: 0; padding-left: 18px; padding-right: 18px; }
	.d--heading-box8, .d--heading-box9 { display: block; }
	.d--heading-box8 .a--simple-box-title, .d--heading-box9 .a--simple-box-title { max-width: none; border-radius: 5px 5px 0 0; }
	.d--heading-box8 .c--simple-box-inner { margin-left: 0; }
	.b--jinr-box .c--simple-box-inner { padding-top: 20px !important; padding-bottom: 20px !important; }
}

/* ===== 吹き出し ===== */
.b--jinr-fukidashi { margin: 8.25px 0; }
.o--jinr-fukidashi { display: flex; align-items: flex-start; gap: 0; padding: 8.25px 0; margin: 8.25px 4.75%; }
.o--jinr-fukidashi.d--fukidashi-right { flex-direction: row-reverse; }
.c--fukidashi-img-box { flex: 0 0 78px; position: relative; text-align: center; }
.a--fukidashi-img { width: 78px; height: 78px; border-radius: 50%; overflow: hidden; background: #fff; border: 2px solid #eee; box-sizing: border-box; }
.a--fukidashi-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.a--fukidashi-icon-name { display: block; font-size: 10px; line-height: 1.2; padding-top: 6px; }
.a--fukidashi-icon-name:empty { display: none; }
.a--fukidashi-img-circle { display: none; }
.c--fukidashi-contents { position: relative; flex: 1; min-width: 0; margin: 0 0 0 24px; padding: 6px 25px; background: #fff; border: 2px solid #eee; border-radius: 6px; }
.d--fukidashi-right .c--fukidashi-contents { margin: 0 24px 0 0; }
.c--fukidashi-contents .o--fukidashi-inner > * { margin: 14px 0; }
.c--fukidashi-contents p { margin: 14px 0; }
.a--fukidashi-parts-before,
.a--fukidashi-parts-after { position: absolute; top: 24px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.a--fukidashi-parts-before { left: -15px; border-right: 15px solid #eee; }
.a--fukidashi-parts-after { left: -11px; border-right: 15px solid #fff; z-index: 1; }
.d--fukidashi-right .a--fukidashi-parts-before { left: auto; right: -15px; border-right: 0; border-left: 15px solid #eee; }
.d--fukidashi-right .a--fukidashi-parts-after { left: auto; right: -11px; border-right: 0; border-left: 15px solid #fff; }
@media (max-width: 551px) {
	.o--jinr-fukidashi { margin: 8px 0; }
	.c--fukidashi-img-box { flex-basis: 60px; }
	.a--fukidashi-img { width: 60px; height: 60px; }
	.c--fukidashi-contents { margin-left: 18px; padding: 5px 16px; }
	.d--fukidashi-right .c--fukidashi-contents { margin: 0 18px 0 0; }
	.a--fukidashi-parts-before, .a--fukidashi-parts-after { top: 18px; }
}

/* ===== ボタン ===== */
.b--jinr-button { margin: 33px 0; text-align: center; }
.b--jinr-button .a--button-microcopy { display: flex; justify-content: center; align-items: center; font-size: 11.5px; line-height: 1.5; margin-bottom: 15px; }
.b--jinr-button .a--microcopy-parts1,
.b--jinr-button .a--microcopy-parts2 { display: block; width: 21px; height: 1px; background: rgba(51, 51, 51, .6); }
.b--jinr-button .a--microcopy-parts1 { margin-right: 9px; transform: rotate(60deg); }
.b--jinr-button .a--microcopy-parts2 { margin-left: 9px; transform: rotate(-60deg); }
.b--jinr-button .o--button-inner { text-align: center; }
.b--jinr-button .d--button-solid a {
	position: relative; display: inline-block; width: 67%; max-width: 100%; box-sizing: border-box;
	padding: 19px 67px 18px 43px; border-radius: 60px; background: #d4db87; color: #0b2f5b; text-decoration: none;
	box-shadow: 0 4px 9px rgba(186, 198, 63, .27); line-height: 1.8; transition: transform .2s, box-shadow .2s;
}
.b--jinr-button .d--button-solid a::after { content: ""; position: absolute; right: 26px; top: 50%; width: 9px; height: 9px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); }
.b--jinr-button .d--button-solid a:hover { transform: translateY(3px); box-shadow: 0 1px 3px rgba(186, 198, 63, .27); }
@media (max-width: 551px) {
	.b--jinr-button .d--button-solid a { width: 100%; padding: 16px 44px 15px 28px; }
}

/* ===== ブログカード ===== */
.b--jinr-blogcard { position: relative; margin: 44.55px 3.5% 33px; }
.b--jinr-blogcard .a--blogcard-label { position: absolute; top: -12px; left: 13px; z-index: 1; padding: 7px; font-size: 11.5px; font-weight: 500; line-height: 1; letter-spacing: 1.5px; color: var(--usj-theme); background: var(--usj-bg); }
.b--jinr-blogcard .o--blogcard-link { display: flex; align-items: flex-start; padding: 19px 18px 18px; border: 1px solid var(--usj-theme); border-radius: 8px; background: var(--usj-bg); color: var(--usj-text); text-decoration: none; box-shadow: 0 2px 6px rgba(170, 170, 170, .15); transition: transform .2s; }
.b--jinr-blogcard .o--blogcard-link:hover { transform: translateY(-3px); }
.b--jinr-blogcard .c--blogcard-image { flex: 0 0 128px; width: 128px; height: 72px; border-radius: 3px; overflow: hidden; }
.b--jinr-blogcard .c--blogcard-image img { width: 128px; height: 72px; object-fit: cover; display: block; }
.b--jinr-blogcard .a--blogcard-title { font-size: 12.5px; font-weight: 500; line-height: 1.5; letter-spacing: .6px; padding: 0 45px 0 18px; margin-top: -2px; }
@media (max-width: 551px) {
	.b--jinr-blogcard { margin-left: 0; margin-right: 0; }
	.b--jinr-blogcard .c--blogcard-image { flex-basis: 100px; width: 100px; height: 56px; }
	.b--jinr-blogcard .c--blogcard-image img { width: 100px; height: 56px; }
	.b--jinr-blogcard .a--blogcard-title { padding-right: 0; }
}

/* ===== デザイン線（区切りの線） ===== */
.jinr-sen { display: flex; justify-content: center; margin: 2em 0; }
.jinr-sen > div { position: relative; width: 100%; height: 7px; }
.jinr-sen .a--sen-parts1 { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: block; }

/* ===== トップページの部品（全幅・背景・デザイン見出し・記事一覧・プロフィール） ===== */
.b--jinr-fullwidth-container { margin: 0; }
.b--jinr-fullwidth { padding: 40px 0; }
.b--jinr-fullwidth .t--main-width { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.b--jinr-background { margin: 0 0 40px; }
.b--jinr-background .c--background-inner { background: rgba(255, 255, 255, .78); border-radius: 8px; padding: 40px 32px; box-shadow: 0 2px 10px rgba(11, 47, 91, .08); }
/* 中身の無い背景の箱は出さない（トップの最後に空のものがある。JIN:R でも見えていない。2 回目の確認 10/31） */
.b--jinr-background .c--background-inner:empty { display: none; }
.b--jinr-h2rich { margin: 0 0 28px; }
.b--jinr-h2rich .a--h2rich-subcopy { display: block; font-size: 12px; letter-spacing: 1px; }
.b--jinr-h2rich .a--h2rich-maincopy { font-size: 26px; color: var(--usj-theme); letter-spacing: 2px; line-height: 1.3; }

.b--jinr-postlist { display: grid; gap: 24px 20px; margin: 0; }
.b--jinr-postlist.d--postlist-column4 { grid-template-columns: repeat(4, 1fr); }
.b--jinr-postlist.d--postlist-column2 { grid-template-columns: repeat(2, 1fr); }
.b--jinr-postlist.d--postlist-column3 { grid-template-columns: repeat(3, 1fr); }
.b--jinr-postlist .o--postlist-item { margin: 0; }
.b--jinr-postlist .c--post-link { display: block; height: 100%; color: var(--usj-text); text-decoration: none; }
.b--jinr-postlist .c--post-image { margin: 0; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px 6px 0 0; }
.b--jinr-postlist .c--post-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.b--jinr-postlist .c--post-link:hover .c--post-image img { transform: scale(1.06); }
.b--jinr-postlist.d--postlist-square .c--post-link { background: #fff; border-radius: 6px; box-shadow: 0 2px 8px rgba(11, 47, 91, .1); overflow: hidden; }
.b--jinr-postlist .c--post-contents { padding: 12px 10px 10px; }
.b--jinr-postlist .a--post-title { font-size: 13px; line-height: 1.6; letter-spacing: .5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.b--jinr-postlist .c--post-meta { display: flex; gap: 8px; margin-top: 10px; font-size: 10px; color: rgba(51, 51, 51, .75); white-space: nowrap; overflow: hidden; }
.b--jinr-postlist .a--post-category { overflow: hidden; text-overflow: ellipsis; }
/* 文字だけの一覧（News） */
.b--jinr-postlist.d--postlist-newstext { display: block; }
.b--jinr-postlist.d--postlist-newstext .c--post-link { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 24px; padding: 8px 0; border-bottom: 1px solid rgba(51, 51, 51, .12); }
.b--jinr-postlist.d--postlist-newstext .c--post-image,
.b--jinr-postlist.d--postlist-newstext .a--post-category { display: none; }
.b--jinr-postlist.d--postlist-newstext .c--post-contents { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; gap: 24px; padding: 0; }
.b--jinr-postlist.d--postlist-newstext .c--post-meta { margin: 0; font-size: 12px; }
.b--jinr-postlist.d--postlist-newstext .a--post-title { -webkit-line-clamp: 1; font-size: 14px; }
@media (max-width: 551px) {
	.b--jinr-postlist.d--postlist-column2-sp { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }
	.b--jinr-postlist.d--postlist-column1-sp { grid-template-columns: 1fr; }
	.b--jinr-background .c--background-inner { padding: 28px 16px; }
	.b--jinr-postlist.d--postlist-newstext .c--post-contents { flex-direction: column-reverse; gap: 2px; }
	.b--jinr-postlist.d--postlist-newstext .a--post-title { -webkit-line-clamp: 2; }
}

.o--jinr-profile { position: relative; max-width: 740px; margin: 40px auto; padding: 40px 32px 28px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(11, 47, 91, .08); text-align: center; }
.o--jinr-profile .jinr-profile-label { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); }
.o--jinr-profile .jinr-profile-label span { display: inline-block; padding: 4px 18px; border-radius: 20px; background: var(--usj-theme); color: #fff; font-size: 12px; letter-spacing: 1px; }
.o--jinr-profile .a--profile-image img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; }
.o--jinr-profile .a--profile-name { margin: 12px 0; font-size: 16px; color: var(--usj-theme); }
.o--jinr-profile .a--profile-introduction { font-size: 13px; line-height: 1.9; text-align: left; }
.o--jinr-profile .a--profile-more { margin-top: 18px; }
.o--jinr-profile .a--profile-more a { display: inline-block; padding: 8px 28px; border-radius: 30px; background: var(--usj-theme); color: #fff; text-decoration: none; font-size: 13px; }

/* デザイン見出しの枠は出さない（SWELL の section の枠が付くため） */
.b--jinr-h2rich, .b--jinr-h2rich .c--h2rich-contents { border: 0 !important; padding: 0; background: none; }
/* タグの一覧（トップページの最後）：JIN:R と同じく薄い四角に「#」 */
.post_content .wp-block-tag-cloud a { display: inline-block; margin: 0 6px 10px 0; padding: 6px 10px; background: rgba(11, 47, 91, .06); color: #333; font-size: 11px !important; letter-spacing: 1px; text-decoration: none; }
.post_content .wp-block-tag-cloud a::before { content: "#"; }

/* トップページ（固定ページ 13）：JIN:R と同じく横幅いっぱいの帯（#edf1f8）の中に、幅 1100px の白い箱 */
.home .l-article, .home .l-mainContent__inner, .home .post_content { max-width: none; }
.b--jinr-fullwidth { width: 100vw; margin-left: calc(50% - 50vw); padding: 40px 0; }
.b--jinr-fullwidth > .t--main-width { max-width: 1100px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.b--jinr-postlist.d--postlist-column4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.b--jinr-postlist.d--postlist-column3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.b--jinr-postlist.d--postlist-column2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 551px) {
	.b--jinr-postlist.d--postlist-column2-sp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.b--jinr-postlist.d--postlist-column1-sp { grid-template-columns: minmax(0, 1fr); }
}

/* 番号つきの箇条書き（JIN:R：番号を濃紺の丸に白い数字） */
.post_content ol.jinr-list { counter-reset: usj-ol; list-style: none; padding-left: 4px; }
.post_content ol.jinr-list > li { position: relative; padding-left: 30px; margin: 9px 0; counter-increment: usj-ol; }
.post_content ol.jinr-list > li::before {
	content: counter(usj-ol); position: absolute; left: 0; top: .2em;
	width: 20px; height: 20px; line-height: 20px; border-radius: 50%; text-align: center;
	background: var(--usj-theme); color: #fff; font-size: 11px; letter-spacing: 0;
}