/* レスポンシブ対応：スマートフォン */
@media screen and (max-width: 768px) {
  /* ナビゲーションメニューのハンバーガーメニュー化 */
  .menu {
    display: none; /* メニューを非表示に */
  }

  .hamburger-menu {
    display: block; /* ハンバーガーメニューを表示 */
  }

  /* レイアウトを1カラムに */
  .container {
    flex-direction: column;
  }

  .main-content {
    flex: 1; /* メインコンテンツの幅を広げる */
  }

  .sidebar {
    flex: 0; /* サイドバーを非表示 */
  }

  /* ウィジェットタイトル */
  .widget-title {
    font-size: 1.1em;
  }
}