@charset "UTF-8";



body{

	width: 100%;

	font-size: 1.6rem;

	letter-spacing: 0.1rem;

}







/* ↓ヘッダー */



header{

	padding: 5rem 5rem 0;

}



header h1{

	font-size: 5rem;

	letter-spacing: 0.3rem;

}



header h2{

	font-size: 1.8rem;

	line-height: 3rem;

	letter-spacing: 0.2rem;

}



header p{

	margin-top: 1rem;

	font-size: 1.4rem;

}







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



.contents{

	display: flex;

    align-items: flex-start;

	width: 120rem;

	max-width: 100%;

	margin: 0 auto;

	padding: 5rem;

}



.main{

	flex: 1;

	width: 100%;

}



.side{

	position: sticky;

	top: 5rem;

	margin-left: 4rem;

	width: 16rem;

}



.side > *{

	margin-top: 2rem;

}







/* ↓外部リンク */



.link ul li a{

	margin-bottom: 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;

}







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



ul.cattree li{

	padding: 0.8rem 0;

}



ul.cattree li::before{

	margin-right: 0.4rem;

}







/* ↓ハッシュタグ */



ul.hashtaglist{

	gap:0.5rem 1.5rem;

}







/* ↓RSSリンク */



a.rss{

	font-size: 2rem;

}



a.rss i{

	margin-right: 0.5rem;

}







/* ↓記事の表示 */



article,

.nodata,

.nolist

{

	margin-top: 3.5rem;

	line-height: 1.9;

	border-radius:0.5rem;

}



article .comment,

.nodata,

.nolist{

	padding: 3.5rem 4rem;

}



article .comment img{

	margin: 1rem 0;

}



article .comment small a.imagelink,

article .comment a.imagelink.nsfw,

figure.nsfw{

	float: left;

	margin: 0 3rem 0 0;

}



article .comment small a.imagelink{

	max-width: 50%;

	height: auto;

	margin-right: 3rem;

}



article .comment figure.nsfw a.imagelink,

article .comment a.imagelink{

	float: none;

	margin: 0;

}



article .comment a.imagelink.nsfw{

	width: 20rem;

	height: 20rem;

}



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

	font-size: 6rem;

}



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

	padding-bottom: 3rem;

}



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

.nsfw figcaption{

	transform: translateY(3rem);

}

/* ↑ここまで消す */



article .comment a.readmorebutton{

	padding: 0 2rem;

	font-size: 0.9em;

	border-radius: 0.3rem;

	line-height: 1.6;

	transform: translateY(-0.3rem);

}



input.passkeyinput,

input.passkeysubmit{

	line-height: 3rem;

	padding: 0 1rem;

	letter-spacing: 0.1rem;

	border-radius: 0.2rem;

}



input.passkeysubmit{

	margin-left: 0.5rem;

	font-size: 0.9em;

}



.oneloginfo{

	padding: 0 2rem;

	line-height: 3rem;

	font-size: 1.4rem;

	letter-spacing: 0.15rem;

}



.categories{

	letter-spacing: 0.1rem;

}



.oneloginfo span{

	margin: 0 0.3rem;

}



iframe.embeddedmovie{

	float: left;

	margin: 1rem 2rem 0.5rem 0;

}







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



.pagenums{

	margin: 3rem auto 0;

}



.pagenums a{

	width: 2.6rem;

	height: 2.6rem;

	line-height: 2.6rem;

	font-size: 1.8rem;

}







/* ↓投稿フォーム */



.newpost{

	bottom: 3rem;

	padding-right: 3rem;

	margin: -8rem 0 3rem;

}



.newpost button{

	width: 5rem;

	height: 5rem;

	font-size: 2rem;

	line-height: 5rem;

}



.postarea{

	transform: translateX(62rem);

	transition: all .3s linear;

	border: solid;

	border-width: 0 0 0 0.2rem;

	position: fixed;

	right: 0;

	top: 0;

	width: 62rem;

	height: 100%;

	margin: 0 auto;

	padding: 3rem;

	z-index: 1;

	display: block;

}



.postarea.show{

  transform: translateX(0);

}



form.postform textarea{

	margin-right: 3rem;

	padding: 0.8rem;

	width: 100%;

	height: 20rem !important;

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

}



.changelink{

	height: 3rem;

	line-height: 3rem;

	letter-spacing: 0.15rem;

	padding: 0 1rem;

	border-radius:0.3rem;

}



.line-control input{

	margin: 0 0.6rem 0.8rem 0;

	padding: 0 1rem;

	height: 3rem;

	line-height: 3rem;

	font-size: 1.4rem;

	letter-spacing: 0.15rem;

}



.line-control input[type=checkbox]{

	height: 1.5rem;

	width: 1.5rem;

	line-height: 1.5rem;

	margin-right: 0.4rem;

}



.catChecks label{

	margin-right: 1.5rem;

	font-size: 1.4rem;

}



.line-control input.postbutton{

	padding: 0 2rem;

	height: 4rem;

	line-height: 4rem;

	border-radius: 0 0 0.5rem 0.5rem;

}



input[name="upload_file"]{

	line-height: 2.3rem;

}



span.decoBtns{

	margin: 1rem 0;

}



select.hashtagEasyInput{

	height: 3rem;

	line-height: 3rem;

	padding: 0 1rem;

}







/* ↓フッター */



footer{

	line-height: 4.5rem;

	letter-spacing: 0.3rem;

	letter-spacing: 0.15rem;

}



a.adminlink{

	margin-left: 1rem;

}