@charset "UTF-8";



body{

	font-size: 1.3rem;

	letter-spacing: 0.1rem;

	width: 100vw;

}



body.fix{

	overflow: hidden;

}







/* ↓ヘッダー */



header{

	padding: 3rem 3rem 0;

}



header h1{

	font-size: 3.5rem;

	letter-spacing: 0.3rem;

}



header h2{

	font-size: 1.8rem;

	line-height: 3rem;

	letter-spacing: 0.2rem;

}



header p{

	margin-top: 0.5rem;

	font-size: 1.2rem;

}







/* ↓コンテンツエリア */



.contents{

	padding: 2rem;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.side{

}



.side > *{

	margin-top: 2rem;

}







/* ↓外部リンク */



.link ul{

	display: flex;

	flex-wrap: wrap;

	gap: 1rem;

}



.link ul li{

	width: fit-content;

}



.link ul li a{

	padding: 0 1.5rem;

	height: 3rem;

	line-height: 3rem;

	border-radius: 3rem;

}







/* ↓検索窓 */



.searchbox{

	line-height: 3rem;

	height: 3rem;

	border-radius:3rem;

}



.searchinputs{

	height: 3rem;

}



.searchbox input{

	line-height: 2.6rem;

}



.searchbox input.queryinput{

	width: calc(100% - 3rem);

	padding: 0 1rem;

}

.searchbox input.queryinput::placeholder{

	font-size: 0.9em;

	letter-spacing: 0.1rem;

}



.searchbox input.submitbutton{

	width: 3rem;

	height: 3rem;

}







/* ↓カテゴリーリスト */



.category{

	width: fit-content;

	float: left;

	margin-right: 2rem;

}



ul.cattree li{

	padding: 0.8rem 0.3rem;

}



ul.cattree li::before{

	margin-right: 0.4rem;

}



ul.cattree li:last-child{

	border: none;

}







/* ↓ハッシュタグ */



ul.hashtaglist{

	gap:0.5rem 1.5rem;

}







/* ↓RSSリンク */



a.rss{

	font-size: 1.6rem;

}



a.rss i{

	margin-right: 0.5rem;

}







/* ↓記事の表示 */



article,

.nodata,

.nolist{

	margin-top: 2rem;

	line-height: 1.6;

	border-radius:0.5rem;

}



article .comment,

.nodata,

.nolist{

	padding: 2rem 2.2rem;

}



article .comment img{

	margin: 0.5rem 0;

}



article .comment a.imagelink.nsfw,

figure.nsfw{

	float: left;

	margin: 1.5rem 2rem 0 0;

}



article .comment figure.nsfw a.imagelink,

article .comment a.imagelink{

	float: none;

	margin: 0;

}



article .comment a.imagelink.nsfw{

	width: 10rem;

	height: 10rem;

}



article .comment a.imagelink.nsfw::before{

	font-size: 3.5rem;

}



article .comment figure.nsfw a.imagelink.nsfw::before{

	padding-bottom: 1.7rem;

}



/* ↓キャプションをワンクッションに使いたくないという方はここから消す */

.nsfw figcaption{

	transform: translateY(1.7rem);

	letter-spacing: 0;

}

/* ↑ここまで消す */



article .comment a.readmorebutton{

	padding: 0 1rem;

	font-size: 0.9em;

	border-radius: 0.2rem;

	transform: translateY(-0.1rem);

}



input.passkeyinput,

input.passkeysubmit{

	line-height: 2.4rem;

	padding: 0 0.8rem;

	letter-spacing: 0.1rem;

	border-radius: 0.2rem;

}



input.passkeyinput{

	max-width: calc(100% - 9rem);

}



input.passkeysubmit{

	margin-left: 0.5rem;

	font-size: 0.9em;

}



.oneloginfo{

	padding: 0 1.5rem;

	line-height: 2.5rem;

	font-size: 1.1rem;

	letter-spacing: 0.1rem;

}



.categories{

	letter-spacing: 0.05rem;

}



.oneloginfo span{

	margin: 0 0.1rem;

}



iframe.embeddedmovie{

	margin-bottom: 1rem;

}







/* ↓ページネーション */



.pagenums{

	margin: 3rem auto;

}



.pagenums a{

	width: 2.2rem;

	height: 2.2rem;

	line-height: 2.2rem;

	font-size: 1.5rem;

}







/* ↓投稿フォーム */



.newpost{

	bottom: 1rem;

	padding-right: 1rem;

	margin: -5rem 0 1rem;

}



.newpost button{

	width: 3.5rem;

	height: 3.5rem;

	font-size: 1.4rem;

	line-height: 3.5rem;

}



.postarea{

	transform: translateX(100vw);

	transition: all .3s linear;

	border: none;

	position: fixed;

	right: 0;

	top: 0;

	width: 100vw;

	height: 100dvh;

	margin: 0 auto;

	padding: 2rem;

	z-index: 1;

	overflow: auto;

	overflow-x: hidden;

	background-color: rgba(145,212,221,0.95);

	display: block;

}



.postarea.show{

  transform: translateX(0);

}



form.postform textarea{

	margin-right: 3rem;

	padding: 0.8rem;

	width: 100%;

	height: 14rem !important;

	border-radius: 0.5rem 0.5rem 0.5rem 0;

}



.line-control input.postbutton{

	padding: 0 1.2rem;

	height: 3rem;

	line-height: 3rem;

	border-radius: 0 0 0.5rem 0.5rem;

}



.changelink{

	height: 2.2rem;

	line-height: 2.2rem;

	letter-spacing: 0.15rem;

	padding: 0 1rem;

	border-radius:0.3rem;

}



.line-control input{

	margin: 0 0.6rem 0.6rem 0;

	letter-spacing: 0.1rem;

}



.changelink,

.line-control input{

	background-color: #d4d4d4;

	mix-blend-mode: multiply;

}



.line-control input,

select.hashtagEasyInput{

	padding: 0 0.6rem;

	height: 2.5rem;

	line-height: 2.5rem;

	font-size: 1.3rem;

}



.line-control input[type=checkbox]{

	height: 1.4rem;

	width: 1.4rem;

	line-height: 1.4rem;

	margin-right: 0.2rem;

}



.catChecks label{

	margin-right: 1.5rem;

}



input[name="upload_file"]{

	line-height: 1.8rem;

}



span.decoBtns{

	margin: 1rem 0;

}







/* ↓フッター */



footer{

	line-height: 3rem;

	font-size: 1.2rem;

	letter-spacing: 0.1rem;

}



a.adminlink{

	margin-left: 1rem;

}







/* ↓clearfix */



.side::after {

   content: "";

   display: block;

   clear: both;

}