@charset "utf-8";
/**
 * ブログ PC＆スマホ共通
 */
 
/* 　お知らせ　*/

.news_contents {
  display: flex;
  width: 100%;
  padding: 0px 0px 16px;
  border-bottom: 1px dotted #000;	
}
.news_contents dt {
  background: #000;
  border-radius: 8px;
  margin: 0px 16px 0px 0px;
  padding: 12px 8px 8px;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  font-weight: normal;
  width: 20%;
  text-align: center;
}
.next-title {
  padding: 8px 8px 0px;
  font-weight: 600;
  width: 60%;
  letter-spacing: 0.1em;
  font-size: 1.2em;
}
.next-title a {
  color: #000;
}
.next {
  padding: 16px 8px 0px;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  width: 10%;
}

.next a {
  color: #000;
}


@media only screen and (max-width: 480px) {
  .news_contents {
    display: block;
    width: 100%;
	border-bottom: 1px dotted #000;
  }
  .news_contents dt {
    background: #000;
    border-radius: 2px;
    margin: 0px 8px 0px 0px;
    padding: 8px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: normal;
    width: 50%;
    text-align: center;
  }
  .next-title {
    padding: 8px 8px 0px;
    font-weight: 600;
    width: 100%;
  }
  
  .next-title a {
	color: #000;
  }	
	
  .next {
    padding: 8px 8px 0px;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    width: 100%;
  }
	
  .next a {
	color: #000;
  }	
	
}

 
.blog {
}

.blog a:link,
.blog a:visited {
	color: #222;
}
.blog a:hover,
.blog a:active {
	color: rgb(247, 24, 53);
	transition: color 200ms ease;
}
.blog a:hover {
	/*text-decoration: none;*/
	text-decoration: underline;
}

/* ブログ本文 */
.blog-contents {
}
.blog-contents h3 {
	margin: 0;
	padding: 5px 10px;
	font-size: 1.0rem;
	font-weight: bold;
	border-left: 5px solid #FF973E;
	letter-spacing: 0.1em;
}
.blog-contents .honbun {
	line-height: 175%;
}

/* ブログサイド */
 .blog-side {

}
 .blog-side ul {
	margin: 0;
	padding: 0;
}
 .blog-side ul li {
	margin: 5px;
	padding: 0;
	list-style: none;
}
.blog-side ul.year > li {
	margin-bottom: 15px;
}
.blog-side ul.year a i.active {
	transform: rotate(90deg);
	transition: transform 200ms ease;
}
.blog-side ul.month li {
	margin-left: 30px;
}
.blog-side ul.month li.active {
	font-weight: bold;
}