@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

.rank-title {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 1.1em;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.rank-title::marker { content: ""; }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details summary .toggle-icon { float: right; font-size: 1em; margin-left: 8px; }
details[open] summary .toggle-icon::before { content: "▲"; }
details:not([open]) summary .toggle-icon::before { content: "▼"; }
.affiliate-wrap { max-width:100%; width:100%; overflow-x:hidden; }
.affiliate-wrap table { max-width:100% !important; width:100% !important; }
.affiliate-wrap div[style*="width:824px"] { width:100% !important; max-width:100% !important; }
.affiliate-wrap td[style*="width:400px"] { width:48% !important; }
.affiliate-wrap td[style*="width:408px"] { width:50% !important; }

/* ショップ紹介 2カラム */
.shop-wrap { display:flex; gap:24px; align-items:flex-start; }
.shop-img { flex:0 0 auto; max-width:260px; }
.shop-img img { max-width:100%; }
.shop-text { flex:1; }
@media(max-width:640px){
  .shop-wrap { flex-direction:column; }
  .shop-img { max-width:100%; }
}