/* フリースペース・ページ送り のリンクスタイル*/
.cg_freespace_01 a,
.p-pager a{
	color: var(--main-text) !important;
}

/**
 *  カテゴリー内検索
**/
.searchbox {
	display: grid;
	grid-template-columns: 1fr 64px;
	grid-template-areas: "label label" "input btn  ";
	gap: 8px 0px;
	width: min(96vw,640px);
	margin-inline: auto;
}
.searchbox.cate-searchform label {
	grid-area: label;
}
.searchbox.cate-searchform .searchbox__input {
	height: 32px;
	height: 32px;
	grid-area: input;
}
.searchbox.cate-searchform .searchbox__btn {
	grid-area: btn;
	font-size: 16px;
	color: #fff;
	padding: 8px 0;
	background-color: #000;
	border: 1px solid var(--btnBorder);
	text-align: center;
  transition: background-color .3s
}
.searchbox.cate-searchform .searchbox__btn:focus {
	outline: 2px solid var(--link-color);
	outline-offset: 1px;
}
@media (hover: hover) {
  .searchbox.cate-searchform .searchbox__btn:hover {
    background: #cecece;
    border-color: #000;
    color:#000
  }
}

h2#productlist-title {
    font-size: 20px;
    text-align: center;
}
/*-----------
  ここから削除厳禁：旧CSSのスタイル継承
　＊フリースペース内で使用されています
------------*/
.tab {
  padding-top: 10px 5px;
}
button.tablinks {
  padding-right: 30px;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
  color: #696969;
  background: transparent;
  border: 0;
  border-radius: 0px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
/* 選択されているタブの色 */
button.tablinks.active {
  color: #f46c56;
}
/* コンテンツブロック */
.tabcontent {
  display: none;
  padding: 20px 0px;
  font-size: 12px;
  line-height: 20px;
}
/* コンテンツ内の中見出し */
.tabcontent ul h2 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #696969;
}
/* コンテンツ内の小見出し */
.tabcontent ul h3 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #696969;
}
/* コンテンツ内の見出し */
.tabcontent ul p {
  display: inline-block;
  margin: 24px 0px;
  font-size: 18px;
  font-weight: bold;
  color: #696969;
}
/* コンテンツ内のテキスト */
.tabcontent li {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 26px;
}
@media only screen and (max-width:480px) {
  .tab {
    text-align: center;
  }
  button.tablinks {
    margin-bottom: 5px;
    padding: 8px;
  }
}
/*  フリースペース、タブ内のアコーディオン　*/
.tab-pane .panel-heading a {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  outline: 0;
}
h5.panel-title {
  margin: 0;
}
.panel-collapse {
  display: none;
}
.tab-pane .panel-collapse .panel-body {
  overflow: hidden;
  display: block;
  padding-bottom: 30px;
}
.tab_line hr {
  height: 1px;
  margin: 5px 0;
  border: 0;
}
.photo img {
  margin: 20px 0px 20px;
}
/*------------
  フリースペースの表(鉱物データ)　
  アクアマリンなどで確認
------------*/
.cat_contents table {
  width: min(100%, 650px);
  font-size: 16px;
  color: var(--mainText);
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.cat_contents table tr {
  padding: .35em;
  background-color: #faf9f4;
  border: 1px solid #bbb;
}
.cat_contents table thead tr{
  background-color: #eee;
}

.cat_contents table th,
.cat_contents table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
.cat_contents table th{
  font-size: .85em;
}
.txt {
  text-align: left;
  font-size: .85em;
}
.price {
  text-align: right;
}
@media screen and (max-width: 600px) {
  .cat_contents table tr {
    display: block;
    margin-bottom: .625em;
  }
  .cat_contents table th{
    display: block;
    background-color: #eee;
    border-right: none;
  }
  .cat_contents table td {
    display: block;
    position: relative;
    text-align: center;
    font-size: .8em;
    border-bottom: 1px solid #bbb;
    border-right: none;
  }
  .cat_contents table td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: bold;
  }
  .cat_contents table td:last-child {
    border-bottom: 0;
  }
}

/* コラムリンク横並び */
.flex {
  display: flex;
}
.flex .image {
  width: 50px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .text {
  margin: 0 0 0 10px;
  padding: 0;
}

.all_imgbox {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    padding-bottom: 12px;
    margin-bottom: -20px;
    text-align: center;
}

div#productlist {
    margin-bottom: 50px;
}
/*小カテゴリ横並び*/
.subcategory-item {
  display: inline-block;
}
/*ランディングリンク*/
.txbox2 {
  position: relative;
  margin: 2em 8px;
  padding: 0.5em 1em;
  border: solid 1px #866f58;
  border-radius: 8px;
}

.txbox2 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #f7f5ed;
    color: #7b6651;
    font-weight: bold;
}
.wp-list__title {
    font-size: 14px;
}
/* 削除厳禁　ここまで*/