@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 変数
************************************/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 400;
	src: url('font/NotoSansJP-Regular.woff') format('woff'), url('font/Not oSansJP-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 500;
	src: url('font/NotoSansJP-Medium.woff') format('woff'), url('font/NotoSansJP-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoS ansJP';
	font-style: normal;
	font-weight: 600;
	src: url('font/NotoSansJP-SemiBold.woff') format('woff'), url('font/NotoSansJP-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 700;
	src: url('font/NotoSansJP-Bold.woff') format('woff'), url('font/NotoSansJP-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'icomoon';
	font-style: normal;
	font-weight: 400;
	src: url('font/icomoon.woff') format('woff'), url('font/icomoon.woff2') format('woff2');
}
/* アニメーション */

@keyframes flash {
	0% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blinking {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
:root {
	--2: calc(2 / 16 * 1rem);
	--3: calc(3 / 16 * 1rem);
	--4: calc(4 / 16 * 1rem);
	--6: calc(6 / 16 * 1rem);
	--7: calc(7 / 16 * 1rem);
	--8: calc(8 / 16 * 1rem);
	--9: calc(9 / 16 * 1rem);
	--10: calc(10 / 16 * 1rem);
	--12: calc(12 / 16 * 1rem);
	--13: calc(13 / 16 * 1rem);
	--14: calc(14 / 16 * 1rem);
	--15: calc(15 / 16 * 1rem);
	--16: calc(16 / 16 * 1rem);
	--17: calc(17 / 16 * 1rem);
	--18: calc(18 / 16 * 1rem);
    --19: calc(19 / 16 * 1rem);
	--20: calc(20 / 16 * 1rem);
    --21: calc(21 / 16 * 1rem);
	--22: calc(22 / 16 * 1rem);
	--24: calc(24 / 16 * 1rem);
	--26: calc(26 / 16 * 1rem);
	--28: calc(28 / 16 * 1rem);
	--32: calc(32 / 16 * 1rem);
	--40: calc(40 / 16 * 1rem);
	--42: calc(42 / 16 * 1rem);
	--45: calc(45 / 16 * 1rem);
	--48: calc(48 / 16 * 1rem);
	--56: calc(56 / 16 * 1rem);
	--64: calc(64 / 16 * 1rem);
	--72: calc(72 / 16 * 1rem);
	--80: calc(80 / 16 * 1rem);
	--88: calc(88 / 16 * 1rem);
	--96: calc(96 / 16 * 1rem);
	--104: calc(104 / 16 * 1rem);
	--112: calc(112 / 16 * 1rem);
	--120: calc(120 / 16 * 1rem);
	--128: calc(128 / 16 * 1rem);
	--136: calc(138 / 16 * 1rem);
	--font: Inter, NotoSansJP, -apple-system, blinkmacsystemfont, Segoe UI, Hiragino Kaku Gothic ProN, BIZ UDPGothic, meiryo, sans-serif;
	/* --main: #93EE68; */
	--main: #3C9A11;
	/* --gray: #353A2F; */
	--gray: #313430;
	/* --light-gray: #71756D; */
	--light-gray: #707b65;
	--border: #E3E2DE;
	--bg: #F2F1ED;
	--bg-sub: #DEEBD8;
	--link: #2c6f0c;
}
/* icon */
[class^="icon-"] {
	font-family: icomoon;
}
.icon-x-corp:before {
	content: "\e932";
	color: #14171A;
}
.icon-facebook:before {
	content: "\e92f";
	color: #1877F2;
}
.icon-hatena:before {
    content: "\e92e";
	color: #00A4DE;
}
.icon-copy:before {
	content: "\e93a";
	color: var(--light-gray);
}
.fa-external-link:before {
	content: "\e930";
	font-family: icomoon;
	margin: 0 var(--4);
}
.fa-folder-open:before {
	font-family: icomoon;
	content: "\e90a";
}
.icon-x-corp-logo:before {
	content: "\e932";
}
.icon-rss-logo:before {
	content: "\e92a";
}
.icon-home-logo:before {
	content: "\e907";
}
/************************************
** リセット
************************************/

*, *::before, *::after {
	box-sizing: border-box;
}
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
	margin: 0;
}
ul[role='list'], ol[role='list'] {
	list-style: none;
}
body {
	min-height: 100vh;
	line-height: 1.5;
}
a:not([class]) {
	text-decoration-skip-ink: auto;
	color: currentColor;
}
img, picture {
	max-width: 100%;
	display: block;
}
input, button, textarea, select {
	font: inherit;
}
textarea:not([rows]) {
	min-height: 10em;
}
:target {
	scroll-margin-block: 5ex;
}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
iframe {
	width: 100%;
}
/************************************
** 基本
************************************/

body {
	font: 400 var(--16)/1.6 var(--font);
	letter-spacing: .02em;
	color: var(--gray);
}
a {
	text-decoration: none;
	color: var(--gray);
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
a:hover {
	text-underline-offset: 3px;
	text-decoration-thickness: 3px;
}

/************************************
** レイアウト
************************************/

.container {}
.wrap {
	width: 100%;
	max-width: 66rem;
	margin: 0 auto;
}
.header-container {
	padding: 0 var(--16);
}
.header-container .wrap {
	max-width: 75rem;
	display: flex;
	align-items: center;
}
.header {
	margin-right: auto;
}
.content {
    margin: 0 0 var(--96);
    padding: var(--96) var(--16) 0;
	position: relative;
	container-type: inline-size;
}
.content:after {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
	height: min(24vw, 13rem);
    background: var(--bg-sub);
    z-index: -1;
}
.front-top-page:has(.content) .content:after {
	height: 20rem;
}
.single-post:has(.content) .content:after {
	height: 32rem;
}
.category:has(.content) .content:after,.tag:has(.content) .content:after {
	height: min(31vw, 18rem);
}
.page-template-default:has(.content) .content:after {
	height: 23rem;
}
.content-in {
	display: grid;
	grid-template-columns: 69.11% auto;
	gap: 0 var(--96);
}
.search:has(.content) .content:after {
	height: 21rem;
}
.main {
	margin-bottom: var(--96);
}
.sidebar {}
.content-bottom {
	padding: 0 16px;
}
.footer {
	background: var(--bg);
    padding: var(--40) var(--16);
}
/************************************
** ヘッダー
************************************/

.header-in {
	padding: var(--24) 0;
}
.logo {
	line-height: 1.65;
}
.site-name-text-link {
	font-size: var(--24);
	font-weight: 700;
	padding: var(--8) 0;
}
.tagline {
	display: none;
}
.navi-in ul {
	display: flex;
	gap: var(--48);
}
.navi-in ul a {
	font-size: var(--16);
	padding: var(--16) 0;
	font-weight: 700;
	display: inline-block;
	white-space: nowrap;
}
.navi-in ul a:hover {
	color: var(--link);
	text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
/************************************
** メイン-トップページ
************************************/
.list-new-entries-title, .list-header-title,.main-widget-label,.widget-content-bottom-title,.related-entry-heading,.related-entry-heading,.comment-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--4) var(--6);
	margin-bottom: var(--32);
	font-size: var(--32);
    font-weight: 700;
}
.list-title-in, .list-header-in-title,.widget-index-bottom-title-in,.widget-content-bottom-title-in,.widget-index-top-title-in,.related-entry-main-heading,.comment-title-in {
	order: 3;
	width: 100%;
	line-height: 1.5;
	letter-spacing: .01em;
	display: block;
}
.list-new-entries-title:after,.list-header-title:after,.main-widget-label:after,.widget-content-bottom-title:after,.related-entry-heading:after,.comment-title:after  {
	content: "";
	height: 7px;
	width: 7px;
	background: var(--main);
	border-radius: 100%;
	order: 1;
	display: block;
}
.list-new-entries-title:before, .list-header-title:before,.main-widget-label:before,.widget-content-bottom-title:before,.related-entry-heading:before,.comment-title:before {
	content: "新着記事";
	font-size: var(--12);
	order: 2;
	display: block;
}
.list-header-title:before {
	content: "カテゴリー別の新着記事";
}

/* new entry list */
.ect-2-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--40) var(--24);
}
.ect-2-columns a.entry-card-wrap:hover img {
	
}
.ect-2-columns a.entry-card-wrap:hover .entry-card-title {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}
.list-new-entries {
	margin-bottom: var(--80);
}
.entry-card-thumb {
	margin-bottom: var(--12);
}
.entry-card-thumb img {
	object-fit: cover;
    aspect-ratio: 1.9 / 1;
}
.entry-card-meta {
	display: inline-flex;
	align-items: center;
	margin-bottom: var(--8);
	color: var(--light-gray);
	line-height: 1;
}
.entry-card-info {
	display: none;
}
.post-date .fa, .post-update .fa {
	display: none;
}
.post-date, .post-update {
	font-size: var(--12);
	display: inline-flex;
	align-items: center;
}
.post-date:after, .post-update:after {
	content: "";
	width: 1px;
	height: var(--19);
	background: var(--light-gray);
	display: inline-block;
	margin: 0 var(--9);
}
.post-date {}
.post-update {}
.entry-card-categorys {
	font-size: var(--12);
}
.ect-2-columns .entry-category {
    display: none;
}
.ect-2-columns .entry-category:first-child {
	display: inline-block;
}
.ect-2-columns .entry-card-title {
	font-size: var(--17);
}
.cat-label {
	display: none;
}
.entry-card-snippet {
	display: none;
}
.list-more-button-wrap {
	display: flex;
	justify-content: center;
	margin-top: var(--24);
}
.list-new-entries .list-more-button-wrap {
	margin-top: var(--40);
}
.list-more-button {
	display: inline-flex;
	align-items: center;
	line-height: 1.5;
	gap: 0 var(--10);
	padding: var(--12) var(--16) var(--12) var(--22);
	border: 1px solid var(--border);
	box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
	font-weight: 700;
	font-size: var(--16);
}
.list-more-button:hover {
	background: var(--main);
	color: white;
	
}
.list-more-button:hover .link-arrow {
	color: white;
}
.entry-list-link {
	font-weight: 700;
}
.link-arrow {
	font-family: icomoon;
	color: var(--main);
}
.link-arrow:before {
	content: "\e938";
	font-family: icomoon;
}
/* category post list */

.fpt-2-columns {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--40) var(--24);
	margin-bottom: var(--80);
}
.fpt-2-columns .list-title {
	font-size: var(--20);
	line-height: 1.5;
	padding: var(--8) var(--16);
	background: var(--bg);
	margin-bottom: var(--24);
}
.fpt-2-columns a.widget-entry-card-link:hover img {
	
}
.fpt-2-columns a.widget-entry-card-link:hover .widget-entry-card-title {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}
.ect-entry-card {
	margin-bottom: var(--16);
}
.widget-entry-cards {
	display: grid;
	gap: var(--16) 0;
}
.widget-entry-card {
	display: grid;
	grid-template-columns: 40.9% auto;
	gap: var(--12);
}
.widget-entry-card-title {
	font-size: var(--16);
	line-height: 1.5;
	font-weight: 700;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: var(--8);
}
.widget-entry-card-date {
	line-height: 1;
	color: var(--light-gray);
}
.widget-entry-card-date:has(.widget-entry-card-update-date) .widget-entry-card-post-date {
	display: none;
}
.widget-entry-card-date :is(.post-date, .post-update):after {
	display: none;
}
/* popular post */
.content-bottom-in {
	margin-bottom: var(--96);
}
.widget-index-bottom {
	margin-top: var(--80);
}
.widget-index-bottom-title:before,.widget-content-bottom-title:before,.widget-index-top-title-in:before {
	content: "人気記事（月間）";
}
.widget-index-bottom .widget-entry-cards,.widget-content-bottom .widget-entry-cards,.widget-index-top .widget-entry-cards {
	display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--24) var(--24);
	counter-reset: item;
}
.widget-index-bottom .popular-entry-card-link,.widget-index-top .popular-entry-card-link{
	position: relative;
}
.widget-index-bottom .popular-entry-card-link:after,.widget-index-top .popular-entry-card-link:after{
	counter-increment: item;
    content: counter(item) "";
    font-weight: bold;
	height: var(--24);
	width: var(--24);
	background: var(--bg);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--20);
}
.widget-content-bottom .widget-entry-cards {
	grid-template-columns: repeat(4,1fr);
}
.widget-index-bottom .widget-entry-card,.widget-content-bottom .widget-entry-card,.widget-index-top .widget-entry-card {
	grid-template-columns: auto;
}
.widget-index-bottom .widget-entry-card-title,.widget-content-bottom .widget-entry-card-title,.widget-index-top .widget-entry-card-title {
	font-size: var(--16);
}
.widget-content-bottom .popular-entry-card-link:hover .widget-entry-card-title {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;	
}
.widget-index-bottom .popular-entry-card-date,.widget-content-bottom .popular-entry-card-date,.widget-index-top .popular-entry-card-date {
	display: none;
}
.widget-content-bottom .popular-entry-card-link {
	background: white;
}
.widget-content-bottom .popular-entry-card-content {
	margin: 0;
    /* padding: 0 var(--16) var(--14); */
}

/* 人気記事下の広告 */
.content-footer-ad {
	padding: var(--24);
	border: 1px solid var(--border);
	margin-top: var(--80);
}

/* 検索結果ページ */
.archive-title {
	margin-bottom: var(--32);
	line-height: 1.5;
    letter-spacing: .01em;
}
.archive-title .fa {
	display: none;
}
.archive-title:after {
	content: "\306E\691C\7D22\7D50\679C\4E00\89A7";
	font-size: var(--20);
    margin-left: var(--14);
    letter-spacing: .02em;
}
.search .search-box {
	margin-bottom: var(--24);
}
/* カテゴリーページ */
.category .archive-title:after {
	content: "\306E\8A18\4E8B\4E00\89A7";
}
/* ページナビゲーション */
.pagination-next {
	margin-top: var(--40);
}
.screen-reader-text {
	display: none;
}
.pagination-next-link {
    padding: var(--12) var(--16) var(--12) var(--16);
    display: flex;
    width: 100%;
    border: 1px solid var(--border);
    box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
}
.pagination-next-link:after {
	content: "\e938";
    font-family: icomoon;
	color: var(--main);
}
.pagination-next-link:hover {
	background: var(--main);
	color: white;
}
.pagination {
	margin-top: var(--24);
	display: flex;
	line-height: 1;
	gap:var(--8);
	justify-content: center;
	flex-wrap: wrap;
}
.pagination a,.pagination .current,.pagination .dots {
	height: var(--48);
	width: var(--48);
	display: inline-block;
	display: flex;
    align-items: center;
    justify-content: center;
	border: 1px solid var(--border);
	flex-shrink: 0;
	box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
}
.pagination a:hover {
	background: var(--main);
	color: white;
}
.pagination .prev {
	
}
.pagination .prev .fa-angle-left:before,.pagination .next .fa-angle-right:before {
	font-size: var(--20);
}
.pagination .page-numbers {
	
}
.pagination .current {
	background: var(--bg);
	font-weight: 700;
}
.pagination .dots {
	color: var(--light-gray);
}
.pagination .next {
	
}
.pagination .next .fa-angle-right:before {
	
}
/************************************
** メイン-個別ページ-ヘッダー
************************************/
.entry-title {
	font-size: var(--42);
	line-height: 1.5;
    letter-spacing: 0;
	margin-bottom: var(--24);
}
.article_header_date {
	display: flex;
	font-size: var(--14);
	color: var(--light-gray);
	margin-bottom: var(--14);
	line-height: 1;
	align-items: center;
}
.article_header_date .fa-history {
	display: inline-block;
}
.article_header_date .fa-history:before {
	font-family: icomoon;
	content: "\e923";
	margin-right: var(--2);
}
.entry-categories-tags {
	margin-bottom: var(--24);
}
.entry-categories a {
	color: var(--link);
}
.entry-categories a:hover {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}
.entry-categories a:after {
	content: ",";
	color: var(--light-gray);
	margin: 0 var(--2);
	display: inline-block;
}
.entry-categories a:last-child:after {
	display: none;
}
.article_header_date .entry-categories-tags {
	margin-bottom: 0;
}
.entry-tags {
	display: flex;
	gap: 0 var(--4);
}
.entry-categories-tags .fa {
	display: none;
}
.article_header_date:has(.entry-categories) .entry-tags{
	display: none;
}
.entry-categories-tags .entry-categories {
	display: none;
}
.article_header_date .entry-categories {
	display: block;
}

.article_header_date :is(.post-date, .post-update) {
	font-size: var(--14);
}
.article_header_date .post-date:after,.article_header_date .post-update:after {
	height: var(--21);
}
.tag-link {
	display: inline-flex;
    align-items: center;
	font-size: var(--13);
	padding: var(--10) var(--8);
	background: white;
	line-height: 1;
}
.tag-link:before {
	content: "#";
	color: var(--main);
	margin-right: var(--4);
}
.tag-link:hover {
	background: var(--main);
	color: white;
}
.tag-link:hover:before {
	color: white;
}
.eye-catch {
	
}
.eye-catch img {
	border-radius: var(--4);
}
.article-header-bottom-box {
	display: flex;
	align-items: center;
	margin: var(--24) 0 var(--26);
}
.sns-share-buttons {
	display: inline-flex;
	gap: var(--16);
}
.sns-share {
	margin-right: auto;	
}
.sns-button .button-caption {
	display: none;
}
.sns-button {
	font-size: var(--40);
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	cursor: pointer;
}
.sns-button:hover {
    opacity: .7;
}
.hatena-bookmark-button {
	font-size: 2.25rem;
    padding: 0 0 0 var(--2);
}
.copy-button:active .copy-info {
	display: block;
}
.pr-label {
	font-size: var(--12);
    padding: var(--8) var(--8) var(--8) var(--12);
    display: inline-block;
    border: 1px solid var(--border);
    color: var(--light-gray);
}
/************************************
** メイン-個別ページ-本文
************************************/
.entry-content {
	font-size: var(--17);
	line-height: 1.7;
}
.entry-content p,[class^="wp-block-cocoon-"],.wp-block-image {
	margin: var(--24) 0;
	word-break: break-all;
}
.wp-element-caption {
    font-size: var(--14);
    color: var(--light-gray);
    margin-top: var(--8);
}
.entry-content a {
	color: var(--link);
}
.entry-content h2 {
	font-size: var(--32);
	letter-spacing: .01em;
	margin: var(--96) 0 var(--24);
	line-height: 1.5;
	padding-bottom: var(--16);
    border-bottom: 2px solid var(--main);
}
.entry-content h3 {
	font-size: var(--28);
	letter-spacing: .01em;
	margin: var(--72) 0 var(--24);
	line-height: 1.5;
	border-left: var(--6) solid var(--main);
    padding-left: var(--16);
}
.entry-content h4 {
	font-size: var(--22);
	letter-spacing: .02em;
	margin: var(--56) 0 var(--24);
	line-height: 1.7;
	padding: var(--16) 0;
    border: 1px solid var(--main);
    border-left: none;
    border-right: none;
}
.entry-content p a {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.entry-content p a:hover {
    text-decoration-thickness: 3px;
}
.bold-red {
    font-weight: 700;
    color: #e23030;
}
.red {
	color: #e23030;
}
.wp-block-image img {
	padding: var(--3);
    background-color: var(--bg);
}
.article_in_ad {
	margin: var(--24) 0;
}
#baguetteBox-overlay {
	background-color: var(--gray);
    background-color: oklab(0.32 -0.01 0.01 / 0.8) !important;
	-webkit-transition: inherit;
    transition: inherit;
}
#baguetteBox-slider {
	-webkit-transition: inherit;
    transition: inherit;
    transition: inherit;
    transition: inherit;
}
.lity {
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.lity-content {
	-webkit-transition: inherit;
    transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    transition: inherit;
}
/* 目次 */
.toc {
	background: var(--bg);
    padding: var(--24);
	padding: var(--16) var(--24) var(--24);
	margin: var(--24) 0;
}
.toc-checkbox {
	display: none;
}
.toc-title {
	cursor: pointer;
    padding: var(--8) 0;
    display: block;
	font-weight: 700;
}
.toc-checkbox:checked + .toc-title + .toc-content {
    display: block;
}
.toc-checkbox:checked+.toc-title:after {
	content: '[close]';
	font-size: var(--14);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.toc-title:after {
	content: '[open]';
	font-size: var(--14);
	font-weight: 400;
	margin-left: var(--8);
	color: var(--link);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.toc-checkbox:checked+.toc-title:hover:after,.toc-title:hover:after{
    text-decoration-thickness: 3px;
}
.toc-content {
	display: none;
}
.toc-list {
	font-size: var(--14);
	border-top: 1px solid var(--border);
	padding-top: var(--12);
}
ol.toc-list li {
	
}
ol.toc-list li a {
	padding: var(--8) 0;
	display: block;
	border-bottom: 1px solid var(--border);
	color: var(--gray);
	font-weight: 700;
}
ol.toc-list li a:hover {
	color: var(--link);
	text-decoration: underline;
	text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
ol.toc-list li ol{
	
} 
ol.toc-list li li {
	margin-left: var(--16);
}
ol.toc-list li li a {
	
}
ol.toc-list li li ol {
	
}
ol.toc-list li li li {
	margin-left: var(--16);
}
ol.toc-list li li li a {
	
}
/* 目次下の広告 */
#custom_html-6 {
	margin: var(--24) 0;
}
/* 案内と注意*/
.information-box,.primary-box {
	/* background: #f6ecf2; */
	background: var(--bg);
    color: #921057;
    padding: var(--24) var(--32);
    font-size: var(--16);
    margin: var(--24) 0;
    border-left: 5px solid;
	border-radius: var(--4);
	position: relative;
}
.information-box p:first-child,.primary-box p:first-child {
	margin: 0;
}
.information-box p:last-child,.primary-box p:last-child {
	margin-bottom: 0;
}
.information-box p,.primary-box p {
	margin: var(--12) 0;
}
.information-box {
	padding: var(--24) var(--32) var(--24) var(--32);
}
.information-box:before,.primary-box:before {
    font-family: icomoon;
    content: "\e91a";
    position: absolute;
    bottom: var(--4);
    right: var(--4);
    font-size: var(--64);
    line-height: 1;
    opacity: .08;
}
.primary-box {
    /* background: #E9EFFD; */
	background: var(--bg);
    color: #103992;
}
.primary-box:before {
	content: "\e91c";
}
/* リスト */
ul.wp-block-list,ol.wp-block-list {
	margin: var(--24) 0;
	display: grid;
	gap: var(--8) 0;
}
ul.wp-block-list li,ol.wp-block-list li {
	word-break: break-all;
	position: relative;
	padding-left: var(--32);
}
ol.wp-block-list li {
	padding-left: 2.375rem;
}
ul.wp-block-list > li:before {
    content: "";
    width: var(--8);
    height: var(--8);
    background: var(--main);
    margin: 0 var(--12);
    border-radius: 100%;
    flex-shrink: 0;
	margin-top: .6em;
	position: absolute;
	left: 0;
}
ol.wp-block-list {
	margin: var(--24) 0;
	counter-reset: item;
}
.entry-content :is(ul.wp-block-list, ol.wp-block-list) li :is(span, strong) {
    display: contents;
	word-break: break-all;
}
ol.wp-block-list > li:before {
    counter-increment: item;
    content: counter(item) ".";
    color: var(--main);
	font-weight: 700;
    margin: 0 var(--12);
	position: absolute;
    left: 0;
    top: 0;
}
.wp-block-list li a {
	text-decoration: underline;
}
.wp-block-list li a:hover {
	text-decoration-thickness: 3px;
}
.wp-block-list li a .fa {
	text-decoration: none;
}
.wp-block-list li a .fa-external-link:before {
	display: inline-block;
}
/* テーブル */
.wp-block-table {
	margin: var(--24) 0;
	container-type: inline-size;
}
.wp-block-table tr td:first-child {
	background: var(--bg);
	border-right: 1px solid var(--border);
	width: 100%;
    max-width: 34%;
	font-size: var(--17);
}
.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}
.wp-block-table tbody {
	border: 1px solid var(--border);
}
.wp-block-table tr {
	border-bottom: 1px solid var(--border);
}
.wp-block-table td {
	padding: var(--16) var(--24);
	font-size: var(--16);
	border-left: 1px solid var(--border);
}
.wp-block-table td a {
	text-decoration: underline;
}
.wp-block-table td a:hover {
	text-decoration-thickness: 3px;
}
@container (max-width: 500px) {
	.wp-block-table tr {
		display: grid;
	}
	.wp-block-table tr td:first-child {
		max-width: 100%;
		border-bottom: 1px solid var(--border);
		border-right: none;
	}
	.wp-block-table td {
		border-left: none;
	}
	.wp-block-table:has(table tr td:nth-child(3)) {
		overflow-x: auto;
		white-space: nowrap;
	}
	.wp-block-table:has(table tr td:nth-child(3)) td {
		border-left: 1px solid var(--border);
	}
	.wp-block-table:has(table tr td:nth-child(3)) tr {
		display: inherit;
	}
	.wp-block-table:has(table tr td:nth-child(3)) table {
		min-width: 600px;
		white-space: nowrap;
	}
}
/* ボックス-基本 */
.entry-content:has([class^="wp-block-cocoon-"]) p:last-child,ul:last-child,ol:last-child {
	margin-bottom: 0;
}
.entry-content:has([class^="wp-block-cocoon-"]) p:first-child,ul:first-child,ol:first-child {
	margin: 0;
}
.entry-content:has([class^="wp-block-cocoon-"] p:last-child) p:nth-of-type(1) {
	margin: 0;
}
[class^="wp-block-cocoon-"] p:last-child,[class^="wp-block-cocoon-"] ul:last-child,[class^="wp-block-cocoon-"] ol:last-child {
	margin-bottom: 0;
}
[class^="wp-block-cocoon-"] p:first-child,[class^="wp-block-cocoon-"] ul:first-child,[class^="wp-block-cocoon-"] ol:first-child {
	margin: 0;
}
[class^="wp-block-cocoon-"]:has(p:last-child) p:nth-of-type(1) {
	margin: 0;
}
/* ボックス-白抜きボックス */
.wp-block-cocoon-blocks-blank-box-1 {
	border: 2px solid var(--border);
	padding: var(--24) var(--32);
	font-size: var(--16);
}
/* ボックス-付箋ボックス */
.wp-block-cocoon-blocks-sticky-box {
	padding: var(--24) var(--32);
	background: var(--bg);
	border-left: 5px solid var(--light-gray);
}
/* ボックス-タブボックス */
.wp-block-cocoon-blocks-tab-box-1 {
	position: relative;
	margin-top: var(--56);
	padding: var(--24) var(--32);
	border: 1px solid var(--border);
}
.bb-label {
	font-family: icomoon, var(--font);
}
.bb-label {
    position: absolute;
    font-size: 13px;
    top: -2rem;
    left: -1px;
    line-height: 1;
    height: var(--32);
    display: flex;
    align-content: center;
    align-items: center;
    background: #777056;
    color: white;
    padding: 0 var(--16);
}

.bb-point .bb-label:after {
	content:"ポイント";
}
.bb-check .bb-label:after {
	content:"チェック";
}
.bb-memo .bb-label:after {
	content: "メモ";
}
.bb-bad .bb-label {
    background: #11669a;
    color: white;
}
.bb-bad .bb-label:after {
	content: "BAD";
}
.bb-good .bb-label {
	background: #9a1111;
	color: white;
}
.bb-good .bb-label:after {
	content: "GOOD";
}
.bb-label:before {
	font-family: icomoon;
	margin-right: var(--4);
	font-size: var(--16);
	margin-left: -0.25rem;
	color: rgba(255, 255, 255, .75);
}
.bb-point .bb-label:before {
	content: "\e91c";
}
.bb-memo .bb-label:before {
	content: "\e90d";
}
.bb-check .bb-label:before {
	content:"\e93e";
}
.bb-bad .bb-label:before {
	content:"\e93b";
	color: rgba(255, 255, 255, .75);
}
.bb-good .bb-label:before {
	content:"\e93d";
	color: rgba(255, 255, 255, .75);
}
/* ボックス-見出しボックス */
.wp-block-cocoon-blocks-caption-box-1 {
	border: 1px solid var(--border);
}
.wp-block-cocoon-blocks-caption-box-1 .caption-box-label {
    font-size: var(--16);
    padding: var(--10) var(--16) var(--6);
    border-bottom: 1px solid var(--border);
	background: var(--bg-sub);
}
.wp-block-cocoon-blocks-caption-box-1 .caption-box-content {
	padding: var(--24) var(--32);
	font-size: var(--16);
}
/* ボックス-タブ見出しボックス */
.wp-block-cocoon-blocks-tab-caption-box-1 {
	
}
.wp-block-cocoon-blocks-tab-caption-box-1 .tab-caption-box-label {
    display: inline-block;
    background: var(--main);
    font-size: var(--14);
    padding: var(--10) var(--16) var(--8);
    color: white;
    line-height: 1;
}
.tab-caption-box-label-text {
	display: inline-flex;
	align-items:center;
}
.wp-block-cocoon-blocks-tab-caption-box-1 .tab-caption-box-content {
	padding: var(--24) var(--32);
    font-size: var(--16);
	background: var(--bg);
}
.tab-caption-box-label-text:before {
	font-family: icomoon;
	font-size: var(--16);
    font-weight: 400;
    margin-right: var(--4);
	margin-left: -0.25rem;
	color: rgba(255, 255, 255, .75);
}
.fab-check .tab-caption-box-label-text:before {
    content: "\e93e";
}
.fab-bookmark .tab-caption-box-label-text:before {
    content: "\e916";
}
.fab-download .tab-caption-box-label-text:before {
    content: "\e925";
}
.fab-exclamation-circle .tab-caption-box-label-text:before {
    content: "\e91a";
}
/* ボックス-ラベルボックス */
.wp-block-cocoon-blocks-label-box-1 {
	
}
.wp-block-cocoon-blocks-label-box-1 .label-box-label {
    display: inline-flex;
    padding: 0 var(--16);
    align-items: center;
    justify-content: center;
    margin-left: var(--16);
    background: white;
    font-size: var(--14);
    background: var(--main);
    height: var(--32);
    color: white;
    border-radius: var(--20);
	text-shadow: none;
}
.wp-block-cocoon-blocks-label-box-1 .label-box-content{
	border: 2px solid var(--main);
    padding: var(--32) var(--32) var(--24);
    margin-top: -1rem;
	font-size: var(--16);
}
/* ボックス-アコーディオン */
.wp-block-cocoon-blocks-toggle-box-1 {
	
}
.wp-block-cocoon-blocks-toggle-box-1 .toggle-checkbox {
	display: none;
}
.wp-block-cocoon-blocks-toggle-box-1 .toggle-button {
    cursor: pointer;
    padding: var(--12) var(--16);
    display: block;
    background: var(--light-gray);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: var(--4);
	font-size: var(--16);
}
.toggle-checkbox:checked + .toggle-button {
	border-radius: var(--4) var(--4) 0 0 ;
}
.wp-block-cocoon-blocks-toggle-box-1 .toggle-button:before {
    font-family: icomoon;
    content: "\e935";
    width: var(--24);
    height: var(--24);
    background: white;
    color: var(--light-gray);
    display: flex;
    justify-content: center;
    border-radius: 100%;
    line-height: var(--24);
    margin-right: var(--8);
}
.toggle-checkbox:checked + .toggle-button:before {
	content: "\e936";
}
.wp-block-cocoon-blocks-toggle-box-1 .toggle-content {
	padding: var(--24) var(--32);
	border: 2px solid var(--light-gray);
	border-top: none;
	display: none;
}
.toggle-checkbox:checked + .toggle-button + .toggle-content {
	display: block;
}
.toggle-content:has(pre) pre,.toggle-content .wp-block-cocoon-blocks-timeline {
	margin: 0;
}
.toggle-content .timeline-title {
	margin-top: 0;
}
/* ボタン */
.wp-block-cocoon-blocks-button-1 {
	
}
.wp-block-cocoon-blocks-button-1 a {
    display: block;
    background: var(--bg-sub);
    padding: var(--14) var(--24) var(--14) var(--48);
    font-size: var(--16);
    position: relative;
}
.wp-block-cocoon-blocks-button-1 a:before {
    content: "\e930";
    font-family: icomoon;
    border-radius: 100%;
    display: inline-block;
    line-height: var(--24);
    margin-right: var(--8);
    position: absolute;
    left: var(--24);
    top: var(--15);
}
.wp-block-cocoon-blocks-button-1 a:hover {
	color: var(--link);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
.wp-block-cocoon-blocks-button-1 a:hover:before {
	text-decoration: none;
}
.wp-block-cocoon-blocks-button-1 a .fa {
	display:none;
}
.wp-block-cocoon-blocks-button-1 .btn-s {
	width: 100%;
}
.wp-block-cocoon-blocks-button-1 .btn-m {
	width: 100%;
}
.wp-block-cocoon-blocks-button-1 .btn-l{
	width: 100%;
}
/* ブログカード */
.wp-block-cocoon-blocks-blogcard {
	margin-top: var(--56);
}
.blogcard-wrap {
	display: block;
	margin: var(--56) 0 var(--24);
}
.blogcard {
    position: relative;
    border: 1px solid var(--border);
    padding: var(--24) var(--32);
	display: grid;
    grid-template-columns: 10rem auto;
    grid-template-rows: auto auto;
	gap: 0 var(--16);
}
.blogcard-label {
    position: absolute;
    top: -2rem;
    left: -1px;
    height: var(--32);
    line-height: var(--32);
    padding: 0 var(--16);
    background: var(--gray);
    color: white;
    font-size: var(--14);
    display: flex;
    align-items: center;	
}
.blogcard-thumbnail {
	width: 10rem;
    grid-row: 1 / 3;
}
.blogcard-thumbnail img {
	width: 10rem;
}
.blogcard:hover .blogcard-thumbnail img {
	opacity: .8;
}
.blogcard-content {
	
}
.blogcard-footer {
	font-size: var(--14);
    grid-column-start: 2;
	line-height: 1;
	margin-top: var(--4);
}
.blogcard-title {
	color: var(--gray);
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	font-size: var(--17);
	word-break: break-all;
}
.blogcard:hover .blogcard-title {
	color: var(--link);
	text-decoration: underline;
	text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
.blogcard-snippet {
	font-size: var(--12);
	color: var(--light-gray);
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	margin: var(--8) 0;
	word-break: break-all;
}
.blogcard-site {
	display: flex;
    align-items: center;
}
.blogcard-favicon {
	margin-right: var(--4);
}
.blogcard-domain {
	word-break: break-all;
}
.blogcard-date {
	display: none;
}
.wp-block-cocoon-blocks-blogcard .cf:after {
    clear: both;
    content: "";
    display: block;
}
/* ブログカード-ラベル */
.blogcard-label:before {
	font-family: icomoon;
    margin-right: var(--4);
    margin-left: -.25rem;
	content: "\e937";
	opacity: .85;
}
.bct-related .blogcard-label:after {
	content: "関連記事";
}
.bct-reference .blogcard-label:before {
	content: "\e937";
}
.bct-reference .blogcard-label:after {
	content: "参考記事";
}
.bct-reference-link .blogcard-label:before {
	content: "\e937";
}
.bct-reference-link .blogcard-label:after {
	content: "参考リンク";
}

.bct-popular .blogcard-label:after {
	content: "人気記事";
}

.bct-together .blogcard-label:after {
	content: "あわせて読む";
}

.bct-detail .blogcard-label:after {
	content: "詳細はこちら";
}
.bct-check .blogcard-label:after {
	content: "チェック";
}
.bct-pickup .blogcard-label:after {
	content: "ピックアップ";
}
.bct-official .blogcard-label:after {
	content: "公式サイト";
}
.bct-dl .blogcard-label:before {
	content: "\e925";
}
.bct-dl .blogcard-label:after {
	content: "ダウンロード";
}
.bct-prev .blogcard-label:after {
	content: "前回の記事";
}
.bct-next .blogcard-label:after {
	content: "続きの記事";
}
/* ギャラリー1カラム2カラム */
.wp-block-gallery,.wp-block-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 var(--16) !important;
	margin: var(--16) 0 var(--16);
}
.wp-block-columns {
	display: g
}
/* バルーン */
.wp-block-cocoon-blocks-micro-balloon-2 {
	margin: var(--24) 0;
 }
.micro-balloon-content {
    font-size: var(--14);
    padding: var(--8) var(--16);
    background: var(--bg-sub);
    position: relative;
	display: inline-flex;
	align-items: center;
}
.micro-balloon-content:after {
	content: "";
    position: absolute;
    bottom: -7px;
    left: 16px;
    width: 16px;
    height: 8px;
    background-color: var(--bg-sub);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.micro-balloon-content:before {
	font-family: icomoon;
	content: "\e93f";
	margin-left: -.25rem;
    margin-right: var(--4);
    color: var(--main);
	font-size: var(--16);
}
/* コード */
.wp-block-code {
	padding: var(--40) var(--32) var(--24);
    background: var(--bg);
	position: relative;
	margin: var(--24) 0;
}
.wp-block-code:after {
    position: absolute;
    top: 0;
    left: 0;
    height: var(--24);
    line-height: var(--24);
    padding: 0 var(--16);
    background: #9a6f11;
    color: white;
    font-size: var(--14);
	font-family: var(--font);
}
.wp-block-code.css:after {
	content: "CSS";
}
.wp-block-code.html:after {
	content: "HTML";
}
.wp-block-code.javascript:after {
	content: "javascript";
}
.wp-block-code.php:after {
	content: "PHP";
}
.wp-block-code.css:after {
	content: "CSS";
}
.wp-block-code code {
	color: #402f08;
    font-size: 14px;
	font-family: "Noto Sans Mono", monospace;
	white-space: pre-wrap;
    word-wrap: break-word;
}
/* アマゾン旧 */
.amazon_box {
	padding: var(--24);
	display: flex;
	align-items: center;
	gap: 0 var(--24);
	border: 1px solid var(--border);
	margin: var(--24) 0;
}
.amazon_box a .fa {
	display: none;	
}
.amazon_box_img {
	width: 100%;
	max-width: 10rem;
}
.amazon_box_img a:hover img{
	opacity: .8;
}
.amazon_info {
	width: 100%;
}
.amazon_info a {
    display: block;
    margin-bottom: var(--16);
    font-weight: 700;
    text-decoration: none;
	text-decoration: none !important;
	font-size: var(--17);
}
.amazon_info p a:hover {
	color: var(--link);
	text-decoration: underline !important;
	text-underline-offset: 3px;
    text-decoration-thickness: 3px !important;
}
.amazon_info span {
    display: block;
    font-size: var(--12);
    color: var(--light-gray);
    margin: var(--2) 0;
	font-size: var(--12);
    color: var(--light-gray);
    margin: var(--2) 0;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.amazon_info span:before {
    display: inline-block;
    width: var(--6);
    height: var(--6);
    background: var(--main);
    content: "";
    margin-right: var(--4);
    border-radius: 100%;
}
span.amazon_box_text {
	font-size: var(--12);
	font-weight: 400;
	color: var(--gray);
	margin-bottom: var(--8);
}
span.amazon_box_text:before {
    content: "";
    background: inherit;
    width: inherit;
    height: inherit;
    margin-right: 0;
}
a.amazon_info_button {
	height: var(--48);
    line-height: var(--48);
    padding: 0 var(--16);
    color: var(--gray);
    text-align: center;
    margin: var(--16) 0 0;
    font-size: var(--16);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 var(--10);
    position: relative;
    box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
    border: 1px solid var(--border);
}
a.amazon_info_button:after {
	font-family: icomoon;
	content: "\e938";
	position: absolute;
    right: var(--24);
    color: var(--main);
	font-size: var(--20);
}
a.amazon_info_button:hover {
	background: var(--main);
	color: white;
}
a.amazon_info_button:hover:after {
	color: white;
}
/* アマゾン新 */
.amazon-box {
	padding: var(--24);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 0 var(--24);
	margin: var(--24) 0;
}
.amazon-box a .fa {
	display: none;
}
.amazon-img {
	width: 100%;
	max-width: 10rem;
}
.amazon-img a {
	
}
.amazon-img a img {
	
}
.amazon-img a:hover img {
	opacity: .8;
}
.amazon-info {
	width: 100%;
}
.amazon-info-title {
	margin-bottom: var(--4);
}
.amazon-data {
	font-size: var(--12);
    display: flex;
    align-items: center;
    line-height: 1;
	margin-bottom: var(--4);
	font-weight: 700;
	color: var(--light-gray);
}
.amazon-data:before {
    content: "";
    width: var(--6);
    height: var(--6);
    background: var(--main);
    display: inline-block;
    border-radius: 100%;
    margin-right: var(--4);
}
.amazon-info-title-link {
	font-weight: 700;
	font-size: var(--17);
}
.amazon-info-title-link a {
	color: var(--gray);
}
.amazon-info-title-link a:hover {
	color: var(--link);
	text-decoration: underline;
	text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
.amazon-pr {
    font-size: var(--14);
    display: inline-block;
    margin-bottom: var(--24);
    font-weight: 700;
    background: var(--bg);
    padding: var(--4) var(--12);
    line-height: 1.5;
	display: inline-block;
}
.amazon-pr span {
    background: linear-gradient(135deg, #3c9a11 0%, #119a6f 100%);
    background: -webkit-linear-gradient(-45deg, #3c9a11 0%, #119a6f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.amazon-pr:before {
	font-family: icomoon;
	content: "\e915";
	color: var(--main);
    margin-right: var(--2);
}
.amazon-price {
	font-size: var(--14);
}
.amazon-price-big {
	font-size: var(--17);
    letter-spacing: -.04em;
	color: #df1919;
}

.amazon-btn {
	
}
.amazon-btn a {
	height: var(--48);
    line-height: var(--48);
    padding: 0 var(--16);
    color: var(--gray);
    text-align: center;
    border-radius: var(--4);
    margin: var(--16) 0 0;
    font-size: var(--16);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 var(--10);
    position: relative;
    box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
    border: 1px solid var(--border);
}
.amazon-btn a:after {
	font-family: icomoon;
	content: "\e938";
	position: absolute;
    right: var(--24);
    color: var(--main);
	font-size: var(--20);
}
.amazon-btn a:hover {
	background: var(--main);
	color: white;
}
.amazon-btn a:hover:after {
	color: white;
}
/* タイムライン */
.wp-block-cocoon-blocks-timeline {
	
}
.wp-block-cocoon-blocks-timeline .timeline-title {
	font-size: var(--20);
    font-weight: 700;
    line-height: 1.5;
    margin: var(--48) 0 var(--24);
}
.wp-block-cocoon-blocks-timeline ul.timeline {
    padding-left: var(--32);
    border-left: 2px solid var(--border);
    margin-left: var(--32);
	counter-reset: item;
}
ul.timeline li.wp-block-cocoon-blocks-timeline-item {
	position: relative;
}
.wp-block-cocoon-blocks-timeline .timeline-item-label {
    display: flex;
    align-items: center;
    margin-left: -2.5rem;
	font-size: var(--12);
	margin-bottom: var(--4);
    font-weight: 700;
	color: var(--light-gray);
}
.wp-block-cocoon-blocks-timeline .timeline-item-label:before {
    content: "";
    width: var(--14);
    height: var(--14);
    background: var(--main);
    display: block;
    border-radius: 100%;
    margin-right: var(--24);
}
.wp-block-cocoon-blocks-timeline .timeline-item-label:after {
    content: "";
    height: 2px;
    width: 100%;
    flex: 1;
    background: var(--border);
    margin-left: var(--16);
}
.wp-block-cocoon-blocks-timeline .timeline-item-title {
	margin-bottom: var(--24);
    font-weight: 700;
	display: flex;
    align-items: center;
}
.wp-block-cocoon-blocks-timeline .timeline-item-title:before {
    content: "";
    counter-increment: item;
    content: counter(item) "";
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
    height: var(--32);
    width: var(--32);
    background: var(--main);
    border-radius: 100%;
    color: white;
    line-height: var(--32);
    margin-right: var(--8);
}
.wp-block-cocoon-blocks-timeline .timeline-item-snippet {
	font-size: var(--16);
}
.wp-block-cocoon-blocks-timeline .timeline-item-snippet .wp-block-image {
	
}
.wp-block-cocoon-blocks-timeline .timeline-item-snippet p {
	
}
.wp-block-cocoon-blocks-timeline .timeline-item-snippet ul,.timeline-item-snippet ol {
	
}
/* 区切り線 */
.wp-block-separator {
    width: 50%;
    border: none;
    height: 0px;
    margin: var(--56) auto;
    border-bottom: 3px dotted var(--border);
}
/************************************
** メイン-個別ページ-フッター
************************************/
/* sns */
.article-footer {
	margin-top: var(--56);
}
.footer-meta {
	display: none;
}
.article-footer .sns-share {
	display: flex;
    align-items: center;
}
.article-footer .sns-share:before,.article-footer .sns-share:after {
	content:"";
	height: 1px;
	width: 100%;
	background: var(--border);
	flex: 1;
	display: inline-block;
}
.article-footer .sns-share:after {
	content: "";
}
.article-footer .sns-share-buttons {
	margin:0 var(--16);
}
/* 関連記事上の広告 */
.post-fotter-ad {
	margin: var(--80) 0;
	/* display: grid;
	gap: var(--24);
	grid-template-columns: repeat(2, 1fr); */
}
.post-fotter-ad-box1 {
	padding: var(--16);
	border: 1px solid var(--border);
}
.post-fotter-ad-box2 {
	padding: var(--16);
	border: 1px solid var(--border);
	display: none;
}
/* 関連記事 */
/* .under-entry-content .related-entry-heading,.under-entry-content  .comment-title {
	font-size: var(--32);
} */
.under-entry-content {
	margin-top: var(--80);
}
.related-entry-heading:before {
	content:"関連記事";
}
.related-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: var(--40) var(--24);
}
.related-entry-card-thumb {
	margin-bottom: var(--16);
}
.related-entry-card-thumb img {
	
}
.related-entry-card-title {
	font-size: var(--17);
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
a:hover .related-entry-card-title {
	color: var(--link);
	text-decoration: underline;
	text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
/* コメント */
.comment-title:before {
	content: "コメント";
}
.comment-area {
	margin-top: var(--80);
}
.comment-area ol.commets-list {
    display: grid;
    gap: var(--40) 0;	
}
.comment-area ol.commets-list li.comment {
	position: relative;
}
.comment-area ol.commets-list li.comment:before {
    content: "";
    width: var(--48);
    height: var(--48);
    background: var(--main);
    clip-path: polygon(0% 0, 80% 0%, 0% 80%, 0% 50%);
    display: block;
    border-radius: var(--12);
    position: absolute;
	top: 0;
    left: 0;
}
.comment-area .comment-body {
	border: 1px solid var(--border);
    padding: var(--32);
    border-radius: var(--12);
}
.comment-area .comment-author {
	display: flex;
    align-items: flex-end;
    line-height: 1;
	margin-bottom: var(--8);
}
.comment-area img.avatar {
	width: 2rem;
	margin-right: var(--10);
	border-radius: 100%;
}
.comment-area .fn {
	margin-right: var(--4);
    font-weight: 700;
    font-style: normal;
	font-size: var(--17);
}
.comment-area .says {
	font-size: var(--12);
}
.comment-area .comment-meta {
	font-size: var(--14);
	color: var(--light-gray);
	margin-bottom: var(--24);
}
.comment-area a.comment-edit-link {
	color: var(--link);
    text-decoration: underline;
}
.comment-area a.comment-edit-link:hover {
	text-decoration-thickness: 3px;
}
.comment-area .comment-content {
	
}
.comment-area .comment-content p {
	font-size: var(--16);
    margin: var(--24) 0;
}
.comment-area .reply {
	text-align: right;
}
.comment-area .reply a {
    background: white;
    color: var(--gray);
    padding: var(--4) var(--12);
    font-size: var(--14);
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--border);
    box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
}
.comment-area .reply a:hover {
    background: var(--main);
	border-color: var(--main);
	color: white;
}
.comment-area .reply a:hover:before {
	color: white;
	opacity: 1;
}
.comment-area .reply a:hover {
    
}
.comment-area .reply a:before {
    content: "\e934";
    font-family: icomoon;
    margin-right: var(--4);
    margin-left: -.125rem;
    color: var(--main);
}
.comment-area .reply a .fa {
	display: none;
}
.comment-area ul.children {
	display: grid;
    gap: var(--24) 0;
}
.comment-area ul.children li {
	border: none;
}
.comment-area:has(ol.commets-list li.comment) ul.children li {
	margin-top: var(--16);
    margin-left: var(--40);
}
/* コメントフォーム */
aside.comment-form {
	margin-top: var(--64);
}
.comment-respond {
	margin-top: var(--64);
}
.comment-reply-title {
	font-size: var(--20);
    padding-bottom: var(--8);
    border-bottom: 1px solid var(--border);
    position: relative;
    margin-bottom: var(--24);
}
.comment-reply-title:before {
    content: "";
    height: 1px;
    width: 20%;
    background: var(--main);
    position: absolute;
    bottom: -1px;
    left: 0;
}
form.comment-form {
	display: grid;
}
.logged-in-as {
	font-size: var(--12);
    padding: var(--4) var(--12);
    border-radius: var(--4);
	margin-bottom: var(--24);
	order: 1;
}
.logged-in-as a {
	color: var(--link);
	text-decoration: underline;
}
.logged-in-as a:hover {
	text-decoration-thickness: 3px;
}
.comment-information-messag {
	display: grid;
	gap: var(--8) 0;
	order: 2;
	margin-bottom: var(--24);
	margin-left: var(--16);
}
.comment-information-messag div {
	margin: 0;
}
.comment-notes {
	display: none;
}
.comment-information-messag p {
	display: flex;
	align-items: center;
	font-size: var(--14);
}
.comment-information-messag p:before {
	content: "";
	height:var(--6);
	width: var(--6);
	background: var(--main);
	border-radius: 100%;
	margin-right: var(--8);
	flex-shrink: 0;
} 
[class^="comment-form-"] {
	display: grid;
	margin-bottom: var(--16);
}
[class^="comment-form-"] label {
	font-size: var(--17);
	margin-bottom: var(--8);
	font-weight: 700;
}
[class^="comment-form-"] input {
	padding: var(--4) var(--12);
	border: 2px solid var(--border);
}
[class^="comment-form-"] input:focus,[class^="comment-form-"] textarea:focus {
	outline: none;
	border: 2px solid var(--main);
}
[class^="comment-form-"] textarea {
	padding: var(--24) var(--32);
	border: 2px solid var(--border);
	height: 13rem;
}
.required {
	display: none;
}
.comment-form-author {
	order: 4;
}
.comment-form-author label:after,.comment-form-comment label:after {
	content: "\FF08\5FC5\9808\FF09";
	color: #e23030;
	font-weight: 700;
}
.comment-form-author input, .comment-form-email input {
	max-width: 20rem;
	width: 100%;
}
.comment-form-email {
	order: 3;
}
.comment-form-email label:after {
	content: "\FF08\4EFB\610F\FF09";
}
.comment-form-comment {
	order: 5;
}
.comment-form-url {
	display: none;
}
.comment-form-cookies-consent {
	order: 6;
	display: flex;
    align-items: center;
}
.comment-form-cookies-consent label {
	margin: 0;
	font-weight: 400;
	font-size: var(--14);
}
.comment-form-cookies-consent input[type="checkbox"] {
	appearance: none;
	height: var(--18);
    width: var(--18);
    padding: 0;
	margin: 0 var(--8) 0 0;
	background: var(--bg);
    border: 4px solid var(--border);
	cursor: pointer;
	border-radius: 100%;
	flex-shrink: 0;
}
.comment-form-cookies-consent input[type="checkbox"]:checked {
	background: var(--main);
}

.form-submit {
	order: 7;
	margin-top: var(--8);
}
.form-submit .submit {
	border: 1px solid var(--border);
    background: var(--main);
    width: 100%;
    box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
    line-height: 1.5;
    padding: var(--12) var(--16) var(--12);
	color: white;
    font-weight: 700;
	cursor: pointer;
}
.form-submit .submit:hover {
	background: var(--link);
}
.comment-form-cookies-consent {
	
}
/* 記事ページナビ */
.pager-post-navi {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 var(--24);
	margin-top: var(--80);
}
.pager-post-navi a {
	display: flex;
	align-items: center;
	padding: var(--8) var(--16);
	border: 1px solid var(--border);
	box-shadow: 4px 4px 0px rgb(49 52 48 / 8%);
}
.pager-post-navi a .card-thumb {
	width:100%;
	display: none;
}
.pager-post-navi a .card-thumb img {
	width: 6rem;
}
.pager-post-navi .fa:before {
	font-size: var(--20);
	color: var(--main);
	font-weight: 700;
}
.pager-post-navi a.prev-post {
	
}
.pager-post-navi .fa-chevron-left {
	
}
.pager-post-navi .fa-chevron-left:before {
	content: "\e939";
	font-family: icomoon;
}
.pager-post-navi .prev-post-title,.pager-post-navi .next-post-title {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	font-weight: 700;
}
.pager-post-navi a:hover .prev-post-title,.pager-post-navi a:hover .next-post-title {
	text-decoration: underline;
	text-decoration-thickness: 3px;
	color: var(--link);
}
.pager-post-navi .prev-post-title {
	margin-left: var(--16);
}
.pager-post-navi a.next-post {
	
}
.pager-post-navi .next-post-thumb {
	order: 2;
}
.pager-post-navi .fa-chevron-right {
	order: 3;
}
.pager-post-navi .fa-chevron-right:before {
	content: "\e938";
	font-family: icomoon;
}
.pager-post-navi .next-post-title {
	order: 1;
	margin-right: var(--16);
}
/* パンくずリスト */
.breadcrumb {
    font-size: var(--14);
    padding: var(--8) var(--16);
    background: var(--bg-sub);
    margin-top: var(--80);
}
.breadcrumb div {
	display: inline;
}
.breadcrumb div:after {
	content: "\e938";
	font-family: icomoon;
	margin: 0 var(--4);
}
.breadcrumb div:last-child:after {
	content: "";
}
.breadcrumb div a {
	color: var(--link);
	text-decoration: underline;
}
.breadcrumb div a:hover {
	text-decoration-thickness: 3px;
}
.breadcrumb .fa {
	display: none;
}
.breadcrumb .fa-home {
	
}
.breadcrumb .fa-folder {
	
}
.breadcrumb .fa-file-o {
	
}
/************************************
** side
************************************/
.widget-sidebar {
	margin-bottom: var(--56);
}
.widget-sidebar-title,.footer h3,.widget-sidebar-scroll-title {
	/* font-size: var(--16);
	display: flex;
	gap: 0 var(--16);
	align-items: center;
	margin-bottom: var(--16); */
	font-size: var(--16);
    display: flex;
    gap: 0 var(--16);
    align-items: center;
    margin-bottom: var(--16);
    padding: var(--6) var(--12);
    background: var(--bg-sub);
}
#custom_html-19 .widget-sidebar-title {
	padding: var(--4) var(--8);
    display: inline-block;
    background: var(--bg);
    font-size: var(--12);
}
/* .widget-sidebar-title:after,.footer h3:after,.widget-sidebar-scroll-title:after {
	content: "";
	height: 1px;
	width: 100%;
	background: var(--gray);
	flex: 1;
} */
/* 広告 */
#custom_html-19 {
	padding: var(--16) var(--16) var(--32);
	background: white;
	border: 1px solid var(--border);
}
/* another */
.author-box {
}
.author-thumb {
	width: var(--96);
	border-radius: var(--4);
	margin-bottom: var(--12);
}
.author-content {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: var(--12) 0;
	line-height: 1;
}
.author-name {
	order: 1;
	display: flex;
	align-items: center;
	font-weight: 700;
}
.author-name:after {
	content: "";
	width: 1px;
	height: 19px;
	background: var(--gray);
	display: inline-block;
	margin: 0 7px;
}
.author-name a .fa {
	display: none;
}
.author-name a:hover {
	color: var(--link);
    text-decoration: underline;
    text-decoration-thickness: 3px;
}
.sns-follow-buttons .sns-button {
	font-size: var(--32);
}
.author-description {
	order: 3;
	width: 100%;
	font-size: var(--14);
	line-height: 1.6;
	display: grid;
    gap: var(--8);
}
.author-description p a {
	color: var(--main);
}
.author-description p a:hover {
	color: var(--link);
    text-decoration: underline;
    text-decoration-thickness: 3px;
}
.author-description p a .fa-external-link:before {
	display: inline-block;
}
.author-follows {
	order: 2;
}
.sns-follow-buttons {
	display: flex;
	align-items: center;
	gap: 0 var(--4);
}
.sns-follow-message {
	display: none;
}
/* search */
.search-box {
	display: flex;
	height: 3rem;
	border: 2px solid var(--border);
}
.search-edit {
	border: none;
	padding: 0 var(--16);
	width: 100%;
	font-size: var(--14);
}
.search-edit:focus {
    outline: none;
	border: 2px solid var(--main);
}
.search-submit {
	border: none;
	cursor: pointer;
	background: none;
	padding: 0 var(--16);
	font-size: var(--24);
	display: grid;
    align-items: center;
	background: white;
}
.fa-search:before {
	font-family: icomoon;
	content: "\e900";
	margin-top: var(--3);
    display: inline-block;
	color: var(--light-gray);
}
/* category */
.widget_categories {
	
}
.widget_categories ul {
	line-height: 1.45;
}
.widget_categories ul li {
	
}
.widget_categories ul li a {
	font-weight: 700;
	font-size: var(--14);
	padding: var(--10) 0;
	display: flex;
	align-items: center;
}
.widget_categories ul li a:hover .list-item-caption {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}
.list-item-caption {
	margin-right: auto;
}
.widget_categories ul ul {
	
}
.widget_categories li li {
	padding-left: var(--12);
}
.widget_categories li li a {
	font-weight: 400;
} 
.widget_categories li li a:before {
	font-family: icomoon;
	content: "\e938";
	font-size: var(--14);
    margin-right: var(--2);
    color: var(--main);
}
.post-count {
	color: var(--light-gray);
}
.widget_categories ul li a:hover .post-count {
	color: var(--gray);
}
/* tag */
.tagcloud {
	display: flex;
	flex-wrap: wrap;
    gap: var(--8);
}
.tag-cloud-link {
    font-size: var(--13);
    line-height: 1;
    padding: var(--8) var(--8);
    border: 1px solid var(--border);
	display: inline-block;
}
.tagcloud .fa-tag:before {
	content: "#";
	margin-right: var(--4);
	color: var(--main);
}
.tag-caption {
    display: flex;
	align-items: center;
}
.tag-cloud-link:hover {
	background: var(--main);
	color: white;
}
.tag-cloud-link:hover .fa-tag:before {
	color: white;
}
/* popular post */
.widget_popular_entries {
	
}
.widget-sidebar:has(.widget-entry-cards) .widget-entry-card {
	grid-template-columns: 47.9% auto;
}
.widget_popular_entries .popular-entry-card-post-date {
	display: none;
}
.widget-sidebar .widget-entry-card-title {
	margin: 0;
	font-size: var(--14);
	padding-bottom: 0.0625rem;
	    -webkit-line-clamp: 3;
}
.popular-entry-card-thumb img {
	width: 100%;
}
.widget-sidebar .popular-entry-card-link:hover .widget-entry-card-title {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;	
}
.widget-sidebar .popular-entry-card-date {
	display: none;
}
/* wp-popular */
.post-stats {
    display: none;
}
.wpp-post-title {
    font-size: var(--14);
}
.wpp-post-title:hover {
	color: var(--link);
	text-decoration: underline;
	text-decoration-thickness: 3px;	
}
.wpp-list {
	display: grid;
	gap: var(--8) 0;
	counter-reset: item;
}
.wpp-list > li:before {
	counter-increment: item;
	content: counter(item) "\4F4D";
    color: var(--gray);
    font-weight: 700;
	font-size: var(--14);
	position: absolute;
    top: 0;
    left: 0;
}
.wpp-list li {
	margin: 0;
	display: flex;
	gap: 0 var(--8);
	position: relative;
    padding-left: var(--32);
}
/* スクロールエリア-目次-広告 */
.sidebar-scroll {
	position: sticky;
    top: var(--24);
}
.toc-widget-box {
	position: relative;
}
.toc-widget-box:after {
    position: absolute;
    width: 100%;
    height: var(--48);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    bottom: 0;
    right: var(--10);
    content: "";
}
.sidebar-scroll .toc {
	max-height: 20rem;
    height: auto;
    overflow-y: scroll;
    scrollbar-color: var(--main) var(--bg);
    scrollbar-width: thin;
    margin: 0;
    background: none;
    padding: 0 var(--16) var(--40);
}
.sidebar-scroll .toc:-webkit-scrollbar {
    width: var(--8);
    background-color: var(--main); 
}

.sidebar-scroll .toc:-webkit-scrollbar-thumb {
    background: var(--bg);
    width: var(--6);
    border-radius: var(--8);
}
.widget-sidebar-scroll.widget_toc {
	margin-bottom: var(--40);
}
/************************************
** footer
************************************/
.footer-widgets {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 var(--24);
}
.navi-footer {
	margin: var(--16) 0;
}
.navi-footer-in {
	
}
ul.menu-footer {
	display: flex;
	gap: var(--24);
}
.menu-footer li.menu-item {
	
}
.menu-footer li.menu-item a {
	padding: var(--12) 0;
	display: inline-flex;
	align-items: center;
	font-size: var(--14);
}
.menu-footer li.menu-item a:before {
    content: "";
    width: var(--6);
    height: var(--6);
    background: var(--border);
    border-radius: 100%;
    margin-right: var(--8);
    display: inline-block;
    flex-shrink: 0;
}
.menu-footer li.menu-item a:hover {
	color: var(--link);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
.copyright {
	font-size: var(--12);
	text-align: right;
	color: var(--light-gray);
}
/* スムースボタン */
.go-to-top {
    position: fixed;
    display: block;
    right: var(--24);
    bottom: var(--24);
    z-index: 99999;
}
.go-to-top-button {
    border: 1px solid oklch(0.61 0.18 139.31);
    background: oklch(1 0 0);
    color: #3c9a11;
    height: var(--64);
    width: var(--64);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(1px);
}
.go-to-top-button:hover {
	background: var(--main);
	color: white;
}
.go-to-top-button .fa-angle-up:before {
    font-family: icomoon;
    content: "\e940";
    padding-top: var(--4);
    display: inline-block;
    font-size: var(--24);
}
/* コピーしましたテキスト */
.copy-info {
    display: none;
    padding: var(--32) var(--24);
    color: #fff;
    border-radius: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--main);
    opacity: 0.8;
    box-shadow: 0 4px 8px var(--cocoon-x-pallid-text-color);
    z-index: 2;
}
/************************************
** モバイルヘッダー
************************************/
.mobile-menu-buttons {
	position: fixed;
	top: 0;
	left: 0;
	background: white;
	height: var(--64);
	width: 100%;
	align-items: center;
	display: none;
	transition: 0.2s;
	border-bottom: 1px solid var(--border);
	bottom: auto;
}
.search-menu-button {
	display: none;
}
.logo-menu-button {
	margin-right: auto;
	margin-left: var(--16);
	font-size: var(--22);
    font-weight: 700;
}
.sidebar-menu-button {
	margin-right: var(--16);
}
.sidebar-menu-button input {
	display: none;
}
.menu-open {
	display: flex;
	align-items: center;
	cursor: pointer;
    line-height: 1;
	font-weight: 700;
}
.sidebar-menu-button .fa {
    font: inherit;
}
.sidebar-menu-button .fa-outdent:before {
	font-family: icomoon;
	content: "\e941";
	font-size: var(--32);
	margin-right: var(--4);
	font-weight: 400;
}
.sidebar-menu-caption {
	font-size: var(--14);
}
#sidebar-menu-content {
	display: none;
}
.sidebar-menu-button input[type=checkbox]:checked ~ #sidebar-menu-content {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 88%;
	background: white;
	position: fixed;
    right: 0;
    top: 0;
	z-index: 9999;
    padding: var(--16) var(--32) var(--32);
	overflow: scroll;
}
.sidebar-menu-button .fa-close:before {
	font-family: icomoon;
	content: "\e928";
	font-size: var(--32);
	margin-right: var(--4);
	margin-left: -.45rem;
}
.sidebar-menu-close-button {
	display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    font-weight: 700;
	margin-bottom: var(--56);
}
.sidebar-menu-close-button:after {
	content: "閉じる";
	font-size: var(--14);
}
#sidebar-menu-input:checked ~ #sidebar-menu-close {
	display: block;
    opacity: 0.5;
}
#sidebar-menu-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gray);
}
.body:has(#navi-menu-input:checked, #sidebar-menu-input:checked) {
    overflow: hidden;
}
#slide-in-sidebar {
    display: block;
    margin: 0;
    padding-top: 0;
}
#slide-in-sidebar .search-box input {
	display: inline-block;
}

#slide-in-sidebar #custom_html-19,#slide-in-sidebar #custom_html-5,#slide-in-sidebar #custom_html-8 {
	display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*990px以下*/

@media screen and (max-width: 990px) {
	.content-in {
		display: block;
	}
	.header {
		display: none;
	}
	.mobile-menu-buttons {
        display: flex;
    }
	.container {
        margin-top: var(--64);
    }
	.content {
		padding: var(--64) var(--16) 0;
	}
	.header-container .wrap {
		padding-left: .35rem;
		padding-right: .35rem;
	}
	.header-container {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
        scrollbar-color: var(--border) #ffffff;
        scrollbar-width: thin;
		height: var(--72);
        display: flex;
        align-items: center;
		margin-left: -.35rem;
		margin-right: -.35rem;
	}
	.navi-in ul a {
		margin-top: var(--9);
	}
	.navi-in ul {
		gap: var(--32);
		padding-right: var(--32);
	}
	.front-top-page:has(.content) .content:after {
		height: min(45vw, 17rem);
	}
	.widget_popular_entries .widget-entry-card-title {
		font-size: var(--16);
		margin-bottom: var(--8);
		-webkit-line-clamp: 3;
	}
	.widget-sidebar:has(.widget-entry-cards) .widget-entry-card {
		grid-template-columns: 1fr;
	}
	.widget-sidebar .widget-entry-cards {
		grid-template-columns: repeat(4, 1fr);
		gap: var(--16) var(--24);
	}
}
/*834px以下*/

@media screen and (max-width: 834px) {
	.article-header-bottom-box {
		display: grid;
		gap: var(--8);
	}
}
/* 768px以下 */
@media screen and (max-width: 768px) {
	.entry-title {
		font-size: var(--32);
	}
	.entry-content h2 {
		font-size: var(--24);
	}
	.entry-content h3 {
		font-size: var(--22);
	}
	.entry-content h4 {
		font-size: var(--20);
	}
	.list-new-entries-title, .list-header-title, .main-widget-label, .widget-content-bottom-title, .related-entry-heading, .related-entry-heading, .comment-title {
		font-size: var(--32);
	}
	.search:has(.content) .content:after {
        height: 19rem;
	}
	.category:has(.content) .content:after,.tag:has(.content) .content:after {
	    height: 15rem;
	}
	.single-post:has(.content) .content:after {
		height: 25rem;
	}
	.widget-sidebar .widget-entry-cards {
		grid-template-columns: repeat(2, 1fr);
	}
	.widget-content-bottom .widget-entry-cards {
		grid-template-columns: repeat(2, 1fr);
	}
	ul.menu-footer {
		display: grid;
		gap: var(--8);
	}
	.post-fotter-ad {
	grid-template-columns: 1fr;
	}
}
/*480px以下*/

@media screen and (max-width: 480px) {
	.blogcard {
		grid-template-columns: 6rem auto;
	}
	.blogcard-thumbnail {
		width: 6rem;
	}
	.amazon_box_img,.amazon-img {
		max-width: 6rem;
	}
	.go-to-top-button {
		width: var(--56);
		height: var(--56);
	}
	ul.timeline {
		margin-left: var(--24);
	}
	.pager-post-navi {
		grid-template-columns: 1fr;
		gap: var(--16) 0;
	}
	.related-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.entry-title {
        font-size: var(--28);
    }
	.content:after {
		height: min(47vw, 13rem);
	}
	.front-top-page:has(.content) .content:after {
        height: min(88vw, 17rem);
    }
	.search:has(.content) .content:after {
		height: 21rem;
	}
	.category:has(.content) .content:after,.tag:has(.content) .content:after {
		height: 17rem;
	}
	.ect-2-columns {
		grid-template-columns: repeat(1, 1fr);
	}
	.archive-title {
		font-size: var(--28);
	}
	.fpt-2-columns {
		grid-template-columns: repeat(1, 1fr);
	}
	.single-post:has(.content) .content:after {
		height: 27rem;
	}
	.single-post:has(.content) .content:after {
		height: 23rem;
	}
	.footer {
		padding: var(--40) var(--16) var(--96);
	}
	.page-template-default:has(.content) .content:after {
		height: 17rem;
	}

}

