@charset "UTF-8";
/*--------------------------------------------------------------
# ブレイクポイント
-------------------------------------------------------------- */
.single #page,
.archive #page {
		margin-top: 8rem;
}

.single #breadcrimb-area,
.archive #breadcrimb-area {
		background: #c7c7c7;
		box-shadow: 0 8px 10px -4px rgba(0, 0, 0, 0.5) inset;
}

.single #breadcrimb-area .breadcrumbs,
.archive #breadcrimb-area .breadcrumbs {
		width: 100%;
		max-width: 120rem;
		margin: auto;
		padding: 1rem;
}

.single #breadcrimb-area .breadcrumbs span a span,
.archive #breadcrimb-area .breadcrumbs span a span {
		color: #202f54;
}

.single #breadcrimb-area .breadcrumbs span span.current-item,
.archive #breadcrimb-area .breadcrumbs span span.current-item {
		color: #607d8b;
}

.single div#contents,
.archive div#contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		width: 100%;
		max-width: 123rem;
		padding: 0 1.5rem;
		margin: 3rem auto 8rem;
}

.single div#contents main,
.archive div#contents main {
		width: calc(100% - 34rem);
		position: relative;
}

@media (max-width: 888px) {
		.single div#contents main,
		.archive div#contents main {
				width: 100%;
		}
}

.single div#contents main .section-inner,
.archive div#contents main .section-inner {
		/*--------------------------------------------------------------
    # ブログ更新時間
    --------------------------------------------------------------*/
		/*--------------------------------------------------------------
    # タグリスト
    --------------------------------------------------------------*/
}

.single div#contents main .section-inner .blog_meta,
.archive div#contents main .section-inner .blog_meta {
		font-size: 1.3rem;
		display: flex;
		align-items: center;
}

.single div#contents main .section-inner .blog_meta span.material-icons-sharp,
.archive div#contents main .section-inner .blog_meta span.material-icons-sharp {
		font-size: 1.3rem;
}

.single div#contents main .section-inner h1,
.archive div#contents main .section-inner h1 {
		font-size: 1.5em;
		border-bottom: solid 1px #202f54;
		line-height: 1;
		padding: 1rem 0;
}

.single div#contents main .section-inner ul.tag-list,
.archive div#contents main .section-inner ul.tag-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: end;
}

.single div#contents main .section-inner ul.tag-list li,
.archive div#contents main .section-inner ul.tag-list li {
		margin: 1rem 0.5rem;
}

.single div#contents main .section-inner ul.tag-list li a,
.archive div#contents main .section-inner ul.tag-list li a {
		padding: 0.3rem 1rem;
		background: #202f54;
		color: #fff;
		font-weight: 500;
		display: flex;
		align-items: center;
		border: solid 1px #202f54;
		font-size: 1.3rem;
}

.single div#contents main .section-inner ul.tag-list li a span,
.archive div#contents main .section-inner ul.tag-list li a span {
		font-size: 1.3rem;
		margin-right: 0.5rem;
}

@media (hover: hover) {
		.single div#contents main .section-inner ul.tag-list li a:hover,
		.archive div#contents main .section-inner ul.tag-list li a:hover {
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

@media (hover: none) {
		.single div#contents main .section-inner ul.tag-list li a:active,
		.archive div#contents main .section-inner ul.tag-list li a:active {
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

.single div#contents main .section-inner ul.tag-list li.no-tag,
.archive div#contents main .section-inner ul.tag-list li.no-tag {
		padding: 0.3rem 1rem;
		background: #848484;
		color: #fff;
		font-weight: 500;
		display: flex;
		align-items: center;
		font-size: 1.3rem;
}

.single div#contents main .section-inner ul.tag-list li.no-tag span,
.archive div#contents main .section-inner ul.tag-list li.no-tag span {
		font-size: 1.3rem;
		margin-right: 0.5rem;
}

.single div#contents main .section-inner .entry-content,
.archive div#contents main .section-inner .entry-content {
		/*目次エリア*/
}

.single div#contents main .section-inner .entry-content .mokuji-area,
.archive div#contents main .section-inner .entry-content .mokuji-area {
		background: #efefef;
		border: double 3px #202f54;
		padding: 2rem;
}

.single div#contents main .section-inner .entry-content .mokuji-area p,
.archive div#contents main .section-inner .entry-content .mokuji-area p {
		text-align: center;
		font-size: 2.5rem;
		font-weight: 500;
		color: #202f54;
		line-height: 1;
		border-bottom: solid 1px #202f54;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
}

.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji,
.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji {
		counter-reset: no;
		padding: 0 1rem;
}

.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li,
.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li {
		display: flex;
		align-items: baseline;
		position: relative;
}

.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li::before,
.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li::before {
		display: flex;
		justify-content: center;
		align-items: center;
		content: counter(no);
		counter-increment: no;
		color: white;
		line-height: 1;
		width: 30px;
		height: 30px;
		font-weight: 500;
		font-size: 1.8rem;
		z-index: 1;
		position: absolute;
		top: 7px;
		left: 1px;
}

.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li:after,
.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li:after {
		content: "";
		background-color: #202f54;
		width: 30px;
		height: 30px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		box-shadow: 3px 3px #f8f3d9;
		border-radius: 50%;
		position: absolute;
		z-index: 0;
		top: 9px;
}

.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li a,
.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li a {
		padding: 1rem;
		padding-left: 4rem;
		color: #202f54;
}

@media (hover: hover) {
		.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li a:hover,
		.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li a:hover {
				opacity: 0.6;
		}
}

@media (hover: none) {
		.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li a:active,
		.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li a:active {
				opacity: 0.6;
		}
}

.single div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li:not(:last-child),
.archive div#contents main .section-inner .entry-content .mokuji-area ul.mokuji li:not(:last-child) {
		border-bottom: dashed 1px #bcbcbc;
}

.single div#contents main .section-inner .entry-content .mokuji-area.mokuji-on,
.archive div#contents main .section-inner .entry-content .mokuji-area.mokuji-on {
		display: block;
}

.single div#contents main .section-inner .entry-content .mokuji-area.mokuji-off,
.archive div#contents main .section-inner .entry-content .mokuji-area.mokuji-off {
		display: none;
}

.single div#contents main .section-inner .entry-content .blogcontents,
.archive div#contents main .section-inner .entry-content .blogcontents {
		margin-top: 5rem;
}

.single div#contents main .section-inner .entry-content .blogcontents h2,
.archive div#contents main .section-inner .entry-content .blogcontents h2 {
		font-size: 2rem;
		border-left: double 3px #202f54;
		padding: 1rem;
		line-height: 1.2;
		margin-bottom: 2rem;
}

.single div#contents aside#secondary,
.archive div#contents aside#secondary {
		width: 34rem;
		margin-top: 1.9rem;
		/*--------------------------------------------------------------

   # サイドバー

   -------------------------------------------------------------- */
}

@media (max-width: 888px) {
		.single div#contents aside#secondary,
		.archive div#contents aside#secondary {
				width: 100%;
				max-width: 640px;
				margin-top: 8rem;
		}
}

.single div#contents aside#secondary section,
.archive div#contents aside#secondary section {
		width: 100%;
		padding: 0 2rem;
}

.single div#contents aside#secondary section:not(:last-child),
.archive div#contents aside#secondary section:not(:last-child) {
		margin-bottom: 5rem;
}

.single div#contents aside#secondary.widget-area .side-title,
.archive div#contents aside#secondary.widget-area .side-title {
		padding: 1.5rem 0 1rem;
		margin-bottom: 1rem;
		border-bottom: solid 1px #202f54;
		line-height: 1;
		font-size: 2rem;
		font-weight: 500;
		text-align: center;
}

.single div#contents aside#secondary.widget-area .wpp-list,
.archive div#contents aside#secondary.widget-area .wpp-list {
		margin: 0 !important;
		counter-reset: no;
}

.single div#contents aside#secondary.widget-area .wpp-list li,
.archive div#contents aside#secondary.widget-area .wpp-list li {
		position: relative;
		padding: 0.5rem;
		border: solid 1px #dfdfe0;
		transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
}

.single div#contents aside#secondary.widget-area .wpp-list li span.material-icons-sharp,
.archive div#contents aside#secondary.widget-area .wpp-list li span.material-icons-sharp {
		position: absolute;
		bottom: 3px;
		left: 66px;
		background: #fff;
		color: #607d8b;
		box-shadow: 2px 2px 2px #b5b4b4;
		border-radius: 50%;
		padding: 0.3rem;
		font-size: 16px;
}

@media (hover: hover) {
		.single div#contents aside#secondary.widget-area .wpp-list li:hover,
		.archive div#contents aside#secondary.widget-area .wpp-list li:hover {
				border: solid 1px #202f54;
				background: #dfdfe0;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
		.single div#contents aside#secondary.widget-area .wpp-list li:hover a,
		.archive div#contents aside#secondary.widget-area .wpp-list li:hover a {
				color: #202f54;
		}
}

@media (hover: none) {
		.single div#contents aside#secondary.widget-area .wpp-list li:active,
		.archive div#contents aside#secondary.widget-area .wpp-list li:active {
				border: solid 1px #202f54;
				background: #dfdfe0;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
		.single div#contents aside#secondary.widget-area .wpp-list li:active a,
		.archive div#contents aside#secondary.widget-area .wpp-list li:active a {
				color: #202f54;
		}
}

.single div#contents aside#secondary.widget-area .wpp-list li:before,
.archive div#contents aside#secondary.widget-area .wpp-list li:before {
		content: counter(no);
		counter-increment: no;
		color: white;
		background-color: black;
		z-index: 1;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		opacity: .999;
		line-height: 30px;
		width: 30px;
		height: 30px;
		font-weight: 500;
		border-radius: 2px;
		-moz-border-radius: 2px;
		margin-right: -25px;
		box-shadow: 3px 3px #fff;
}

.single div#contents aside#secondary.widget-area .wpp-list li:first-child::before,
.archive div#contents aside#secondary.widget-area .wpp-list li:first-child::before {
		background-color: #ceb953;
}

.single div#contents aside#secondary.widget-area .wpp-list li:nth-child(2)::before,
.archive div#contents aside#secondary.widget-area .wpp-list li:nth-child(2)::before {
		background-color: #b5b5b5;
}

.single div#contents aside#secondary.widget-area .wpp-list li:nth-child(3)::before,
.archive div#contents aside#secondary.widget-area .wpp-list li:nth-child(3)::before {
		background-color: #976a43;
}

.single div#contents aside#secondary.widget-area .topics li:not(:last-child),
.archive div#contents aside#secondary.widget-area .topics li:not(:last-child) {
		margin-bottom: 1.5rem;
}

.single div#contents aside#secondary.widget-area .topics li a,
.archive div#contents aside#secondary.widget-area .topics li a {
		display: flex;
		justify-content: center;
		margin: auto;
		width: 96%;
		text-align: center;
		border: solid 1px #202f54;
		background: #202f54;
		padding: 1rem;
		color: #fff;
		font-weight: 500;
}

@media (hover: hover) {
		.single div#contents aside#secondary.widget-area .topics li a:hover,
		.archive div#contents aside#secondary.widget-area .topics li a:hover {
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

@media (hover: none) {
		.single div#contents aside#secondary.widget-area .topics li a:active,
		.archive div#contents aside#secondary.widget-area .topics li a:active {
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

.single main,
.archive main {
		display: block;
}

.single main nav.navigation.post-navigation,
.archive main nav.navigation.post-navigation {
		background: #dfdfe0;
		margin: 0;
}

.single main article .blog .entry-content .pdf {
		margin: 3rem 0;
}

.single main article .blog .entry-content p a {
		border-bottom: solid 1px #202f54;
}

.single main .info-nav .section-inner {
		padding: 5rem 1.5rem;
}

.single main nav.navigation.post-navigation .nav-previous a, .single main nav.navigation.post-navigation .nav-next a {
		display: inline-block;
		background: #202f54;
		font-weight: 500;
		color: #fff;
		padding: 1rem 2rem;
		border: solid 1px #202f54;
}

@media (hover: hover) {
		.single main nav.navigation.post-navigation .nav-previous a:hover, .single main nav.navigation.post-navigation .nav-next a:hover {
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

@media (hover: none) {
		.single main nav.navigation.post-navigation .nav-previous a:active, .single main nav.navigation.post-navigation .nav-next a:active {
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

.archive main {
		padding: 0 1.5rem;
}

.archive .page-header h1 {
		font-size: 1.5em;
		border-bottom: solid 1px #202f54;
		line-height: 1;
		padding: 1rem 0;
		margin: 2rem 0 1.5rem;
}

.archive .archive-contents {
		/*ページネーション*/
}

.archive .archive-contents ul {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem 2%;
}

@media (max-width: 991px) {
		.archive .archive-contents ul {
				gap: 2rem 2%;
		}
}

.archive .archive-contents ul li {
		width: 32%;
}

@media (max-width: 991px) {
		.archive .archive-contents ul li {
				width: 100%;
		}
}

.archive .archive-contents ul li a {
		display: flex;
		flex-wrap: wrap;
		border: solid 1px #dfdfe0;
}

.archive .archive-contents ul li a p.post-img {
		width: 100%;
		position: relative;
		padding-top: 65%;
}

@media (max-width: 991px) {
		.archive .archive-contents ul li a p.post-img {
				width: 30rem;
				padding-top: 20rem;
		}
}

@media (max-width: 640px) {
		.archive .archive-contents ul li a p.post-img {
				width: 100%;
				padding-top: 25rem;
		}
}

.archive .archive-contents ul li a p.post-img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: "object-fit: cover;";
}

.archive .archive-contents ul li a p.post-img img.dummy {
		object-fit: contain;
		font-family: "object-fit: contain;";
		background: #ccc;
		padding: 2rem;
}

.archive .archive-contents ul li a .post-text {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		background: #f8f8f8;
		padding: 2rem;
}

@media (max-width: 991px) {
		.archive .archive-contents ul li a .post-text {
				width: calc(100% - 30rem);
		}
}

@media (max-width: 640px) {
		.archive .archive-contents ul li a .post-text {
				width: 100%;
		}
}

@media (max-width: 991px) {
		.archive .archive-contents ul li a .post-text span.date {
				height: 2.5rem;
		}
}

.archive .archive-contents ul li a .post-text span.cate {
		background: #ff9800;
		color: #fff;
		font-weight: 500;
		border-radius: 30px;
		padding: 0 1rem;
}

@media (max-width: 991px) {
		.archive .archive-contents ul li a .post-text span.cate {
				height: 2.5rem;
		}
}

.archive .archive-contents ul li a .post-text span.title {
		margin-top: 1rem;
		border-top: dashed 1px #9e9e9e;
		padding-top: 1rem;
		width: 100%;
}

@media (hover: hover) {
		.archive .archive-contents ul li a:hover {
				border: solid 1px #202f54;
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

@media (hover: none) {
		.archive .archive-contents ul li a:active {
				border: solid 1px #202f54;
				background: #dfdfe0;
				color: #202f54;
				box-shadow: 5px 5px 2rem #c4c7ce;
		}
}

.archive .archive-contents nav.navigation.pagination {
		margin: 8rem 2rem 0;
}

.archive .archive-contents nav.navigation.pagination .nav-links {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1rem;
}

.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers {
		width: 3rem;
		height: 3rem;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ebebeb;
		border-radius: 50%;
}

@media (hover: hover) {
		.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers:hover {
				background: #202f54;
				color: #fff;
		}
}

@media (hover: none) {
		.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers:active {
				background: #202f54;
				color: #fff;
		}
}

.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.next, .archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.prev {
		width: 4rem;
		height: 3rem;
		border-radius: 0;
		background: none;
}

@media (hover: hover) {
		.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.next:hover, .archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.prev:hover {
				color: #202f54;
		}
}

@media (hover: none) {
		.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.next:active, .archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.prev:active {
				color: #202f54;
		}
}

.archive .archive-contents nav.navigation.pagination .nav-links .page-numbers.current {
		background: #202f54;
		color: #fff;
}