@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* ログイン閲覧時も必ずグリッドに */
.logged-in .popular-top30 .wpp-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
@media (max-width:959.98px){
  .logged-in .popular-top30 .wpp-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
/* WPP 人気TOP系をグリッド強制（PC=3列 / SP=2列） */
#content .popular-top30.popular-widget > ul.wpp-list{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

/* SPは2列 */
@media (max-width: 959.98px){
  #content .popular-top30.popular-widget > ul.wpp-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* プラグイン側の float / flex / 幅 指定を無効化 */
#content .popular-top30.popular-widget > ul.wpp-list > li{
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
/* 確実にグリッド化（上書き対策） */
.popular-top30.popular-widget > ul.wpp-list{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.popular-top30 .wpp-list > li{ display:block !important; }
@media (max-width: 959.98px){
  .popular-top30.popular-widget > ul.wpp-list{ grid-template-columns:repeat(2,1fr); }
}
/* ULを確実にグリッド化 */
.popular-top30.popular-widget > ul.wpp-list{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
/* liにflexが当たっている場合を無効化 */
.popular-top30 .wpp-list > li{
  display: block !important;
}
@media (max-width: 959.98px){
  .popular-top30.popular-widget > ul.wpp-list{
    grid-template-columns: repeat(2, 1fr);
  }
}