/* 


news


*/



/* !heading
---------------------------------------------------------- */
.news .headding{
	background: url(../img/h2_bg.png) no-repeat;
	  -webkit-background-size: cover;
	 background-size: cover;
   margin-bottom: 80px;
}

.news .main{
	width: 100%;
	max-width: 1024px;
	margin: 40px auto 0;
}

.news h3{
    color: #fff;
    line-height: 1;
    display: block;
    margin-bottom: 40px;
}

.news h3 span{
	background: #983300;
    padding: 12px 30px;
    display: inline-block;
}

@media screen and (max-width: 480px) {
	.news .headding{
		height: auto;
	    background: #983300;
	    margin-bottom: 40px;
	}
}



/* !contentArea
---------------------------------------------------------- */
.news .box .topicsList{
	width: 100%;
	max-width: 720px;
}

.news .box .topicsList dt{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.2rem;
	color: #983300;
}

.news .box .topicsList dd{
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c9c9c9;
}


/* !詳細ページ
---------------------------------------------------------- */	

.news.single .box{}

.news.single .box .date{
	padding: 0 10px;
	font-size: 1.2rem;
}

.news.single .box h1{
	margin-bottom: 30px;
	padding: 0 10px 10px;
	font-size: 1.8rem;
	color: #983300;
	border-bottom: 1px solid #c9c9c9;
}

.news.single .box .textArea{
	margin-bottom: 40px;
	padding: 0 10px;
	font-size: 1.3rem;
	color: #000000;
}

.news.single .box .textArea p{
	line-height: 24px;
	margin-bottom: 20px;
}

.news.single .box .textArea a{
	display: inline;
	text-decoration: underline;
}

.news.single .box .textArea .size-thumbnail,
.news.single .box .textArea .size-full,
.news.single .box .textArea .size-medium{
	width: auto;
	max-width: 100%;
}

.news.single .box .textArea img.alignleft{
	margin: 0 20px 20px 0;
	float: left;
}

.news.single .box .textArea img.alignright{
	margin: 0 0 20px 20px;
	float: right;
}

.news.single .box .textArea img.aligncenter{
	margin: 0 auto;
	display: block;
}

.news.single .box .textArea ul{
  margin: 12px 0;
}

.news.single .box .textArea ol{
  padding-left: 20px;
  margin: 12px 0;
}

.news.single .box .textArea ol li{
  list-style-type: decimal;
}

.news.single .box .textArea blockquote{
  position: relative;
  padding-left: 20px;
  color: #666;
}

.news.single .box .textArea blockquote:before{
  content: "\f10e";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: -2px;
  color: #b8b8b8;
  font-size: 1.5rem;
}