/*--------------------------------------------------
テンプレート：Tree

再配布禁止
著作権削除・改変禁止（カスタマイズ後も）
アダルト・違法サイト・宗教的サイト使用禁止

カスタマイズは利用規約の範囲内でお願いします

詳しい規約はサイトで御確認ください
https://masimarock.yokochou.com/
--------------------------------------------------*/



/*-- 強制省略「n件省略されています」を装飾 --*/

div.system_message{
margin: 2px 0px 6px 50px;
}

div.system_message{
position: relative;
font-size: 16px;
height: 70px;
line-height: 70px;
}

div.system_message a{
display:none}

div.system_message:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 2px;
height: 20px;
margin: 0px 0px 0px 30px;
background-color: #333;
}

div.system_message:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 2px;
height: 20px;
margin: 0px 0px 0px 30px;
background-color: #333;
}


/*-- 強制省略に対応 --*/

div.thread{
display: grid;
}

div.title {
order: 1;
}

div.res-title {
order: 3;
}

div.system_message {
order: 2;
}


/*-- ドロップダウンメニュー --*/

.dropdown_menu {
	list-style-type:none;
}
.dropdown_menu > li {
	display:inline-block;
	border:1px solid gray;
	position:relative;
}
.dropdown_menu > li > ul {
	display:none;
}
.dropdown_menu > li:hover ul {
	display:block;
	position:absolute;
	padding:0;
	margin:0;
	top:1.5em;
	left:0;
	list-style-type:none;
	border:1px solid gray;
}


pre {white-space: break-spaces;}


/* 画像アップロードをOFFにする */
.image-upload
{display:none !important;}


/*-- 「投稿前に内容をプレビューする」「この内容でいいですか」ボタンを非表示にする
.pre_button{
position: absolute;
left: -9999px;
top: -9999px;
}
--*/

.pre_button{display:none !important;}



#formarea{
border-top: 4px solid #333;
border-bottom: 4px solid #333;
padding: 20px 10px;
}

/* ページ全体 */
body{
color:#333;
text-align:center;
*font-size:small;
*font:x-small;
background:#FFF;}

input,textarea{
color:#333;}

table{
width:100%;}

td{vertical-align:top;}

td,form,h2,ul{
margin:0;
padding:0;}

td a{
text-decoration:none;
font-weight: bold}


h2{font-size:140%;}

/*--------------------------------------------------
   リンク
--------------------------------------------------*/
/* 全体 */
a{
color: #0614FB;
text-decoration:underline;}

a:visited{
color: #bA9698}

a:hover{
color:#55BBDD;
text-decoration:none;}

a img{
border:none;}

#navigation td a{
color:#FFF;
display:block;
background:#555;}

#navigation td a:hover{
background:#55BBDD;}

/* フッター */
#footer_ad a,div.copyright a{
color:#999;}

#footer_ad a:hover,div.copyright a:hover{
color:#94C800;
text-decoration:none;}

/*--------------------------------------------------
   レイアウト設定
--------------------------------------------------*/
/* 全体 */
#container{
width:90%;
margin:0 auto;
text-align:left;}

/* 囲む枠 */
div.main{
background:#FCFCFC;
border:1px solid #BBB;
margin-bottom:20px;}

div.main.child{
margin-left: 30px;
}

div.entry-body{
padding:10px;
line-height:1.2;}



/*--------------------------------------------------
   ヘッダー
--------------------------------------------------*/

#header{
text-align: center;
}

h1 img{
height: 200px;
margin-bottom:10px;
}

h1{
font-size:180%;
margin-top: 15px;
margin-bottom: 8px;
color: #333;
}

h1 a,
h1 a:visited{
color:#333;
text-decoration: none;
}


h1 a:hover{
color:#55BBDD;}

#top1,#top2{
margin-bottom: 20px}


/* ナビゲーション */
#navigation{
width:100%;
margin-bottom:25px;
text-align:center;
line-height:1.2;}

#navigation td{
text-align:center;}

/*--------------------------------------------------
   投稿フォーム
--------------------------------------------------*/
#formarea{
margin:50px 0 30px 0;
line-height:1.2;}

input{margin-bottom: 10px}

/* フォームタイトル */
h2.form-title{
margin:0 0 15px 0;
padding:1px 0 1px 6px;
line-height:1.2;
border-left:5px solid #555;}

td.form-left{
width:30%;
padding-right:25px;}

td.form-right{
width:70%;}

#bbsform label{
display:block;}

/* 入力欄 */
#bbsform input,#bbsform textarea{
width:100%;
background:#FFF;
border:1px solid #BBB;}

#bbsform textarea{
width:99%;
height: 300px;
margin-bottom:10px;}

/*Safari3 Google Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
input#image{
border:none;}}

/* 絵文字 動画 */
div.emoji{
float:left;
margin-right:40px;}

div.emoji li{
display:inline;
margin:0 5px;}

#bbsform .pre_button input{
width:auto;
border:none;
vertical-align:middle;}

td.pass,td.submit{
vertical-align:bottom;}

td.submit{
text-align:right;}

/* パスワード */
#bbsform input.form-pass{
width:auto;
font-size:12px;}

/* 入力ボタン */
#bbsform input.button,input.button{
color:#FFF;
width:auto;
background:#555;
border:1px solid #555;}

/* エラーメッセージ */
div.attention p{
color:#FF0000;
margin:0 0 12px 0;}

/*--------------------------------------------------
   スレッド
--------------------------------------------------*/
div.thread{
margin-bottom:30px;}

/* タイトル */
.thread div.title{
line-height:1.2;
margin-bottom:5px;
padding:2px 2px 2px 23px;
background:#EEE url("https://blog-imgs-32.fc2.com/m/a/s/masimarock/memoicon.gif") no-repeat 5px center;}

/* 返信タイトル */
.thread div.res-title{
color:#999;
line-height:1.2;
margin:0 2px 4px 20px;}

span.posted{
font-size:77%;}

.main .title{
color:#FFF;
font-weight:bold;
padding:4px 10px;
background:#55AACC;}

.main .res-title{
color:#333;
font-weight:bold;
padding:4px 10px;
background:#EAEAEA;}

/* 日付等 */
ul.date{
margin-top:15px;
text-align:right}

ul.date li{
color:#888;
font-size:77%;
font-family:Verdana;
list-style:none;
margin-right:8px;
display:inline;}

/* newマーク */
span.new{
font-weight:bold;
color:#FF7700;}

/* 絵文字 */
div.text img{
vertical-align:middle;
margin:2px 3px 4px 3px;}

/* 投稿画像 */
img.userimage{
float:right;
margin:10px 0 0 15px;}

.button-body{
clear:both;
padding:18px 0 0 0;
text-align:right;}

/* 編集 削除ボタン */
.button-body input.button{
color:#FFF;
background:#999;
border:1px solid #999;}

.button-body form{
display:inline;}

/*--------------------------------------------------
   プレビュー
--------------------------------------------------*/
table.preview td{
border: 1px solid #333;
padding: 5px;
}

table.preview{
margin-bottom:20px;}

.preview th{
text-align:left;
font-weight:normal;
vertical-align:top;}

/* 絵文字 */
.preview td.text img{
vertical-align:middle;
margin:2px 3px 4px 3px;}

div.prev-inp img{
margin:10px 0;}

div.prev-inp .button{
display:block;
margin-top:15px;}

.form-cord{
background:#FFF;
border:1px solid #CCC;}

/* ページリンク */
div.pagelink{
margin-bottom:15px;
text-align:center;}

.pagelink form{
display:inline;}


/* 使い方ページ */
#help .entry-body{
padding:15px 10px;}

#help h2{
color:#333;
line-height:1.2;
padding:1px 0 1px 7px;
border-left:5px solid #555;}

#help ul{
margin:10px 0 30px 30px;}

/*--
hr{
color:#333;
background:#333;
height:5px;
border-width:0;
margin-bottom:10px;}
--*/


/* 著作権 */
div.copyright{
color:#666;
font-size:13px;
margin-bottom: 40px;
font-family:Verdana;
font-weight:bold;
text-align:center;}

#footer_ad{text-align:center;}
#footer_ad center{display:inline;}

#footer_shinobi {margin-bottom: 15px;}