/* メニュー部内スレッド表示用CSS */
/*
Changes_by_cgi_ を含むコメントが付いた行はCGIが書換えます。
この行は変更しないでください。不要な場合は、コメントごと削除してください。
※この場合、その行の設定のみ「その他の設定」の値が反映されなくなります。
その他の部分は加筆・変更可能です。
*/
article, aside, details, figcaption, figure, header, hgroup, menu, nav, section{
	display: block;
}
body{
font-size:14px;/*Changes_by_cgi_body1*/
color:#333333;/*Changes_by_cgi_body2*/
background-color:#ffffff;/*Changes_by_cgi_body3*/
line-height : 1.5; margin:5px;word-break: break-all;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
   -webkit-text-size-adjust: 100%;
}
div{margin:0;padding:0;}
td{
font-size:14px;/*Changes_by_cgi_body1*/
line-height:130%; text-align:left;
}
big {
font-size:16px;/*Changes_by_cgi_big*/
}
small{
font-size:13px;/*Changes_by_cgi_small*/
}
select,option,input,textarea{
font-size:14px;/*Changes_by_cgi_body1*/
	color: #333333; margin:1px 0 1px;
	border:1px solid #777777;border-radius:3px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
input[type="file"]{width:200px;font-size:12px;}
input[type="checkbox"]{vertical-align:middle;}

a:link{
color:#505152;/*Changes_by_cgi_alink*/
}
a:visited{
color:#505152;/*Changes_by_cgi_visited*/
}
a:hover{
color:#f7657b;/*Changes_by_cgi_hover*/
}

/* フォーム開閉用*/
.close_form{ display:none; }

/***** スレッド一覧 表示エリア *****/
/* Type1 1Column */
.head-list{margin:0;}

/* 掲示板表示エリア Type1 1Column */
.bbsarea {
margin-top:5px;
width:100%; 
background-color:#ffffff;/*Changes_by_cgi_body3*/
vertical-align:top;
}


a { text-decoration : none}
img{ vertical-align : middle}
.content{ margin: auto;text-align:left; }
.content2{ margin: auto;text-align:left; }
.clearb{clear:both;}
.nobr{ white-space:nowrap; } 

/* ページタイトル */
.title{ 
width:100%; text-align:center; padding:8px 0 8px; font-size:110%;
background-color: #3f6720;
color:#ffffff;
border-radius:4px 4px 0 0;  box-shadow: 1px 0px 2px 1px rgba(100,100,100,0.2);   /* 角丸 ぼかし*/
}

/* 上部リンクメニュー表示 */
.menu{
width:100%; margin:0; padding:0;font-size:98%;
background-color:#7288a5;color:#d1dbe9;
border-radius:0 0 4px 4px;  box-shadow: 1px 2px 2px 1px rgba(100,100,100,0.2);   /* 角丸 ぼかし*/
}
.menu a{color:#ffffff;}
.menu a:hover{
color:#f7657b;/*Changes_by_cgi_hover*/
}
.menu ul{margin:0;padding:0;}
.menu ul a{display: block;}
.menu li{
  padding:4px 10px 4px 10px;
  text-align:center;
  list-style-type:none;
  border-radius:0 0 4px 4px;  /* 角丸 */
  border-left:solid 1px #959fac;border-bottom:0;
  float:right;
}
.menu li:nth-child(6){ border-left:0; }

/**** 検索フォーム *****/
/* Type1 */
.search-form{margin:6px 0 6px;text-align:right;}
/* Type2 */
.search-form2{margin:6px 0 6px;text-align:left;}
/***** 「スレッド（親記事）一覧」の文字 *****/
/* Type1 */
.thread-title {font-weight:bold;margin:2px 0 5px;}
/* Type2 */
.thread-title2{font-weight:bold;margin:2px 0 5px;padding-top:3px;}


/* ファイルアイコン */
.fileicon{vertical-align:middle;width:auto;height:auto;border:0;margin:2px; }
/* 投稿 画像 */
.imgspan{
padding:0; margin:0 2px 2px 0; display:inline-block;vertical-align:top; text-align:center;
}

/* 親記事(スレッド)table */
.th_table{
background-color:#ffffdf;/*Changes_by_cgi_msgbg*/
width:100%;
margin-top:5px;padding-bottom:10px;
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
}
/* 親記事 タイトル,投稿日 外枠 */
.th_tit_res{
color:#ffffff;/*Changes_by_cgi_titlecolr*/
background-color:#86b37c;/*Changes_by_cgi_titlebg*/
padding:4px 10px 6px;margin-bottom:10px;
border-radius:4px 4px 4px 4px;  box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.4);   /* 角丸 ぼかし*/
}
/* 親記事 タイトル */
.th_title{
font-weight:bold;
letter-spacing:1px;
}
/* 親記事 投稿日＆RSSアイコン */
.res_rss{
text-align:right; 
letter-spacing:1px;
font-size:85%;
}
/* 親記事 名前 */
.th_name{padding:5px 10px 0; }

/* 親記事 メッセージ */
.th_msg{ padding:5px 10px 0; }
/* 親記事 上部の隙間 */
.th_margin{ margin:8px; }

/* [編集/削除] [DELETE]*/
.edit_link{ font-size:10.5px;vertical-align:middle; }

/* 「全てのレスを表示」「次の5スレ >>」 等のリンク部分 */
.plink{
margin:5px 0 5px;
padding:3px;
font-size:98%;
text-align:center; 
width:100%;
background-color:#ffffff;/*Changes_by_cgi_body3*/
}

/* 全レス表示リンク */
.all_replies{ 
background-color:#e1fce1;/*Changes_by_cgi_resbgcolor*/
border:solid 1px #959fac;
padding:1px 10px 1px; 
border-radius:3px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
}

/* レス記事 table */
.res_table{
background-color:#e1fce1;/*Changes_by_cgi_resbgcolor*/
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
width:100%;margin-top:5px;padding-bottom:10px;
}
/* レス記事 タイトル */
.res_title{ padding:5px 5px 0; }
/* レス記事 投稿日＆[削除] */
.res_del{
text-align:right; font-size:85%;
letter-spacing:1px;
padding:3px 5px 0 2px;
}
/* レス記事 メッセージ */
.res_msg{ padding:5px 10px 0; }

.wellcome{ color:#fb5300; margin:2px}


/* --- 投稿フォーム --- */
/* フォーム用table */
.formtable{ width:100%; margin-top:7px; }
/* 項目名 */
.fctd{
margin-top:10px; 
padding:0 0 0 15px;
background-repeat:no-repeat;
background-position:0 2px;
}
/* 青 > */
.blu_arw{background-image: url(img/bluearrow.png);}
/* 青 > */
.red_arw{background-image: url(img/redarrow.png);}

/* タイトルフォーム */
.fc1{ width:99%; box-sizing:border-box;}
/* 名前,ニックネーム,メール フォーム  */
.fc2{ width:250px; }
/* メッセージフォーム  */
.fc3{ width:98%; }
/* 画像ファイル指定フォーム  */
.fc4{ width:200px;font-size:13px; }
/* 画像認証フォーム  */
.fc5{ width:60px; ime-mode:disabled;font-weight:bold; }
/* 削除キーフォーム  */
.fc6{ width:90px; ime-mode:disabled;font-size:13px; }
/* 送信ボタン */
.tx{ width:110px; margin:7px 0 7px; }
/* 確認用メール1*/
.chmail1{width:100px;}
/* 確認用メール2*/
.chmail2{width:130px;}
.mail{font-weight:bold;font-size:15px;margin-left:15px;}

/* ログイン/会員登録/パス忘れなどのフォーム外枠 */
.form_block{
 padding:8px 15px 8px;margin:5px 0 5px;
 border-radius:8px;
 border: 1px solid #d4d4d4;
 text-align:left;
 line-height:140%;
}

/* 会員パス入力の目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 5px 0 1px; } 

/* 規約説明 */
.filetd{
 padding:8px;margin:10px 0 10px;
 border-radius:8px;
 border: 1px solid #d4d4d4;
 text-align:left;
 font-size:82%;
 line-height:130%;
}
/* 規約了承・確認 */
.txttd{
font-size:90%;text-align:center;margin-top:10px;
line-height:110%; vertical-align:middle;
background-color: #d9e2e2;
}

/* 入力エラーメッセージ */
.formerror{
border:2px solid #ff0000; padding:7px;
margin:10px 0 10px 5px;
}


/* ファイルアップロード中のメッセージ */
.fileupmsg{
	margin-top:5px;
	color:#ff0000;
	font-size:98%;
}


/* ------ メニュー内にスレッド一覧表示の時のリスト指定 ------ */
.hlist{
color:#333333;/*Changes_by_cgi_TitletxtCol*/
background-color:#f5f5f5;/*Changes_by_cgi_Fbody3*/
border:1px solid #d7d7d7;
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
padding:0;margin:0;
}
.hlist a:link, .hlist a:visited{  
color:#000080;/*Changes_by_cgi_TitlelinkCol*/
}
.hlist a:hover{
color:#f7657b;/*Changes_by_cgi_TitlehoverCol*/
}
.hlist ul{
list-style-type: disc;
padding: 0; 
margin: 6px 0 6px 22px; 
font-size:14px;/*Changes_by_cgi_Fbody1*/
line-height:110%;
}
.hlist li{
font-size:98%;
padding: 3px 0 3px 4px;
margin: 0 4px 0 0;
font-weight:bold; 
}
.hlist .hit1{
background-color:#d8e3f8;/*Changes_by_cgi_thredBG*/
border-radius:2px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
}
.hlist .hit2{
background-color:#d8e3f8;/*Changes_by_cgi_thredBG*/
border:1px solid #00bfff;/*Changes_by_cgi_thredWaku*/
border-radius:2px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
}



/* ------ フレーム内にスレッド一覧表示の時のリスト指定 ------ */
.thredframe {
width:100%; height:210px; 
color:#333333;/*Changes_by_cgi_TitletxtCol*/
background-color:#f5f5f5;/*Changes_by_cgi_Fbody3*/
border:1px solid #d7d7d7;
padding:0;margin:0;overflow:auto;
-webkit-overflow-scrolling:touch;
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
}
.thredframe a:link, .thredframe a:visited{  
color:#000080;/*Changes_by_cgi_TitlelinkCol*/
}
.thredframe a:hover{
color:#f7657b;/*Changes_by_cgi_TitlehoverCol*/
}
.thredframe ul{
list-style-type: disc;
padding: 0; 
margin: 6px 0 6px 22px; 
font-size:14px;/*Changes_by_cgi_Fbody1*/
line-height:110%;
}
.thredframe li{
padding: 3px 0 3px 4px;
margin: 0 4px 0 0;
font-weight:bold; 
}
.thredframe .hit1{
background-color:#d8e3f8;/*Changes_by_cgi_thredBG*/
border-radius:2px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
width:98%;
}
.thredframe .hit2{
background-color:#d8e3f8;/*Changes_by_cgi_thredBG*/
border:1px solid #00bfff;/*Changes_by_cgi_thredWaku*/
border-radius:2px;  box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1);   /* 角丸 ぼかし*/
width:98%;
}



/* 10～20 */
.catf{
margin:0 5px 0;
font-size:13px;/*Changes_by_cgi_small*/
}


/* QR */
.qr_cord{ text-align:center; margin:10px 0 0; display:block;}

/* 「このスレッドへ投稿」ボタン */
.form_link{
background-color:#f8fcff; font-weight:bold;
border:1px solid #22b2ff;
border-radius: 3px;  padding:2px 4px 2px;
}

/* 編集用フォーム タイトル */
.adit_title{ 
background-color:#fff2e5;font-weight:bold;
border:1px solid #fb8000;
border-radius: 3px;  padding:2px 4px 2px;
}

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:20px;right:15px; 
    opacity:0.8;
    transform:scale(1);
}
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.5;
    transform:scale(1);
}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
.search-form2 input[type=text]{padding:1px;}
input[type=submit]{background-color: #e9e9ed;color:#000000;}

/* ファイル指定フォーム */
.file_form{margin:2px 5px 2px 0;}
.upset{ float:left; }

/* 動画サイズ */
.video_files{
max-width:300px; max-height:200px;/*Changes_by_cgi_videoWH*/
margin-right: 2px; vertical-align: top;
}

/**************** レスポンシブ指定 ****************/
.banner{width:275px; }
/* 950未満 */
@media screen and (max-width:950px){   
.qr_cord{ display:none;}
/* 左メニューをフレーム化 */
.hlist{
	height:210px; 
	padding:0;margin:0;overflow:auto;
	-webkit-overflow-scrolling:touch;
}
}
/* 600未満 */
@media screen and (max-width:600px){   
.menu li{ 
padding:4px 0 4px; width:33%;  border-radius:0;
border-bottom:solid 1px #959fac; 
}
.menu li:nth-child(3){ border-left:0; }
.menu li:nth-child(4), .menu li:nth-child(5), .menu li:nth-child(6){ border-bottom:0;}
.img_files, .video_files{max-width:100%;height:auto;}
}
/* 500未満 */
@media screen and (max-width:500px){   
.form_link{padding:6px 6px 6px;}
.bbsarea,.bbsarea2{margin-top:12px;} 
.fc3{ width:95%; }
}
/* 370未満 */
@media screen and (max-width:370px){   
.menu li{ width:49.5%; }
.menu li:nth-child(2){ border-left:0;}
.menu li:nth-child(3){ border-left:solid 1px #959fac; }
.menu li:nth-child(4){ border-left:0; border-bottom:solid 1px #959fac;  }
}
/* 250未満 */
@media screen and (max-width:250px){   
.menu li{ width:100%; border-left:0; }
.menu li:nth-child(3){ border-left:0;}
.menu li:nth-child(5){ border-bottom:solid 1px #959fac;  }
}
/* 768以上 */
@media screen and (min-width:768px){
.search-form{float:right;}
.th_title{float:left;} 
.res_title{float:left;} 
}
/* 950以上 */
@media screen and (min-width:950px){
/* Type1 1Column inframe */
.content{width:850px;}
/* Type2 2Column */
.content2{width:950px;}
.head-list2{width:275px;float:left; }
.bbsarea2{width:668px;float:right;} 
.thread-title{margin:6px 0 0;}
.search-form{float:right;margin:0 0 6px;}
.th_title{float:left;} 
.res_title{float:left;} 
}