/* TERA テンテン — スマホ対応 (≤760px) */
.menu-btn{display:none}
@media (max-width:760px){
  /* 共通：左右の余白を詰める・固定幅カラムを1列に */
  [style*="max-width: 1280px"]{padding-left:16px!important;padding-right:16px!important}
  [style*="flex: 0 0"],[style*="flex: 1 1"]{flex:1 1 100%!important;min-width:0!important;margin-left:0!important}
  [style*="minmax(240px"],[style*="minmax(260px"],[style*="minmax(280px"],[style*="minmax(340px"]{grid-template-columns:1fr!important}
  [style*="padding: 96px 32px"]{padding-top:56px!important}
  [style*="padding: 0 32px 96px"]{padding-bottom:56px!important}
  [style*="font-size: 30px"]{font-size:24px!important}
  [style*="height: 420px"]{height:260px!important}
  li[style*="width: 148px"]{width:calc(50% - 7px)!important}

  /* ヘッダー：ロゴ＋メニューボタン、メニューは開閉式 */
  .site-head > div{padding:10px 16px!important;flex-wrap:nowrap!important;justify-content:space-between}
  .site-head .logo{width:210px!important;max-width:62vw!important;height:auto!important}
  .menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;background:#243064;border:1px solid #3A4785;border-radius:4px;cursor:pointer;padding:0}
  .menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;background:#E6E5EF;position:relative;transition:.2s}
  .menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0}
  .menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
  .site-head.open .menu-btn span{background:transparent}
  .site-head.open .menu-btn span::before{top:0;transform:rotate(45deg)}
  .site-head.open .menu-btn span::after{top:0;transform:rotate(-45deg)}
  .site-head .navwrap{display:none!important;position:absolute;left:0;right:0;top:100%;z-index:50;background:#11173A;border-bottom:1px solid #E3B65A;padding:12px 16px 16px;margin:0!important}
  .site-head.open .navwrap{display:block!important}
  .site-head .navwrap nav{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .site-head .navbtn{width:auto!important;height:48px!important}

  /* トップの大きな背景イラスト：文字の後ろで薄く表示 */
  .hero-bg{width:200%!important;height:auto!important;top:0!important;right:-60%!important;opacity:.28!important}
  .hero-spacer{display:none!important}
  section > [style*="padding: 64px 32px 96px"]{padding-top:32px!important;padding-bottom:48px!important;gap:24px!important}
  section > [style*="padding: 64px 32px 96px"] a[href]{flex:1 1 100%;justify-content:center;text-align:center;box-sizing:border-box}
}
@media (max-width:760px){
  /* お知らせ：タブは横スクロール、各行は日付・種別の下にタイトル */
  [role="tablist"]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  [role="tablist"]::-webkit-scrollbar{display:none}
  [role="tablist"] > *{flex:none!important}
  #news ul{height:auto!important}
  #news ul li{height:auto!important}
  #news ul li > a{flex-wrap:wrap!important;gap:6px 10px!important;padding:10px 4px!important}
  #news ul li > a > span:last-child{flex:1 1 100%!important;white-space:normal!important;overflow:visible!important}
}
.lang a:hover{color:#F3D28E!important}
@media (max-width:760px){
  .site-head .navwrap .lang{margin:12px 0 0!important;padding:10px 0 0!important;border-left:0!important;border-top:1px solid #3A4785;justify-content:center;font-size:15px!important}
  .site-head .navwrap > div:not(.lang){margin-top:10px}
}