@charset "UTF-8";





/* =================== */
/*       pubulic       */
/* =================== */
main { min-height:33rem; }
main::before { top:14rem; position:fixed; }

.breadcrumbs-box .breadcrumbs > span:last-child::after { display:none; }

.pagination-box { margin-top:4rem; }
.pagination-box .nav-links {
	display:flex;
	justify-content:center;
}
.pagination-box .nav-links .page-numbers {
	font-size:1rem;
	color:#38306e;
	font-family: "Inter", sans-serif;
	width:2rem;
	line-height:2rem;
	text-align:center;
	border:1px solid #38306e;
	margin:0 .25rem;
}
.pagination-box .nav-links a.page-numbers:hover { opacity:.5; }
.pagination-box .nav-links .page-numbers.current {
	background:#38306e;
	color:#fff;
}
.pagination-box .nav-links .page-numbers.next,
.pagination-box .nav-links .page-numbers.prev {
	font-size:.75rem;
	width:3.25rem;
	font-weight:300;
}


@media screen and (max-width: 750px) {
	.pagination-box .nav-links .page-numbers.next,
	.pagination-box .nav-links .page-numbers.prev { font-size:13px; width:45px; }
	.pagination-box .nav-links .page-numbers { width:30px; line-height:30px; font-size:15px; }
}








/* =================== */
/*       body.search       */
/* =================== */
body.search .search-result .error-txt {
	font-size:.9rem;
	margin-top:3rem;
}

@media screen and (max-width: 750px) {
	body.search .search-result .error-txt { font-size:15px; }
}








/* =================== */
/*       body.single       */
/* =================== */
body.single main > .inner-box {
	margin-top:2.5rem;
	align-items:flex-start;
}
body.single .main-cont-box { width:calc(100% - 14rem - 1.5rem); }
body.single .side-menu {
	width:14rem;
	background:rgba(255,255,255,.7);
	padding:1.5rem 0;
}
body.single .main-cont-box article {
	background:rgba(255,255,255,.7);
	padding:2.5rem 2rem 2.5rem 4rem;
}
body.single .main-cont-box article p { margin-bottom:0; }
body.single .main-cont-box article .art-date-box {
	justify-content:flex-start;
	font-size:.6rem;
	color:#999;
	margin-left:-2rem;
}
body.single .main-cont-box article .art-date-box time { margin-right:.8rem; }
body.single .main-cont-box article .art-date-box time::before {
	content:"\f303";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
body.single .main-cont-box article .art-date-box .update::before {
	content:"\f363";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
body.single .main-cont-box article .art-title {
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.33;
}
body.single .main-cont-box article .art-info-box {
	font-size:.6rem;
	color:#38306e;
	margin:1.5rem 0 3rem;
}
body.single .main-cont-box article .art-info-box .cat-box {
	display:flex;
	margin-top:.5rem;
}
body.single .main-cont-box article .art-info-box a:visited { color:#38306e; }
body.single .main-cont-box article .art-info-box .cat-box a:hover { text-decoration:underline; }
body.single .main-cont-box article .art-info-box .cat-box::before {
	content:"\f07b";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
body.single .main-cont-box article .art-info-box .view-txt::before {
	content:"\f06e";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:inline-block;
	margin-right:.2rem;
}
body.single .main-cont-box article .editor-box {
	font-size:.75rem;
	line-height:2.16;
}
body.single .main-cont-box article .back-btn { padding-right:2rem; }
body.single .main-cont-box article .back-btn a {
	margin:4.5rem auto 0;
	width:15rem;
	color:#fff;
	background:rgba(123,86,134,.7);
	border-radius:100vmax;
	line-height:2.25rem;
	display:block;
	font-size:.85rem;
	text-align:center;
}
body.single .main-cont-box article .back-btn a:hover { opacity:.5; }
body.single .main-cont-box .relation-box ul li:nth-child(n + 6) { display:none; }
body.single .main-cont-box .relation-box.more ul li:nth-child(n + 6) { display:block; }

body.single .side-menu .side-ttl {
	color:#372d72;
	text-align:center;
	font-size:1.25rem;
	font-weight:bold;
}
body.single .side-menu .copy {
	font-size:.7rem;
	color:#372d72;
	text-align:center;
	margin-top:.5rem;
	font-weight:500;
}
body.single .side-menu .side-search-box {
	margin-bottom:1.5rem;
	padding:0 1rem;
}
body.single .side-menu .side-search-box div {
	position:relative;
	border-radius:100vmax;
	border:1px solid #999;
}
body.single .side-menu .side-search-box div::before {
	content:"\f002";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	display:block;
	color:#999;
	font-size:.7rem;
	position:absolute;
	left:1rem;
	top:.65rem;
}
body.single .side-menu .side-search-box input[type="text"] {
	width:calc(100% - 2.5rem);
	border-radius:100vmax 0 0 100vmax;
	line-height:2rem;
	font-size:.7rem;
	padding:0 1rem 0 2rem;
	border:0;
}
body.single .side-menu .side-search-box input[type="submit"] {
	width:2.5rem;
	background:#999;
	color:#fff;
	font-size:.7rem;
	font-family:"Noto Sans JP", sans-serif;
	padding:0;
	line-height:2rem;
	border-radius:0 100vmax 100vmax 0;
	border:0;
	letter-spacing:.05em;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	transition:0.3s ease all;
}
body.single .side-menu .side-search-box input[type="submit"]:hover { opacity:.5; }
body.single .side-menu .category-list-box ul { margin-left:0; margin-bottom:0; }
body.single .side-menu .category-list-box > ul > li { margin-bottom:.7rem; }
body.single .side-menu .category-list-box p.parent {
	font-size:.65rem;
	padding:.5rem 1rem;
	color:#000;
	display:block;
	margin-bottom:0;
	font-weight:500;
	position:relative;
	cursor:pointer;
}
body.single .side-menu .category-list-box p.parent::after {
	content:"+";
	display:block;
	position:absolute;
	right:1rem;
	top:0;
  height:1em;
  bottom:0;
  margin:auto 0;
  font-size:.9rem;
}
body.single .side-menu .category-list-box p.parent.open::after { content:"−"; }
body.single .side-menu .category-list-box p.parent.now + .child-list { display:block; }
body.single .side-menu .category-list-box .child-list { display:none; }
body.single .side-menu .category-list-box .child-list li.now a {
	background:rgba(56,48,110,.7);
	color:#fff;
	font-weight:bold;
}
body.single .side-menu .category-list-box .child-list a {
	font-size:.625rem;
	color:#000;
	padding:.6rem 3rem;
	display:block;
}
body.single .side-menu .category-list-box a:hover {
	background:rgba(56,48,110,.7);
	color:#fff;
	font-weight:bold;
}


@media screen and (max-width: 750px) {
	body.single main > .inner-box { display:block; }
	body.single .main-cont-box { width:100%; }
	body.single .main-cont-box article { padding:40px 20px 40px 30px; }
	body.single .main-cont-box article .art-date-box { font-size:13px; }
	body.single .main-cont-box article .art-title { font-size:20px; }
	body.single .main-cont-box article .art-info-box { font-size:13px; }
	body.single .main-cont-box article .editor-box { font-size:15px; line-height:2; }
	body.single .main-cont-box article .back-btn a { font-size:15px; line-height:40px; width:200px; }
	body.single .side-menu { width:100%; margin-top:50px; padding:30px 0; }
	body.single .side-menu .side-ttl { font-size:20px; }
	body.single .side-menu .copy { font-size:15px; margin-top:10px; }
	body.single .side-menu .side-search-box input[type="text"] { line-height:30px; font-size:13px; padding-left:30px; width:calc(100% - 50px); }
	body.single .side-menu .side-search-box div::before { top:1rem; font-size:13px; }
	body.single .side-menu .side-search-box input[type="submit"] { width:50px; font-size:13px; line-height:30px; }
	body.single .side-menu .category-list-box p.parent { font-size:15px; padding:7px 20px; }
	body.single .side-menu .category-list-box p.parent::after { font-size:20px; right:20px; }
	body.single .side-menu .category-list-box .child-list a { font-size:14px; padding:10px 50px; }
}