/* ■スキンCSS■(CSSのファイル名はHTMLスキンに直接書きます) */
/* (篝火ベーシック スキン用CSS 2021-12-25) */


/* 配色のclassのみPHP側でも使います */

/* ■掲示板全体の配色（色の設定はこの３色とリンク色のみ）■ */
/* ■ベースカラー 70%■ */
.collar_base { color:#454545; background-color:#f3f3e8; }
/* ■メインカラー25%■ */
.collar_main { color:#ffffff; background-color:#005331; border-color:#005331; }
.collar_mainborder { border-color:#005331; border-style:solid; border-width:0 0 2px 1px; }
/* ■アクセントカラー5%■ */
.collar_accent { color:#000000; background-color:#fff100; }
.collar_accentborder { border-color:#fff100; border-style:solid; border-width:0 0 2px 1px; }

/* ■リンク色■ */
A:link { color:#005792; }
A:visited { color:#3c3c3c; }
A:active,A:hover { color:#000000; text-decoration:none; }
/* ■配色終わり■■■■■■■■■■■■■■■■■■■■■■■■■ */






/* ■リスト表示(list_skin.html)■■■■■■■■■■■■■■■■■ */


/* ■ブラウザ幅で切り替え */
@media screen and (min-width:1000px)
		{/* ▼PC▼ */
/* ■リスト表示の記事小見出し■ */
.listkiji { margin:20px 0; }
/* ■[リスト表示]検索と並び替え：■[外枠]サムネールと記事情報の分割■ */
DIV.dtable_sotowaku { width:100%; display:table; }
/* ■[リスト表示]検索と並び替え：■[左:絵]サムネールと記事情報の分割■ */
DIV.dtable1 { display:table-cell; width:200px; vertical-align:top; max-width:200px; overflow:hidden; }
/* ■[リスト表示]検索と並び替え：■[右:文書]サムネールと記事情報の分割■ */
DIV.dtable2 { display:table-cell; vertical-align:top; }

/* ■分類タグLI＆人気記事リンクLI（index.phpで処理）ver2.8~ */
LI.tag{ list-style-type:none; float:left; max-width:140px; height:20px; overflow:hidden; margin:1px; padding:1px; }

/* ■[リスト表示] サムネールが入るDIV(長すぎるサムネールの表示を省略する) */
DIV.simgwaku { max-width:200px; max-height:200px; overflow:hidden; }
		}/* ▲PC▲ */
@media screen and (min-width:600px) and ( max-width:999px)
		{/* ▼モバイル中▼ */
.listkiji { margin:20px 0; }
DIV.dtable_sotowaku { width:100%; display:table; }
DIV.dtable1 { display:table-cell; width:200px; vertical-align:top; max-width:200px; overflow:hidden; }
DIV.dtable2 { display:table-cell; vertical-align:top; }
DIV.simgwaku { max-width:200px; max-height:200px; overflow:hidden; }
		}/* ▲モバイル中▲ */
@media screen and (max-width:599px)
		{/* ▼モバイル小▼ */
.listkiji { margin:2px; }
DIV.dtable_sotowaku { width:100%; display:table; }
DIV.dtable1 { display:block; width:100%; }
DIV.dtable2 { display:block; width:100%; }
DIV.simgwaku { max-width:200px; max-height:200px; overflow:hidden; }
		}/* ▲モバイル小▲ */


//■リスト頁下:改ページ外枠■
DIV.pejiidozbox { width:100%; text-align:center; }
/* ■改ページ[最初へ]等の部分■ */
DIV.pidodiv { float:left; width:120px; height:40px; margin-top:100px; }
DIV.pidodiv A { display:block; width:100%; font-weight:bold; font-size:120%; }
DIV.pidodiv select { display:block; width:100%; font-weight:bold; font-size:120%; }
/* ■改ページ番号リンクDIV(今の頁)■ */
.imapejino { border-radius:3px; float:left; width:70px; height:50px; overflow:hidden; font-weight:bold; font-size:160%; padding:5px; }
.imapejino A { display: block; }
/* ■改ページ番号リンクDIV(今の頁以外)■ */
.pejino { float:left; width:70px; height:50px; overflow:hidden; font-weight:bold; font-size:160%; padding:5px; }
.pejino A { display: block; }


/* ■[リスト表示]お絵描き開始フォーム(横並びfloat)■■■■■■■■ */
/* ■お絵かき開始ボタンFORM■アプレット選択FORM■ */
DIV.float200 INPUT, DIV.float200 SELECT { width:180px; float:left; }
/* ■キャンバスサイズ選択FORM■クオリティ値選択FORM■ */
DIV.float100 INPUT { width:100px; float:left; }

/* ■[リスト表示]検索と並び替え■ */
DIV.ken_dtable_sotowaku { width:100%; display:table; }
DIV.ken_dtable1 { display:table-cell; width:250px; vertical-align:top; max-width:250px; overflow:hidden; }
DIV.ken_dtable2 { display:table-cell; vertical-align:top; }




/* ■個別表示(one_skin.html)■■■■■■■■■■■■■■■■■ */

/* ■[個別表示] フォーム幅(個別表示レスフォーム：名前,パス,投稿ボタン)■ */
DIV.mini_efoinput INPUT { width:90%; min-width:300px; max-width:600px; }
/* ■[個別表示] コメント入力フォーム：複数行■ */
TEXTAREA.efotextarea { width:90%; min-width:300px; max-width:600px; }
/* ■[個別表示] 入力フォーム選択時■ */
TEXTAREA:focus, INPUT:focus { border-width:3px; }
/* ■[個別表示] URLトラップ(スパム対策用)■ */
.durl { visibility:hidden; }





/* ■共通要素■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■頁全体■ */
*{ margin:0px; padding:0px; box-sizing:border-box; }
BODY{ font-size:100%; }

/* ■ページ全体を囲うDIV (中央寄せ)■ */
DIV.waku_body { position:relative; WIDTH:100%; min-width:320px; max-width:1500px; margin-left:auto; margin-right:auto; text-align:left; }

/* ■文書■ */
P { letter-spacing:0.1em; line-height:1.5em; margin:0.7em 0em 0.7em 0em; }

/* ■画面幅に合わせて拡大する画像■ */
img { max-width:100%; height: auto; width /***/:auto; }
img{ border:0;}

/* ■[個別/リスト表示] フォーム共通装飾■ */
DIV.efoinput INPUT, DIV.efoinput SELECT {
 padding:10px; font-size:1.3em; border-width:3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
 }

/* ■余白■ */
.yohaku10 { padding:10px; }
.yohaku20 { padding:20px; }
/* ■上下余白■ */
.margin20 { margin:20px 0; }

/* ■枠の角丸■ */
.kadomaru10 { border-radius:10px; }
/* ■float回り込み解除(config.php) */
.clearblock { clear: both; }

/* ■小さい文字■ */
.mini { font-size:60%; }


/* ■ページ下部の著作権部分■ */
DIV.chosaku{ margin-top:40px; font-size:70%; text-align:right; }



/* ■拍手ボタン■ */
.patipati { display:inline-block; padding:0.5em 1em; text-decoration:none; border-radius:10px; }
.patipati:active { -webkit-transform:translateY(5px); transform:translateY(5px); border-bottom:none; }
/* ■拍手数表示■ */
.patihukidasi { padding:10px; width:60px; height:60px; line-height:60px; text-align:center; font-size:150%; font-weight:bold; border-radius:50%; box-sizing:border-box; }