@charset "utf-8";
/* 調査事例専用（共通部分はサイトの /css/base.css を読み込み） */

/* 調査事例では調査エリアのイラストを表示しない（旧base.cssの指定を継続） */
.investigation_area .area_illust { display: none; }

#column_hero { padding:5em 0 5em 0; }

.page_wrapper { padding:0 0 10em 0; }

.column_left { width:100%; }
.column_right { width:100%; margin-block-start: 6em; }

.column_left .post_list { align-items: stretch; }
.column_left .post_list article.post {
	width:calc(450vw / 19.2); border:solid 1px #E2E0DC; border-top-right-radius:0.5em; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; margin:0 calc(40vw / 19.2) calc(40vw / 19.2) 0;
}
.column_left .post_list article.post:nth-of-type(3n) { margin:0 0 calc(40vw / 19.2) 0; }


.column_left .post_list article.post .cat_badge { display: inline-block; width: max-content; inset:0 auto auto 0; padding:0.2em 0.5em 0.2em 0.5em; }
.column_left .post_list article.post .cat_badge i { margin-right:0.3em; }


.column_left .post_list article.post .post-thumbnail { width:100%; aspect-ratio: 450 / 258; overflow:hidden; border-top-right-radius:0.5em; }
.column_left .post_list article.post .post-thumbnail a { display: block; }
.column_left .post_list article.post .post-thumbnail a img { width:100%; height:100%; object-fit:cover; }

.column_left .post_list article.post .entry-content { padding:0 1.25em 1.25em 1.25em; }

.column_left.column_single article.post { margin-block-end:4em; }
.column_left.column_single .entry-title { position:relative; padding: 0.1em 0 0.1em 1em; }
.column_left.column_single .entry-title::before { content:""; position:absolute; inset:0; width:4px; height:100%; background:linear-gradient(to bottom,#E8651A 0 ,#FF9A41 100%); }

.column_left.column_single .post-thumbnail { width:100%; aspect-ratio: 450 / 258; overflow:hidden; border-top-right-radius:0.5em; margin-block-end:2em; }
.column_left.column_single .post-thumbnail img { width:100%; height:100%; object-fit:cover; }

.column_left.column_single .entry-header { margin-block-end:2em; }



.column_left .entry-date { margin-right:1em; }
.column_left .cat-links { margin-right:1em; }
.column_left .tag-links { margin-right:1em; }

.column_left .search-result-count { margin-block-end: 2em; }



.column_left .entry-content a:not(.column_left .post_list .entry-content a) { color: #E8651A; text-decoration:underline; }

.column_left .post_list .more-link { color: #E8651A; }



.nav-links { display: flex; justify-content: flex-start; font-size:calc(22 * 0.052vw); }

.nav-links .page-numbers { display:grid; place-content:center; margin-right:0.5em; border-radius:0.4em; width:2em; height:2em; }
.nav-links span.page-numbers {  background:linear-gradient(to right,#E8651A 0%,#FF9A41 100%); color:#FFFFFF; }
.nav-links span.page-numbers.dots { background:none; color:#463F38; }
.nav-links a.page-numbers { border:solid 1px #E8651A; }

.nav-links a.page-numbers.next { width:4.5em; }
.nav-links a.page-numbers.prev { width:4.5em; }


.post-navigation .nav-links { display: block; }
.post-navigation .nav-links:after { content: ""; clear: both; display: block; }
.nav-links .nav-previous { width: 45%; float:left; }
.nav-links .nav-next { width: 45%; float:right; text-align:right; }

.nav-links .nav-previous .svg-icon,
.nav-links .nav-next .svg-icon { color:#E8651A; }

.column_right .widget_block {  }


.column_right .cat_ttl { padding:0 0 0 1.8em; }
.column_right .cat_ttl::before { content:"\f660"; font-family:"Font Awesome 7 Pro"; color: #E8651A; font-size:calc(24 * 0.052vw); position:absolute; inset:0; }

.column_right .wp-block-categories-list { list-style-type:none; padding: 0; }
.column_right .wp-block-categories-list li { display:inline-block; margin:0 0.5em 0.5em 0; }
.column_right .wp-block-categories-list li a { display:grid; place-content:center; background-color:#FDF4ED; padding:0.1em 0.4em 0.1em 0.4em; border-radius:4px; }

.column_right .archive_ttl { padding:0 0 0 1.8em; }
.column_right .archive_ttl::before { content:"\f073"; font-family:"Font Awesome 7 Pro"; color: #E8651A; font-size:calc(24 * 0.052vw); position:absolute; inset:0; }

.column_right .wp-block-archives-list { list-style-type:none; padding: 0; }
.column_right .wp-block-archives-list  li { display:inline-block; margin:0 0.5em 0.5em 0; }
.column_right .wp-block-archives-list  li a { display:grid; place-content:center; background-color:#EEEEEE; padding:0.1em 0.4em 0.1em 0.4em; border-radius:4px; }


.column_right .tag_ttl { padding:0 0 0 1.8em; }
.column_right .tag_ttl::before { content:"\f02b"; font-family:"Font Awesome 7 Pro"; color: #E8651A; font-size:calc(24 * 0.052vw); position:absolute; inset:0; }


.column_right .wp-block-search__label { padding:0 0 0 1.75em; font-weight: 700; display: block; margin-block-end: 0.5em; }
.column_right .wp-block-search__label::before { content:"\f002"; font-family:"Font Awesome 7 Pro"; color: #E8651A; font-size:calc(24 * 0.052vw); position:absolute; inset:0; }


:root :where(.wp-element-button, .wp-block-button__link) { width: 5em; padding: 0; border-radius: 0.25em; font-size: 0.8em; letter-spacing: 0.1em; }


.column_right .tag-cloud-link { display: inline-block; margin: 0 0.5em 0.5em 0; background-color: #FDF4ED; padding: 0.1em 0.4em 0.1em 0.4em; border-radius: 4px; }






/* 記事本文が <pre> で入っているため、改行は残しつつ画面幅で折り返す */
.column_left .entry-content pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; }
