@charset "utf-8";

/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
#header{ height:60px;background-image:url(../cgiimg/1568175703.png);background-repeat:repeat; } 
.video_files_f, .a2 iframe{max-width:300px; max-height:230px;}
.video_files, .b4 iframe{max-width:400px; max-height:300px;}
.a2{ width:300px;}
/*Temp_StyleSheetOUT*/
/* ************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑************ */


body{ margin:0;padding:0; background-color:#ffffff;   -webkit-text-size-adjust: 100%;}
body,tr,td,th,input,textarea,select,option{ 
	color:#000000;
	line-height:1.4;font-size:13px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
div{box-sizing:border-box;}
.red{color:#ff0000;} 
.bold{font-weight:bold;}
.top{vertical-align:top;}
.midd{vertical-align:middle;}
.botm{vertical-align:bottom;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.nowrap{white-space:nowrap;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f20{font-size:20px;}
.clear{clear: both;}

a:link{color:#0000ff;text-decoration:none;}
a:visited{color:#0000ff;text-decoration:none;}
/*a:hover{color:#f7657b;}*/

/* 全体外枠 */
.outline{width:930px;border:0;border-spacing:0;padding:0; margin:0 auto 0;position:relative;}

/* メニュー アコーディオン */
#OpenMenu{
  display:none; cursor: pointer;margin:0 0 2px;  border-radius: 4px;width:100%;
  border:1px solid #9db3be; padding:3px 0 0 10px;box-sizing:border-box; 
}
.menutxt{font-size:120%;color: #0000ff; vertical-align:middle;padding-left:10px;}
/* 3本線 */
#humberger {
  position: relative;
  height: 22px; width: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div {
  position: absolute;
  left: 0;height: 4px;width: 24px;
  background-color: #444;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box; 
}
#humberger div:nth-of-type(1) {top: 0;}
#humberger div:nth-of-type(2) {top: 9px;}
#humberger div:nth-of-type(3) {bottom: 0;}


/* メニュー */
#menu {margin:15px 0 0; padding:0;float:left;width:200px;}
#menu div{  
text-align:center; letter-spacing:0.1em;
margin:0 0 9px;padding:0;width:200px;
box-sizing:border-box;
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
.select_c{background-color:#3961ff;border:1px solid #0e2ca4;}
.nonsel_c{background-color:#4dc5d9;border:1px solid #a7bae1;}
#menu a{ 
display: block; text-decoration:none;padding:5px 0 5px; color:#ffffff;font-size:15px;
font-weight:bold;
}
#menu a:hover{
background-image: url(../cgiimg/arrow.png);
background-repeat:no-repeat;
background-position:98%;
background-color:#ced5e5; color:#ffffff;
}
/* QR */
#qr_cord1{width:100%;}
#qr_cord1 td{ font-size:11px;text-align:center;}
#qr_cord2{position:absolute;top:-15px;}
#qr_cord2 td{ font-size:11px;text-align:left;}


/* 記事 */
#content{width:700px;float:right;text-align:left;margin-top:5px;}

/* ヘッダ */
#header{
  width:100%;margin:0;border:0;padding:0;border-spacing:0;
  position: fixed;  
  top: 0px;  
  z-index: 100;
	border-radius:0 0 5px 5px;    /* 角丸 */
}
.header_title{
font-size:20px; text-align:center; color:#7e7d01;
letter-spacing:0.15em; padding:5px 0 0 2px; vertical-align:middle; 
text-shadow:2.5px 2.5px 2px #b3b3b3;
}
/* ヘッダ下マージン */
.up_margin{ margin-top:60px;}

/* フッタ */
#footer{ 
width:100%; float:right;
background-color:#edeef2;
margin-top:15px;text-align:center;padding:20px 0;
border-radius:5px 5px 0 0;     /* 角丸 */
}

/* トップコメント */
.Top_comment{
line-height: 150%;text-align:left;
width:98%; margin:5px auto 10px;
}
/* カテゴリタイトル */
.cate_title{
font-size:18px; background-color:#edeef2; border:1px solid #c1c1c1;
margin:0 auto 0; padding:4px 8px 4px; box-sizing:border-box; 
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(50,50,50,0.1);   /* 角丸 ぼかし*/
}

/* 画像 動画枠*/
.image, .a2 iframe,  .b4 iframe, .video_files_f, .video_files{
margin:4px 0 1px; border:0;
}


/* ページリンク 該当No */
.Plink_area{font-size:14px;font-weight: bold;text-align:center;margin:5px 0 10px; }
.Plink_area a{padding:1px 5px 1px;margin:0;}
/* 該当No */
.Plink{ border:1px solid #ff0000;}
a.Plink:visited{ color:#ff0000; }
/* 表示しているページ */
.atP{ background: #cdffb0; }
/* << */
.back_p{margin:0 5px 0;}
/* >> */
.next_p{margin:0 5px 0;}


/* QR */
#qr_image{ text-align:center; }


/* 一覧表示 */
.a1{
	width:100%;  background-color:#f3f7f8;
	text-align:left;padding:8px;margin:0 0 15px;
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
.a2{
	float:left; 
	text-align:center;
	margin-right:10px;
}
.a2 p{ padding:0;margin:0;font-size:95%;color:#dd6400;}
.username{ font-size:18px; border-bottom:1px dotted #6f6f6f;width:100%;padding:0 2px 5px; margin-bottom:7px;}
.update{ font-weight:bold; color:#3399ff;  padding:7px 0 7px; text-align:right;}
.comment{padding:0;}

/* 詳細リンク */
.deta_link{ background-color:#ff970b;border-bottom:1px dotted #f37500;border-radius:4px;}
.deta_link a{ display: block; text-align:center;color:#ffffff;font-size:15px;padding:4px;}
.deta_link:hover{filter: brightness(140%); }
/* 詳細表示 */
.back_link{text-align:right;margin:0;padding:5px 0 7px;}
.user_name{
font-size:16px;padding:3px 10px;margin:0 0 10px; background-color:#e3e6ef;color:#084594;
border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(50,50,50,0.1);   /* 角丸 ぼかし*/
}

.b1{
	width:100%;  background-color:#f3f7f8;
	text-align:left;padding:8px; margin:0 0 15px;
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
.b2{
	width:100%;  border-bottom:1px dotted #6f6f6f;
	text-align:left;padding:0; margin:0 0 5px;
}
.b2 p{font-size:14px; color:#996600; font-weight:bold; padding:8px 14px 7px;margin:0;}
.b3{
	text-align:right;color:#3399ff;
	margin:5px 0 3px;padding:0;font-weight:bold;
}
.b4{ text-align:center; padding:0; margin:0; }
.b5{ text-align:left; padding:10px; margin:0; }



/** ローディング画像 **/
#loading_img {text-align:center;margin:0;border:0; width:auto; height:auto;}

/* ページ番号 */
.Page_Number{
	text-align:center;font-weight:bold; font-size:15px; font-family: 'Times New Roman'; font-style: italic; 
	background-color:#e0ffcf;
	border-radius: 4px 4px 0 0;margin-bottom:3px;
	border-radius:4px;  box-shadow: 1px 0px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
.Page_Number span{font-size:18px;}

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

/**************** レスポンシブ指定  ****************/
/******* 930未満  ******/
@media screen and (max-width:929px){ 
/* ヘッダ画像 */
.headimage{width:100%;height:auto;}
/* 外枠 */
.outline{width:95%;}
/* 記事 */
#content{width:100%;clear: both;}
/* メニュー */
#menu{clear: both; width:100%;} 
#menu div{
margin:1px 1px 0 0;
width:32.7%; float:left;
}
#menu a{ padding:5px 0 5px;margin:0;}
#footer{ width:100%;}
#qr_cord1{display:none;}
}


/********** 900未満 *****/
@media screen and (max-width:900px){ 
.Plink_area{font-size:13px;line-height:1.8;}
/* << */
.back_p{margin:0 0 0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
/* >> */
.next_p{margin:0 0 0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
.header_title{ font-size:19px; }
}

/********** 750未満 *****/
@media screen and (max-width:750px){ 
.header_title{ font-size:18px; text-align:center;}
}


/********* 600未満 ******/
@media screen and (max-width:600px){ 
.header_title{ font-size:15px; }
#menu div{width:49.5%; }
/* 画像 動画枠*/
.image, .a2 iframe{
max-width:100%;height:auto; margin:0 auto 0;
}
.b4 iframe{max-width:100%;}
.video_files_f, .video_files{
max-width:100%; 
}
/* 一覧 */
.a2{ float:none; margin:0 auto 8px; }
}

/********* 500未満 ******/
@media screen and (max-width:499px){ 
.a1{ padding:0 10px 0;  }
.a2{ max-width:100%;}
#qr_cord2{display:none;}
/* メニュー */
#OpenMenu{ display: block; }
#menu {display:none; }
#menu div{ width:100%;text-align:center; }
#menu a{padding-left:20px;}
}