@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:calc(900vw / 19.2); }
.column_right { width:calc(470vw / 19.2); }

.column_left article.post { box-shadow:0 0 6px rgba(64, 51, 41,0.1); border-radius:1em; padding: 0.5em 1.5em 1.5em 1.5em; margin-block-end: 4em; }

.column_left .entry-title { position:relative; padding: 0.1em 0 0.1em 1em; }
.column_left .entry-title::before { content:""; position:absolute; inset:0; width:4px; height:100%; background:linear-gradient(to bottom,#E8651A 0 ,#FF9A41 100%); }


.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 { color: #E8651A; text-decoration:underline; }


.column_left .worries_ttl { margin-block-start: 1.5em; margin-block-end: 0.75em; }
.column_left .worries_ttl i { margin-right:0.4em; }
.column_left .worries_txt { padding:1.25em; border-radius:0.5em; }

.column_left .advice_ttl { margin-block-start: 1.5em; margin-block-end: 0.75em; }
.column_left .advice_ttl i { margin-right:0.4em; }
.column_left .advice_txt { padding:1.25em; border-radius:0.5em; }


.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 { margin-block-end:2em; }

.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 .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; }

