/* ■スキンCSS■(CSSのファイル名はHTMLスキンに直接書きます) */
/* (篝火 絵日記風 スキン用CSS 2019-7-17) */


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

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

/* ■リンク色■ */
A:link { color:#4982c1; }
A:visited { color:#4275c1; }
A:active,A:hover { color:#f7d1d3; text-decoration:none; }
/* ■配色終わり■■■■■■■■■■■■■■■■■■■■■■■■■ */






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

/* ■ブラウザ幅で切り替え */
@media screen and (min-width:1000px)
		{/* ▼PC▼ */
/* ■左右分割■ディスプレイテーブル（左記事/右メニュー）■ */
DIV.main_dtable { width:100%; display:table; }
DIV.main_dtableL { display:table-cell; width:80%; vertical-align:top; }
DIV.main_dtableR { display:table-cell; width:20%; vertical-align:top; padding:20px 5px 5px 10px; }
//■分類タグLI（index.phpで処理してリストスキンの置換変数タグに置き換え）
LI.tag { list-style-type:none; }
		}/* ▲PC▲ */
@media screen and (min-width:600px) and ( max-width:999px)
		{/* ▼モバイル中▼ */
DIV.main_dtable { width:100%; display:table; }
DIV.main_dtableL { display:block; width:100%; }
DIV.main_dtableR { display:block; width:100%; }
LI.tag { list-style-type:none; }
		}/* ▲モバイル中▲ */
@media screen and (max-width:599px)
		{/* ▼モバイル小▼ */
DIV.main_dtable { width:100%; display:table; }
DIV.main_dtableL { display:block; width:100%; }
DIV.main_dtableR { display:none; }
LI.tag { list-style-type:none; }
		}/* ▲モバイル小▲ */


/* ■[リスト表示]検索と並び替え：■リストのサムネールと記事情報の分割■ */
DIV.dtable_sotowaku { width:100%; display:table; margin-top:20px; padding:10px; }
DIV.dtable1 { display:table-cell; width:200px; vertical-align:top; max-width:200px; overflow:hidden; }
DIV.dtable2 { display:table-cell; vertical-align:top; }
/* ■[リスト表示] サムネールが入るDIV(長すぎるサムネールの表示を省略する) */
DIV.simgwaku { max-width:200px; max-height:200px; overflow:hidden; }
/* ■[リスト表示]記事小見出し■ */
H2.listtai { }


//■リスト頁下:改ページ外枠■
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; }






/* ■個別表示(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:94%; }

/* ■ページ全体を囲う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; }



/* ■■ */

/* ■■ */