/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2025 | 21:28:48 */
/* 制作実績 */

[class*="product"] .c-postThumb__figure,
#body_wrap.post-type-archive-product .c-postThumb__figure {
	aspect-ratio: 800/600;
}
.blog .p-postList__item .category,
.product .p-postList__item .category {
	background-color: #999;
	color: #fff;
	border-radius: 10px;
	padding: 5px 12px;
	font-size: calc(12rem / 16);
	line-height: 1;
}

/* シングルページでデフォルトのカテゴリー非表示 */
#body_wrap.single-product .p-articleMetas__termList,
#body_wrap.single-blog .p-articleMetas__termList {
	display: none;
}
#body_wrap.single-product .post-terms,
#body_wrap.single-blog .post-terms {
	display: flex;
	flex-wrap: wrap;
	margin-top: -5px;
}
#body_wrap.single-product .post-terms > a,
#body_wrap.single-blog .post-terms > a {
	margin-top: 5px;
}
#body_wrap.single-product .p-articleMetas,
#body_wrap.single-blog .p-articleMetas {
	display: block;
}
#body_wrap.single-product .p-articleMetas__times,
#body_wrap.single-blog .p-articleMetas__times {
	margin-top: 10px;
}
.post-terms .c-taxList__link,
#body_wrap .post-terms span {
	background-color: #333;
	color: #fff;
	border-radius: 15px;
	padding: 5px 12px;
	font-size: calc(12rem / 16);
	line-height: 1;
}
#body_wrap .post-terms span {
	background-color: #999;
}
.post-terms {
	text-align: left;
}
.post-terms span {
	display: inline-block;
}
.post-terms .c-taxList__link:not(:first-of-type) {
	margin-left: 5px;
}

@media (hover:hover) {
	.post-terms .c-taxList__link {
		transition: .3s;
	} 
	.post-terms .c-taxList__link:hover {
		opacity: .6;
	} 
}

/* アーカイブページカテゴリー一覧 */
.taxonomy-block .links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.taxonomy-block .links > a {
	position: relative;
	margin-top: 12px!important;
    margin-left: 12px;
    padding: 15px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: calc(18rem / 16);
    color: #000;
    display: inline-block;
	line-height: 1;
}
.taxonomy-block .links > a.current {
    background-color: #000;
    color: #fff;
}
.taxonomy-block .links > a.current::after {
	content: " ▼";
	color: #fff;
	font-size: calc(12rem / 16);
}
@media (max-width: 599px) {
	.taxonomy-block .links > a {
		padding: 10px;
		font-size: calc(16rem / 16);
	}
}

/* アーカイブページサイドバー非表示 */
#body_wrap[class*="tax-product"] #sidebar,
#body_wrap.post-type-archive-product #sidebar {
	display: none;
}
#body_wrap[class*="tax-product"] #main_content,
#body_wrap.post-type-archive-product #main_content {
	width: 100%;
}

/* ブログ見出し */
#body_wrap.single-blog #main_content h2::before {
	display: none;
}
#body_wrap.single-blog #main_content h3 {
	padding: 10px 10px 10px 20px;
	background-color: #777;
	color: #fff;
	font-weight: normal;
}
#body_wrap.single-blog #main_content h3::before,
#body_wrap.single-blog #main_content h3::after {
	display: none;
}
#body_wrap.single-blog #main_content h4 {
	padding: 10px 10px 10px 20px;
	background-color: #f7f7f7;
}