/* PHP2Shell緊急停止中だけ使うページの見た目(#126)。再開するときはemergencyフォルダごと消す */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .05em;
  color: #000;
  background: #fff;
}
a { color: inherit; }
.header {
  display: flex;
  align-items: center;
  height: 100px;
  padding: 0 40px;
  background: #fff;
}
.header img { width: 180px; height: auto; display: block; }
.header a { display: block; }
.notice {
  padding: 12px 20px;
  font-size: 14px;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  background: #1f2ab4;
}
.pagetitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 320px;
  color: #fff;
  background: #999 center / cover no-repeat;
}
.pagetitle .sub { font-size: 48px; line-height: 1; letter-spacing: .1em; }
.pagetitle h1 { margin: 20px 0 0; font-size: 20px; font-weight: 700; line-height: 1; }
.section { padding: 90px 0; }
.section.bg { background: #eee; }
.content { max-width: 1080px; margin: 0 auto; padding: 0 40px; }
.heading { margin: 0 0 50px; }
.heading h2 { margin: 0; font-size: 56px; line-height: 1.1; font-weight: 700; letter-spacing: .05em; }
.heading p { margin: 10px 0 0; font-size: 16px; font-weight: 700; }
.square {
  position: relative;
  margin: 60px 0 30px;
  padding-left: 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.23;
}
.square::before {
  position: absolute;
  top: .65em;
  left: 0;
  width: 20px;
  height: 14px;
  content: "";
  background: #000;
  transform: translateY(-50%);
}
.pdf-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pdf {
  display: inline-block;
  padding-bottom: 3px;
  text-decoration: none;
  border-bottom: 1px solid #999;
  transition: color .3s ease, border-color .3s ease;
}
.pdf:hover, .pdf:focus-visible { color: #1f2ab4; border-color: #1f2ab4; }
.footer {
  padding: 60px 40px 40px;
  font-size: 14px;
  line-height: 1.8;
  background: #e8e8e8;
}
.footer small { display: block; margin-top: 30px; font-size: 12px; }
@media (max-width: 767px) {
  .header { height: 60px; padding: 0 20px; }
  .header img { width: 130px; }
  .pagetitle { height: 42.66vw; }
  .pagetitle .sub { font-size: 6.66vw; }
  .pagetitle h1 { margin-top: 2.6vw; font-size: 4vw; }
  .section { padding: 60px 0; }
  .content { padding: 0 20px; }
  .heading { margin-bottom: 30px; }
  .heading h2 { font-size: 9vw; }
  .square { margin: 40px 0 20px; font-size: 20px; }
  .footer { padding: 40px 20px 30px; }
}
  

/* ページごとのタイトルの写真 */
.pagetitle.-salesprice { background-image: url(/assets/images/salesprice/ph-hero_1.jpg); }
.pagetitle.-scrapprice { background-image: url(/assets/images/scrapprice/ph-hero_1.jpg); }
.pagetitle.-ir { background-image: url(/assets/images/ir/ph-hero_1.jpg); }

/* 販売情報の市況情報 */
.market p { margin: 0 0 1em; }

/* 株主・投資家情報 */
.period { margin: 0 0 16px; padding-bottom: 8px; font-size: 18px; border-bottom: 1px solid #999; }
.ir-list { margin: 0; padding: 0; list-style: none; }
.ir-list li { display: flex; gap: 24px; padding: 12px 0; border-bottom: 1px solid #ddd; }
.ir-list .date { flex: 0 0 6.5em; font-weight: 700; }
.ir-list .pdf { padding-bottom: 0; border-bottom: 0; text-decoration: underline; }
@media (max-width: 767px) { .ir-list li { flex-direction: column; gap: 0; } }

/* お知らせのページ(写真なし) */
.pagetitle.-top { height: 200px; background-color: #444; }
.pagetitle.-top h1 { font-size: 28px; }
.portal { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; margin: 30px 0 0; padding: 0; list-style: none; }
.portal a { display: block; height: 100%; padding: 24px; text-decoration: none; border: 1px solid #999; transition: color .3s ease, border-color .3s ease; }
.portal a:hover, .portal a:focus-visible { color: #1f2ab4; border-color: #1f2ab4; }
.portal p { margin: 0; }
.portal .label { font-size: 14px; font-weight: 700; letter-spacing: .1em; }
.portal .title { margin-bottom: 8px; font-size: 20px; font-weight: 700; }
@media (max-width: 767px) { .pagetitle.-top { height: 30vw; } .pagetitle.-top h1 { font-size: 5vw; } }