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

/* バッジ共通デザイン */
.oncat-badge{
  display:inline-block;
  font-size: .78em;          /* 少し大きめに */
  font-weight: 600;
  line-height: 1.4;          /* 行間を広げて文字が詰まらないように */
  letter-spacing: 0.3em;    /* 文字間隔を追加 */
  padding:.45em .9em .45em calc(.9em + .3em); 
  /* 上 .45em | 右 .9em | 下 .45em | 左 (.9em+0.3em) */
  border-radius: 1em;        /* pill型 */
  color:#fff;
  text-decoration: none;
  margin: 0 0 .5em;          /* 下にスペース（タイトルとの間隔） */
  width: max-content;        /* 中身に合わせて幅を可変 */
}

/* 各カテゴリ色（例） */
.oncat-cat01{ background:#2b78ff; } /* 国税: ブルー */
.oncat-cat02{ background:#21a451; } /* 地方税: グリーン */
.oncat-cat03{ background:#f2b322; } /* 労務: オレンジ */
.oncat-cat04{ background:#7a7a7a; } /* その他: グレー */

/* タイトル“上”に置く用：ブロック化＋下マージン */
.oncat-badge--above{
  display:block;          /* ← ここがポイント：バッジを1行占有 */
  margin:0 0 .4em;        /* バッジとタイトルの間隔 */
  width:max-content;      /* バッジ幅＝内容ぶんだけ */
}

/* （任意）ホバーで少し濃く */
a .oncat-badge--above:hover{ filter:brightness(.95); }


/* ラッパー幅：スマホ既定=80%／中央寄せ */
.officepdf-embed--resp{
  width: 80%;
  margin: 1rem auto 1.5rem;
}
.officepdf-embed--resp .pdfemb-viewer{
  width: 100% !important;
}

/* PCは60% */
@media (min-width: 1025px){
  .officepdf-embed--resp{
    width: 60%;
  }
}
/* ダウンロードボタン（右寄せ） */
.officepdf-dl{
  margin: .6rem auto 1.2rem;
  width: 80%;
  text-align: center;
}
@media (min-width: 1025px){
  .officepdf-dl{ width: 60%; } /* 埋め込みと同じ幅に合わせる */
}

.officepdf-dl__btn{
  display: inline-flex;
  align-items: center;
  gap: .5em;
  padding: .6em 1em;
  border-radius: .5em;
  background: #1a73e8;  /* お好みでブランド色に */
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}
.officepdf-dl__btn:hover{ filter: brightness(.95); }

/* 小さめにしたいときはフォントやパディングを調整 */