@charset "UTF-8";

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

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

.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;
}

@media (max-width: 1024px) {
  .contents {
    flex-direction: column;
  }

  .side {
    width: 100%;
    margin-left: 0;
    margin-top: calc(var(--margin-base) * 1.5);
    position: static;  }
}

.main{
	flex: 1;
	width: 100%;
}


/* ↓リンク一覧 */
.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);
} */

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

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