@charset "utf-8";
/*============================================================================
画面の横幅に左右されない共通スタイル
============================================================================*/
body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  line-height: 150%;
  margin: 0px;
	color:#222;
}
*{
  box-sizing:border-box;
}
/*
main a:link { color: #0000ff; }
main a:visited { color: #0000ff; }
main a:hover { opacity:0.6; }
main a:active { color: #0000ff; }
*/
/*============================================================================
header
============================================================================*/
header{
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  height: 61px;
}
header a{
	text-decoration: none;
}
header .main-menu a{
	color:#222;
}
.header .contents_area{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
/*============================================================================
footer
============================================================================*/
footer{
  padding:10px 0px;
  border-top: 1px solid #ccc;
}
footer a{
	text-decoration: none;
}
/*============================================================================
共通
============================================================================*/
.main{
  line-height: 2em;
  min-height: 100vh;
  padding: 40px 0px;
}
/*============================================================================
記事一覧post
============================================================================*/
.page_post-index .main .page-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 24px;
}
.page_post-index .main .contents_area{
  width:100%;
}
/*---------------------------------
記事リスト
---------------------------------*/
.page_post-index .main li{
  border-bottom: 1px dashed #ccc;
}
.page_post-index .main li:first-child{
  border-top: 1px dashed #ccc;
}
.page_post-index .main li a {
  text-decoration: none;
  display: block;
  padding: 0.5em 0px;
  color:#00f;
}
.page_post-index .main li a:hover {
  background:#deeaff;
}
/*============================================================================
個別投稿ページ.page_post
============================================================================*/
.page_post .page-title {
  line-height: 1.2em;
}
.page_post .post-day-area{
	color:#ccc;
	font-size:0.9rem;
	margin-bottom:20px;
	line-height: 1.2em;
}
.page_post .article a{
  color:#00f;
}
.page_post .main .article{
  padding:0px 10px;
}