@charset "utf-8";

/* PC、SP表示切り替え
------------------------------------------------------------------------------------ */
.dsNoneSp {
	display: block;
}
.dsNonePc {
	display: none;
}


/* contents
------------------------------------------------------------------------------------ */
div#contents {
}
div.sectionInner {
	max-width: 1480px;
	margin:0 auto;
	padding: 0 100px;
	box-sizing: border-box;
}


/* パンくずリスト
------------------------------------------------------------------------------------ */
section#breadcrumb {
	margin:20px 0 50px 0;
}
section#breadcrumb ul {
	display: flex;
	color: #333;
	font-size:0.875rem;
	line-height:100%;
	padding:0 50px;
	transition: all 0.3s ease;
}
section#breadcrumb ul li {
	position: relative;
	white-space: nowrap;
	margin-right:30px;
}
section#breadcrumb ul li:last-child {
	margin-right:0;
}
section#breadcrumb ul li:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	transform: translateY(-50%) rotate(45deg);
}
section#breadcrumb ul li:last-child:after {
	display: none;
}
section#breadcrumb ul li a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}
section#breadcrumb ul li a:hover {
	color: #eb1f1f;
}


/* 共通パーツ
------------------------------------------------------------------------------------ */
.title01 {
	font-size: 1.625rem;
	line-height: 175%;
	font-weight: 700;
	text-align: center;
	margin-bottom:30px;
}
.title02 {
	font-size: 1.375rem;
	line-height: 175%;
	font-weight: 700;
	margin-bottom:20px;
}
.title03 {
	font-size: 1.25rem;
	line-height: 175%;
	font-weight: 700;
	margin-bottom:20px;
}
.bTitle02 {
	display: inline-block;
	position: relative;
	color: #333;
	font-size: 1.5rem;
	line-height: 150%;
	font-weight: 700;
	margin-bottom:25px;
	padding-left:0;
	padding-right:0;
}
.bTitle02:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 4px;
	background-color: #eb1f1f;
}

.linkBtn a {
	position: relative;
	display: block;
	width:100%;
	max-width:360px;
	color: #FFF !important;
	line-height: 100%;
	text-align: center;
	font-weight:700;
	text-decoration:none !important;
	margin: 0 auto;
	padding: 15px 30px;
	background-color: #eb1f1f;
	border-radius:50px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.linkBtn a:hover {
	background-color: #333;
}
.linkBtn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	transform: translateY(-50%) rotate(45deg);
}
.linkBtnMail a span {
	display: inline-block;
	position: relative;
	padding-left: 28px;
}
.linkBtnMail a span:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 18px;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_mail_white.png") 50% 50% no-repeat;
	background-size: 18px 18px;
	transform: translateY(-50%);
}


/* 【ブログ】レイアウト共通
------------------------------------------------------------------------------------ */
section.blogWrapper {
}
section.blogWrapper div.sectionInner {
	display: flex;
	gap: 0 80px;
}
section.blogWrapper div.sectionInner div#blogLeft {
	width: calc((100% - 80px) - 380px);
}
section.blogWrapper div.sectionInner div#blogRight {
	width: 380px;
}
section.blogWrapper div.sectionInner div#blogRight h3.title03 {
	margin-bottom: 10px;
}


/* 【ブログ】おすすめ特集リスト
------------------------------------------------------------------------------------ */
section.blogWrapper div#blogLeft div#blogFeature {
	margin-top: 80px;
}
div#featureList ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
div#featureList ul li a {
	transition: all 0.3s ease;
}
div#featureList ul li a:hover {
	opacity: 0.75;
}


/* 【ブログ】記事一覧
------------------------------------------------------------------------------------ */
ul.blogPostList {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
}
ul.blogPostList li {
	width: calc((100% - 40px) / 3);
}
ul.blogPostList li a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}
ul.blogPostList li a:hover {
	opacity: 0.75;
}
ul.blogPostList li a p.blogPostListImage {
	padding-bottom:15px;
}
ul.blogPostList li a p.blogPostListImage img {
	height: auto !important;
}
ul.blogPostList li a div.blogPostListText {
}
ul.blogPostList li a p.blogPostListDate {
	color: #666;
	font-size: 0.875rem;
	line-height: 100%;
	padding-bottom:5px;
}
ul.blogPostList li a h3.blogPostListTitle {
	font-size: 1.125rem;
	line-height: 150%;
	font-weight: 700;
	padding-bottom:10px;
	transition: all 0.3s ease;
}
ul.blogPostList li a:hover h3.blogPostListTitle {
	color: #eb1f1f;
}
ul.blogPostList li a ul.blogPostCategoryList,
div#blogDetail div#blogDetailHeader ul.blogPostCategoryList {
	display: flex;
	flex-wrap: wrap;
}
ul.blogPostList li a ul.blogPostCategoryList li,
div#blogDetail div#blogDetailHeader ul.blogPostCategoryList li {
	display: inline-block !important;
	width: auto !important;
	font-size: 0.875rem;
	line-height: 100%;
	margin: 0 5px 5px 0 !important;
	padding: 5px 15px !important;
	border: 1px solid #eb1f1f;
	border-radius:50px;
}
ul.blogPostList li a:hover ul.blogPostCategoryList li {
	color: #333;
}


/* 【ブログ】記事一覧 ページネーション
------------------------------------------------------------------------------------ */
nav.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 50px;
}
nav.pagination span.current {
	display: block;
	color: #FFF;
	font-size: 0.875em;
	line-height: 1;
	padding: 10px 12px;
	border: solid 1px #eb1f1f;
	background-color: #eb1f1f;
	border-radius: 10px;
	box-sizing: border-box;
}
nav.pagination a.page-numbers {
	display: block;
	color: #333;
	font-size: 0.875em;
	line-height: 1;
	padding: 10px 12px;
	border: solid 1px #333;
	border-radius: 10px;
	box-sizing: border-box;
	text-decoration: none;
	transition: all 0.3s ease;
}
nav.pagination a.page-numbers:hover {
	color: #eb1f1f;
	border: solid 1px #eb1f1f;
}
nav.pagination a.prev,
nav.pagination a.next {
	padding: 0;
	border: none;
}
nav.pagination a.prev:hover,
nav.pagination a.next:hover {
	border: none;
	background-color: transparent;
}
nav.pagination a.prev:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_circle-arrow_left_red_2.png) center no-repeat;
	background-size: contain;
}
nav.pagination a.next:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_circle-arrow_right_red_2.png) center no-repeat;
	background-size: contain;
}


/* 【ブログ】右カラム
------------------------------------------------------------------------------------ */
section.blogWrapper div.sectionInner div#blogRight div#blogRightSearch {
}
div.blogSearch form {
	padding:0 !important;
	border: 2px solid #eb1f1f;
	background-color: #FFF;
	border-radius: 40px;
	box-sizing: border-box;
}
div.blogSearch form div {
	position: relative;
	display: flex;
	justify-content: space-between;
	text-align: left;
	padding:0 !important;
}
div.blogSearch form div input[type="search"] {
	/* フォームのデフォルト設定を全てクリア */
	appearance: none;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
	border: none;
	box-shadow: none;
	/* フォームのデフォルト設定を全てクリア */
	width: 100% !important;
	line-height: 100%;
	padding: 20px 80px 20px 30px;
	box-sizing: border-box;
	background-color: transparent;
	transition: all 0.3s ease;
}
div.blogSearch form div input[type="search"]::placeholder {
	color: #CCC;
}
div.blogSearch form div input[type="search"]:focus::placeholder {
	color: transparent;
}
div.blogSearch form div button {
	display: block;
	position: absolute;
	right: 30px;
	top: 50%;
	width: 30px;
	height: 30px;
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	cursor: pointer;
	transform: translateY(-50%);
}
div.blogSearch form div button:active {
	box-shadow: none;
}
div.blogSearch form div button:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	line-height: 100%;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_search.png") 50% 50% no-repeat;
	background-size: contain;
	transform: translate(-50%,-50%);
}
div.blogSearch form div button span {
	display: none;
}

section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory {
	margin-top: 50px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory h3.title03 {
	position: relative;
	padding-left: 34px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory h3.title03:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_category_red.png") 50% 50% no-repeat;
	background-size: 24px 24px;
	transform: translateY(-50%);
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory ul {
	border-top: 1px solid #999;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory ul li {
	border-bottom: 1px solid #999;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory ul li a {
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
	padding: 5px 35px 5px 15px;
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory ul li a:hover {
	color: #eb1f1f;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory ul li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0.4rem;
	height: 0.4rem;
	border-right: 1.5px solid #999;
	border-top: 1.5px solid #999;
	transform: translateY(-50%) rotate(45deg);
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory ul li a:hover:after {
	border-right: 1.5px solid #eb1f1f;
	border-top: 1.5px solid #eb1f1f;
}

section.blogWrapper div.sectionInner div#blogRight div#blogRightKeyword {
	margin-top: 50px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightKeyword h3.title03 {
	position: relative;
	padding-left: 34px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightKeyword h3.title03:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_keyword_red.png") 50% 50% no-repeat;
	background-size: 24px 24px;
	transform: translateY(-50%);
}

section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking {
	margin-top: 50px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner {
	padding: 20px;
	background-color: #f7eded;
	border-radius:20px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner h3.title03 {
	position: relative;
	padding-left: 34px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner h3.title03:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 24px;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_ranking_red.png") 50% 50% no-repeat;
	background-size: 24px 24px;
	transform: translateY(-50%);
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list {
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item {
	display: flex;
	margin-top: 20px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:first-child {
	margin-top: 0;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item a {
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item p.wpp-thumb {
	position: relative;
	width: 150px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item p.wpp-thumb:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	background-color: #eb1f1f;
	cursor: pointer;
	z-index: 1;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item p.wpp-thumb:after {
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 26px;
	color: #FFF;
	font-size: 1.125rem;
	line-height: 100%;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:first-child p.wpp-thumb:after {
	content: '1';
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:nth-child(2) p.wpp-thumb:after {
	content: '2';
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:nth-child(3) p.wpp-thumb:after {
	content: '3';
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:nth-child(4) p.wpp-thumb:after {
	content: '4';
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:nth-child(5) p.wpp-thumb:after {
	content: '5';
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item p.wpp-thumb a {
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:hover p.wpp-thumb a {
	opacity: 0.75;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item h4 {
	width: calc(100% - 150px);
	font-size: 0.875rem;
	line-height: 150%;
	font-weight: 700;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item h4 a {
	display: block;
	height: 100%;
	color: #333;
	text-decoration: none;
	padding-left: 15px;
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item:hover h4 a {
	color: #eb1f1f;
}

section.blogWrapper div.sectionInner div#blogRight div#blogRightSns {
	margin-top: 30px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightSns div {
	text-align: center;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightSns div a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightSns div a h3 {
	color: #333;
	font-size: 1.25rem;
	line-height: 100%;
	font-weight: 700;
	padding-right: 10px;
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightSns div a:hover h3 {
	color: #eb1f1f;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightSns div a p {
	width: 50px;
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightSns div a:hover p {
	opacity: 0.75;
}

section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner {
	margin-top: 30px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul {
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul li {
	margin-top: 15px;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul li:first-child {
	margin-top: 0;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul li a {
	transition: all 0.3s ease;
}
section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul li a:hover {
	opacity: 0.75;
}


/* 【ブログ】TOP
------------------------------------------------------------------------------------ */
section#blogTop {
}

section#blogTop div#blogLeft div#blogTopRecommend {
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList {
	display: block;
	letter-spacing: 0 !important;
	padding: 0 !important;
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li {
	display: block !important;
	width: 100%;
	margin: 0 10px;
	padding: 0 !important;
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a {
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a ul.blogPostCategoryList li {
	padding: 5px 15px !important;
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList div.slick-list {
	position: relative;
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList button.slick-prev,
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList button.slick-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 38px;
	height: 38px;
	font-size: 20px;
	line-height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	z-index: 3;
	transform: translateY(-50%);
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList button.slick-prev {
	left: -9px;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_circle-arrow_left_red_2.png") 50% 50% no-repeat;
	background-size: 38px 38px;
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList button.slick-next {
	right: -9px;
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_circle-arrow_right_red_2.png") 50% 50% no-repeat;
	background-size: 38px 38px;
}
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList button.slick-prev:before,
section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList button.slick-next:before {
	display: none;
}

section#blogTop div#blogLeft div#blogTopNewpost {
	margin-top: 80px;
}


/* 【ブログ】詳細ページ
------------------------------------------------------------------------------------ */
div#blogDetail {
}
div#blogDetail div#blogDetailHeader {
}
div#blogDetail div#blogDetailHeader h2#blogDetailTitle {
	font-size: 1.75rem;
	line-height: 150%;
	font-weight: 700;
	margin-bottom:5px;
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate {
	display: flex;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 3px solid #eb1f1f;
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate li {
	position:relative;
	color: #666;
	font-size: 0.875rem;
	line-height: 150%;
	padding-left:19px;
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate li:first-child {
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate li:last-child {
	margin-left:15px;
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate li:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 14px;
	height: 14px;
	transform: translateY(-50%);
	transition: all 0.3s ease;
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate li:first-child:before {
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_time_black.png") 50% 50% no-repeat;
	background-size: contain;
}
div#blogDetail div#blogDetailHeader ul#blogDetailDate li:last-child:before {
	background: url("https://files.bcart.jp/nagomiya-test/uploads/renew2026/icon_reload_black.png") 50% 50% no-repeat;
	background-size: contain;
}
div#blogDetail div#blogDetailHeader ul#blogDetailCategoryList {
}
div#blogDetail div#blogDetailHeader ul#blogDetailCategoryList li {
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	padding: 0 !important;
}
div#blogDetail div#blogDetailHeader ul#blogDetailCategoryList li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 5px 15px !important;
	border-radius:50px;
	transition: all 0.3s ease;
}
div#blogDetail div#blogDetailHeader ul#blogDetailCategoryList li a:hover {
	color: #FFF;
	background-color: #eb1f1f;
}

div#blogDetail div#blogDetailBody {
	margin-top: 50px;
}


/* 【ブログ】詳細ページ 目次
------------------------------------------------------------------------------------ */
div#ez-toc-container {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	margin: 50px 0;
	padding: 30px 70px 30px 30px;
	border: none;
	background-color: #f7eded;
	border-radius: 0;
	box-shadow: none;
}
div#ez-toc-container div.ez-toc-title-container {
	display: block;
	width: 70px;
	margin-right: 30px;
}
div#ez-toc-container div.ez-toc-title-container p.ez-toc-title {
	color: #eb1f1f;
	font-size:1.375rem;
	line-height:100%;
}
div#ez-toc-container div.ez-toc-title-container span.ez-toc-title-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
}
div#ez-toc-container div.ez-toc-title-container span.ez-toc-title-toggle a.ez-toc-pull-right {
	float: none !important;
	margin-left: 0;
	padding: 0;

}
div#ez-toc-container div.ez-toc-title-container span.ez-toc-title-toggle a.ez-toc-pull-right span.ez-toc-js-icon-con {
	left: 0;
	background-color: #FFF;
}
div#ez-toc-container div.ez-toc-title-container span.ez-toc-title-toggle a.ez-toc-pull-right span.ez-toc-js-icon-con span.ez-toc-icon-toggle-span {
}

div#ez-toc-container nav {
	width: calc((100% - 30px) - 70px);
}
div#ez-toc-container nav ul.ez-toc-list-level-1,
div#ez-toc-container nav ul.ez-toc-list-level-2,
div#ez-toc-container nav ul.ez-toc-list-level-3,
div#ez-toc-container nav ul.ez-toc-list-level-4 {
	margin-left: 0;
	border-top: 1px dashed #666;
}
div#ez-toc-container nav ul.ez-toc-list-level-5 {
	margin-left: 0;
	padding-bottom: 10px;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-2 {
	font-size:1.125rem;
	line-height:150%;
	font-weight: 700;
	border-bottom: 1px dashed #666;
}
div#ez-toc-container nav ul li a {
	display: block;
	font-size:100%;
	padding: 10px 0;
	transition: all 0.3s ease;
}
div#ez-toc-container nav ul li.ez-toc-heading-level-5 a {
	padding-top: 0;
	padding-bottom: 0;
}
div#ez-toc-container nav ul li a:hover {
	color: #eb1f1f;
	text-decoration: none;
}
div#ez-toc-container nav ul li a:before {
	display: none;
}
div#ez-toc-container nav ul.ez-toc-list-level-3 a {
	padding-left: 20px;
}
div#ez-toc-container nav ul.ez-toc-list-level-4 a {
	padding-left: 40px;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-list-level-3 {
	margin-left: 0;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-3 {
	line-height:150%;
	font-weight: 500;
	border-bottom: 1px dashed #666;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-3:last-child,
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-4:last-child {
	border-bottom: none;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-4 {
	font-size:1rem;
	line-height:150%;
	border-bottom: 1px dashed #666;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-4 a {
	font-weight: 400;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-5 {
	font-size:0.875rem;
	line-height:150%;
	font-weight: 400;
	margin-top: 5px;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-5 a {
	font-weight: 400;
}
div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-5:first-child {
	margin-top: 0;
}


/* 【ブログ】詳細ページ デザイン雛形
------------------------------------------------------------------------------------ */
/* コンテンツ */
div#blogDetail div#blogDetailBody > .wp-block-group,
div#blogDetail div#blogDetailBody > .wp-block-image {
	margin-top:50px;
}
div#blogDetail div#blogDetailBody > .wp-block-group .wp-block-image {
	margin-top:0;
}
/* コンテンツ横並び */
:where(.is-layout-flex) {
	gap: 20px;
}
div#blogDetail div#blogDetailBody .is-layout-flex {
	align-items: stretch;
}
/* 見出し */
div#blogDetail div#blogDetailBody h2 {
	color: #eb1f1f;
	font-size: 1.5rem;
	line-height: 150%;
	font-weight: 700;
	margin-top:50px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom: 3px solid #eb1f1f;
}
div#blogDetail div#blogDetailBody h3 {
	font-size: 1.125rem;
	line-height: 150%;
	font-weight: 700;
	margin-top:30px;
	margin-bottom:10px;
	padding-left:10px;
	border-left: 8px solid #eb1f1f;
}
div#blogDetail div#blogDetailBody h4 {
	position: relative;
	line-height: 150%;
	font-weight: 700;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:17px;
}
div#blogDetail div#blogDetailBody h4:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 12px;
	height: 12px;
	background-color: #eb1f1f;
	border-radius:50px;
}
div#blogDetail div#blogDetailBody h5 {
	line-height: 150%;
	font-weight: 700;
	margin-bottom:10px;
}

/* 本文 */
div#blogDetail div#blogDetailBody p {
	margin-bottom: 20px;
}

/* リンクボタン */
div#blogDetail div#blogDetailBody .smb-buttons {
	margin-top: 30px;
}
div#blogDetail div#blogDetailBody .wp-block-buttons .wp-block-button {
	display: block;
	width:100%;
}
div#blogDetail div#blogDetailBody .smb-buttons .smb-btn-wrapper {
}
div#blogDetail div#blogDetailBody .smb-buttons .smb-btn-wrapper a.smb-btn,
div#blogDetail div#blogDetailBody .wp-block-buttons a {
	display: block;
	position: relative;
	width:100%;
	max-width:360px;
	color: #FFF !important;
	font-size: 1rem;
	line-height: 100%;
	text-align: center;
	text-decoration:none !important;
	margin: 0 auto;
	padding: 10px 20px;
	border: 2px solid #eb1f1f;
	background-color: #eb1f1f;
	border-radius:50px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
div#blogDetail div#blogDetailBody .smb-buttons .smb-btn-wrapper a.smb-btn:hover,
div#blogDetail div#blogDetailBody .wp-block-buttons a:hover {
	color: #eb1f1f !important;
	border: 2px solid #eb1f1f;
	background-color: #FFF;
}
div#blogDetail div#blogDetailBody .smb-buttons .smb-btn-wrapper a.smb-btn:after,
div#blogDetail div#blogDetailBody .wp-block-buttons a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	transform: translateY(-50%) rotate(45deg);
	transition: all 0.3s ease;
}
div#blogDetail div#blogDetailBody .smb-buttons .smb-btn-wrapper a.smb-btn:hover:after,
div#blogDetail div#blogDetailBody .wp-block-buttons a:hover:after {
	border-right: 2px solid #eb1f1f;
	border-top: 2px solid #eb1f1f;
}


/* 【ブログ】詳細ページ 「この記事を読んだ人におすすめ」
------------------------------------------------------------------------------------ */
div#blogDetailRelated {
	margin-top:50px;
}
div#blogDetailRelated div.yarpp {
}
div#blogDetailRelated div.yarpp h3 {
	display: none;
}
div#blogDetailRelated div.yarpp div.yarpp-thumbnails-horizontal {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 15px;
}
div#blogDetailRelated div.yarpp div.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
	display: block;
	width: calc((100% - 45px) / 4);
	height: auto;
	color: #333;
	text-decoration:none;
	margin: 0 !important;
	border: none;
	transition: all 0.3s ease;
}
div#blogDetailRelated div.yarpp div.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover {
	color: #eb1f1f;
}
div#blogDetailRelated div.yarpp div.yarpp-thumbnails-horizontal a.yarpp-thumbnail img {
	height: auto !important;
	margin: 0 !important;
}
div#blogDetailRelated div.yarpp div.yarpp-thumbnails-horizontal a.yarpp-thumbnail span.yarpp-thumbnail-title {
	display: block;
	width: 100%;
	max-height: none;
	margin: 10px 0 0 0;
}


/* 【ブログ】詳細ページ 「この記事の関連タグ」
------------------------------------------------------------------------------------ */
div#blogDetailTag {
	margin-top:50px;
}
div#blogDetailTag ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
div#blogDetailTag ul li {
}
div#blogDetailTag ul li a {
	display: block;
	position: relative;
	color: #333;
	line-height: 100%;
	text-decoration:none;
	padding: 10px 20px;
	background-color: #f7eded;
	border-radius:50px;
	transition: all 0.3s ease;
}
div#blogDetailTag ul li a:hover {
	color: #eb1f1f;
}
div#blogDetailTag ul li a:before {
	content: "#";
}


/* 【ブログ】詳細ページ 「この記事を書いた人」
------------------------------------------------------------------------------------ */
div#blogDetailWriter {
	margin-top:50px;
}
div#blogDetailWriter div#blogDetailWriterBlock {
	display: flex;
	gap: 30px;
	padding: 30px;
	background-color: #f7eded;
}
div#blogDetailWriter div#blogDetailWriterBlock p#blogDetailWriterBlockPhoto {
	width: 100px;
}
div#blogDetailWriter div#blogDetailWriterBlock div#blogDetailWriterBlockText {
	width: calc((100% - 30px) - 100px);
}
div#blogDetailWriter div#blogDetailWriterBlock div#blogDetailWriterBlockText h4.title03 {
	margin-bottom: 10px;
}
div#blogDetailWriter div#blogDetailWriterBlock div#blogDetailWriterBlockText p {
}


/* 【ブログ】404ページ
------------------------------------------------------------------------------------ */
section#blog404 {
}
section#blog404 div#blogLeft div.blogSearch {
	margin-top:50px;
}



/* PC（小）用
------------------------------------------------------------------------------------ */
@media screen and (min-width:1024px) and (max-width:1380px) {
	/* contents
	------------------------------------------------------------------------------------ */
	div.sectionInner {
		padding-left: 50px;
		padding-right: 50px;
	}

	/* パンくずリスト
	------------------------------------------------------------------------------------ */
	section#breadcrumb ul {
		padding-left:30px;
		padding-right:30px;
	}

	/* 【ブログ】レイアウト共通
	------------------------------------------------------------------------------------ */
	section.blogWrapper div.sectionInner {
		gap: 0 50px;
	}
	section.blogWrapper div.sectionInner div#blogLeft {
		width: calc((100% - 50px) - 300px);
	}
	section.blogWrapper div.sectionInner div#blogRight {
		width: 300px;
	}

	/* 【ブログ】右カラム
	------------------------------------------------------------------------------------ */
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking ul.wpp-list li.wpp-item p.wpp-thumb {
		width: 120px;
	}
}



/* タブレット用
------------------------------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:1023px) {
	/* PC、SP表示切り替え
	------------------------------------------------------------------------------------ */
	.dsNoneSp {
		display: none;
	}
	.dsNonePc {
		display: block;
	}

	/* contents
	------------------------------------------------------------------------------------ */
	div.sectionInner {
		padding-left: 50px;
		padding-right: 50px;
	}

	/* パンくずリスト
	------------------------------------------------------------------------------------ */
	section#breadcrumb {
		margin-bottom: 40px;
		overflow-x: scroll;
	}
	section#breadcrumb ul {
		display: inline-flex;
		min-width: max-content;
		line-height: 150%;
		white-space: nowrap;
		padding-left:30px;
		padding-right:30px;
	}
	section#breadcrumb ul li {
		flex-shrink: 0;
		white-space: nowrap;
	}

	/* 共通パーツ
	------------------------------------------------------------------------------------ */
	.title01 {
		font-size: 1.5rem;
		line-height: 175%;
		margin-bottom:40px;
	}
	.title02 {
		font-size: 1.25rem;
		line-height: 175%;
		margin-bottom:15px;
	}

	/* 【ブログ】レイアウト共通
	------------------------------------------------------------------------------------ */
	section.blogWrapper div.sectionInner {
		flex-direction: column;
		gap: 0;
	}
	section.blogWrapper div.sectionInner div#blogLeft {
		display: contents;
		width: 100%;
	}
	section#blogTop div#blogLeft div#blogTopRecommend {
		order: 1;
	}
	section#blogTop div#blogLeft div#blogTopNewpost {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #CCC;
		order: 5;
	}
	section.blogWrapper div#blogLeft div#blogFeature {
		margin-top: 30px;
		order: 9;
	}

	section.blogWrapper div.sectionInner div#blogRight {
		display: contents;
		width: 100%;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightSearch {
		margin-top: 30px;
		order: 2;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory {
		margin-top: 30px;
		order: 3;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightKeyword {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #CCC;
		order: 4;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #CCC;
		order: 6;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightSns {
		margin-top: 30px;
		order: 7;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner {
		margin-top: 30px;
		order: 8;
	}

	/* 【ブログ】おすすめ特集リスト
	------------------------------------------------------------------------------------ */
	div#featureList ul {
		gap: 10px;
	}

	/* 【ブログ】記事一覧
	------------------------------------------------------------------------------------ */
	ul.blogPostList {
		display: flex;
		gap: 20px 0;
	}
	ul.blogPostList li {
		width: 100%;
	}
	ul.blogPostList li a {
		display: flex;
	}
	ul.blogPostList li a p.blogPostListImage {
		flex-shrink: 0;
		width: 220px;
		padding-right:20px;
		padding-bottom:0;
	}
	ul.blogPostList li a div.blogPostListText {
		width: calc((100% - 20px) - 200px);
	}
	ul.blogPostList li a div.blogPostListText p.blogPostListDate {
		font-size: 0.875rem;
		line-height: 100%;
	}
	ul.blogPostList li a div.blogPostListText h3.blogPostListTitle {
		font-size: 1.125rem;
		line-height: 150%;
		padding-bottom:5px;
	}
	ul.blogPostList li a ul.blogPostCategoryList li,
	div#blogDetail div#blogDetailHeader ul.blogPostCategoryList li {
		font-size: 0.875rem;
		line-height: 100%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	/* 【ブログ】記事一覧 ページネーション
	------------------------------------------------------------------------------------ */
	nav.pagination {
		margin-top: 30px;
	}
	nav.pagination span.current,
	nav.pagination a.page-numbers {
		padding: 8px 10px;
	}
	nav.pagination a.prev,
	nav.pagination a.next {
		padding: 0;
	}
	nav.pagination a.prev:before,
	nav.pagination a.next:before {
		width: 34px;
		height: 34px;
	}

	/* 【ブログ】右カラム
	------------------------------------------------------------------------------------ */
	div.blogSearch form div input[type="search"] {
		padding: 10px 55px 10px 20px;
	}
	div.blogSearch form div input[type="search"]::placeholder {
		font-size: 0.875rem;
		line-height: 100%;
	}
	div.blogSearch form div button {
		right: 20px;
		width: 20px;
		height: 20px;
	}
	div.blogSearch form div button:before {
		width: 20px;
		height: 20px;
	}

	section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner ul li {
		margin-top: 0;
	}

	/* 【ブログ】TOP
	------------------------------------------------------------------------------------ */
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li {
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a {
		display: inline;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a p.blogPostListImage {
		width: auto;
		padding-right:0;
		padding-bottom:15px;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a h3.blogPostListTitle {
		font-size: 1rem;
		line-height: 150%;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a ul.blogPostCategoryList li {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking {
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner {
		padding: 30px;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item p.wpp-thumb {
		width: 200px;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item h4 {
		width: calc(100% - 200px);
		font-size: 1.125rem;
		line-height: 150%;
	}

	/* 【ブログ】404ページ
	------------------------------------------------------------------------------------ */
	section#blog404 div#blogLeft div.blogSearch {
		display: none;
	}
}



/* スマホ用
------------------------------------------------------------------------------------ */
@media screen and (max-width:767px) {
	/* PC、SP表示切り替え
	------------------------------------------------------------------------------------ */
	.dsNoneSp {
		display: none;
	}
	.dsNonePc {
		display: block;
	}

	/* contents
	------------------------------------------------------------------------------------ */
	div.sectionInner {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* パンくずリスト
	------------------------------------------------------------------------------------ */
	section#breadcrumb {
		margin-bottom: 40px;
		overflow-x: scroll;
	}
	section#breadcrumb ul {
		display: inline-flex;
		min-width: max-content;
		line-height: 150%;
		white-space: nowrap;
		padding-left:20px;
		padding-right:20px;
	}
	section#breadcrumb ul li {
		flex-shrink: 0;
		white-space: nowrap;
	}

	/* 共通パーツ
	------------------------------------------------------------------------------------ */
	.title01 {
		font-size: 1.5rem;
		line-height: 175%;
		margin-bottom:40px;
	}
	.title02 {
		font-size: 1.25rem;
		line-height: 175%;
		margin-bottom:15px;
	}
	.title03 {
		font-size: 1.125rem;
		line-height: 175%;
	}
	.bTitle02 {
		font-size: 1.25rem;
		line-height: 135%;
		margin-bottom:25px;
	}
	.bTitle02:before {
		bottom: -10px;
		height: 3px;
	}

	/* 【ブログ】レイアウト共通
	------------------------------------------------------------------------------------ */
	section.blogWrapper div.sectionInner {
		flex-direction: column;
		gap: 0;
	}
	section.blogWrapper div.sectionInner div#blogLeft {
		display: contents;
		width: 100%;
	}
	section#blogTop div#blogLeft div#blogTopRecommend {
		order: 1;
	}
	section#blogTop div#blogLeft div#blogTopNewpost {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #CCC;
		order: 5;
	}
	section.blogWrapper div#blogLeft div#blogFeature {
		margin-top: 30px;
		order: 9;
	}

	section.blogWrapper div.sectionInner div#blogRight {
		display: contents;
		width: 100%;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightSearch {
		margin-top: 30px;
		order: 2;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightCategory {
		margin-top: 30px;
		order: 3;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightKeyword {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #CCC;
		order: 4;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #CCC;
		order: 6;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightSns {
		margin-top: 30px;
		order: 7;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightBanner {
		margin-top: 30px;
		order: 8;
	}

	/* 【ブログ】おすすめ特集リスト
	------------------------------------------------------------------------------------ */
	div#featureList ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	/* 【ブログ】記事一覧
	------------------------------------------------------------------------------------ */
	ul.blogPostList {
		display: flex;
		gap: 20px 0;
	}
	ul.blogPostList li {
		width: 100%;
	}
	ul.blogPostList li a {
		display: flex;
	}
	ul.blogPostList li a p.blogPostListImage {
		flex-shrink: 0;
		width: 145px;
		padding-right:15px;
		padding-bottom:0;
	}
	ul.blogPostList li a div.blogPostListText {
		width: calc((100% - 15px) - 130px);
	}
	ul.blogPostList li a div.blogPostListText p.blogPostListDate {
		font-size: 0.75rem;
		line-height: 100%;
	}
	ul.blogPostList li a div.blogPostListText h3.blogPostListTitle {
		font-size: 0.875rem;
		line-height: 150%;
		padding-bottom:5px;
	}
	ul.blogPostList li a ul.blogPostCategoryList li,
	div#blogDetail div#blogDetailHeader ul.blogPostCategoryList li {
		font-size: 0.75rem;
		line-height: 100%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	/* 【ブログ】記事一覧 ページネーション
	------------------------------------------------------------------------------------ */
	nav.pagination {
		margin-top: 30px;
	}
	nav.pagination span.current,
	nav.pagination a.page-numbers {
		padding: 8px 10px;
	}
	nav.pagination a.prev,
	nav.pagination a.next {
		padding: 0;
	}
	nav.pagination a.prev:before,
	nav.pagination a.next:before {
		width: 34px;
		height: 34px;
	}

	/* 【ブログ】右カラム
	------------------------------------------------------------------------------------ */
	div.blogSearch form div input[type="search"] {
		padding: 10px 55px 10px 20px;
	}
	div.blogSearch form div input[type="search"]::placeholder {
		font-size: 0.875rem;
		line-height: 100%;
	}
	div.blogSearch form div button {
		right: 20px;
		width: 20px;
		height: 20px;
	}
	div.blogSearch form div button:before {
		width: 20px;
		height: 20px;
	}

	/* 【ブログ】TOP
	------------------------------------------------------------------------------------ */
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li {
		margin: 0;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a {
		display: inline;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a p.blogPostListImage {
		width: auto;
		padding-right:0;
		padding-bottom:15px;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a h3.blogPostListTitle {
		font-size: 1rem;
		line-height: 150%;
	}
	section#blogTop div#blogLeft div#blogTopRecommend ul#blogTopRecommendList li a ul.blogPostCategoryList li {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking {
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner {
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
		padding: 30px 20px;
		border-radius:0;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item p.wpp-thumb {
		width: 130px;
	}
	section.blogWrapper div.sectionInner div#blogRight div#blogRightRanking div#blogRightRankingInner ul.wpp-list li.wpp-item h4 {
		width: calc(100% - 130px);
	}

	/* 【ブログ】詳細ページ 目次
	------------------------------------------------------------------------------------ */
	div#ez-toc-container {
		display: block;
		padding-left: 20px;
		padding-right: 20px;
	}
	div#ez-toc-container div.ez-toc-title-container {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	div#ez-toc-container nav {
		width: 100%;
	}
	div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-2 {
		font-size:1rem;
		line-height:150%;
	}
	div#ez-toc-container nav ul.ez-toc-list-level-1 li.ez-toc-heading-level-2 ul.ez-toc-list-level-3 li.ez-toc-heading-level-3 {
		font-size:0.875rem;
		line-height:150%;
		padding-left: 15px;
	}

	/* 【ブログ】詳細ページ デザイン雛形
	------------------------------------------------------------------------------------ */
	/* コンテンツ横並び */
	div#blogDetail div#blogDetailBody .is-layout-flex {
		flex-direction: column;
	}

	/* 【ブログ】詳細ページ 「この記事を読んだ人におすすめ」
	------------------------------------------------------------------------------------ */
	div#blogDetailRelated div.yarpp div.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
		width: calc((100% - 15px) / 2);
	}

	/* 【ブログ】詳細ページ 「この記事を書いた人」
	------------------------------------------------------------------------------------ */
	div#blogDetailWriter {
		margin-top:50px;
	}
	div#blogDetailWriter div#blogDetailWriterBlock {
		gap: 20px;
		padding: 20px;
	}
	div#blogDetailWriter div#blogDetailWriterBlock p#blogDetailWriterBlockPhoto {
		width: 80px;
	}
	div#blogDetailWriter div#blogDetailWriterBlock div#blogDetailWriterBlockText {
		width: calc((100% - 20px) - 80px);
	}
	div#blogDetailWriter div#blogDetailWriterBlock div#blogDetailWriterBlockText h4.title03 {
		margin-bottom: 0;
	}
	div#blogDetailWriter div#blogDetailWriterBlock div#blogDetailWriterBlockText p {
		font-size:0.875rem;
		line-height:150%;
	}

	/* 【ブログ】404ページ
	------------------------------------------------------------------------------------ */
	section#blog404 div#blogLeft div.blogSearch {
		display: none;
	}
}