#shop_introduction_text {
  font-size: clamp(11px,2vw + 4px, 12px);
  margin: 0 !important;
  padding-block: .75em;
  background: rgba(0, 128, 0, 0.5);
  color: #333;
  line-height: 1;
  text-align: center;
}
#header_safety_banner {
  width: min(87%, 500px);
  margin: 0px auto 0;
}
@media(min-width: 981px){
  #shop_introduction_text {
    display: none
  }
  #header_safety_banner{
    display: none
  }
}
:where(h2){
  color:#fff;
  background-color: #339900
}
/* 見出し */
.try-gradation-title.info {/*インフォメーション*/
	--top-color: #a4d400;
	--bottom-color: #0c8b01;
	--shadow-color: #181913;
}
.try-gradation-title.fav {/*お気に入り*/
    --top-color: #f065a1;
    --bottom-color: #e95b54;
    --shadow-color: #ffcaca;
}
.try-gradation-title.osusume {/*おすすめ*/
	--top-color: #ff6700;
	--bottom-color: #f50b00;
	--shadow-color: #e3a99f;
}
.try-gradation-title.onaho {/*オナホランキング*/
	--top-color: #ecb911;
	--bottom-color: #0e8bec;
	--shadow-color: #3c683f;
}
.try-gradation-title.large {/*大型ランキング*/
	--top-color: #fb95d1;
	--bottom-color: orange;
	--shadow-color: #c96a4d;
}
.try-gradation-title.play {/*プレイランキング*/
	--top-color: #fcc120;
	--bottom-color: #fe1c8d;
	--shadow-color: #cb176b;
}
.try-gradation-title.electro {/*電動ランキング*/
  --top-color: #2C7CFF;
  --shadow-color: #f1d7a4;
  --bottom-color: #579745;
}

.try-gradation-title.review {/*レビュー*/
	--top-color: #02a802;
	--bottom-color: #034f03;
	--shadow-color: #4c974d;
}
.try-gradation-title.pick {/*ピックアップ*/
	--top-color: #9a02a2;
	--bottom-color: #4e1ffb;
	--shadow-color: #162c57;
}
.try-gradation-title.teiban {/*定番*/
	--top-color: #fe4745;
	--bottom-color: #fe0c99;
	--shadow-color: #ab143e;
}
.try-gradation-title.annai {/*各種案内*/
	--top-color: #2268a0;
	--bottom-color: #393b87;
	--shadow-color: #657ec7;
}

/* お気に入りの数が少ないとき（スライドにしない時）*/
#favorite:not(.swiper-initialized) > #favorite-list{
  display: grid;
}
#favorite:not(.swiper-initialized)::before,
#favorite:not(.swiper-initialized)::after,
#favorite:not(.swiper-initialized) .rcmd-btn{
  display: none
}
/* 検索キーワード*/
@media(max-width: 767px){
  .search-keyword-heading{
    margin-bottom: 0 !important
  }
  .search-keyword-list{
    margin-left: -12px;
    margin-right: -20px;
    padding-top:20px;
    padding-right: 24px;
    overflow-y: hidden
  }
  .search-keyword-list.active{
    height: max-content
  }
  .search-keyword-list .toggle {
    position: absolute;
    top: 20px;
    right: 2px;
  }
  .search-keyword-list .toggle::before{
    content:"ひらく";
    position:absolute;
    top:-1.5em;
    right:0;
    width: max-content;
    font-size: 11px
  }
  .search-keyword-list .toggle.active::before{
    content: "とじる"
  }
  .search-keyword-list .toggle svg {
    width: 26px;
    height: 26px;
    fill: #fff;
    background: var(--key-color);
    clip-path: circle();
  }
  .search-keyword-list .toggle.active svg{
    transition: rotate .2s;
    rotate: 180deg
  }	
}
/* お知らせ*/
.info-container{
  container-name:info;
  container-type:inline-size;
  padding-bottom: 24px;
}
.info-container > :not(.info-grid):not(delivery-date){
  padding-inline: clamp(12px,2.4vw,24px);
}
/* 全てのランキングを見る　リンク*/
.try-gradation-title a {
  font-size: clamp(8px,2vw,14px);
}
.try-gradation-title a::before {
  content: "> ";
}

@media( max-width: 980px){
  .rcmd-list-container .more-btn{
    display: none;
  }
}
@media(min-width:981px){
  /* PC時オナホ＆プレイ系ランキング＆おすすめ＆定番　はリスト表示*/
  :is(#recommend-list,#seller-list , .monthly-container .try-list){
  	display: grid;
  }
  :is(#recommends,#sellers , .monthly-container )::before,
  :is(#recommends,#sellers , .monthly-container )::after,
  :is(#recommends,#sellers , .monthly-container) .rcmd-btn{
  	display: none
  }
  .monthly-container .try-list[data-hide="true"] > :nth-child(n+11){
    display: none;
  }
}
@media (min-width: 981px) and (max-width: 1439px){
.try-list[data-hide="true"]:is(#recommend-list , #seller-list) > :nth-child(n+9){
    display:none;
  }
}
@media (min-width: 1440px){
  .try-list[data-hide="true"]:is(#recommend-list , #seller-list) > :nth-child(n+11){
    display:none;
  }
}
/* 順位*/
#large_onaho-ranking-list .try-list-item[data-rank]::before {
  background: linear-gradient(to bottom,#fe93d6,#ffa800) no-repeat 50% 100%/40px 38px;
}
/* まとめブログのランダムカルーセル*/
.eyecatch__link img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
/*おしらせ*/
.info-grid {
  --col:2;
  display: grid;
  grid-template-columns: repeat(var(--col,2),minmax(0,1fr));
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
}
.info-grid-full {
  grid-column: 1/3;
  padding: 5px 0px;
}
.info-grid img{
  display:block;
  width:100%;
}
@media(min-width: 1280px) {
  .info-grid{
    --col: 3;
    --max-width: 800px;
    max-width: var(--max-width, 800px);
    margin-inline: auto;
  }
}
@media(min-width:1440px){	
  .info-grid{
    --col: 4;
    --max-width:1300px;
  }
  .info-grid-full{
/*      grid-column:1/4;*/
      width:max-content;
      margin:auto;
  }
}

.info-grid03 {
   display: inline-grid;
   justify-content: space-between;
   gap: 8px;
   padding: 0px 2px;
}
.info-grid03-full {
   padding: 5px 0px;
}
.info-grid03 img{
  display:block;
  width:100%;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pcview { 
  display: none; 
}
.spview { 
  display: initial; 
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media (min-width: 750px){
  .pcview {
    display: block !important;
  }
  .spview {
    display: none !important;
  }
} 

@media(min-width:1440px){	
  .responsive-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    max-width:1300px;
    margin-inline:auto;
  }
  .responsive-grid .info-grid-full{
      grid-column:1/4;
      width:max-content;
      margin:auto;
  }
}
@media(min-width: 1280px) {
  .info-grid.responsive-grid02{
    --col: 2;
  }
}
@media(min-width:1440px){	
  .responsive-grid02{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      max-width:1180px;
      margin-inline:auto;
  }
  .responsive-grid02 .info-grid-full{
      grid-column:1/4;
      width:max-content;
      margin:auto;
  }
}