/* =====================================================================
適用ページ：トップページ
適用箇所：QやAの画像
目的    ：画像サイズを固定する
===================================================================== */

.xcs-image-size{
    width: 35px !important;
    flex-shrink: 0 !important;
}

@media screen and (max-width: 768px) {
    .xcs-image-size {
        width: 25px !important;
    }
}



/* =====================================================================
適用ページ：トップページ
適用箇所：市長の公約5
目的    ：タイトルを幅広にする
===================================================================== */

.xcs-maxwidth-100p .smb-section__contents-wrapper{
    width: 100% !important;
    max-width: 100% !important;
}









/* =====================================================================
適用ページ：プロフィールページ
適用箇所：リストのタイトル
目的    ：
===================================================================== */

.xcs-profile-title{
    position: relative;
    padding-left: 20px;
}

.xcs-profile-title::before{
    content: '';
    width: 5px;
    height: 100%;
    background-color: #b4b2a9;
    position: absolute;
    left: 0;
    top: 0;
}

/* --redが付いた要素のみ上書き */
.xcs-profile-title--red::before{
    background-color: #CB141C;
}



/* =====================================================================
適用ページ：プロフィールページ
適用箇所：リスト
目的    ：
===================================================================== */

.xcs-profile-list {
  position: relative;
  padding-left: 40px !important; /* 丸(20px) + テキストまでの余白(20px) */
}

/* ── 縦の接続線（親に1本通す） ── */
.xcs-profile-list::before {
  content: "";
  position: absolute;
  left: 9px;    /* 丸(20px)の中心 - 線幅(2px)の半分 */
  top: 14px;    /* 最初の丸の中心あたり（top:4px + 半径10px） */
  bottom: 50px; /* 最後の丸の中心あたり */
  width: 2px;
  background: #d3d1c7;
}

/* ── 各項目の丸マーカー ── */
.xcs-profile-list > .wp-block-group {
  position: relative;
}

.xcs-profile-list > .wp-block-group::before {
  content: "";
  position: absolute;
  left: -40px; /* padding-left分だけ戻す */
  top: 8px;    /* テキスト1行目と垂直中央を合わせる（要微調整） */
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #b4b2a9;
  background: #fff;
  box-sizing: border-box;
  z-index: 1;
}



/* --redが付いた要素のみ上書き */
.xcs-profile-list--red::before {
  background: #CB141C;
}

.xcs-profile-list--red > .wp-block-group::before {
  border: 2px solid #CB141C;
}


/* 下部の「主な経歴」 */
.xcs-profile-btm-list-1 li:before{
border-color: #CB141C !important;
}


/* 下部の「私の元気の源」 */
.xcs-profile-btm-list-2 li {
  list-style: none;
  /* padding-left: 1.5em; アイコン分の余白 */
  position: relative;
}

.xcs-profile-btm-list-2 li:before {
  content: "♪"; /* 好きな記号や文字 */
  position: absolute;
  left: -30px;
  color: #CB141C;
}

/* 最後のliだけスポーツアイコンに上書き */
.xcs-profile-btm-list-2 li:last-child:before {
  content: "☆";
}

.xcs-profile-btm-list-2{
    position: relative;
}

.xcs-profile-btm-list-2::before{
    content: '';
    position: absolute;
    background-image: url('../images/onpu_3.webp');
    background-repeat: no-repeat;
    background-size: contain;

    /* 位置とサイズを調整 */
    width: 150px;
    height: auto;
    aspect-ratio: 1266 / 536;
    rotate: -10deg;
    bottom: 30px;
    right: 10px;
    z-index: 100;
}