@charset "utf-8";

/* ページヘッダ */
.header_title{
	width:100%;
	background-image: url(../../img/bg14.png); background-position:center;
	font-size:24px; color:#ff4980;text-align:left; 
letter-spacing:0.15em;
text-shadow:3px 3px 2px #f9dae4;
-webkit-text-shadow:1.3px 1.3px 1.5px #808080;
-moz-text-shadow: 1.3px 1.3px 1.5px #808080;
	padding:8px 0 6px;margin:0 0 10px; 
}

small{font-size:19px;}

/* Back Number */
.backtxt{ font-size:70%;vertical-align:middle;font-style: italic;}

/* << */
.back_p{margin:0 5px 0;}
/* >> */
.next_p{margin:0 5px 0;}

/* 記事タイトル*/
.HeadLine{ 
		padding-bottom:5px; font-weight:bold;
}

/* 記事本文 */
.DataLine{margin:9px 0 5px;}
/* 本文中の画の影 */
.DataLine img{
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
margin:4px 9px 7px 4px;
}


/* 画像 */
.left_image{float: left; margin:0 10px 6px 0;}
.right_image{float: right; margin:0 0 6px 10px;}
.top_image{margin:0 0 6px 0;}
.bottom_image{margin:10px 0 6px 0;}


/* QR */
#qr_cord{ font-size:11px; text-align:center;}

/* >>画像 */
.mark2{ vertical-align:middle;}
.icon{vertical-align:middle;}

/* 年メニュー */
#histmenu{
	width:180px; height:100%; float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d4d4d4;
	text-align:left;margin-bottom:10px
}
#histmenu ul{
margin:0;padding:0;
}
#histmenu li{list-style-type:none; font-size:15px;text-align:center; background-color:#eef0f0; margin:1px;}
#histmenu .lcm{border-bottom:1px dotted #6f6f6f;}
#histmenu .at a{background-color:#e1f4ff;}
#histmenu li a{ display: block; padding:10px;}
#histmenu li a:hover{background-color:#b9d1ee;}

/* 年別リスト */
#histlist{
	width:600px; height:100%; float: left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d4d4d4;
	text-align:left; margin:0 0 10px 15px;
}
#histlist table{
	margin:10px 10px 10px; width:95%;
}
#histlist .k_date{
	vertical-align:top;text-align:center;white-space:nowrap; padding:4px;font-size:14px;
}
#histlist .k_msg{
	vertical-align:top;padding:4px;font-size:14px;
}

/* 戻る */
.rtnlink{ text-align:right; font-size:14px; margin:5px 0 5px; }

/**************** レスポンシブ指定  ****************/

/******* 900未満 ********/
@media screen and (max-width:900px){ 
	#histmenu{ width:100%; border:0;margin-bottom:10px;}
	#histmenu li{ float:left; width:130px;}
	#histmenu .lcm{border:0;}
	#histlist{ width:100%; margin:0 0 15px;}
	/* QR消 */
	#qr_cord{ display:none; }
}

/********* スマ 650未満 ******/
@media screen and (max-width:650px){  
.MainPage_Link{width:100%;text-align:center;margin-bottom:7px;}
.BackNum_Link{width:100%;text-align:center;margin-bottom:7px;}
.Plink_area{text-align:center;}
/* << */
.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;}
.Plink_area{font-size:13px;}
.header_title{ font-size:20px; }
}

/********* スマ 320未満 ******/
@media screen and (max-width:300px){ 
#histmenu li{ width:100%;}
small{font-size:16px;}
}