@charset "utf-8";

/* ………………………………………………………………………………………………………………………… */
/* てがろぐ -Fumy Otegaru Memo Logger- 昔のツイッターっぽい感じのスタイルシート for Ver 4.7.0＋ */
/* （radon用 調整入り：画像の縦積み / サイズ80% / 影なし / 構文修正） */
/* ………………………………………………………………………………………………………………………… */

/* ===================== */
/* ■全体共通（基礎）   */
/* ===================== */
:root{
  /* 画面中央寄せの最大幅（好みで調整） */
  --content-width: 760px;
  /* 両端の安全余白 */
  --side-pad: 12px;
}
html,body{ margin:0; padding:0; background:#e6ecf0; font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif; }

/* 主要ブロックを“中央寄せ”にする */
body>header,
.postform,
.contents,
.pagenavi,
body>footer{
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--side-pad);
  padding-right: var(--side-pad);
  box-sizing: border-box;
}

/* 小さい画面では幅いっぱいに */
@media (max-width: 799px){
  :root{ --content-width: 100%; }
}

/* ▼リンク */
a{ color:#1da1f2; text-decoration:none; }
a:hover{ color:#0a71ae; text-decoration:underline; }

/* ▼URL */
.url{ word-break:break-all; }

/* ▼カード型リンク */
.cardlink{ display:inline-block; width:100%; max-width:500px; padding:0 .25em .5em 0; font-size:.9rem; text-decoration:none!important; vertical-align:middle; }
.cardlinkbox{ border:1px solid #ccc; border-radius:7px; background:#fff; display:flex; }
.cardlinkbox:hover{ background:#f5ffff; border-color:#8cc; }
.cardlinkimage{ background-image:linear-gradient(-30deg,#8aa,#e0f0f0); background-size:cover; background-position:center; background-repeat:no-repeat; }
.cardlinktextbox{ display:flex; flex-direction:column; padding:.5em 1em; }
.cardlinktitle,.cardlinkdescription,.cardlinkurl{ display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; line-clamp:1; -webkit-line-clamp:1; text-overflow:ellipsis; }
.cardlinktitle{ padding-bottom:.25em; }
.cardlinkdescription{ line-height:1.3; color:#555; line-clamp:2; -webkit-line-clamp:2; }
.cardlinkurl{ color:#999; }
.cardsize-S{ flex-direction:row; }
.cardsize-S .cardlinkimage{ min-width:100px; min-height:100px; border-radius:6px 0 0 6px; flex-shrink:0; }
.cardsize-S .cardlinktextbox{ border-left:1px solid #ccc; justify-content:center; }
.cardsize-S .cardlinktitle{ order:2; }
.cardsize-S .cardlinkdescription{ order:3; }
.cardsize-S .cardlinkurl{ order:1; }
.cardsize-L{ flex-direction:column; }
.cardsize-L .cardlinkimage{ aspect-ratio:1.91/1; width:100%; height:auto; border-radius:6px 6px 0 0; }
.cardsize-L .cardlinktextbox{ border-top:1px solid #ccc; }
.cardsize-L .cardlinktitle{ font-weight:bold; }
.cardsize-L .cardlinkdescription{ min-height:2.5em; }
.cardsize-L .cardlinkurl{ border-top:1px solid #ddd; margin-top:.5em; padding-top:.5em; font-size:.75rem; }

/* ▼汎用装飾（文字） */
.decorationB{ font-weight:bold; }
.decorationD{ color:#888; text-decoration-line:line-through; text-decoration-color:darkblue; }
.decorationE{ font-style:normal; font-weight:bold; color:#05c; }
.decorationI{ font-style:italic; }
.decorationQ{ border-left:5px double skyblue; margin:1em .3em 1em 1em; padding:.75em .5em; background:#f8f8ff; font-size:.95em; display:block; }
.decorationQ::before,.decorationQ::after{ content:''; }
.decorationQ + br{ display:none; }
.decorationS{ font-size:.8em; }
.decorationT{ font-size:.6em; }
.decorationU{ text-decoration-line:underline; text-decoration-style:double; text-decoration-color:skyblue; }

/* ▼自由装飾例 */
.deco-scream{ font-size:1.67em; }
.deco-code{ display:inline-block; font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; background:snow; color:#000; border:1px solid #eee; border-radius:3px; padding:0 3px; }
.deco-separator{ display:block; border-bottom:1px dotted gray; }
.deco-flex{ display:flex; gap:1em; align-items:start; justify-content:start; flex-wrap:wrap; }

/* ▼汎用装飾（画像） */
.decorationB img{ box-shadow:5px 5px 5px royalblue; }
.decorationD img{ opacity:.5; }
.decorationE img{ outline:8px ridge rgba(50,220,170,.6); }
.decorationI img{ box-shadow:-5px 5px 5px yellowgreen; }
.decorationQ img,.decorationS img,.decorationT img{ vertical-align:middle; }
.decorationS img{ border-radius:15px; }
.decorationT img{ max-height:75px; width:auto; }
.decorationU img{ box-shadow:5px 5px 5px skyblue; }

/* ▼埋め込み画像 */
.embeddedpictbox{ margin:0; padding:0; display:inline-table; border-collapse:collapse; border:1px solid #e8f4ff; vertical-align:top; }
.embeddedpictbox figcaption{ display:table-caption; caption-side:bottom; font-size:.8em; text-align:center; background:#e8f4ff; }
.embeddedpictbox img{ vertical-align:middle; }
.imagelink{ display:inline-block; line-height:1; vertical-align:inherit; }
.embeddedimage{ max-width:100%; max-height:240px; width:auto; height:auto; }
figure.nsfw,.imagelink.nsfw{ overflow:hidden; }
img.nsfw{ filter:blur(9px); }

/* ▼埋め込み動画/Tweet */
figure.embeddedvideo{ margin:0; padding:0; display:flex; flex-direction:column-reverse; }
.videotitle{ text-align:center; background:#d2ecfd; }
video.embeddedvideo{ display:inline-block; max-width:100%; width:auto; height:auto; }
@media (max-width:600px){ .embeddedmovie{ display:inline-block; max-width:100%; width:auto; height:auto; } }
blockquote.twitter-tweet{ background:#f8f8f8; border:1px dashed #ddd; border-radius:9px; margin:.3em 0; padding:1em; font-size:.95em; color:#999; text-shadow:1px 1px 1px #fff; }
div.twitter-tweet{ max-width:350px !important; }

/* ▼検索語ハイライト */
.searchword{ font-weight:bold; background:linear-gradient(transparent 60%, #8df 60%); }

/* ========================== */
/* ■ヘッダ                   */
/* ========================== */
header{ display:table; background:#fff; width:100%; border-bottom:1px solid #acb1b4; box-shadow:1px 1px 0 #dae0e4; }
.headtitle{ display:table-cell; margin:0; padding:.2em; color:#66757f; line-height:1; }
.headicon{ color:#08f; vertical-align:top; }
h1{ margin:.2em; }
.subtitle{ display:inline-block; font-size:.6em; }
.headguide{ margin:.2em; }
.headcontrol{ display:table-cell; text-align:right; vertical-align:middle; padding:0 3px; }
.control-links{ margin:0; }
.headcontrol a{ display:inline-block; text-align:center; border:2px solid #fff; border-radius:2em; padding:.5em 1em; margin-bottom:1px; background:#08f; color:#fff; white-space:nowrap; }
.headcontrol a:hover{ text-decoration:underline; background:skyblue; color:#fff; }
@media (min-width:800px){ .headcontrol{ white-space:nowrap; } }

/* ======================== */
/* ■入力フォーム            */
/* ======================== */
.postform{ background:#e8f5fe; margin:0; padding:1em; }
.postform p{ margin:0; }
textarea.tegalogpost{
  border:2px #08f solid; border-radius:.67em; background:#fff; padding:.5em; font-size:.9rem;
  box-sizing:border-box; width:100%; height:4.3em; overflow-wrap:break-word; overflow:auto; margin-bottom:.25em;
}
textarea.tegalogpost:placeholder-shown{ color:#777; }
textarea.tegalogpost:focus:placeholder-shown{ color:#bbb; }
textarea.tegalogpost:-ms-input-placeholder{ color:#aaa; }
.line-control{ margin:.25em 0; }
@media (max-width:800px){ textarea.tegalogpost{ font-size:16px; padding:.4em; } }
.postbutton{ background:#08f; color:#fff; font-size:1rem; border-radius:1em; padding:.25em .75em; font-weight:bold; border:1px solid #35abf2; display:inline-block; }
.postbutton:hover{ background:skyblue; }
/* 装飾ボタン */
.decoBtns{ display:inline-block; margin-top:.5em; }
.decoBtns input{ min-width:32px; min-height:28px; margin:1px; background:#eee; border:1px solid #aaa; cursor:pointer; border-radius:3px; font-size:14px; vertical-align:middle; }
.decoBtns input:hover{ background:#e5f1fb; border-color:#0078d7; }
.decoBtnB{ font-weight:bold; } .decoBtnD{ text-decoration:line-through; text-decoration-color:red; text-decoration-style:double; }
.decoBtnE{ font-weight:bold; color:blue; } .decoBtnI{ font-style:italic; } .decoBtnT{ font-size:11px!important; }
.decoBtnU{ text-decoration:underline; text-decoration-color:red; } .decoBtnC{ color:red; } .decoBtnM{ color:blue; }
@media (min-width:800px){ .decoBtns{ margin-top:0; } }
/* カテゴリチェック */
.catChecks{ font-size:.9em; padding-top:.5em; }
.catChecks label{ display:inline-block; cursor:pointer; margin:0 .75em 0 0; }
.catChecks label:hover{ text-decoration:underline; }
.catChecks input{ min-width:0; min-height:0; margin-right:.2em; }
.funcUIs .catChecks{ margin:0 .75em 0 0; } .funcUIs .catChecks label{ margin:0; }

/* ================================================= */
/* ■段組（800px以上）                               */
/* ================================================= */
@media (min-width:800px){
  .contents{ display:flex; flex-direction:row-reverse; border-collapse:separate; border-spacing:1em 0; width:100%; }
  .contents .mainarea{ width:75%; vertical-align:top; margin:1em 1em 0 0; }
  .contents .subarea{ width:25%; vertical-align:top; }
}

/* ====================== */
/* ■メイン（ログ掲載）    */
/* ====================== */
.mainarea{ padding:0; background:#fff; }
.situation{ margin:1em; font-weight:bold; color:#05f; }
.situation:empty{ display:none; }
.dateseparator{ background:#e6ecf0; color:#000; text-shadow:1px 1px 1px #fff; font-weight:bold; padding:1px 1em; border-color:#ccd6dd; border-width:1px 0; border-style:solid; }
.dateseparator a{ background:#f5f8fa; font-size:80%; font-weight:normal; display:inline-block; border-radius:1em; margin:0 .25em; padding:0 .5em; }

/* ================================ */
/* ■投稿ボックス（1発言）          */
/* ================================ */
.onelogbox{ margin:0; padding:1em 0; border-bottom:1px #e6ecf0 solid; display:table; width:100%; box-sizing:border-box; }
.situation + .onelogbox{ border-top:1px #e6ecf0 solid; }
.iconarea{ display:table-cell; vertical-align:top; padding-top:3px; padding-right:6px; }
.usericon{ vertical-align:middle; }
.onelogbody{ display:table-cell; vertical-align:top; width:100%; }

.oneloginfo{ margin:0 0 .3em 0; font-size:.9em; }
.onelogctrl{ margin:0; float:right; }
.username{ display:inline-block; margin:0 .5em 0 0; font-weight:bold; }
.username a{ color:#000; }
.username a:hover{ color:#0a71ae; }
.postdate{ font-size:.85em; }
.postdate a{ display:inline-block; color:#555; background:#fff; border-radius:.5em; padding:0 .5em; }
.postdate a:hover{ color:#0a71ae; }

.newsign{ display:inline-block; color:#f55; font-size:.8em; margin-right:.35em; }
.newsign:empty{ display:none; }

.categories{ font-size:.9em; margin-right:.25em; }
.categorylink{ display:inline-block; text-decoration:none; }
.catseparator{ display:inline-block; margin:0 1px; color:gray; }
.categoryicon img{ height:1.2em; width:auto; vertical-align:text-top; margin:0 1px; }

.postnum{ font-size:.75em; color:#555; }
.length{ font-size:.8em; color:#555; }

.editlink{ font-size:.67em; }
.editlink a{ text-decoration:none; display:inline-block; color:#08f; background:#eef; border:1px solid #ccf; border-radius:5px; padding:0 3px; }

.onelogcontent{ margin:0; }
.comment{ line-height:1.3; }
.comment .url{ color:#85973e; text-decoration:none; }
.comment .url:hover{ text-decoration:underline; }
.onelogbody .taglink{ display:inline-block; color:#85973e; text-decoration:none; word-break:break-all; }
.onelogbody .taglink:hover{ text-decoration:underline; }

/* ▼続きを読むボタン（既存UI用） */
.readmorebutton{ display:inline-block; padding:1px .5em; margin:0 1px; border:1px solid #ccd; border-radius:.5em; }
.readmorebutton:link,.readmorebutton:visited{ background:#eee; background-image:linear-gradient(0deg,#ccc,#ddd 55%,#fff); color:darkblue; text-decoration:none; }
.readmorebutton:hover{ background-image:none; background:#5be; color:#fff; text-decoration:underline; }
.readmorebutton.readmoreopen{ font-size:.95em; }
.readmorebutton.readmoreclose{ font-size:.75em; }

/* ▼折り畳み空間 */
.foldswitch{ width:fit-content; }
.foldlabel{ display:inline-block; padding:.25rem .5rem; border:1px solid #bcc; border-radius:5px; background:#def; background-image:linear-gradient(0deg,#cde,#def 55%,#fff); color:darkblue; line-height:1; cursor:pointer; }
.foldlabel:hover{ background-image:none; background:#3bf; color:#fff; }
.foldedarea{ border-left:3px solid skyblue; margin:.25rem 0 0 .125rem; padding:.25rem .5rem; }

/* ============================================================ */
/* ■鍵付きフォーム／ユーティリティ／ページナビ                 */
/* ============================================================ */
.passkeyform{ display:inline-block; margin:0; padding:.6em; background:#e8f4ff; border:1px solid #bfe2ff; border-radius:.25em; }
.passkeyerror{ display:block; color:#fff; background:#08f; font-weight:bold; line-height:1; margin:0 0 .5em 0; padding:.33em .25em; }
.passkeybox{ display:block; }
.passkeyguide{ margin-right:.1em; }
.passkeyinput{ width:10em; margin:0 .25em 3px 0; }

.utilitylinks{ margin:2em 1em 1em 1em; padding:.5em; border:1px solid #b2defc; border-radius:1em; background:#eff8fe; font-size:.9em; }
.utilitylinks ul{ color:darkblue; }

.pagenavi{ margin:2.5em 0; padding:.5em 0; text-align:center; border-width:3px 0; border-style:solid; border-color:#ccd6dd; background:#f5f8fa; }
.pagenavi p{ margin:0; text-align:center; }
.pagelinks{ margin:.75em; }
.pagelinks a{ font-weight:bold; }
p.pagenums{ margin:.5em; }
.pagenums a.pagenumlink{ margin:0 2px; padding:.2em .5em; font-size:1em; font-weight:bold; }
a.pagenumhere{ text-decoration:none; background:#5bf; color:#fff; border-radius:1em; }
a.pagenumlink:hover{ text-decoration:none; background:#08f; color:#fff; border-radius:.3em; }
.pagehome{ font-weight:bold; }

/* ========== */
/* ■サブ領域  */
/* ========== */
.subarea{ margin:1em 1em 0 1em; padding:0; }
.freespacearea,.searcharea,.imagelistarea,.categoryarea,.datelistarea,.latestpostarea,.calendararea{ margin:0 0 1em 0; padding:1em; background:#fff; }
.freespacearea .cornertitle,.searcharea .cornertitle,.imagelistarea .cornertitle,.categoryarea .cornertitle,.datelistarea .cornertitle,.latestpostarea .cornertitle,.calendararea .cornertitle{ font-weight:bold; color:#000; text-shadow:1px 1px 1px #eee; margin:0 0 .5em 0; border-bottom:1px dashed #aaa; }
.freecontents{ font-size:.9em; line-height:1.4; }
.freespaceedit{ font-size:.7em; text-align:right; border-top:1px dotted #ccc; margin:.5em 0 0 0; }

.searcharea{ overflow:auto; }
.searchbox{ margin:0; }
.searchtarget{ margin:0; font-size:.9em; line-height:1.3; }
.siwtchsearchbox{ font-size:.8em; margin-bottom:0; }
#complexsearch{ display:none; }
.searchoptions{ font-size:.9em; margin:.75em 0 1em .5em; padding:0 0 0 .5em; }
.solabel{ display:inline-block; min-width:5em; }
.searchoptions select{ max-width:175px; overflow:hidden; }

.imagelistarea .cornertitle{ color:#008; }
.imagelistbox{ margin:0; text-align:center; }
.imagelistitem{ display:inline-block; width:30%; max-width:100px; max-height:100px; margin:1%; vertical-align:middle; overflow:hidden; }
.imagelistbox .oneimage{ width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; vertical-align:middle; }
.imagesinfo{ margin:.25em 0; text-align:right; }
.totalimgfiles{ font-size:.9em; }
.totalimgsizes{ font-size:.8em; }

.categoryTree ul{ padding-left:30px; list-style-type:disc; }
.categoryTree .num{ display:inline-block; margin-left:.4em; font-size:.9em; color:#aaa; }
.categoryTree .caticon img{ height:1.2em; width:auto; vertical-align:text-top; }
.categoryTree .caticon + .cattext,.categoryTree .cattext + .caticon{ margin-left:3px; }
.categoryTree .catdescription{ font-size:smaller; color:#555; }

.datelimitlist{ margin:.5em 0; padding:0 0 0 20px; }
.datelimitsublist{ margin:0; padding:0 0 0 10px; list-style-type:none; font-size:.95em; }
.datelimitlist .datelimitsublist .datelimit-month{ display:inline-block; margin-right:.9em; }
.datelimitlist .datelimitsublist .year{ display:none; }
.datelimitlist .num{ font-size:.85em; color:#66a; margin-left:.3em; }
.datelistlink:hover{ color:#fff; background:green; border-radius:3px; }
.datelimitbox{ margin:.5em; }
.datelimitboxoptions{ display:block; font-size:.9em; }
.datelimitboxoptions label{ display:inline-block; margin-right:.5em; }

/* ========================== */
/* ■フッタ                   */
/* ========================== */
footer{ margin:1em 0 0 0; padding:0; border-top:3px solid #acb1b4; background:#fff; color:#000; }
footer p{ margin:0; padding:5px 0; }
.backlink{ text-align:center; padding:1em; }
.poweredby{ margin:0 1em; font-size:.8em; }

/* ===================================================== */
/* ▼▼▼ skin-simpleradon：JS連携（ワンクッション・続きを読む） */
/* ===================================================== */

/* JSが汎用classを付与してくる想定（他skinも吸収） */
.post{ display:flex; gap:12px; padding:12px 16px; border-bottom:1px solid #e6ecf0; background:#fff; }
.post .avatar{ width:48px; min-width:48px; height:48px; border-radius:50%; overflow:hidden; background:#f0f3f5; display:flex; align-items:center; justify-content:center; }
.post .avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.post .meta{ font-size:.88rem; color:#536471; margin-bottom:4px; }
.post .meta a{ color:inherit; text-decoration:none; }
.post .meta a:hover{ text-decoration:underline; }
.post .body{ line-height:1.6; word-wrap:break-word; }

/* 続きを読む：高さ制限→展開 */
.body.clamp{
  display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
  -webkit-line-clamp:8; line-clamp:8;
  max-height:calc(1.6em * 8);
}
.more-btn{
  display:inline-block; margin-top:6px; padding:4px 10px;
  border:1px solid #cbd5e1; border-radius:999px; background:#f1f5f9;
  font-size:.85rem; color:#0f172a; cursor:pointer; user-select:none;
}
.more-btn:hover{ background:#e2e8f0; }

/* ワンクッション */
.cw-wrap{
  display:flex; align-items:center; gap:10px; background:#fff3cd; border:1px solid #ffe69c;
  color:#5f5100; padding:8px 10px; border-radius:8px; margin-bottom:8px;
}
.cw-btn{
  padding:6px 12px; border:1px solid #e5c200; background:#ffec99;
  border-radius:999px; cursor:pointer; font-weight:700;
}
.cw-btn:hover{ background:#ffe066; }
.cw-blur{ filter:blur(8px); pointer-events:none; user-select:none; }

/* 端末幅が狭いときの微調整 */
@media (max-width:520px){
  .post{ gap:10px; padding:12px; }
  .post .avatar{ width:42px; min-width:42px; height:42px; }
}

/* ホバー微差分 */
.mainarea .post:first-child{ border-top:1px solid #e6ecf0; }
.post:hover{ background:#f9fbfd; }
/* JSが動いている確認印（目視デバッグ用。要らなければ消してOK） */
html.js-on body::before{
  content:"JS ON"; position:fixed; z-index:9999; top:6px; right:6px;
  font:700 10px/1 system-ui; color:#155e75; background:#cffafe; border:1px solid #67e8f9;
  padding:2px 6px; border-radius:999px; opacity:.7; pointer-events:none;
}

/* details（CW/R18） */
.cw-details{
  display:block;
  margin:.75em 0;
  padding:.6em 1em;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fafafa;
}
.cw-details > summary{
  cursor:pointer;
  font-weight:700;
  color:#c00;
  list-style:revert;
}
.cw-details[open] > summary{ color:#333; }

/* onelog本文の <span> をブロック扱いに（<details>内でも崩さない） */
.onelogcontent .comment{ display:block; }

/* いらないサイドブロックを強制非表示 */
.latestpostarea { display: none !important; }   /* 最近の投稿 */
.imagelistarea  { display: none !important; }   /* 新着画像リスト */
.multisubbox    { display: none !important; }   /* 特別な表示モード群 ほか情報欄 */

/* 本文の「◯文字」を消す */
.oneloginfo .length { display: none !important; }
/* サイドの「最近の投稿」などにある文字数も消す場合 */
.latestpostlist .length { display: none !important; }

/* ===================================================== */
/* ▼▼▼ ここから radon カスタム：画像表示の調整            */
/* ===================================================== */

/* 画像がはみ出さない保険（構文修正：カッコ閉じ） */
.mainarea img{
  max-width:100%;
  height:auto;
}

/* 画像リンクをブロック化して縦積み＋余白 */
.onelogcontent .imagelink{
  display:block !important;
  clear:both;
  margin:18px auto;
  max-width:min(100%, 720px);
}

/* 実画像はリセット（影なし） */
.onelogcontent .embeddedimage{
  display:block;
  width:100%;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  border-radius:12px;
  background:#fff;
  box-shadow:none;              /* 影いらない */
}

/* figure/embeddedpictbox を 80% 幅にして中央寄せ */
.onelogcontent figure,
.onelogcontent .embeddedpictbox{
  width:80% !important;
  margin:1rem auto !important;
}

/* figure 内の実画像も枠いっぱいに */
.onelogcontent figure img,
.onelogcontent .embeddedpictbox img{
  display:block;
  max-width:100%;
  height:auto;
  border-radius:10px;
}

/* 端末幅が狭いときは100%まで広げる */
@media (max-width:520px){
  .onelogcontent figure,
  .onelogcontent .embeddedpictbox{
    width:100% !important;
    margin:0.75rem auto !important;
  }
}

/* --- さらに小さめに見せる上書き --- */
:root{
  /* 最大ピクセル幅の上限（お好みで） */
  --post-img-max: 560px;
}

/* 画像リンクの枠も縮める */
.onelogcontent .imagelink{
  max-width: min(100%, var(--post-img-max)) !important;
  width: 80% !important;             /* ここを 75 / 70 にすればもっと小さく */
  margin: 14px auto !important;
}

/* figure/embeddedpictbox をさらに小さく */
.onelogcontent figure,
.onelogcontent .embeddedpictbox{
  width: 72% !important;             /* ← PC時のパーセンテージ。66%とかでもOK */
  max-width: var(--post-img-max) !important;
  margin: 14px auto !important;
}

/* スマホは少し広めに（読みやすさ重視） */
@media (max-width: 520px){
  .onelogcontent .imagelink{
    width: 88% !important;
    max-width: 360px !important;     /* ここも好みで 320〜400 に調整 */
  }
  .onelogcontent figure,
  .onelogcontent .embeddedpictbox{
    width: 88% !important;
    max-width: 360px !important;
  }
}

/* End of file */