a {
    text-decoration: none !important;
}

.my-video-500 {
  width: 500px;
  max-width: 100%; /* 画面が500pxより狭い時は自動縮小 */
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

/* MetaSlider ナビゲーションドットのサイズと間隔を全体的に70%に縮小 */
.flex-control-nav li {
  margin: 0 1px !important; /* ドット間の間隔を70%に縮小 (元は2px) */
}

.flex-control-paging li a {
  width: 6px !important; /* ドットの幅を70%に縮小 (元は8px) */
  height: 6px !important; /* ドットの高さを70%に縮小 (元は8px) */
  background: #E8E8E8 !important; /* 非アクティブドットの色 */
}

/* アクティブなドットも同じサイズに調整 */
.flex-control-paging li a.flex-active {
  width: 6px !important;
  height: 6px !important;
  background: #B8B8B8 !important; /* アクティブドットの色 */
}

.entry-title {
    text-transform: none !important;
}

@media screen and (max-width: 767px) {
    .entry-title,
    h1.post-title,
    .post-detail h1 {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
}

/* 投稿記事のタイトルサイズを調整（PC表示時のみ。モバイルは上のメディアクエリで24pxを優先） */
@media screen and (min-width: 768px) {
    h1.title.entry-title {
        font-size: 16px !important;
    }
}

/* 最新情報：見出し下の余白を詰める（28.5px → 14px） */
.whatsnew p {
    margin-bottom: 14px;
}

/* 最新情報：項目間の罫線を細く・薄めのグレーに */
.whatsnew hr {
    border-top: 1px solid #999999;
}

/* RECOMMENDED BRAND：バナー間の間隔を5pxに統一
   原因は上の「.wp-block-image img」の margin-top:20px と、グループのflex gap(7.5px)の二重加算。
   2枚目以降の余白を0にし、グループのgapを5pxにする（1枚目は見出しとの距離を維持） */
.wp-block-group:has(> figure.wp-block-image img[src*="recmnd_"]) {
    gap: 5px;
}
.wp-block-group > figure.wp-block-image:not(:first-of-type) img[src*="recmnd_"] {
    margin-top: 0;
}

/* 最新情報：罫線まわりの余白を約半分に
   原因：Neveのhr{display:inline-block}が24px行高の行ボックスを作り、線の上に約16.5pxの余白が出ていた。
   hrをblock化して行ボックスを解消し、文字下→罫線 23.5px → 12px、罫線→次の文字 13.5px → 13px */
body div.whatsnew hr {
    display: block;
    margin: 0 0 6px;
}
body div.whatsnew a {
    padding-bottom: 12px;
}

/* トップページ：メインカラム（最新情報・SPECIAL）とサイドバー（RECOMMENDED BRAND）の間に余白を確保
   原因：Otterの2カラム(70% / 30%)にカラム間の余白(gap/padding)が無く、文章やバナーがサイドバーに接していた。
   最新情報を含む2カラムの左カラムだけに右パディング40pxを付与（PCのみ。タブレット/モバイルは1カラム表示のため対象外） */
@media (min-width: 960px) {
    .wp-block-themeisle-blocks-advanced-columns.has-2-columns:has(> .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column > .whatsnew)
    > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:first-child {
        padding-right: 40px !important;
        box-sizing: border-box;
    }
}

/* トップページ：「最新情報」見出しと右カラム「RECOMMENDED BRAND」見出しの縦位置を揃える
   原因：プラグイン whats-new-genarator の CSS が div.whatsnew に margin:10px 0 を付与しており、
   最新情報側だけ10px下にズレていた。上マージンのみ打ち消す */
.whatsnew {
    margin-top: 0 !important;
}