body{background-color:#151d28}
/*本文*/
.content{color:white}
/*リンク*/
.content a:link {color:#0f73ff;text-decoration:none}
.content a:visited{color:#0f73ff;text-decoration:none}
.content a:hover {color:#0f73ff;text-decoration:underline}
.content a:active {color:#0f73ff;text-decoration:underline}
/*footerを画面の下部に固定*/
footer{position:fixed;bottom:0;width:100%;text-align:center;padding:4px 0;background-color:#151d28;color:#abb8c8;border-top:1px solid #2b3a4d}
@media (min-width:751px){.post{margin:0 20%}}
@media only screen and (max-width:767px){.post{margin:0 2%}}


.post{display:flex;margin-top:1em}
.post-back{margin-bottom:1em}
.post-back>a>img{height:1.2em}
.post-back a:link {color:#abb8c8;text-decoration:none}
.post-back a:visited{color:#abb8c8;text-decoration:none}
.post-back a:hover {color:#0f73ff;text-decoration:none}
.post-back a:active {color:#0f73ff;text-decoration:none}
.post-icon{border-radius:50%;width:45px;margin-right:0.6em;margin-top:0.2em}
.post a{letter-spacing:0;overflow-wrap:anywhere}
.post-info{display:flex;justify-content:space-between}
.post-author-name{font-weight:bold}
.post-date{color:#abb8c8}
.post-letters{margin-bottom:0.8em}
.post-img-1{width:100%;border-radius:10px}
.post-img-2 {
  width: 100%;
  margin-bottom: 0.5em;
  display: flex;
  gap: 2%;
  border-radius: 10px;
  overflow: hidden;
  height: 200px; /* 好きな高さに調整 */
  box-sizing: border-box;}
.post-img-2 > a {
  flex: 1 1 0;    /* 各リンクを均等に伸ばす */
  min-width: 0;   /* はみ出し防止（重要） */
  display: block; /* リンク全体をクリック可能にする */
  overflow: hidden;}
.post-img-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* トリミングして埋める */
  display: block;
  object-position: center; /* 必要に応じて調整 */}
.post-buttons{display:flex;justify-content:space-around;color:#abb8c8;margin-bottom:0.5em;margin-top:1em}
.post-buttons img{height:20px}


.lightbox img{
    pointer-events: none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    touch-callout:none;
    user-select:none;
}
/* 長押しメニューと選択を無効化 */
.protectimg {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  pointer-events: auto;
}