/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2025 | 10:07:27 */
/* ===============================
   成品列表ページ
=============================== */
/* -------------------------------------------------------------------
   製品カテゴリのテキスト（.btn-category-title）
-------------------------------------------------------------------- */
.btn-category-title {
  display: inline-block;        /* 横並び用 */
  margin: 0 10px 20px 0;        /* 適宜調整 */
  position: relative;            /* アイコン移動用 */
  cursor: pointer;               /* マウスホバーで手型 */
  transition: color 0.1s ease-in;
}

/* アイコン */
.btn-category-title .vk_icon_font {
  display: inline-block;
  position: relative;       /* leftを効かせるため */
  transition: all 0.1s ease-in;
  left: 10; /* 初期位置 */
  margin-top:0.05rem;
}

/* hoverで右端にスライド */
.btn-category-title:hover .vk_icon_font {
  left: 80%;
}
/* -------------------------------------------------------------------
   製品カテゴリのコンテナ（.product-cat__container）
-------------------------------------------------------------------- */
@media screen and (max-width:979.8px){
	.product-cat__container {
		padding-top: var(--wp--preset--spacing--40)!important;
		padding-right: var(--wp--preset--spacing--40)!important;
		padding-bottom: var(--wp--preset--spacing--40)!important;
		padding-left: var(--wp--preset--spacing--40)!important;
	}
}
/* PCでカテゴリコンテナが2個並ぶ場合、767px以下の場合は1カラム：レスポンシブ対応 */
@media (max-width: 767px) {
    .cols-2.product-cat__container {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: var(--wp--preset--spacing--40);
    }
    
    cols-2.product-cat__container:last-child {
        margin-bottom: 0;
    }
}