@charset "UTF-8";
/*
*******************************************************************************************************
# お知らせ

  -- override
  -- module
  -- layout
*******************************************************************************************************
*/
/* ------------------------------------
  * override
* ------------------------------------ */
.mod-ttl-page:before {
	display: inline-block;
	content: '';
	vertical-align: middle;
	margin: -6px 15px 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
}

.mod-ttl-page.icn-topics:before {
	width: 54px;
	height: 54px;
	background-image: url(../img/common/icn_topics.png);
}

@media only screen and (max-width: 736px) {
	.mod-ttl-page {
		padding-top: 62px;
		background-repeat: no-repeat;
		position: relative;
	}

	.mod-ttl-page:before {
		margin: 0;
		position: absolute;
		top: 15px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.mod-ttl-page.icn-topics:before {
		width: 39px;
		height: 39px;
	}
}

/* ------------------------------------
  * module
* ------------------------------------ */
/* ------------------------------------
  * layout
* ------------------------------------ */
/* お知らせ */
.wrp-list-topics .inner-list-topics {
	padding-bottom: 60px;
}

.wrp-list-topics .wrp-select-category {
	padding: 0 0 40px;
}

.wrp-list-topics .wrp-select-category .box-select-category {
	padding: 40px 0;
	background-color: #efe4c7;
	border-radius: 10px;
}

.wrp-list-topics .wrp-select-category .box-select-category > dl {
	width: 548px;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 0 auto;
}

.wrp-list-topics .wrp-select-category .box-select-category > dl > dt {
	width: 160px;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 0;
	float: left;
	clear: both;
}

.wrp-list-topics .wrp-select-category .box-select-category > dl > dd {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 142px;
	margin: 0 auto;
}

.wrp-list-topics .wrp-select-category .box-select-category > dl > dd select {
	width: 348px;
	height: 50px;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 35px 0 20px;
	border-radius: 10px;
	background-color: #fff;
	background-image: url(../img/common/icn_selectbox.png);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-position: right 20px center;
	background-size: 12px auto;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.wrp-list-topics .wrp-select-category .box-select-category > dl > dd select.disabled {
	color: #fff;
	background-color: #c7c7c7;
	box-shadow: 0 0;
	cursor: default;
}

.wrp-list-topics .list-topics > li {
	display: block;
	width: 100%;
	border-top: 2px dotted #ccc;
}

.wrp-list-topics .list-topics > li > a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 0;
	*zoom: 1;
}

.wrp-list-topics .list-topics > li > a:before, .wrp-list-topics .list-topics > li > a:after {
	content: "";
	display: table;
}

.wrp-list-topics .list-topics > li > a:after {
	clear: both;
}

.wrp-list-topics .list-topics > li .img {
	width: 20%;
	float: left;
}

.wrp-list-topics .list-topics > li .box-text {
	width: 80%;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	float: right;
}

.wrp-list-topics .list-topics > li .box-text .info-topics {
	padding: 0 0 20px;
}

.wrp-list-topics .list-topics > li .box-text .info-topics .date {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 15px 0 0;
}

.wrp-list-topics .list-topics > li .box-text .info-topics .category {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}

.wrp-list-topics .list-topics > li .box-text .info-topics .category > span {
	display: inline-block;
	height: 31px;
	text-align: center;
	line-height: 31px;
	font-weight: bold;
	padding: 0 14px;
	border-radius: 3px;
	background-color: #f2f2f2;
}

.wrp-list-topics .list-topics > li .box-text .ttl-topics {
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 18px;
}

.wrp-list-topics .list-topics > li .box-text .text-topics {
	line-height: 1.5;
}

.wrp-list-topics .list-topics > li.new .box-text .info-topics .category {
	padding-right: 60px;
	position: relative;
}

.wrp-list-topics .list-topics > li.new .box-text .info-topics .category:before {
	display: inline-block;
	content: 'New';
	font-size: 17px;
	color: #ff5600;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 0;
}

.wrp-list-topics .mod-box-pager {
	margin: 34px 0 0;
}

@media only screen and (min-width: 737px) {
	.wrp-list-topics .wrp-select-category .btn-select-category:hover {
		opacity: 0.7;
	}

	.wrp-list-topics .list-topics > li > a:hover .box-text .ttl-topics {
		color: #ff5600;
		text-decoration: underline;
	}
}

@media only screen and (max-width: 736px) {
	.wrp-list-topics .inner-list-topics {
		padding: 0 0 15px;
	}

	.wrp-list-topics .wrp-select-category {
		padding: 0 0 20px;
	}

	.wrp-list-topics .wrp-select-category .box-select-category {
		padding: 0;
		border-radius: 0;
	}

	.wrp-list-topics .wrp-select-category .box-select-category > dl {
		width: 100%;
		padding: 20px 15px;
		margin: 0 auto;
	}

	.wrp-list-topics .wrp-select-category .box-select-category > dl > dt {
		width: 45%;
		font-size: 13px;
		padding: 13px 10px 7px 0;
	}

	.wrp-list-topics .wrp-select-category .box-select-category > dl > dd {
		width: 55%;
		padding: 0;
		margin: 0 auto;
		float: right;
	}

	.wrp-list-topics .wrp-select-category .box-select-category > dl > dd select {
		width: 100%;
		height: 43px;
		font-size: 16px;
		padding: 0 25px 0 20px;
		margin: 0;
		border-radius: 7px;
		background-position: right 10px center;
		background-size: 10px auto;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	}

	.wrp-list-topics .list-topics {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}

	.wrp-list-topics .list-topics > li > a {
		padding: 15px 0;
	}

	.wrp-list-topics .list-topics > li .img {
		width: 23.19%;
		padding: 0 0 10px;
	}

	.wrp-list-topics .list-topics > li .box-text {
		width: 100%;
		padding: 0;
		float: none;
	}

	.wrp-list-topics .list-topics > li .box-text .info-topics {
		display: block;
		padding: 0 0 12px 26.5%;
	}

	.wrp-list-topics .list-topics > li .box-text .info-topics .date {
		font-size: 13px;
		padding: 0 10px 0 0;
	}

	.wrp-list-topics .list-topics > li .box-text .info-topics .category {
		font-size: 11px;
	}

	.wrp-list-topics .list-topics > li .box-text .info-topics .category > span {
		height: 23px;
		line-height: 23px;
		padding: 0 7px;
	}

	.wrp-list-topics .list-topics > li .box-text .ttl-topics {
		width: 100%;
		font-weight: bold;
		line-height: 1.5;
		box-sizing: border-box;
		padding: 0 0 10px 26.5%;
	}

	.wrp-list-topics .list-topics > li .box-text .text-topics {
		line-height: 1.5;
		clear: both;
	}

	.wrp-list-topics .list-topics > li.new .box-text .info-topics .category {
		padding-right: 40px;
	}

	.wrp-list-topics .list-topics > li.new .box-text .info-topics .category:before {
		font-size: 12px;
		top: 6px;
	}

	.wrp-list-topics .mod-box-pager {
		margin: 20px 0 0;
	}
}

/* ------------------------------------
  * 記事詳細要素
* ------------------------------------ */
.wrp-box-article .inner-box-article {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 35px;
}

.wrp-box-article .btn-back {
	text-align: center;
}

.wrp-box-article .btn-back > a {
	display: inline-block;
	font-weight: bold;
	padding: 15px;
}

.wrp-box-article .btn-back > a:before {
	left: 15px;
}

@media only screen and (max-width: 736px) {
	.wrp-box-article .inner-box-article {
		padding: 0 0 20px;
	}

	.wrp-box-article .btn-back {
		text-align: center;
	}

	.wrp-box-article .btn-back > a {
		font-size: 14px;
	}
}

/* 記事タイトル */
.wrp-article-ttl {
	padding: 37px 95px 18px;
}

.wrp-article-ttl .article-info {
	display: table;
	padding: 0 0 13px;
}

.wrp-article-ttl .article-info .date {
	display: table-cell;
	width: 127px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.wrp-article-ttl .article-info .category {
	display: table-cell;
	font-size: 14px;
	vertical-align: middle;
}

.wrp-article-ttl .article-info .category > span {
	display: inline-block;
	width: 104px;
	height: 31px;
	text-align: center;
	line-height: 31px;
	font-weight: bold;
	border-radius: 3px;
	background-color: #f2f2f2;
}

.wrp-article-ttl .article-info.new {
	position: relative;
}

.wrp-article-ttl .article-info.new:before {
	display: block;
	content: 'New';
	font-size: 17px;
	color: #ff5600;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: -56px;
}

.wrp-article-ttl .article-ttl {
	font-size: 28px;
	font-weight: normal;
}

@media only screen and (max-width: 736px) {
	.wrp-article-ttl {
		padding: 19px 20px 12px;
	}

	.wrp-article-ttl .article-info {
		padding: 0 0 11px;
	}

	.wrp-article-ttl .article-info .date {
		width: auto;
		font-size: 13px;
	}

	.wrp-article-ttl .article-info .category {
		font-size: 11px;
	}

	.wrp-article-ttl .article-info .category > span {
		height: 23px;
		line-height: 23px;
		padding: 0 7px;
		margin: 0 0 0 10px;
	}

	.wrp-article-ttl .article-info.new:before {
		font-size: 12px;
		top: 5px;
		right: -40px;
	}

	.wrp-article-ttl .article-ttl {
		font-size: 18px;
	}
}

/* 記事メイン画像 */
.wrp-article-mainimg {
	width: 70%;
	line-height: 0;
	box-sizing: border-box;
	padding: 0 95px;
	margin: 0 auto;
}

@media only screen and (max-width: 950px) {
	.wrp-article-mainimg {
		width: 100%;
	}
}

@media only screen and (max-width: 736px) {
	.wrp-article-mainimg {
		padding: 0 10px;
	}
}

@media only screen and (min-width : 736px) {
    .wrp-article-mainimg img.topic_detail_img { width: auto; }
}

/* 記事エリア */
.wrp-article-text {
	width: 100%;
	box-sizing: border-box;
	padding: 0 95px 25px;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text {
		padding: 0 20px 10px;
	}
}

/* 見出し要素 */
.wrp-article-text h2 {
	width: 100%;
	font-size: 28px;
	font-weight: normal;
	padding: 7px 0 9px;
	margin: 27px 0 0;
	border-bottom: 1px solid #ff5600;
}

.wrp-article-text h3 {
	font-size: 20px;
	color: #ff5600;
	font-weight: normal;
	margin: 27px 0 0;
}

.wrp-article-text h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 27px 0 0;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text h2 {
		font-size: 16px;
		font-weight: bold;
		padding: 10px 0 12px;
		margin: 22px 0 0;
	}

	.wrp-article-text h3 {
		font-size: 18px;
		margin: 22px 0 0;
	}

	.wrp-article-text h4 {
		font-size: 16px;
	}
}

/* テキスト要素 */
.wrp-article-text *.text-bold {
	font-weight: bold;
}

.wrp-article-text p {
	margin: 27px 0 0;
}

.wrp-article-text p > a {
	color: #ff5600;
	text-decoration: underline;
}

@media only screen and (min-width: 737px) {
	.wrp-article-text p > a:hover {
		text-decoration: none;
	}
}

@media only screen and (max-width: 736px) {
	.wrp-article-text p {
		margin: 22px 0 0;
	}
}

/* 注意書き */
.wrp-article-text p.article-note {
	font-size: 14px;
	margin: 12px 0 0;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text p.article-note {
		font-size: 12px;
		margin: 7px 0 0;
	}
}

/* リスト要素 */
.wrp-article-text ul, .wrp-article-text ol {
	margin: 27px 0 0;
}

.wrp-article-text ul > li, .wrp-article-text ol > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin: 0 0 12px;
	list-style-position: inside;
}

.wrp-article-text ul > li {
	list-style-type: disc;
}

.wrp-article-text ol > li {
	list-style-type: decimal;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text ul, .wrp-article-text ol {
		margin: 22px 0 0;
	}

	.wrp-article-text ul > li, .wrp-article-text ol > li {
		margin: 0 0 12px;
	}
}

/* アイコン付きリンク要素 */
.wrp-article-text .article-link {
	margin: 27px 0 0;
}

.wrp-article-text .article-link > a {
	font-weight: bold;
}

.wrp-article-text .article-link > a .text {
	padding: 0 28px 0 0;
}

.wrp-article-text .article-link > a.u-icn-blank:before, .wrp-article-text .article-link > a.u-icn-pdf:before {
	font-size: 16px;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text .article-link {
		margin: 22px 0 0;
	}

	.wrp-article-text .article-link > a .text {
		padding: 0 24px 0 0;
	}
}

/* 画像セット */
.wrp-article-text .article-img {
	margin: 27px 0 0;
}

.wrp-article-text .article-img .box-img {
	width: 60%;
	margin: 0 auto;
}

.wrp-article-text .article-img .box-img .img {
	line-height: 0;
}

.wrp-article-text .article-img .box-img .caption {
	width: 100%;
	font-size: 14px;
	text-align: center;
	padding: 17px 0 0;
}

.wrp-article-text .article-img .box-text {
	margin: 12px 0 0;
}

.wrp-article-text .article-img .box-text .text + .text {
	margin: 12px 0 0;
}

.wrp-article-text .article-img.img-left {
	display: table;
}

.wrp-article-text .article-img.img-left .box-img {
	display: table-cell;
	width: 44.67%;
	vertical-align: top;
}

.wrp-article-text .article-img.img-left .box-text {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	padding-left: 25px;
	margin: 0;
}

.wrp-article-text .article-img.img-right {
	display: table;
	direction: rtl;
}

.wrp-article-text .article-img.img-right .box-img {
	display: table-cell;
	direction: ltr;
	width: 44.67%;
	vertical-align: top;
}

.wrp-article-text .article-img.img-right .box-text {
	display: table-cell;
	direction: ltr;
	vertical-align: top;
	box-sizing: border-box;
	padding-right: 25px;
	margin: 0;
}

@media only screen and (max-width: 950px) {
	.wrp-article-text .article-img .box-img {
		width: 100%;
	}
}

@media only screen and (max-width: 736px) {
	.wrp-article-text .article-img {
		margin: 22px 0 0;
	}

	.wrp-article-text .article-img .box-img .caption {
		font-size: 11px;
		padding: 7px 0 0;
	}

	.wrp-article-text .article-img .box-text {
		margin: 12px 0 0;
	}

	.wrp-article-text .article-img .box-text .text + .text {
		margin: 12px 0 0;
	}

	.wrp-article-text .article-img.img-left .box-img {
		width: 50%;
	}

	.wrp-article-text .article-img.img-left .box-text {
		padding-left: 20px;
	}

	.wrp-article-text .article-img.img-right .box-img {
		width: 50%;
	}

	.wrp-article-text .article-img.img-right .box-text {
		padding-right: 20px;
	}
}

/* ボタン要素 */
.wrp-article-text .article-btn {
	width: 350px;
	margin: 27px auto 0;
}

.wrp-article-text .article-btn > a {
	display: table;
	width: 100%;
	height: 60px;
	font-size: 20px;
	box-sizing: border-box;
	padding: 2px 40px;
	border: 1px solid #cdcdcd;
}

.wrp-article-text .article-btn > a:before {
	right: 17px;
}

.wrp-article-text .article-btn > a .text {
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.wrp-article-text .article-btn > a.base-orange {
	border: none;
}

.wrp-article-text .article-btn > a.base-orange:before {
	font-size: 16px;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text .article-btn {
		width: 100%;
		margin: 22px 0 0;
	}

	.wrp-article-text .article-btn > a {
		height: 50px;
		font-size: 16px;
		padding: 3px 30px;
	}

	.wrp-article-text .article-btn > a:before {
		right: 14px;
	}
}

/* 過去の記事用スタイル */
.wrp-article-text .transition img {
	display: block;
	width: 60%;
	margin: 0 auto;
}

@media only screen and (max-width: 736px) {
	.wrp-article-text .transition img {
		width: 100%;
	}
}