@charset "utf-8";

/* Masonry風レイアウト */
.mainarea {
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem;
  column-count: 4;            /* カラム数。画面幅で可変させてもOK */
  column-gap: 1rem;           /* カード間の余白 */
}

.onelogbox {
  display: inline-block;      /* column内でブロックを扱う */
  width: 100%;
  margin: 0 0 1rem;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  overflow: hidden;
  break-inside: avoid;        /* カードがカラム内で分割されないようにする */
  transition: transform .2s ease, box-shadow .2s ease;
}
.onelogbox:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* 画像は幅100%で高さ自動 → 比率そのまま */
.embeddedpictbox img,
.embeddedimage {
  width: 100%;
  height: auto;
  display: block;
}

/* 余計なテキストを非表示（No.xx とか by～とか） */
.oneloghead,
.onelogfoot,
.memonum,
.postdate,
.username,
.postuserid,
.editlink { display: none !important; }


/* ===== 追記：ひとことメモ等の本文を非表示 ===== */

/* 本文の段落・抜粋を黙らせる */
.onelogmain .onelogtext,
.onelogmain p,
.onelogmain br { 
  display: none !important;
}

/* 画像のキャプションも消す（使ってる場合） */
.embeddedpictbox figcaption { 
  display: none !important; 
}

/* 画像そのもの以外の単独リンク（No.xx » など）も非表示 */
.onelogmain > a:not(.imagelink):not(.imagebox):not(.embeddedpictbox) {
  display: none !important;
}

/* 余白だけ残ってダサくなるのを防ぐ */
.onelogmain { 
  margin: 0 !important; 
  padding: 0 !important; 
}


@media (max-width: 1024px) {
  .mainarea { column-count: 3; }
}
@media (max-width: 720px) {
  .mainarea { column-count: 2; }
}
@media (max-width: 480px) {
  .mainarea { column-count: 1; }
}