/* ==== ヘッダー・フッター・パンくず・サイドバーなどの不要パーツを非表示 ==== */
body.page-id-733 header,
body.page-id-733 footer,
body.page-id-733 .site-footer,
body.page-id-733 #vk-footer,
body.page-id-733 nav[aria-label="パンくずリスト"],
body.page-id-733 .vk_breadcrumb,
body.page-id-733 .vk-breadcrumb,
body.page-id-733 .vk-blocks-breadcrumb,
body.page-id-733 .wp-block-vk-blocks-breadcrumb,
body.page-id-733 .vk-breadcrumb-wrapper,
body.page-id-733 .vk_pageHeader,
body.page-id-733 .vk-post-meta,
body.page-id-733 .breadcrumbs,
body.page-id-733 nav.breadcrumb,
body.page-id-733 .breadcrumb,
body.page-id-733 .l-sidebar,
body.page-id-733 .sidebar {
  display: none !important;
}

/* ==== WordPressテーマ構造の干渉防止：中央寄せ・余白除去 ==== */
body.page-id-733 .entry-content {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
body.page-id-733 .wp-block-group,
body.page-id-733 .container,
body.page-id-733 .inner {
  max-width: none;
  padding: 0;
  margin: 0;
}

/* ==== 全体ラッパー：ポートフォリオセクションの外枠 ==== */
.portfolio-links {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 960px;
  margin: 2rem auto;
  padding: 0 1rem;
  box-sizing: border-box;
}

/* ==== 上下段共通：ボタン配置（自動幅・レスポンシブ） ==== */
.portfolio-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 0; /* 追記：注釈との余白を詰める */
}

/* ==== ボタンの見た目とアイコン対応 ==== */
.portfolio-box {
  font-size: 16px; /* PC（デフォルト） */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em 1.5em;
  background-color: #fff;
  border: 1px solid #000;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease;
}
.portfolio-box:hover {
  background-color: #eee;
}

.portfolio-box::before {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url('https://starmedia248.com/wp-content/uploads/2025/04/daaa60b17e7de4e35d5af65e9a528674-3.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
  vertical-align: middle;
}

/* ==== サブテキスト（小さいカッコ付き文字） ==== */
.subtext {
  font-size: smaller;
  color: inherit;
}

/* ==== 注釈：フォントサイズ・余白調整・行間も明示 ==== */
.note {
  font-size: 0.9rem;
  margin: 0;
  text-align: left;
  display: block;
  width: 100%;
}
body.page-id-733 .vk-mobile-nav li.menu-item-home {
  display: none !important;
}
@media screen and (max-width: 768px) {

  /* グローバルメニュー（任意カスタムclass） */
  body.page-id-733 a.menu-top {
    display: none !important;
  }

  /* TOPリンク（相対・絶対URL両対応） */
  body.page-id-733 a[href="/"],
  body.page-id-733 a[href="https://starmedia248.com/"] {
    display: none !important;
  }

  /* ヘッダーロゴ（div版） */
  body.page-id-733 .site-header-logo {
    display: none !important;
  }

  /* モバイルナビ HOME */
  body.page-id-733 .vk-mobile-nav .menu-item-home {
    display: none !important;
  }

  /* フッター HOME */
  body.page-id-733 footer .menu-item-home {
    display: none !important;
  }
}