/*
 ●らくがきひろば ／ れいれい/ﾁｬﾁｬ
 　http://reicha.jp/
*/

* {
	font: inherit;
	font-size: 100%;
	color: inherit;
	list-style-type: none;
}

font[ size = "1" ] {
	font-size: x-small;
}
font[ size = "2" ] {
	font-size: small;
}
font[ size = "3" ] {
	font-size: medium;
}
font[ size = "4" ] {
	font-size: large;
}
font[ size = "5" ] {
	font-size: x-large;
}

html {
	background: url( bg1 ) fixed;
	line-height: 1.5;
	color: #ffffff;
	text-shadow: 0px 0px 0.5em #ffff9f, 0px 0px 0.5em #ffff9f;
}

h1 {
	font-size: 200%;
	font-weight: bold;
	line-height: 1.0;
}

a:hover {
	/* リンクにカーソルを乗せたときの文字色 */
	color: #ffffff;
	text-shadow: 0px 0px 0.65em #ffffff, 0px 0px 0.6em #ffffff, 0px 0px 0.55em #ffffff, 0px 0px 0.5em #ffffff, 0px 0px 0.45em #ffffff;
}


.txlnk {
	/* 絵のタイトル、リンク文字色 */
	color: #ffffff;
	text-shadow: 0px 0px 0.5em #afffff, 0px 0px 0.5em #afffff;
}


.txpal {
	/* 罫線の色 */
	color: #505078;
	background-color: #505078;
}


.txstr {
	/* 強調文字(投稿者名等)色 */
	color: #ffffff;
	text-shadow: 0px 0px 0.5em #ffbfff, 0px 0px 0.5em #ffbfff;
}


.bggnd {
	/* ページ全体の背景色 */
	/*background-color: #ccccff;*/
}


.bbggnd {
	/* ボタン１背景色 */
	background-color: #ccccff;

	/* ボタン１囲み色 */
	/*border: 1px solid #505078;*/

	font-size: 13px;
}


.bglnk {
	/* 画像、タイトル部分の背景色 */
	/*background-color: #ffffff;*/
}


.bbglnk{
	/* ボタン２背景色 */
	background-color: #ffffff;

	/* ボタン２囲み色 */
	/*border: 1px solid #505078;*/

	font-size: 13px;
}


.bgpal {
	/* コメント部分の背景色 */
	/*background-color: #efefff;*/
}


.bbgpal {
	/* ボタン３背景色 */
	background-color: #efefff;

	/* ボタン３囲み色 */
	/*border: 1px solid #505078;*/
}


h1.bbstitle {  /*### 1.11で追加 ###*/
	/* 掲示板タイトル文字 */
	margin: 0px;
	font-weight: normal;
}


p.comment {  /*### 1.11で追加 ###*/
	/* コメント本文 */
	margin: 12px 0px 12px 12px;
}


form {  /*### 1.11で追加 ###*/
	margin: 0px;
}


/* 以下なるべく変更しないで下さい */

.lhnml {
	line-height: normal;
}

.txudl {
	text-decoration: underline;
}

/*### 以下1.11で追加 ###*/
.marg {
	margin: 8px;
}

.nonebg {
	background-image: none;
}

div.comment {
	padding: 8px;
	height: 100%;
	overflow: auto;
}

q:before, q:after {
	content: '';
}

hr {
	height: 1px;
	border: 0px none;
}

del, .del {
	text-decoration: line-through;
}

html, body {
	background: url( bg1 ) fixed;
}

form>table.bglnk, form#size>table {
	border: none;
	background: url( bg2 ) fixed -8px -8px;
	border-radius: 16px;
	border-right: solid 1px #ffffff !important;
	border-bottom: solid 2px #bfbfbf !important;
	box-shadow: 8px 8px 16px rgba( 0, 0, 0, 0.5 );
}

.tbody {
	box-shadow: 8px 8px 16px rgba( 0, 0, 0, 0.5 );
}

.tbody, .bbgpal, .bbglnk, .bbggnd {
	border: none;
	background: url( bg2 ) fixed -8px -8px #8f8f8f;
	border-radius: 50px;
	border-right: solid 1px #ffffff !important;
	border-bottom: solid 2px #bfbfbf !important;
}

input[type], textarea.txnml, select.txnml {
	background-position: -4px -4px !important;
	border-radius: 16px;
	border-left: solid 1px #ffffff !important;
	border-top: solid 2px #bfbfbf !important;
	border-right: none !important;
	border-bottom: none !important;
}

input[ type='submit' ] {
	background-position: -12px -12px !important;
	border-right: solid 1px #ffffff !important;
	border-bottom: solid 2px #bfbfbf !important;
	border-left: none !important;
	border-top: none !important;
}

input {
	margin: 0.3em 0;
}

textarea {
	overflow: auto;
	padding: 0 0.7em;
}

input, textarea {
	font-family: 'Osaka－等幅', 'Osaka-Mono', 'ＭＳ ゴシック', 'MS Gothic', 'Segoe UI Emoji', monospace;
}

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

#rakugaki .rakuBlock {
	display: table;
	margin: 2em auto;
		margin-block-start: 2em;
		margin-inline-end: auto;
		margin-block-end: 2em;
		margin-inline-start: auto;
	max-width: 95%;
		max-inline-size: 95%;
		max-block-size: unset;
	text-align: left;
	font-size: 80%;
	line-height: 1.5;

	background: url( bg2 ) fixed -8px -8px #8f8f8f;
	box-shadow: 8px 8px 16px rgba( 0, 0, 0, 0.5 );
	border-radius: 50px;
	border-right: solid 1px #ffffff !important;
	border-bottom: solid 2px #bfbfbf !important;
		border-block-start: unset !important;
		border-inline-end: solid 1px #ffffff !important;
		border-block-end: solid 2px #bfbfbf !important;
		border-inline-start: unset !important;
}

#rakugaki .rakuBlock header {
	overflow: auto;
	padding: 0.5em;
	font-size: 141%;
	font-weight: normal;
	line-height: 1;
}

#rakugaki .rakuBlock:nth-child( odd ) header {
	text-align: left;
}

#rakugaki .rakuBlock:nth-child( even ) header {
	text-align: right;
}

#rakugaki .rakuBlock h2 {
	display: inline;
	font-weight: bold;
	font-size: 100%;
}

#rakugaki .rakuBlock h2.notitle {
	display: none;
}

#rakugaki .rakuBlock:nth-child( odd ) h2 {
	float: right;
	margin-left: 1em;
		margin-block-start: unset;
		margin-inline-end: unset;
		margin-block-end: unset;
		margin-inline-start: 1em;
}

#rakugaki .rakuBlock:nth-child( even ) h2 {
	float: left;
	margin-right: 1em;
		margin-block-start: unset;
		margin-inline-end: 1em;
		margin-block-end: unset;
		margin-inline-start: unset;
}

#rakugaki .rakuBlock:nth-child( odd ) h2::after {
	content: ' ▼';
}

#rakugaki .rakuBlock:nth-child( even ) h2::before {
	content: '▼ ';
}

#rakugaki .rakuBlock .number::before {
	content: '(';
}

#rakugaki .rakuBlock .number::after {
	content: ')';
}

#rakugaki .picInfo {
	clear: both;
	overflow: hidden;
	text-align: center;
	padding: 0 1em 1em;
		padding-block-start: 0;
		padding-inline-end: 1em;
		padding-block-end: 1em;
		padding-inline-start: 1em;
}

#rakugaki .rakuBlock:nth-child( odd ) .picInfo {
	float: right;
}

#rakugaki .rakuBlock:nth-child( even ) .picInfo {
	float: left;
}

#rakugaki h3 {
	display: none;
}

#rakugaki .picInfo .picture {
	margin: 0 0 1em;
		margin-block-start: 0;
		margin-inline-end: 0;
		margin-block-end: 1em;
		margin-inline-start: 0;
}

#rakugaki .picInfo dl {
	margin: 0;
}

#rakugaki .picInfo dt, #rakugaki .picInfo dd.mail, #rakugaki .picInfo dd.website {
	display: none;
}

#rakugaki .picInfo .author {
	font-size: 125%;
	font-weight: bold;
}

#rakugaki .picInfo dd, #rakugaki .picInfo li, #rakugaki .picInfo dt.mail, #rakugaki .picInfo dt.website {
	display: inline;
}

#rakugaki .picInfo dd.author::before, #rakugaki .picInfo dd.dateTime::before, #rakugaki .picInfo dd.tool::before {
	white-space: pre-wrap;
	content: '\a';
}

#rakugaki .comments {
	overflow-y: auto;
	margin: 0 1em 1em;
		margin-block-start: 0;
		margin-inline-end: 1em;
		margin-block-end: 1em;
		margin-inline-start: 1em;
	padding: 0.5em 1.5em;
		padding-block-start: 0.5em;
		padding-inline-end: 1.5em;
		padding-block-end: 0.5em;
		padding-inline-start: 1.5em;
	max-width: 42em;
	max-height: 650px;
		max-inline-size: 42em;
		max-block-size: 650px;
}

#rakugaki .rakuBlock:nth-child( odd ) .comments {
	float: left;
}

#rakugaki .rakuBlock:nth-child( even ) .comments {
	float: right;
}

#rakugaki .comments li {
	margin-bottom: 1.5em;
		margin-block-start: unset;
		margin-inline-end: unset;
		margin-block-end: 1.5em;
		margin-inline-start: unset;
}

#rakugaki .comments dt, #rakugaki .comments dd.mail, #rakugaki .comments dd.website {
	display: none;
}

#rakugaki .comments dd, #rakugaki .comments dt.mail, #rakugaki .comments dt.website {
	display: inline;
}

#rakugaki .comments .author {
	font-size: 125%;
	font-weight: bold;
}

#rakugaki .comments p {
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0.5em 0 0 1em;
		margin-block-start: 0.5em;
		margin-inline-end: 0;
		margin-block-end: 0;
		margin-inline-start: 1em;
	max-width: 40em;
		max-inline-size: 40em;
		max-block-size: unset;
}

#rakugaki .footer {
	clear: both;
	padding: 0.5em 1em;
		padding-block-start: 0.5em;
		padding-inline-end: 1em;
		padding-block-end: 0.5em;
		padding-inline-start: 1em;
}

#rakugaki .rakuBlock:nth-child( odd ) .footer {
	text-align: right;
}

#rakugaki .rakuBlock:nth-child( even ) .footer {
	text-align: left;
}