/*

	0) topics	共通		…　.topicsHd
	1) topics/				…　#topicsArchive
	2) topics/page/		…　#topicsSingle

*/


/*! .topicsHd
================================================ */

.topicsHd {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d7db;
}

.topicsHd time {
	display: inline-block;
	color: #fff;
	padding: 4px 12px;
	margin-bottom: 10px;
	background: #1f364d;
}

.topicsHd .tit {
	color: #1f364d;
	font-size: 2.2rem;
	font-weight: bold;
}


/*! #topicsArchive
================================================ */

#topicsArchiveWrap {
	padding: 120px 0;
	background: #f5f9fc;
}

.topicsArchive {
	margin-bottom: 20px;
	background: #fff;
}

.topicsArchive:last-of-type {
	margin-bottom: 0;
}

.topicsArchive a {
	display: block;
	padding: 50px;
}

.topicsArchive a:hover {
	box-shadow: 0 0 30px #ddd;
}


/*! #topicsSingle
================================================ */

#topicsSingleWrap {
	padding: 120px 0;
	background: #f5f9fc;
}

.topicsSingle {
	padding: 60px;
	background: #fff;
}

.topicsSingle .topicsHd {
	padding-bottom: 15px;
	margin-bottom: 45px;
}

.topicsSingle .topicsHd .tit {
	font-size: 3rem;
}

.topicsSingle .imgBox {
	text-align: center;
	margin: 0 auto 40px;
}

.topicsSingle .imgBox img {
	width: auto;
	max-width: none;
}

.topicsSingle .txtBox {
	margin-bottom: 55px;
}

.topicsSingle .txt {
	margin-bottom: 20px;
}

.topicsSingle .subTit {
	color: #1f364d;
	font-size: 2.5rem;
	font-weight: bold;
	padding: 13px 25px;
	margin-bottom: 20px;
	background: #e8ebed;
}

.topicsSingle .btn {
	margin: 0 auto;
}

.topicsSingle .btn a:after {
	right: auto;
  left: 31px;
  background: url(../image/ico_arrow06.png) no-repeat;
}

.topicsSingle .btn a:hover:before {
  -webkit-transform-origin: right center 0;
          transform-origin: right center 0;
}

.topicsSingle .btn a:hover:after {
	right: auto;
  left: 21px;
}

_:lang(x)::-ms-backdrop, .topicsSingle .subTit {
	padding: 19px 25px 7px;
}

_:lang(x)::-ms-backdrop, .topicsHd time {
    padding-top: 7px;
}