@charset "utf-8";

/* =========================================================
   居想会・演武会／行事ページ PC用CSS
   740px以上で適用
   ========================================================= */

body {
  width: 850px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.6;
}

#wrap {
  width: 850px;
}

#head > h1 {
  margin: 6px 10px;
  font-size: 16px;
}

#head nav {
  margin: 0 10px 10px;
  font-size: 16px;
}

#head nav ul {
  padding: 2px 3px;
}

#head nav ul li a {
  height: 36px;
  font-size: 16px;
  line-height: 36px;
}

#contents-2{
  margin:0 100px 0 0;
  padding:5px 0 0 4px;
  background:#f4f2ee;
}

#contents-2 h2{
  margin:5px 0 5px 140px;
  padding:0;
  font-size:16px;
  font-weight:bold;
  color:#6E6E6E;
  line-height:1;
  border-left:#577F92 solid 4px;
}

#sitemapArea{
  margin:0 0 0 140px;
  display:-webkit-box;
  display:-moz-box;
  display:flex;
  font-size:16px;
}

#sitemapArea > ul{
  -webkit-box-flex:1;
  -moz-box-flex:1;
  flex:1 1 0;
}

#contents {
  margin: 0 10px;
  padding: 0;
}

.archive-c-card {
  padding: 22px 26px 24px;
  border-radius: 10px;
}

#contents .archive-c-card h2 {
  margin: 0 0 14px;
  padding-bottom: 9px;
  font-size: 22px;
}

.archive-c-recent,
.archive-c-heisei {
  gap: 5px 13px;
}

.archive-c-recent a,
.archive-c-heisei a,
.archive-c-card summary {
  font-size: 15px;
}

.archive-c-current-note {
  font-size: 13px;
}

#fmenu > h5 {
  margin: 14px 10px 10px;
  padding: 9px 14px 8px;
  font-size: 18px;
}

#fmenu section {
  margin: 10px 10px 20px;
  padding: 0 0 18px;
}

#fmenu section h2 {
  margin: 0 20px 18px;
  padding: 12px 5px 9px;
  font-size: 18px;
}

#fmenu section h2 b {
  display: inline-block;
  margin: 0 0 0 8px;
  font-size: 14px;
}

#fmenu section h3 {
  margin: 12px 100px 8px;
  font-size: 16px;
}

#fmenu section p,
#fmenu .activity-intro p {
  margin: 0 100px 8px;
  font-size: 16px;
  line-height: 1.6;
}

#fmenu .legacy-photo-row {
  gap: 5px;
  width: auto;
  margin: 10px auto 18px;
  padding: 0;
}

#fmenu .legacy-photo-row img {
  max-width: 100% !important;
  width: auto;
  height: auto !important;
}

.pagetop {
  margin: 0 20px 12px;
}

.pagetop a {
  font-size: 14px;
}

#foot {
  margin: 0 10px;
  font-size: 16px;
}


/* 本文写真は従来のPC表示幅（約600px）を踏襲 */
#fmenu section h4:not(.legacy-photo-row) {
  width: 600px;
  max-width: calc(100% - 40px);
  margin: 10px auto 8px;
  text-align: center;
}

#fmenu section h4:not(.legacy-photo-row) img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto 5px;
}

/* 通常写真のある行事見出しの下線も写真幅に合わせる */
#fmenu section h2 {
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

/* 旧低解像度写真を横並びする年度は元の広い写真列を維持 */
#fmenu section:has(.legacy-photo-row) h2 {
  width: auto;
  max-width: none;
  margin-left: 20px;
  margin-right: 20px;
}

#fmenu section h5 {
  margin: 12px 100px 6px;
  font-size: 16px;
}

#fmenu section ul,
#fmenu section ol,
#fmenu section dl {
  margin: 0 120px 10px;
  font-size: 16px;
  line-height: 1.7;
}

#fmenu section aside {
  margin: 14px 20px;
}

#fmenu section iframe {
  width: 600px;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  min-height: 338px;
}


/* 旧低解像度写真の列も h2 下線と同じ左右位置 */
#fmenu .legacy-photo-row {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
}