.section-title-h2,
.try-section-title{
  --font-color:#222;
  --theme-color:transparent;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

/* 2ページ目以降、フリースペース１のランキング以外と、フリースペース２を非表示に*/
#category.not_first_page .free1 > :is( p, ul),
#category.not_first_page .free2{
	display: none;
}
.freespace__section.free1{
  container-name: free;
  container-type: inline-size;
}
/* 売上ランキング*/
#rank_list{
  display: flex;
  column-gap:4px;
  height:auto;
  min-height: calc(clamp(150px, 20cqi , 200px) + 38px + 38px);
  font-size:14px;
  overflow-x: scroll;
  overflow-y:hidden;
  margin-inline: -10px;
}
/*
#rank_list[aria-busy="true"]::after{
  content:"ランキング取得中..";
  display:block;
  padding:1em 2em;  
}
*/
#rank_list .img_box {
  min-width: clamp(150px, 20cqi, 265px);
  height:100%;
}
[data-rank]::before {
  content: attr(data-rank);
  width: 100%;
  display: flex;
  background: url(https://img07.shop-pro.jp/PA01446/246/etc_base64/Y19ibG9jaw.png) no-repeat center bottom;
  height: 23px;
  background-size: 50px;	
  justify-content: center;
  color: #fff;	
  padding:15px 0 0 0;
}
[data-rank="1"]::before {background: url(https://img07.shop-pro.jp/PA01446/246/etc_base64/Y19nb2xk.png) no-repeat center bottom;background-size: 50px;}
[data-rank="2"]::before {background: url(https://img07.shop-pro.jp/PA01446/246/etc_base64/Y19zaWx2ZXI.png) no-repeat center bottom;background-size: 50px;}
[data-rank="3"]::before {background: url(https://img07.shop-pro.jp/PA01446/246/etc_base64/Y19jb3Blcg.png) no-repeat center bottom;background-size: 50px;}
#rank_list p{
  line-height: 1.1;
  margin:0;
  padding-top:7px;
  padding-inline:2px;
}
@container free (width > 770px){
  #rank_list{
    overflow-x:initial;
  }
}
@media(hover:hover){
  .img_box:hover,.img_box:focus {
	text-decoration: none;
  }
}
/**
小カテゴリーリスト
**/
#try-subcategory-list {
  --column: 3;
  display: grid;
  grid-template-columns: repeat(var(--column),1fr);
  gap: 20px 8px;
}
@media(max-width:1439px){
  #try-subcategory-list > .try-subcategory-item:nth-child(n+10){
    display:none
  }
}
#try-subcategory-list[data-hide="false"] .try-subcategory-item{
  display:block !important;
}
@media(min-width:1440px){
  #try-subcategory-list {
    --column: 4;
  }
  #try-subcategory-list > .try-subcategory-item:nth-child(n+13){
    display:none;
  }
  #try-subcategory-list[data-hide="false"] .try-subcategory-item{
    display:block !important;
  }
}
.try-subcategory__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: clamp(12px,1vw + 5px,15px);
	text-align: center;
}
.try-subcategory__image-wrap {
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 8px;
	box-sizing: border-box;
}
/* もっとみるボタン*/
.more-btn {
  display: none;
  width: 300px;
  margin: 40px auto;
  padding: 12px;
  background: #333;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
}
@media(max-width:1439px){
  #try-subcategory-list:has(>:nth-child(10)) + .more-btn {
    display:block;
  }
}
@media(min-width:1440px){
  #try-subcategory-list:has(>:nth-child(13)) + .more-btn {
    display:block;
  }
}
@media(hover:hover){
  .more-btn:hover {
    box-shadow: inset 0 0 20px #aaa;
  }
}	

/**
フリースペースで使うスタイル
**/
/* 2列のリンクバナー*/
.banner-list {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(4px,2vw,12px);
  list-style: none;
  margin: 20px clamp(-12px, 2vw - 20px, 0px) 40px;
  padding: 0;
}
@media (min-width: 768px){
  .banner-list {
    grid-template-columns: repeat(3,1fr);
  }
}
@media (max-width: 600px) {
  .banner-list:has(li:nth-child(2)) {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
  }
.banner-list {
    display: block;
  }
}  
.banner-list > li img {
  width: min(100% , 500px);
}
.freespace__section #sales-ranking {
	margin-top: 40px;
}
/* フリースペース２の説明文 */
.setumei > div {
  margin-bottom: 40px;
}
.setumei p {
  line-height: 1.5;
  margin: 0;
}
.setumei h4 {
  font-size:1.1rem;
  font-weight:600;
  margin: 24px 0 4px;
}
.setumei ul:not([class]){
  margin: 20px;
  padding: 0;
  line-height: 1.6;
}
.setumei ul li {
  margin-bottom: 10px;
}

@media (max-width: 980px) {
  .pagenation-list.unstyled {
	text-align: center;
  }
}