* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: #fff;
}

body {
  font-family: "BIZ UDPゴシック","Yu Gothic","YuGothic","Meiryo",sans-serif;
  color: #000;
  font-weight: 700;
}

/* 添付スクリーンショット 1183×693 をそのまま基準にした固定レイアウト */
.canvas {
  position: relative;
  width: 1183px;
  height: 693px;
  background: #fff;
  overflow: hidden;
}

h1 {
  position: absolute;
  left: 63px;
  top: 17px;
  margin: 0;
  font-size: 31px;
  line-height: 1.15;
  font-weight: 700;
}

.rule {
  position: absolute;
  left: 63px;
  top: 64px;
  width: 1078px;
  border-top: 2px solid #2d607a;
}

.t {
  position: absolute;
  left: 63px;
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  white-space: nowrap;
}

.t1 { top: 86px; }
.t2 { top: 137px; }
.t3 { top: 210px; }
.t4 { top: 257px; }
.t5 { top: 374px; }
.t6 { top: 538px; }

.row,
.sns {
  position: absolute;
  left: 109px;
  display: grid;
  align-items: baseline;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
}

.row {
  grid-template-columns: 28px auto;
}

.fanicon { top: 306px; }

.sns {
  grid-template-columns: 28px 88px 30px auto;
}

.s1 { top: 423px; }
.s2 { top: 447px; }
.s3 { top: 471px; }
.s4 { top: 495px; }

.f1 { top: 588px; }
.f2 { top: 612px; }

.sq {
  font-size: 12px;
}

.lab {
  white-space: nowrap;
}

.colon {
  text-align: center;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.copyright {
  position: absolute;
  left: 109px;
  top: 658px;
  margin: 0;
  font-size: 15px;
  line-height: 1;
}

/* 小さい画面では全体を縮小表示 */
@media (max-width: 1183px) {
  .canvas {
    transform-origin: top left;
    transform: scale(calc(100vw / 1183));
  }

  body {
    overflow-x: hidden;
  }
}

.plain{color:#000;text-decoration:none;}