@charset "UTF-8";

.ncat { display: inline-block; box-sizing: border-box; border: 1px solid var(--wine); color: var(--wine); text-align: center; letter-spacing: 0; line-height: 1; }
.ncat--1 { background: var(--wine); color: #fff; }

.nlist__list { border-top: 1px solid #b6b6b6; }
.nlist__list li { border-bottom: 1px solid #b6b6b6; }
.nlist__item { display: flex; color: #000; }
.nlist__meta { display: flex; align-items: center; flex: none; }
.nlist__meta time { color: var(--wine); letter-spacing: 0; }
.nlist__empty, .ndetail__empty { text-align: center; }

.npager { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.npager a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid var(--text); color: var(--text); letter-spacing: 0; line-height: 1; }
.npager a.current { background: var(--wine); border-color: var(--wine); color: #fff; pointer-events: none; }

.ndetail__head { border-bottom: 1px solid var(--text); }
.ndetail__meta { display: flex; align-items: center; }
.ndetail__meta time { color: var(--wine); letter-spacing: 0; }
.ndetail__ttl { color: #000; }
.ndetail__img { text-align: center; }
.ndetail__file a { color: var(--wine); text-decoration: underline; }

/* PHP工房 著作権表記 */
.ncredit { text-align: center; letter-spacing: 0.05em; line-height: 1; }
.ncredit a { color: var(--gray); }

/* 管理画面のエディタで入力した本文 */
.ndetail__text { word-wrap: break-word; overflow-wrap: break-word; }
.ndetail__text p { text-align: left; }
.ndetail__text a { color: var(--wine); text-decoration: underline; }
.ndetail__text b, .ndetail__text strong { font-weight: 700; }
.ndetail__text i, .ndetail__text em { font-style: italic; }
.ndetail__text u { text-decoration: underline; }
.ndetail__text ul, .ndetail__text ol { padding-left: 1.5em; }
.ndetail__text ul li { list-style: disc; }
.ndetail__text ol li { list-style: decimal; }
.ndetail__text img { max-width: 100%; height: auto; }
.ndetail__text hr { border-top-color: var(--line); }

@media (min-width: 1001px) {
	.ncat { width: 130px; padding: 5px 0; font-size: 13px; }

	.nlist { padding: 160px 0; }
	.nlist .ch3 { margin-bottom: 60px; }
	.nlist__item { align-items: center; min-height: 60px; padding: 16px 0; box-sizing: border-box; }
	.nlist__meta { width: 287px; }
	.nlist__meta time { width: 137px; font-size: 16px; }
	.nlist__ttl { flex: 1; font-size: 16px; line-height: 1.75; letter-spacing: 0; }
	a.nlist__item:hover { color: var(--wine); opacity: 1; }
	.nlist__empty { font-size: 16px; }

	.npager { gap: 10px; margin-top: 60px; }
	.npager a { min-width: 40px; height: 40px; padding: 0 12px; font-size: 14px; transition: background .3s, color .3s, border-color .3s; }
	.npager a:hover { background: var(--wine); border-color: var(--wine); color: #fff; opacity: 1; }
	.npager .overPagerPattern { font-size: 14px; }

	.ndetail { padding: 160px 0; }
	.ndetail__head { padding-bottom: 30px; }
	.ndetail__meta { gap: 20px; }
	.ndetail__meta time { font-size: 16px; }
	.ndetail__ttl { margin-top: 16px; font-size: 24px; line-height: 1.6; letter-spacing: 0.06em; }
	.ndetail__body { margin-top: 50px; }
	.ndetail__block + .ndetail__block { margin-top: 40px; }
	.ndetail__img { margin-bottom: 24px; }
	.ndetail__img img { border-radius: 10px; }
	.ndetail__file { margin-bottom: 24px; font-size: 16px; }
	.ndetail__text { font-size: 16px; line-height: 2; letter-spacing: 0.04em; }
	.ndetail__text p { line-height: 2; }
	.ndetail__empty { font-size: 16px; line-height: 2; }
	.ndetail .cbtn--box { margin-top: 80px; }

	.ncredit { margin-top: 80px; font-size: 11px; }
	.ncredit a:hover { color: var(--wine); opacity: 1; }
}

@media (max-width: 1000px) {
	.ncat { width: 26.667vw; padding: 1.067vw 0; font-size: 2.933vw; border-width: 0.267vw; }

	.nlist { padding: 21.067vw 0 21.333vw; }
	.nlist .ch3 { margin-bottom: 8vw; }
	.nlist__list { border-top-width: 0.267vw; }
	.nlist__list li { border-bottom-width: 0.267vw; }
	.nlist__item { flex-direction: column; padding: 4.8vw 0; }
	.nlist__meta { gap: 3.2vw; }
	.nlist__meta time { font-size: 3.467vw; line-height: 1; }
	.nlist__ttl { margin-top: 3.2vw; font-size: 3.467vw; line-height: 1.385; letter-spacing: 0; }
	.nlist__empty { font-size: 3.467vw; }

	.npager { gap: 2.133vw; margin-top: 10.667vw; }
	.npager a { min-width: 9.6vw; height: 9.6vw; padding: 0 2.4vw; font-size: 3.2vw; border-width: 0.267vw; }
	.npager .overPagerPattern { font-size: 3.2vw; }

	.ndetail { padding: 21.067vw 0 21.333vw; }
	.ndetail__head { padding-bottom: 5.333vw; border-bottom-width: 0.267vw; }
	.ndetail__meta { gap: 3.2vw; }
	.ndetail__meta time { font-size: 3.467vw; line-height: 1; }
	.ndetail__ttl { margin-top: 3.2vw; font-size: 4.8vw; line-height: 1.5; letter-spacing: 0.04em; }
	.ndetail__body { margin-top: 8vw; }
	.ndetail__block + .ndetail__block { margin-top: 8vw; }
	.ndetail__img { margin-bottom: 4.8vw; }
	.ndetail__img img { border-radius: 1.333vw; }
	.ndetail__file { margin-bottom: 4.8vw; font-size: 3.467vw; }
	.ndetail__text { font-size: 3.467vw; line-height: 1.846; letter-spacing: 0; }
	.ndetail__text p { font-size: 3.467vw; line-height: 1.846; }
	.ndetail__empty { font-size: 3.467vw; line-height: 1.846; }
	.ndetail .cbtn--box { margin-top: 13.333vw; }

	.ncredit { margin-top: 13.333vw; font-size: 2.667vw; }
}