@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
*/



/* hf-samples: 試し読み画像を隙間ゼロで縦連結（キャプションは表示） */
.hf-samples{display:flex !important;flex-direction:column !important;gap:0 !important;}
.hf-samples>*, .hf-samples .wp-block-image, .hf-samples figure{margin:0 !important;padding:0 !important;}
.hf-samples img{display:block !important;width:100% !important;height:auto !important;margin:0 !important;vertical-align:top !important;}
.hf-samples figcaption{margin:0 !important;padding:3px 0 8px !important;font-size:12px !important;line-height:1.4 !important;text-align:center;color:#888;}


/* 割引バッジ */
.hf-off{display:inline-block;font-size:14px;color:#fff;background:#ff2d88;border-radius:4px;padding:2px 8px;margin-left:6px;font-weight:bold;vertical-align:middle;}

/* 前後記事ナビ非表示（SWELL設定項目が無いためCSS） */
.p-pnLinks{display:none !important;}
/* FAQ（プロ仕様） */
.hf-faq__item{border:1px solid #ffd0e6;border-radius:10px;margin:10px 0;overflow:hidden;background:#fff;}
.hf-faq__q{background:#fff0f6;color:#c2185b;font-weight:bold;margin:0;padding:12px 14px 12px 40px;position:relative;font-size:15px;}
.hf-faq__q::before{content:"Q";position:absolute;left:11px;top:11px;background:#ff2d88;color:#fff;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:13px;}
.hf-faq__a{margin:0;padding:12px 14px 14px 40px;position:relative;font-size:14px;line-height:1.75;color:#333;}
.hf-faq__a::before{content:"A";position:absolute;left:14px;top:11px;color:#ff2d88;font-weight:bold;font-size:15px;}

/* BOOKSカード(cidにd_無し)のアイキャッチを縦型に。同人(d_)はwide維持 */
.p-postList__item:not(:has(a[href*=".com/d_"])) .c-postThumb,
.p-postList__item:not(:has(a[href*=".com/d_"])) .c-postThumb__figure{
  aspect-ratio:3/4 !important; padding-top:0 !important; height:auto !important;
}
.p-postList__item:not(:has(a[href*=".com/d_"])) .c-postThumb__figure img{
  object-fit:cover !important; width:100% !important; height:100% !important;
}