@charset "utf-8";
/***************************************************
information
  filename : board_parts.css;
***************************************************/

/******* 掲示板パーツ設定 *******/

/* ** board_box start ** */
/*** 基本枠 ***/
#main.boardAreaBase {margin: 0 auto;padding: 0;}

/* タイトル */
.boardTi {margin: 0 auto;padding: 2.0rem 0;text-align: center;}
.boardTiDet {font-size: 1.8rem;font-weight: bold;}

/*** トピックス一覧ボックス ***/

/* トピックスソートボタン */
.board_sort {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto;
}
/* 外枠ボックス */
.boardList {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto;
	padding: 0;
	color: inherit;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: inherit;
	background: inherit;
	box-shadow: inherit;
}
.mainClnD .boardList,
.mainClnS .boardList {width: 100%;}

/* 内枠ボックス（リスト部分） */
.boardListLink {
	margin: 1.0em auto;
	padding: 1.0rem;
	color: var(--boardBox-main-txt);
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd);
	background: var(--app-BgBox-bg);
	box-shadow: var(--app-BgBoxInn-sd);
}
.boardListBt {float: left;padding: 1.5rem 0 0 0;}
.boardListName {float: right;text-align: right;}

.boardListProf {display: flex;margin: 0 auto;padding: 0.5rem 0.5rem 1.5rem 0.5rem;border-bottom: var(--boardBox-main-bg);}/* 投稿者情報表示エリア */
.boardListProf h2 {
	padding: 1.0rem 0 0 1.5rem;
	font-size: clamp(1.8rem, 1.2vw, 2.0rem);
}
@media screen and (max-width: 600px) {
	.boardListProf h2 {width: 85%;padding: 0rem 0 0 1.5rem;}
}
.boardTopicsTime {padding: 0.5rem 0 0 0;font-size: 1.2rem;}/* 一覧投稿日時 */
.boardTopicsName {padding: 0;font-size: 1.6rem;}/* 一覧投稿者名 */
.boardNameS {padding-left: 1.0rem;font-size: 1.2rem;}/* 一覧投稿者ID */

@media screen and (max-width: 600px) {
	:root {
		.boardList {padding: 0 0.5rem;}
		.boardListLink {padding: 0.5rem;}
	}
}
/*** ボタン指定 ***/
/* 新規トピックス投稿ボタン(遷移) */
.board_newbt {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto;
}
.BtM .topicsRegBt {
	margin: 1.5em auto;
	padding: 1.0em;
	width: 60%;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
}
a.topicsRegBt :link,
a.topicsRegBt :visited,
a.topicsRegBt :active {
	color: var(--bt-w-txt);
}
.BtM button.topicsRegBt.next::after,
.BtM a.topicsRegBt.next::after,
.BtM span.topicsRegBt.next::after,
.BtM button.topicsRegBt.back::after,
.BtM a.topicsRegBt.back::after,
.BtM back.topicsRegBt.next::after {border-left-color: var(--bt-w-txt);}

.sideClnD .boardBackBt,
.sideClnD .topicsRegBt,
.sideClnS .boardBackBt,
.sideClnS .topicsRegBt {width: 100%;}

/******* トピックス詳細ボックス *******/

/* 枠ボックス */
.boardArea {margin: 0 auto;padding: 0;}
.board_topicsBox {margin: 0 auto;padding: 0 0 1.0em 0;}
.board_topicsBox .commentList {
	border: var(--app-BgBox-brd);
	box-shadow: var(--app-BgBox-sd);
}
.board_topicsBox h1 {
	margin: 0 auto;
	padding: 0 0 1.0em 0.3em;
	text-align: left;
	color: var(--boardBox-main-txt);
	font-size: clamp(2.0rem, 2.0vw, 3.0rem);
	line-height: 1.4em;
}
/******* トピックス登録ボックス *******/

.board_input {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto;
}
/* 枠ボックス */
.NewTpiBox {
	margin: 0 auto;
	padding: 1.0em;
	color: var(--boardBox-main-txt);
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd);
	background: var(--app-BgBox-bg);
	box-shadow: var(--app-BgBox-sd);
}
.NewTpiBoxInn {
	padding: 1.5em;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd);
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	background: var(--app-BgBox-bg);
	box-shadow: var(--app-BgBoxInn-sd);
}
/*** ボタン指定 ***/

/* 掲示板一覧に戻るボタン */
.BtM .boardBackBt {
	margin: 1.5em auto;
	padding: 1.0em;
	width: 60%;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
}
a.boardBackBt:link,
a.boardBackBt:visited,
a.boardBackBt:active {
	color: var(--bt-w-txt);
}
.BtM button.boardBackBt.next::after,
.BtM a.boardBackBt.next::after,
.BtM span.boardBackBt.next::after,
.BtM button.boardBackBt.back::after,
.BtM a.boardBackBt.back::after,
.BtM back.boardBackBt.next::after {border-left-color: var(--bt-w-txt);}

/* 新規トピックス投稿ボタン(投稿) */
.BtM .topicsPostBt {
	margin: 1.5em auto;
	padding: 1.0em;
	width: 80%;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	color: var(--bt-bk-txt);
	background: var(--bt-bk);
	border: var(--bt-bk-brd);
	box-shadow: var(--bt-bk-sd);
}
.BtM button.topicsPostBt.next::after,
.BtM a.topicsPostBt.next::after,
.BtM span.topicsPostBt.next::after,
.BtM button.topicsPostBt.back::after,
.BtM a.topicsPostBt.back::after,
.BtM back.topicsPostBt.next::after {border-left-color: var(--bt-bk-txt);}

/* マイページへの移動ボタン */
.BtM .boardMypBt {
	margin: 1.0em auto;
	padding: 1.0em;
	width: 40%;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	color: var(--bt-w-txt);
	background: var(--bt-w);
	border: var(--bt-w-brd);
	box-shadow: var(--bt-w-sd);
}
.BtM button.boardMypBt.next::after,
.BtM a.boardMypBt.next::after,
.BtM span.boardMypBt.next::after,
.BtM button.boardMypBt.back::after,
.BtM a.boardMypBt.back::after,
.BtM back.boardMypBt.next::after {border-left-color: var(--bt-w-txt);}

@media screen and (max-width: 600px) {
	:root {
		.BtM .boardBackBt,
		.BtM .topicsRegBt,
		.BtM .topicsPostBt {width: 90%;}
	}
}
/* ** board_box end ** */