@charset 'UTF-8';
/*!
Theme Name: ユーカーパック
Theme URI:
Author:
Author URI:
Description: ユーカーパック用テーマ
Version: 1.1
*/
 @import url(./assets/css/all.css);

/* ==========================================================================
   /bidsupport（サイト7・UcarBID 会員様向けサポートサイト）SYS-1150
   body.site-bidsupport の中だけに効く。他のサイトには効かない。
   テーマの置き場に新しいファイルを置けないため、all.css とは分けてここに置く（Version を上げると読み直される）。
   ========================================================================== */

/* 色は UcarBID のトップ（bid.ucarpac.com・ucarbid-web の pages/top）に合わせる：
   紺 #1A3A64（見出し・フッター）／青 #007BFF・#2B78D6（リンク・差し色）／薄い青 #F6FAFF・#E7F1FF・線 #D8E5F4（背景・カード）／オレンジ #FF9900（いちばん押してほしいボタン）。
   ロゴはマゼンタのまま。記事本文の見出し・装飾はこのテーマの記事サイトの作りのまま（読みやすさを保つ）。 */

/* 共通：リンク・パンくず */
.site-bidsupport a { color: #2B78D6; }
.site-bidsupport .breadcrumb { background: #F6FAFF; }
.site-bidsupport .breadcrumb a { color: #2B78D6; }

/* ヘッダー */
.site-bidsupport .headerContainer { box-shadow: 0 2px 10px rgba(18, 54, 99, 0.06); }
.site-bidsupport .headerContainer__primary { align-items: center; }
.site-bidsupport .headerContainer__logo { width: 180px; margin-right: 0; }
.site-bidsupport .bid-header__site { margin: 0 auto 0 16px; padding-left: 16px; border-left: 1px solid #D8E5F4; color: #1A3A64; font-size: 1.3rem; font-weight: 500; line-height: 1.4; text-decoration: none; }
.site-bidsupport .bid-header__site:hover { color: #007BFF; }
.site-bidsupport .bid-header__tel a { display: flex; flex-direction: column; justify-content: center; height: 50px; color: #1A3A64; text-decoration: none; text-align: right; }
.site-bidsupport .bid-header__tel-label { font-size: 1.1rem; color: #364C67; }
.site-bidsupport .bid-header__tel-num { font-size: 2.2rem; font-weight: 700; color: #1A3A64; line-height: 1.2; }
.site-bidsupport .headerContainer__right--nav { align-items: center; }
.site-bidsupport .headerContainer__right--nav ul { align-items: center; }
.site-bidsupport .headerContainer__right--nav ul li a.bid-header__back { flex-direction: row; align-items: center; gap: 6px; width: auto; height: auto; margin-right: 8px; padding: 8px 16px; border: 1px solid #BFD6F2; border-radius: 8px; background: #fff; color: #2B78D6; box-shadow: 0 6px 14px rgba(20, 63, 113, 0.05); white-space: nowrap; }
.site-bidsupport .headerContainer__right--nav ul li a.bid-header__back .icon { width: auto; height: auto; margin: 0; }
.site-bidsupport .headerContainer__right--nav ul li a.bid-header__back .icon svg { fill: #2B78D6; }
.site-bidsupport .headerContainer__right--nav ul li a.bid-header__back .label { margin: 0; font-size: 1.3rem; font-weight: 700; }
.site-bidsupport .headerContainer__right--nav ul li a.bid-header__back:hover { border-color: #8BB8EE; }
.site-bidsupport .headerContainer__right--nav ul li a.hamburger:hover .icon span { background: #007BFF; }
.site-bidsupport .headerContainer__right--nav ul li a:hover { color: #007BFF; }
.site-bidsupport .nav-global > ul > li > a { color: #1A3A64; }
.site-bidsupport .nav-global > ul > li > a:hover, .site-bidsupport .nav-global > ul > li.current > a > span { color: #007BFF; }
.site-bidsupport .nav-global > ul > li.has-child > a:hover > span:before, .site-bidsupport .nav-global > ul > li.has-child > a:hover > span:after { background: #007BFF; }
.site-bidsupport .nav-global > ul > li .child { background: #1A3A64; }
.site-bidsupport .nav-global > ul > li .child ul li a, .site-bidsupport .nav-global > ul > li.current .child ul li a span { color: #fff; }
.site-bidsupport .nav-global > ul > li .child ul li a:hover { color: #9CC7FF; }
.site-bidsupport .nav-global > ul > li .child ul li a:hover span:after { border-left-color: #9CC7FF; }
@media screen and (max-width: 834px) {
  .site-bidsupport .bid-header__tel { display: none; }
  .site-bidsupport .nav-global { background: #1A3A64; }
  .site-bidsupport .nav-global > ul > li > a, .site-bidsupport .nav-global > ul > li.current > a > span { color: #fff; }
}
@media screen and (max-width: 640px) {
  .site-bidsupport .headerContainer__primary { padding: 6px 0 6px 10px; }
  .site-bidsupport .headerContainer__logo { width: 112px; }
  .site-bidsupport .bid-header__site { margin-left: 8px; padding-left: 8px; font-size: 1.1rem; }
  .site-bidsupport .headerContainer__right--nav { margin-left: 4px; }
  .site-bidsupport .headerContainer__right--nav ul li a.bid-header__back { margin-right: 2px; padding: 6px 8px; }
  .site-bidsupport .headerContainer__right--nav ul li a.bid-header__back .icon { display: none; }
  .site-bidsupport .headerContainer__right--nav ul li a.bid-header__back .label { font-size: 1.1rem; }
}

/* フッター（UcarBID のトップと同じ紺。下の固定の申込バナーが無いので、下の余白と「ページのトップへ」の位置を戻す） */
@media screen and (max-width: 640px) {
  body.site-bidsupport { padding-bottom: 0; }
  .site-bidsupport .totop { bottom: 10px; }
}
.site-bidsupport .footerContainer { background: #1A3A64; }
.site-bidsupport .footerContainer a { color: #fff; }
.site-bidsupport .bid-footer__back { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0 0 25px; }
.site-bidsupport .footerContainer .bid-footer__back a { display: inline-block; min-width: 220px; padding: 1rem 2rem; border: 1px solid #fff; border-radius: 8px; font-weight: 700; text-decoration: none; }
.site-bidsupport .footerContainer .bid-footer__back a:first-child { border-color: #F2A126; background: linear-gradient(180deg, #FFAB1F 0%, #FF9800 100%); }
.site-bidsupport .footerContainer .bid-footer__back a:hover { opacity: 0.85; }
.site-bidsupport .footerContainer__logo img { width: 150px; height: auto; filter: brightness(0) invert(1); }
.site-bidsupport .bid-footer__tel { margin-top: 1rem; }
.site-bidsupport .bid-footer__tel a { font-weight: 700; }
@media screen and (max-width: 640px) {
  .site-bidsupport .footerContainer { padding-top: 20px; }
  .site-bidsupport .bid-footer__back { padding: 0 15px; }
  .site-bidsupport .footerContainer .bid-footer__back a { width: 100%; }
  .site-bidsupport .footerContainer .nav-footer ul li { border-color: #3A5A84; }
}

/* ボタン（角丸 8px・UcarBID のトップと同じ形） */
.site-bidsupport .bid-btn { display: inline-block; padding: 1.1rem 2.2rem; border: 1px solid #F2A126; border-radius: 8px; background: linear-gradient(180deg, #FFAB1F 0%, #FF9800 100%); color: #fff; font-weight: 700; text-decoration: none; text-align: center; box-shadow: 0 10px 20px rgba(255, 153, 0, 0.18); }
.site-bidsupport .bid-btn:hover { opacity: 0.9; color: #fff; }
.site-bidsupport .bid-btn--ghost { border-color: #BFD6F2; background: #fff; color: #2B78D6; box-shadow: 0 6px 14px rgba(20, 63, 113, 0.05); }
.site-bidsupport .bid-btn--ghost:hover { border-color: #8BB8EE; color: #2B78D6; }

/* トップ */
.site-bidsupport .bid-top__section { margin: 0 0 32px; }
.site-bidsupport .bid-top__heading { margin: 0 0 14px; padding: 0 0 8px 12px; border-left: 4px solid #007BFF; border-bottom: 2px solid #EAEAEA; color: #1A3A64; font-size: 2rem; font-weight: 700; line-height: 1.4; }
.site-bidsupport .bid-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.site-bidsupport .bid-card { display: flex; flex-direction: column; padding: 14px 16px; border: 1px solid #D8E5F4; border-radius: 12px; background: #fff; box-shadow: 0 10px 24px rgba(17, 52, 97, 0.06); }
.site-bidsupport .bid-card__title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; color: #1A3A64; font-size: 1.7rem; font-weight: 700; text-decoration: none; }
.site-bidsupport .bid-card__title:hover { color: #007BFF; }
.site-bidsupport .bid-card__count { margin-left: 8px; padding: 0 8px; border-radius: 10px; background: #E7F1FF; color: #2B78D6; font-size: 1.2rem; font-weight: 700; white-space: nowrap; }
.site-bidsupport .bid-card__list { margin: 0; padding: 0; list-style: none; font-size: 1.4rem; }
.site-bidsupport .bid-card__list li { border-top: 1px solid #EEF3F9; }
.site-bidsupport .bid-card__list a { display: block; padding: 7px 0; color: #121212; text-decoration: none; }
.site-bidsupport .bid-card__list a:hover { color: #007BFF; }
.site-bidsupport .bid-card__more { margin-top: auto; padding-top: 6px; font-size: 1.3rem; text-align: right; }
.site-bidsupport .bid-guide-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.site-bidsupport .bid-guide-links a { position: relative; display: block; padding: 10px 30px 10px 14px; border: 1px solid #D8E5F4; border-radius: 8px; background: #fff; color: #1A3A64; text-decoration: none; }
.site-bidsupport .bid-guide-links a:hover { border-color: #8BB8EE; background: #F6FAFF; }
.site-bidsupport .bid-guide-links a:after, .site-bidsupport .bidsupport-list a:after { content: ''; position: absolute; top: 50%; right: 12px; width: 8px; height: 8px; border-top: 1px solid #2B78D6; border-right: 1px solid #2B78D6; transform: translate(0, -50%) rotate(45deg); }
@media screen and (max-width: 640px) {
  .site-bidsupport .bid-cards, .site-bidsupport .bid-guide-links { grid-template-columns: 1fr; }
}

/* 記事の一覧（カテゴリ・検索・お知らせ・同じカテゴリの記事） */
.site-bidsupport .page-header h1 { color: #1A3A64; font-weight: 700; }
.site-bidsupport .bidsupport-list { margin: 0 0 20px; padding: 0; list-style: none; border-top: 1px solid #D8E5F4; }
.site-bidsupport .bidsupport-list a { position: relative; display: block; padding: 12px 34px 12px 4px; border-bottom: 1px solid #D8E5F4; color: #121212; text-decoration: none; }
.site-bidsupport .bidsupport-list a:hover { background: #F6FAFF; }
.site-bidsupport .bidsupport-list__title { display: block; font-weight: 500; line-height: 1.5; }
.site-bidsupport .bidsupport-list__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; font-size: 1.2rem; color: #595959; }
.site-bidsupport .bidsupport-list__cat { padding: 1px 8px; border-radius: 10px; background: #E7F1FF; color: #1A3A64; }
.site-bidsupport .bidsupport-empty { margin: 10px 0 20px; }
.site-bidsupport .bid-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; }
.site-bidsupport .bid-chips a { display: block; padding: 4px 12px; border: 1px solid #BFD6F2; border-radius: 16px; background: #fff; color: #2B78D6; font-size: 1.3rem; text-decoration: none; }
.site-bidsupport .bid-chips a:hover { border-color: #8BB8EE; background: #F6FAFF; }
.site-bidsupport .bid-chips a.is-current { border-color: #1A3A64; background: #1A3A64; color: #fff; }
.site-bidsupport .bid-related { margin-top: 30px; }

/* サイドバー */
.site-bidsupport .blog__sidebar--search .search-form { border-color: #BFD6F2; }
.site-bidsupport .blog__sidebar--search .search-form input[type=text] { background: #F6FAFF; }
.site-bidsupport .blog__sidebar--search .search-form input[type=submit] { background-color: #2B78D6; }
.site-bidsupport .bid-side__bid { display: flex; flex-direction: column; gap: 8px; margin: 0 0 25px; }
.site-bidsupport .bid-side__btn { display: block; padding: 1rem; border: 1px solid #F2A126; border-radius: 8px; background: linear-gradient(180deg, #FFAB1F 0%, #FF9800 100%); color: #fff; font-weight: 700; text-align: center; text-decoration: none; }
.site-bidsupport .bid-side__btn--sub { border-color: #BFD6F2; background: #fff; color: #2B78D6; }
.site-bidsupport .bid-side__btn:hover { opacity: 0.85; }
.site-bidsupport .blog__sidebar .info h3 { color: #1A3A64; font-weight: 700; }
.site-bidsupport .blog__sidebar .info__list a { color: #121212; }
.site-bidsupport .blog__sidebar .info__list a:hover { background: #F6FAFF; }
.site-bidsupport .blog__sidebar .info__list a:before { border-color: #2B78D6; }
.site-bidsupport .bid-side__count { align-self: center; margin-left: auto; padding-left: 8px; color: #595959; font-size: 1.2rem; line-height: 1; }
.site-bidsupport .blog__sidebar .article + .article { margin-top: 25px; }

/* トップの先頭：はじめての方への「ご利用ガイド」の誘導（2026-10-30 矢部さん「ガイドを一番最初に読んでもらいたい」） */
.site-bidsupport .bid-top__title { margin: 10px 0 12px; color: #1A3A64; font-size: 1.5rem; font-weight: 700; }
.site-bidsupport .bid-guide { display: flex; align-items: center; gap: 20px; margin: 0 0 22px; padding: 24px; border: 2px solid #8BB8EE; border-radius: 12px; background: linear-gradient(180deg, #F6FAFF 0%, #E7F1FF 100%); box-shadow: 0 10px 24px rgba(17, 52, 97, 0.08); }
.site-bidsupport .bid-guide__body { flex: 1 1 auto; min-width: 0; }
.site-bidsupport .bid-guide__art { flex: 0 0 210px; }
.site-bidsupport .bid-guide__art svg { display: block; width: 100%; height: auto; }
.site-bidsupport .bid-guide__eyebrow { display: inline-block; margin: 0 0 8px; padding: 2px 12px; border-radius: 14px; background: #FF9900; color: #1A3A64; font-size: 1.3rem; font-weight: 700; }
.site-bidsupport .bid-guide__title { margin: 0 0 8px; color: #1A3A64; font-size: 2.4rem; font-weight: 700; line-height: 1.4; }
.site-bidsupport .bid-guide__lead { margin: 0 0 14px; color: #364C67; line-height: 1.7; }
.site-bidsupport .bid-guide__steps { display: grid; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; counter-reset: none; }
.site-bidsupport .bid-guide__steps a { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid #D8E5F4; border-radius: 8px; background: #fff; color: #1A3A64; text-decoration: none; }
.site-bidsupport .bid-guide__steps a:hover { border-color: #8BB8EE; }
.site-bidsupport .bid-guide__steps a { position: relative; padding-right: 32px; }
.site-bidsupport .bid-guide__steps a:after { content: ''; position: absolute; top: 50%; right: 14px; width: 8px; height: 8px; border-top: 2px solid #2B78D6; border-right: 2px solid #2B78D6; transform: translate(0, -50%) rotate(45deg); }
.site-bidsupport .bid-guide__num { flex: 0 0 28px; height: 28px; border-radius: 50%; background: #2B78D6; color: #fff; font-weight: 700; line-height: 28px; text-align: center; }
.site-bidsupport .bid-guide__step b { margin-right: 10px; font-size: 1.6rem; }
.site-bidsupport .bid-guide__step small { color: #364C67; font-size: 1.3rem; }
.site-bidsupport .bid-guide__cta { min-width: 260px; font-size: 1.7rem; }
.site-bidsupport .bid-guide__more { margin: 12px 0 0; color: #364C67; font-size: 1.4rem; }
.site-bidsupport .bid-top__search { margin: 0 0 30px; }
.site-bidsupport .bid-top__search-label { margin: 0 0 6px; color: #364C67; font-size: 1.4rem; }
@media screen and (max-width: 640px) {
  .site-bidsupport .bid-guide { display: block; padding: 18px 16px; }
  /* スマホは見出しから始める（挿絵は出さない） */
  .site-bidsupport .bid-guide__art { display: none; }
  .site-bidsupport .bid-guide__step small { font-size: 1.35rem; color: #2F3E52; }
  .site-bidsupport .bidsupport-list__meta { font-size: 1.3rem; color: #3F3F3F; }
  .site-bidsupport .bid-guide__title { font-size: 2rem; }
  .site-bidsupport .bid-guide__step b { display: block; margin: 0; }
  .site-bidsupport .bid-guide__cta { width: 100%; min-width: 0; }
}
/* サイドバー：はじめての方へのガイドの入口 */
.site-bidsupport .bid-side__guide { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px; border: 2px solid #8BB8EE; border-radius: 12px; background: linear-gradient(180deg, #F6FAFF 0%, #E7F1FF 100%); color: #1A3A64; font-weight: 700; text-decoration: none; }
.site-bidsupport .bid-side__guide:hover { border-color: #2B78D6; }
.site-bidsupport .bid-side__guide-art { flex: 0 0 96px; }
.site-bidsupport .bid-side__guide-art svg { display: block; width: 100%; height: auto; }
.site-bidsupport .bid-side__guide-text small { display: block; color: #B35C00; font-size: 1.2rem; }

/* 検索（トップの枠・スマホのメニュー） */
.site-bidsupport .bid-top__search .search-form, .site-bidsupport .bid-nav-search .search-form { margin: 0; }
.site-bidsupport .bid-nav-search { display: none; }
@media screen and (max-width: 834px) {
  .site-bidsupport .bid-nav-search { display: block; margin: 0; padding: 10px 12px; }
  .site-bidsupport .nav-global > ul > li.current > a { box-shadow: inset 4px 0 0 #FF9900; }
  /* スマホではサイドバーのボタンを出さない（ヘッダー・フッターにある） */
  .site-bidsupport .bid-side__bid { display: none; }
}
/* サイドバー：今いるカテゴリ */
.site-bidsupport .blog__sidebar .info__list a.is-current { background: #E7F1FF; color: #1A3A64; font-weight: 700; }
/* フッターのリンクを PC で 1 行に収める */
.site-bidsupport .footerContainer .nav-footer ul li a { margin: 5px 8px; font-size: 1.25rem; }
/* 目次は h4 まで（それより深い段は字が小さく読めないため出さない） */
.site-bidsupport #ez-toc-container ul ul ul { display: none; }

/* 本文の見出し：形・大きさ・行間は記事サイトのまま、色だけ UcarBID の紺・青にそろえる */
.site-bidsupport .blog__header h1 { color: #1A3A64; }
.site-bidsupport .blog__body h2 { background: #E7F1FF; color: #1A3A64; }
.site-bidsupport .blog__body h3 { border-bottom-color: #007BFF; color: #1A3A64; font-weight: 700; }
.site-bidsupport .blog__body h4 { border-left-color: #007BFF; }

/* トップの本文の続き（目的別のリンク）は見出しを小さくして、カードの下の補足として見せる */
.site-bidsupport .bid-top__rest h2 { margin-top: 0; padding: 0; background: none; font-size: 1.7rem; }
.site-bidsupport .bid-top__rest h2 + ul, .site-bidsupport .bid-top__rest ul { margin-top: 6px; }
/* パンくず：スマホで右へはみ出さないよう折り返す */
.site-bidsupport .breadcrumb .container { white-space: normal; }
/* ページ番号・本文のボタン・ナビの今いる所の色 */
.site-bidsupport .pagenavi span.current, .site-bidsupport .pagenavi a:hover { color: #1A3A64; }
.site-bidsupport .blog__body .btn-primary { border: 1px solid #2B78D6; background: #2B78D6; color: #fff; }
.site-bidsupport .blog__body .btn-primary:hover { background: #1F63B8; }
.site-bidsupport .blog__body .btn-ghost.btn-primary { background: #fff; color: #2B78D6; }
.site-bidsupport .blog__body .btn-ghost.btn-primary:hover { background: #2B78D6; color: #fff; }
.site-bidsupport .nav-global > ul > li > a:hover, .site-bidsupport .nav-global > ul > li.current > a > span { color: #0062CC; }
@media screen and (max-width: 834px) {
  /* スマホのメニューは紺の背景なので、今いる所も白（左のオレンジの線で示す） */
  .site-bidsupport .nav-global > ul > li > a:hover, .site-bidsupport .nav-global > ul > li.current > a > span { color: #fff; }
}
/* スマホのカテゴリ・検索の見出しの左の余白を一覧にそろえる */
.site-bidsupport .blog__main .page-header .container { padding-left: 0; padding-right: 0; }
.site-bidsupport .bid-404__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }

/* 本文：動画・埋め込みを画面の幅に合わせる */
.site-bidsupport .blog__body iframe { max-width: 100%; }
.site-bidsupport .blog__body iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }
/* 画像の寄せ（WordPress の標準の class。記事の画像は中央寄せが多い） */
.site-bidsupport .blog__body .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.site-bidsupport .blog__body .alignright { float: right; margin: 0 0 10px 15px; }
.site-bidsupport .blog__body .alignleft { float: left; margin: 0 15px 10px 0; }

/* --------------------------------------------------------------------------
   移行用の互換（stingerplus2 の時代の記事の装飾）
   記事の本文は変えないので、今の記事が使っている装飾だけをこのテーマの見た目で出す。
   記事をテーマの装飾（marketing-wp-article）へ置き換え終えたら、この段を消す。
   -------------------------------------------------------------------------- */
.site-bidsupport .blog__body .ymarker { background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fce473 60%); }
.site-bidsupport .blog__body .rmarker { background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffcdd2 60%); }
.site-bidsupport .blog__body .huto { font-weight: 700; }
.site-bidsupport .blog__body .hutoaka { font-weight: 700; color: #E5006E; }
.site-bidsupport .blog__body .oomozi { font-size: 2rem; font-weight: 700; line-height: 1.6; }
.site-bidsupport .blog__body .ta-c { text-align: center; }
.site-bidsupport .blog__body .photoline img { border: 1px solid #ccc; }
.site-bidsupport .blog__body .sankou, .site-bidsupport .blog__body .st-hisu { margin: 0 4px; padding: 1px 5px; border-radius: 2px; color: #fff; font-size: 1.1rem; white-space: nowrap; vertical-align: middle; }
.site-bidsupport .blog__body .sankou { background: #2B78D6; }
.site-bidsupport .blog__body .st-hisu { background: #E5006E; }
.site-bidsupport .blog__body .yellowbox, .site-bidsupport .blog__body .redbox { margin: 0 0 20px; padding: 16px 20px; border: 1px solid; border-radius: 4px; }
.site-bidsupport .blog__body .yellowbox { border-color: #f3e3a0; background: #fffbe6; }
.site-bidsupport .blog__body .redbox { border-color: #f3a3b5; background: #fff0f4; }
.site-bidsupport .blog__body .yellowbox > :last-child, .site-bidsupport .blog__body .redbox > :last-child { margin-bottom: 0; }
.site-bidsupport .blog__body .freebox { position: relative; margin: 0 0 20px; padding: 0 0 6px; border: 1px solid #D8E5F4; border-top: 3px solid #2B78D6; border-radius: 8px; background: #F6FAFF; }
.site-bidsupport .blog__body .freebox .p-free { margin: 0; padding: 0; }
.site-bidsupport .blog__body .freebox .p-entry-f { display: inline-block; padding: 3px 14px; background: #2B78D6; color: #fff; font-size: 1.4rem; font-weight: 700; }
.site-bidsupport .blog__body .freebox .free-inbox { padding: 12px 16px 0; }
.site-bidsupport .blog__body .maruck ul, .site-bidsupport .blog__body .maruno ol { padding-left: 0; list-style: none; }
.site-bidsupport .blog__body .maruno ol { counter-reset: bid-maruno; }
.site-bidsupport .blog__body .maruck li, .site-bidsupport .blog__body .maruno li { position: relative; padding-left: 30px; }
.site-bidsupport .blog__body .maruck li:before, .site-bidsupport .blog__body .maruno li:before { position: absolute; left: 0; top: 0.35em; width: 20px; height: 20px; border-radius: 50%; background: #E7F1FF; color: #2B78D6; font-size: 1.1rem; line-height: 20px; text-align: center; }
.site-bidsupport .blog__body .maruck li:before { content: "\f00c"; font-family: FontAwesome; }
.site-bidsupport .blog__body .maruno li { counter-increment: bid-maruno; }
.site-bidsupport .blog__body .maruno li:before { content: counter(bid-maruno); font-weight: 700; }
.site-bidsupport .blog__body .kintou ul { display: flex; gap: 10px; padding: 0; list-style: none; }
.site-bidsupport .blog__body .kintou ul li { flex: 1 1 0; margin: 0; text-align: center; }
@media screen and (max-width: 640px) {
  .site-bidsupport .blog__body .kintou ul { flex-wrap: wrap; }
  .site-bidsupport .blog__body .kintou ul li { flex-basis: 100%; }
}