@charset "shift_jis";

/* タイトル--------------------------*/

/* マージン上書 -------------------- */
.MarginWrap {
	margin-top: 0.5rem;
}
/* ボタン--------------------------*/
.Buttons {
	margin: 1rem auto 1rem auto;
	text-align:center;
}

.Button:hover {
	background-color: rgba(255,192,192,0.66);
}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
.Regist {
	max-width:400px;
	text-align:center;
	margin:0.5rem auto 0.5rem auto;
}
.Regist .container1   {	/* 囲み */
	border:3px solid #de0029; /*#4060a1;*/
	border-radius: 6px;
	border-collapse:collapse;
	border-spacing:0px;
	padding: 0px;
	margin-bottom: 14px; /*下だけ少しだけ広く空くよう*/
}

.Regist .container2 {
	text-align:left;
	margin:0px auto;
	display:table;
}
.Regist .container3 {
	margin:1.5rem 0px 0.5rem 0px;
	text-align:center;
}
.Regist h3 { /*タイトル */
	margin:0px 0px 0.5rem 0px;
	text-align: center;
	font-weight: bold;
	font-size:1.2rem;
	/*color: #ffffff;*/
	/*background-color:#4060a1;*/
}
.Regist h4 {
	border:0px;
	margin:0.0rem 0px 0px 0px;
	padding:0px;
}
.Regist h4 span {
	padding-left:0.4rem;
	display:inline;
	font-weight:normal;
	font-size:0.8rem;
}
.Regist .RegistIcon .Button { /*アイコン種類を見る*/
	margin-left:0rem;
	padding:2px 4px;
}
.Regist input[type="radio"] {
	border:0px;
	padding:0px;
	margin:0px;
}
.Regist .ColorSample {
	display:inline-block;
	border:0px;
	padding:0px;
	margin:0px 6px 0px 0px;
	width:1rem;
	height:1rem;
}
.RegistColor .RegistBlack	{ background-color:#000000; }
.RegistColor .RegistRed		{ background-color:#de0029; }
.RegistColor .RegistBrown	{ background-color:#a04031; }
.RegistColor .RegistPurple	{ background-color:#7000d1; } /*#6000c1*/
.RegistColor .RegistGreen	{ background-color:#008001; }

.Regist .Input {
	margin:0px auto 0rem auto;
}

/* ---------------------------------------------- */
/* ---------------------------------------------- */
.Inst .container {
	margin:0px 0px 0.5em 0px;
	font-weight:bold;
	text-align:center;
}

.Inst h3 {
	margin: 0px 0px 0px 0px;
}


/* ---------------------------------------------- */
/* ---------------------------------------------- */
.Post .container {
}
.Post article { /* スレッドの囲みができる */
	border:3px solid #e07001;
	border-radius: 6px;
	border-collapse:collapse;
	border-spacing:0px;
	padding: 0px 0px;
	margin-bottom: 8px; /*下だけ少しだけ広く空くよう*/
}

/* スレタイトル-------------- */
.PostTitle {
	display: flex; /*左右に広げる*/
	justify-content: space-between; /*左右に広げる*/
	align-items: flex-start; /* 上ラインに揃える(ボタンが上下に伸びないよう)*/
	background-color: #e07001;
	color:#ffffff;
}
.PostTitle  h3 {
	display: inline; /*block;*/
	font-size:1.25rem;
	margin:0px 0.4rem;
}
.PostTitle .PostToggle2 {
	white-space: nowrap; /*改行禁止 <nobr>(css3で廃止)に相当 */
}
.PostTitle  .Button { /* ▲▼ボタン*/
	display: inline; /*block;*/
	padding:3px 12px;
}
/* 写真------------- */
img {
	margin:0px 4px 0px 0px;
	border:0px;
	padding:0px;
}

/* メインスレ入物------------- */
.PostMain {
	margin:0px 5px;
	padding: 2px 0px;
}
/* サブスレ入物---------------- */
.PostSub {
	margin:0px 5px;
	padding: 2px 0px;
	border-top:3px solid #e07001;
}
/* 投稿者-------------- */
.PostWriter {
	display:block;
}
.PostWriter .PostDate {
	display:inline;
	font-size:0.85rem;
	margin-left:0.3rem;
}

/*返信ボタン--------------*/
.PostWriter form { /* formで改行されるのを防ぐ*/
	display:inline;
}
.PostWriter .Button { 
	padding:2px 10px;
}


/* 文字色-------------- */
.PostBlack	{ color:#000000; }
.PostRed	{ color:#de0029; }
.PostBrown	{ color:#803021; }
.PostPurple	{ color:#5000b1; } /*#6000c1*/
.PostGreen	{ color:#006001; }

/* 本文-------------- */
.PostText {
	padding-top:2px;
}

/* 投稿が完了しました-------------- */
.Posted {
	max-width:400px;
	text-align:center;
	margin:0px auto 0.5rem auto;
}
/* 投稿エラー-------------- */
.Error {
	max-width:400px;
	text-align:center;
	margin:0px auto 0.5rem auto;
}
.Error .Message {
	margin:1.0rem auto 0.5rem auto;
	font-size:1.2rem;
	font-weight:bold;
}
.Error .Message em {
	font-style: normal;
	font-weight:bold;
	color: #de0029;
}

	/* ------------ */

/*
.PostText { min-height:26px; }
@media (max-width:640px) {
	.PostToggle1 { display:none; }
	.PostText { min-height:0px; }
}
*/

/* テスト上書--------------------------*/

/*
@media (max-width:640px) {
	.PostToggle1 {
		display:none;
	}
	.PostToggle2 {
		display:none;
	}
   }
*/