/*
Theme Name: Nano TCD065 Child - SSW
Template: nano_tcd065
*/

/* モバイル最適化 */
@media (max-width: 768px) {
  /* Mermaid図のモバイル対応 */
  .mermaid {
    font-size: 10px !important;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* テーブルの横スクロール */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  
  /* ボタンのタップ可能サイズ */
  .button, 
  .wp-block-button__link,
  a.button {
    min-height: 44px !important;
    font-size: 16px !important;
    padding: 12px 20px !important;
    display: inline-block;
    line-height: 1.3;
  }
  
  /* 強みセクションのグリッド */
  .features {
    display: block !important;
  }
  
  .features .feature {
    margin-bottom: 15px;
  }
  
  /* ヘッダーCTAのモバイル調整（既存のものを上書き） */
  .header-cta {
    font-size: 14px;
  }
  
  /* フッター登録番号のモバイル対応 */
  .footer-registration {
    font-size: 11px !important;
    padding: 10px 15px !important;
    line-height: 1.6;
  }
  
  /* フォントサイズの最適化 */
  body {
    font-size: 16px;
  }
  
  h1 {
    font-size: 24px !important;
    line-height: 1.4;
  }
  
  h2 {
    font-size: 20px !important;
    line-height: 1.4;
  }
  
  h3 {
    font-size: 18px !important;
    line-height: 1.4;
  }
  
  /* パディング調整 */
  .entry-content {
    padding: 15px;
  }
}

/* タブレット対応 */
@media (min-width: 769px) and (max-width: 1024px) {
  .features {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  .mermaid {
    font-size: 12px !important;
  }
}

/* PC対応 - Mermaid図の見やすさ向上 */
@media (min-width: 1025px) {
  .mermaid {
    font-size: 14px !important;
  }
}