@charset "utf-8";




:where(.cat_menu,.hashtagarea) .num { display: none;}

figcaption { display: none!important;} /* キャプションを消す */



.ichimai {
	width: 100px;
	height: 100px;
	position: relative;
	font-size: 0;
	flex-shrink: 0; /*画面幅狭くなっても画像は縮めない*/
filter: grayscale(50%);
}

.imgpermalink {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ichimai:hover { filter: grayscale(0%);}


/* 2枚目以降の画像を非表示 */
.imagebox :nth-child(n+2) { display: none;}

/* ギャラリーをグリッド表示 */
.galmainbox {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px,1fr));

}

/* 画像部分と画像枚数 */
.gallogbox { position: relative;}
.pictcount {
	position: absolute;
	top: 0;
	left: 0;
padding:0px 2px;
	background-color: rgb(0,0,0,0.7);
line-height: 1.2rem;
	color: var(--siro-mozi);
	font-size: 0.7rem;
	z-index: 1;
}
.pictcount i { margin-right: 0.2rem;}
.picttitle{
position: absolute;
bottom:0;
width:100%;
padding-left:3px;
background-color: rgb(0,0,0,0.7);
color: var(--siro-mozi);
font-size: 0.8rem;
z-index: 1;

}

.imagebox:hover { filter: grayscale(0%);}

/* 画像リンク */
.imagelink {
	display: inline-block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
}

/* 画像そのものの大きさ */
.embeddedimage,.embeddedimage.nsfw {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}

/* 記事に画像がないときのサムネ */
.NoImageError {
	display: block;
	width: 100px;
	height: 100px;
	background-color: var(--link-iro);
	position: relative;
}

.NoImageError::before {
	content: '\EAD2';
	font-family: "remixicon";
	font-size: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--siro-mozi);
}

/* 鍵投稿のサムネ表示 */
.ichiran.logstatus-lock .NoImageError,
.ichiran.logstatus-lock .NoImageError::before,
.ichiran.logstatus-lock .embeddedimage.nsfw,
.ichiran.logstatus-lock .imagelink.nsfw::after { display: none;}/* まず被ってる要素を消す */

.ichiran.logstatus-lock .ichimai {
	background-color: var(--usu-mozi-iro);
	position: relative;
}

.logstatus-lock .ichimai::before{
	content: '\EECB';
	font-family: "remixicon";
	font-size: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--siro-mozi);
  }

/* 追加 */
.embeddedimage{
border:1px solid #0068b7; 

}