@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------------------- */

.news-wrap { margin-top: 82px; }

.news-wrap .add-text { margin-bottom: 50px; }

.news-wrap .add-text a {
	color: var(--color-deep-blue);
	text-decoration: underline;
}

.news-wrap .head-ttl { border-bottom: none; }

.news-wrap .news-content {
	border-top: 1px solid var(--border-color);
	float: left;
	max-width: 79%;
	width: 100%;
}

.news-wrap .news-content .pager-wrap { margin-top: 40px;}

.news-wrap .side {
	border-top: 1px solid var(--border-color);
	float: right;
	max-width: 17.6%;
	width: 100%;
}

.news-wrap .side .column { border-bottom: 1px solid var(--border-color-thin); }

.news-wrap .side .column input[type='checkbox'] { display: none; }

.news-wrap .side .column label {
	cursor: pointer;
	display: block;
	font-family: var(--font-UD-ShinGo-DeBold);
	padding: 24px 0;
	position: relative;
}

.news-wrap .side .column label::after {
	content: url(../img/common/icon_arrow_blue.svg);
	display: block;
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
	transition: var(--transition);
	z-index: -1;
}

.news-wrap .side .column input[type='checkbox']:checked + label::after { transform: rotate(180deg); }

.news-wrap .side .column .content {
	background-color: var(--color-gray-white);
	max-height: 0;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.news-wrap .side .column input[type='checkbox']:checked + label + .content {
	max-height: 1500px;
	transition: var(--transition);
}

.news-wrap .side .column .content ol {
	border-top: 1px solid var(--border-color-thin);
	padding: 20px;
}

.news-wrap .side .column .content li:nth-of-type(n+2) { margin-top: 9px; }

.news-wrap .side .column .content li a {
	display: block;
	font-size: 1.419999rem;
	padding-left: 17px;
	position: relative;
}

.news-wrap .side .column .content li a::before {
	content: '・';
	display: block;
	left: 0;
	position: absolute;
	top: 0;
}

@media (max-width: 768px) {

	.news-wrap {
		margin: 11.2vw 5.333vw 0;
		width: auto;
	}

	.news-wrap .add-text { margin-bottom: 6.667vw; }

	.news-wrap .side {
		float: none;
		max-width: 100%;
	}

	.news-wrap .side .column label { padding: 5.867vw 0; }
	.news-wrap .side .column .content ol { padding: 5.333vw; }

	.news-wrap .side .column .content li a {
		font-size: 3.467vw;
		padding-left: 4.333vw;
	}

	.news-wrap .news-content {
		border-top: none;
		float: none;
		max-width: 100%;
	}

	.news-wrap .news-content .pager-wrap { margin-top: 4.533vw; }

}

/* --------------------------------------------------------------------------------------
	詳細
--------------------------------------------------------------------------------------- */

.news-post { margin-top: 82px; }

.news-post .post-ttl time {
	display: inline-block;
	font-family: var(--font-UD-ShinGo-DeBold);
	vertical-align: middle;
}

.news-post .post-ttl .cat {
	display: inline-block;
	margin-left: 24px;
	vertical-align: middle;
}

/*.news-post .post-ttl .cat span {
	background-color: var(--color-deep-blue);
	border-radius: 100vw;
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	font-family: var(--font-UD-ShinGo-DeBold);
	letter-spacing: 1px;
	padding: 4px 16px;
	white-space: nowrap;
}*/

.news-post .post-ttl .cat span {
	background-color: #4d6ab0;
	border-radius: 100vw;
	color: #fff;
	display: inline-block;
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 1rem;
	letter-spacing: 1px;
	padding: 4px 16px;
	white-space: nowrap;
}

.news-post .post-ttl .cat .purple { background-color: #6a25ac; }
.news-post .post-ttl .cat .pink { background-color: #e01868; }
.news-post .post-ttl .cat .green { background-color: #629846; }



.news-post .post-ttl h1 {
	border-bottom: 1px solid var(--border-color);
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 2.4rem;
	margin-top: 14px;
	padding-bottom: 22px;
}

.news-post .column {
	overflow: hidden;
}

.news-post .column > p {
	float: left;
	margin-top: 0;
	max-width: 49%;
	width: 100%;
}

.news-post .column > .image {
	float: right;
	max-width: 530px;
	width: 100%;
}

.news-post .post-content {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 28px;
}

.news-post .return {
	margin-top: 40px;
	text-align: center;
}

.news-post .return .banner {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media (max-width: 768px) {

	.news-post {
		margin: 11.2vw 5.333vw 0;
		width: auto;
	}

	.news-post .post-ttl time {
		font-family: var(--font-UD-ShinGo-Bold);
		font-size: 3.733vw;
	}

	.news-post .post-ttl .cat { margin-left: 1.333vw; }

	.news-post .post-ttl .cat span {
		font-size: 2.933vw;
		min-width: inherit;
		padding: 1.333vw 3.2vw;
	}

	.news-post .post-ttl h1 {
		font-size: 4.8vw;
		margin-top: 3.2vw;
		padding-bottom: 4.8vw;
	}

	.news-post .post-content { padding-bottom: 5.333vw; }

	.news-post .column > .image {
		float: none;
		width: 100%;
	}

	.news-post .column > p {
		float: none;
		margin-top: 3.733vw;
		max-width: 100%;
	}

	.news-post .return { margin-top: 6.4vw; }
}

/* --------------------------------------------------------------------------------------
  記事の中身のスタイルをデフォルトに戻す
--------------------------------------------------------------------------------------- */

.post-content address,
.post-content blockquote,
.post-content body,
.post-content dd,
.post-content div,
.post-content dl,
.post-content dt,
.post-content fieldset,
.post-content form,
.post-content frame,
.post-content frameset,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content noframes,
.post-content ol,
.post-content p,
.post-content ul,
.post-content li,
.post-content center,
.post-content dir,
.post-content hr,
.post-content menu,
.post-content pre {
	display: block;
	line-height: 1.6;
	unicode-bidi: embed;
}

.post-content li { display: list-item; }
.post-content head { display: none; }
.post-content table { border-spacing: 2px; display: table; }
.post-content tr { display: table-row; }
.post-content thead { display: table-header-group; }
.post-content tbody { display: table-row-group; }
.post-content tfoot { display: table-footer-group; }
.post-content col { display: table-column; }
.post-content colgroup { display: table-column-group; }

.post-content td,
.post-content th { display: table-cell; }

.post-content caption {
	display: table-caption;
	text-align: center;
}

.post-content th {
	font-weight: bolder;
	text-align: center;
}

.post-content body { margin: 8px; }

.post-content h1 {
	font-size: 2.5em;
	margin: .67em 0;
}

.post-content h2 {
	font-size: 2.4rem;
	margin: .75em 0;
}

.post-content h3 {
	font-size: 1.5em;
	margin: .83em 0;
}

.post-content h4,
.post-content p,
.post-content blockquote,
.post-content ul,
.post-content fieldset,
.post-content form,
.post-content ol,
.post-content dl,
.post-content dir,
.post-content menu {
	font-weight: 400;
	margin: 1.12em 0;
}

.post-content h5 {
	font-size: .83em;
	margin: 1.5em 0;
}

.post-content h6 {
	font-size: .75em;
	margin: 1.67em 0;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content b,
.post-content strong { font-weight: 700; }

.post-content blockquote {
	margin-left: 40px;
	margin-right: 40px;
}

.post-content i,
.post-content cite,
.post-content em,
.post-content var,
.post-content address { font-style: italic; }

.post-content pre,
.post-content tt,
.post-content code,
.post-content kbd,
.post-content samp { font-family: monospace; }

.post-content pre { white-space: pre; }

.post-content button,
.post-content textarea,
.post-content input,
.post-content select { display: inline-block; }

.post-content big { font-size: 1.17em; }

.post-content small,
.post-content sub,
.post-content sup { font-size: .83em; }

.post-content sub { vertical-align: sub; }
.post-content sup { vertical-align: super; }

.post-content thead,
.post-content tbody,
.post-content tfoot { vertical-align: middle; }

.post-content td,
.post-content th,
.post-content tr { vertical-align: inherit; }

.post-content s,
.post-content strike,
.post-content del { text-decoration: line-through; }

.post-content hr { border: 1px inset; }

.post-content ol,
.post-content ul,
.post-content dir,
.post-content menu,
.post-content dd { margin-left: 40px; }

.post-content ul { list-style: unset; }

.post-content ol { list-style-type: decimal; }

.post-content ol ul,
.post-content ul ol,
.post-content ul ul,
.post-content ol ol {
	margin-bottom: 0;
	margin-top: 0;
}

.post-content u,
.post-content ins { text-decoration: underline; }

.post-content br:before {
	content: '\A';
	white-space: pre-line;
}

.post-content center { text-align: center; }

.post-content a:link,
.post-content a:visited { text-decoration: underline; word-break: break-all; }

.postid-1951 .post-content a:link,
.postid-1951 .post-content a:visited ,
.postid-1963 .post-content a:link,
.postid-1963 .post-content a:visited { text-decoration: none; }

.postid-1963 .post-content a:link{ margin: 0 auto;}

.post-content a { color: var(--color-sky-blue); }
.post-content a:focus { outline: thin dotted invert; }