@charset "UTF-8";

/* コンテンツエリア */
section{
	max-width: 110rem;
	margin: 0 auto var(--margin-base);
}

section:last-of-type{
	margin-bottom: 0;
}

/* プロフ */
#prof > *{
	margin: 0 auto;
	width: fit-content;
}

#prof h1{
	font-size: 2.2em;
	letter-spacing: 0.5rem;
	font-weight: 600;
	margin-top: 1em;
}
/* 
#prof h1:first-letter{
	color: var(--color-main);
}

#prof #icon{
	margin-right: 0.7em;
	width: calc(var(--margin-base) * 1.2);
	aspect-ratio: 1 / 1;
	border-radius:50%;
	vertical-align: middle;
	object-fit:cover;
}
*/
#prof .text{
	margin: 0 auto;
}

#menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(var(--margin-base) * 0.6);
	margin-top: 2em;
}

#menu a{
	display: block;
	font-size: 0.7em;
	text-align: center;
	font-weight: 600;
	color: var(--color-text);
	letter-spacing: 0.1em;
}

#menu a i{
	display: block;
	margin: 0 auto 0.1em;
	width: calc(var(--margin-base) * 1.3);
	height: calc(var(--margin-base) * 1.3);
	font-size: calc(var(--margin-base) * 0.5);
	line-height: calc(var(--margin-base) * 1.3);
	border-radius:50%;
}

#menu a:nth-child(odd) i{
	background-color: var(--color-main);
}

#menu a:nth-child(even) i{
	background-color: var(--color-accent);
}


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

.contents{
	width: 100%;
	max-width: 120rem;
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
}

.main{
	flex: 1;
}

.side{
	flex-shrink: 0;
	position: sticky;
	top: var(--margin-base);
	width: 20rem;
	margin-left: calc(var(--margin-base) * 1.2);
}

.side > *:first-child{
	margin-top: 0;
	padding: 0;
	background-color: transparent;
}

/* ↓リンク一覧 */
.link ul{
	flex-direction: column;
	gap: 0.7em 0;
}

/* ↓各記事 */
article .comment{
	padding: calc(var(--margin-base) * 1.2) calc(var(--margin-base) * 1.4) calc(var(--margin-base) * 0.2);
}

/* ↓画像 */

article .comment small.decorationS a.imagelink img.embeddedimage{
	float: left;
	margin-right: calc(var(--margin-base) * 0.7);
	max-width: 50%;
}

iframe.embeddedmovie{
	float: left;
	margin: 0.65em calc(var(--margin-base) * 0.7) 0.65em 0;
}

/* ↓日付・カテゴリ */
article .oneloginfo{
	align-items: center;
	padding: calc(var(--margin-base) * 0.4) calc(var(--margin-base) * 1.4) calc(var(--margin-base) * 0.9);
}

article .oneloginfo::after{
	flex: 1;
	height: 0.3em;
}

/* ↓投稿フォーム表示ボタン */
.newpost{
	bottom: var(--margin-base);
	right: var(--margin-base);
}

/* ↓投稿フォーム */
.postarea{
	transform: translateX(62rem);
	width: 62rem;
	height: 100%;
}

form.postform textarea{
	height: 20rem !important;
}

.line-control span.decoBtns{
	gap: 0.8em;
}

input[name="upload_file"]{
	line-height: 2.3rem;
}