@charset "utf-8";

/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
#header{ height:100px;background-image:url(../cgiimg/1703649696.jpg); } 
.video_files{max-width:300px; max-height: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;}
.clear{clear: both;}

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

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

/* 記事 */
#content{text-align:left;width:100%;}

/* ヘッダ */
#header{
  width:100%;margin:0;border:0;padding:0;border-spacing:0;
	border-radius:0 0 5px 5px;    /* 角丸 */
}
/* ページタイトル */
.header_title{
font-size:20px; text-align:center; color:#316787;
letter-spacing:0.15em; padding:5px 0 0 2px; vertical-align:middle; 
text-shadow:1.1px 1.1px 2px #c0c0c0;
}

/* トップコメント */
.Top_comment{
line-height: 150%;text-align:left;
width:98%; margin:15px auto 15px;
}


/* 次ページリンク */
.Plink_area{ 
	font-size:13px; display: flex; list-style: none; width:300px; padding:0; margin:8px auto 10px; 
}
/* <前   次>  */
.next_back{
	width:110px; height:30px; display: flex;
}
.next_back a{
	display: flex; width: 100%;border:1px solid #e1e1e1;border-radius:4px;
	justify-content: center; align-items: center; text-align: center;
}
.next_back a:hover{  background-color: #f7f7f7; }
/* 1ページ目 */
.atP{ font-size:12px; width:80px; text-align:center; line-height:1.4;}
/* Top */
.toplink{ text-align:center; margin:0;}
/* フロート、クリア */
.clearB{clear: both}


/* データ表示 */
.b1{/*外枠*/
	width:100%; text-align:left;padding:10px 15px 10px; margin:0 0 15px;
	border:1px solid #c7c7c7;
	border-radius:5px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
.b2{/*タイトル*/
	width:100%;  font-size:15px; color:#996600; font-weight:bold; 
	text-align:left; margin:0; padding:0 0 8px;
	border-bottom:1px dotted #6f6f6f;
}
/*更新日*/
.b3{color:#949494;margin:0;padding:0 0 5px; }
/*画像*/
.b4{ text-align:left; padding:0; margin:0; float:left; }
/*コメント*/
.b5{ text-align:left; padding:0; margin:8px 0 0; line-height:1.5;}
/* 画像枠装飾 */
.image{
box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2); 
margin:8px 15px 1px 0; padding:0; border:0;
}
/* 動画枠*/
.video_files{
margin:8px 15px 1px 0; padding:0; border:0;
}


/* フッタ */
#footer{ 
width:100%; float:right; position:relative;
background-color:#edeef2;
margin-top:10px;text-align:center;padding:25px 0;
border-radius:5px 5px 0 0;   
}

/* QR */
#qr_cord{position:absolute;top:3px;left:10px;}
#qr_cord td{ font-size:11px;text-align:center;line-height:1.0;}

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

/**************** レスポンシブ指定  ****************/
/******* 960未満  ******/
@media screen and (max-width:960px){ 
/* ヘッダ画像 */
.headimage{width:100%;height:auto;}
/* 外枠 */
.outline{width:95%;}
/* 記事 */
#content{width:100%;clear: both;}
}

/********** 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; }
}

/********* 650未満 ******/
@media screen and (max-width:650px){ 
#header{ 
    background-size:cover;   /* 背景画像のサイズを変更  */
    height:60px;    
}
.header_title{ font-size:15px; }
/*画像*/
.b4{float:none; text-align:center;}
.b4 img{max-width:100%;height:auto; }
/*タイトル*/
.b2{font-size:16px;}
/*コメント*/
.b5{font-size:14px;}
}

/********* 500未満 ******/
@media screen and (max-width:499px){ 
/* QR削除 */
#qr_cord{display:none;}
/*画像 動画*/
.b4 img, .video_files{max-width:90%;height:auto; text-align:center;}
}