@charset "UTF-8";
body {
	background-color: #fff;
}

#content {
	background-color: #ddd;
}

#content .container {
	padding: 5px 0;
}

/*---------------------------
ヘッダー用
----------------------------- */

/* タイトル画像 */
#danganronpaheader {
	background: url(../img/header.jpg) no-repeat scroll 50% 50%;
	height: 240px;
	margin-bottom: 8px;
	width: 990px;
	position: relative;
}

#danganronpaheader > h1 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/* ソーシャルアイコン */
.socialBtn {
	position: absolute;
	right: -55px;
	top: 3px;
	width: 490px;
}

.socialBtn li {
	float: left;
	margin-right: 16px;
}

.socialBtn li:last-child {
	margin-right: 0;
}

/*---------------------------
左カラム用
----------------------------- */
#article {
  background: url("../img/contents_bg.gif") repeat scroll;
  padding: 16px;
}

/* 見出し */
.lineTitle {
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 22px;
  margin-bottom: 4px;
  padding: 0 0 8px;
}

/*---------------------------
関連記事用
----------------------------- */
#related > ul > li {
  margin-top: 4px;
}

#related > ul > li:first-child {
  margin-top: 0;
}

#related a {
  display: block;
  padding: 8px;
  background-color: #fff;
}

#related .imgBox {
  position: relative;
  float: left;
  margin-right: 16px;
}

#related .imgBox .thumbnail {
  width: 120px;
  height: 90px;
  border: none;
  background-size: cover;
  background-position: 50% 20%;
  background-repeat: no-repeat;
}

#related .textWrap {
  overflow: hidden;
}

#related .textWrap .articleTitle {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}

#related .textWrap .newsHead {
  color: #404040;
}

#related .textWrap .bottomMeta {
  margin-top: 4px;
}

#related .textWrap .articleCreateDate {
  float: right;
  margin-top: 0;
}







#chokaigiHeader {
	position: relative;
	margin-bottom: 8px;
	width: 990px;
	height: 240px;
	text-align: center;
	background-image: url(../img/header.jpg);
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#chokaigiHeader > p {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}


.lineTitle {
	margin-bottom: 4px;
	padding: 0px 0 8px;
	color: #fff;
	font-size: 22px;
	border-bottom: 2px solid #fff;
}
#article {
	padding: 16px 10px;
	background-color:#4c3d3c;
}
#article a {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;

}
#article a:hover {
		background-color:#F8F8F8;
	text-decoration: none;
}

#article #pickUpArticle a:hover {
	opacity: 0.8;
	text-decoration: none;
}

/*---------------------------
ピックアップ記事用
----------------------------- */
#pickUpArticle ul {
	background-color: #FFF;
	padding: 4px 0	0 4px;
}

#pickUpArticle li {
	float: left;
	padding: 0 4px 4px 0;
	width: 50%;
	height: 247px;

	box-sizing: border-box;
}

#pickUpArticle a {
	position: relative;
	display: block;
	height: 100%;
	color: #FFF;
	border: 1px solid #111;
	box-sizing: border-box;
}

#pickUpArticle .imgBox {
	position: relative;
	height: 100%;
}

#pickUpArticle .imgBox > div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 20%;
	background-repeat: no-repeat;
}

#pickUpArticle a .textWrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 24px 8px 8px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	box-sizing: border-box;
	z-index: 10;
}

#pickUpArticle .articleCreateDate {
	display: block;
	text-align: right;
}

#pickUpArticle .articleTitle {
	overflow: hidden;
	height: 58px;
	line-height: 20px;
	font-size: 16px;
	text-shadow: 0 1px 0 #666;
}

#pickUpArticle .articleCreateDate {
	color: #CCC;
}

/*---------------------------
関連記事用
----------------------------- */
#related > ul > li {
	border-top: 1px solid #ccc;
}

#related > ul > li:first-child {
	margin-top: 0;
}

#related a {
	display: block;
	padding: 8px;
	background-color: #fff;
}

#related .imgBox {
	position: relative;
	float: left;
	margin-right: 16px;
}

#related .imgBox .thumbnail {
	width: 120px;
	height: 90px;
	border: none;
	background-size: cover;
	background-position: 50% 20%;
	background-repeat: no-repeat;
}

#related .textWrap {
	overflow: hidden;
}

#related .textWrap .articleTitle {
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
}

#related .textWrap .newsHead {
	color: #404040;
}

#related .textWrap .bottomMeta {
	margin-top: 4px;
}

#related .textWrap .rtCount {
	float: left;
	color: #87c2ed;
	font-weight: bold;
}

#related .textWrap .articleCreateDate {
	float: right;
	margin-top: 0;
}

.mb32 {
	margin-bottom: 32px;
}

/*---------------------------
超会議概要
----------------------------- */
#chokaigiInfo {
	margin-bottom: 8px;
	padding: 0 8px 8px;
	background-color: #FFF4F0;
	border: 4px solid #E60021;
}
#chokaigiInfo h3 {
	margin-bottom: 8px;
	padding: 16px 0 8px;
	font-size: 22px;
	border-bottom: 2px solid #900;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	letter-spacing:1px;
}
/*
#chokaigiInfo h3:first-letter {
	color: #f00;
}
*/
#chokaigiInfo h3 span {
	color: #f00;
}

#chokaigiInfo dt {
	clear: left;
	float: left;
	margin-bottom: 4px;
	width: 5em;
	font-weight: bold;
}
#chokaigiInfo dd {
	overflow: hidden;
	margin-bottom: 4px;
}