body {
  font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic",YuGothic,"MS PGothic","MS Gothic",-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #212121;
}
.container {
  box-sizing: border-box;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 640px) {
  .container {
    padding: 0;
  }
}
.container img{
    width: auto;
    max-width: 100%;
    height: auto;
  }
.block {
  box-sizing: border-box;
  margin: 60px 0;
  padding: 0;
  text-align: center;
  line-height: 1.6;
}
.block p {
  margin: 20px 0;
}
.block.info{
  border-left: 8px #ff477b solid;
  padding-left: 20px;
  margin-left: 20px;
}
.block.bleft{
  text-align: left;
  padding-left: 20px;
}
@media screen and (max-width: 640px) {
  .block.info{
    border-left: 5px #ff477b solid;
    margin-left: 15px;
    padding-left: 15px;
  }
  .block.bleft{
    padding-left: 15px;
  }
}
.annotation{
  padding: 20px;
  font-size: 12px;
}
.imageCont {
  display: flex;
  align-items: center;
  justify-content: center;
  margin:  0 auto 30px;
}
img{
  height: auto;
}
.imageCont.p80 img{
    width: 80%;
    height: auto;
}
.nomgB{
  margin-bottom: 0px;
}
/* 色 */
.red { color: #ff0000; font-weight: bold; }
.pink { color: #ff477b; font-weight: bold; }
.orange { color: #ff7900; font-weight: bold; }
.pink2 { color: #fc00ff; font-weight: bold; }
/* 黄色マーカー 全面塗り */
.marker-fill {
  background: #ffea00;
  font-weight: bold;
  padding: 0 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
/* 黄色マーカー 下線風 */
.marker-underline {
  position: relative;
  font-weight: bold;
}
.marker-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.15em;
  width: 100%;
  height: 0.45em;
  background: #ffea00;
}
.marker-underline .u-text{
  z-index: 10;
  position: relative;
}

/* フォントサイズ区分 */
.fs-small { font-size: 14px; line-height: 1.6; }
.fs-base { font-size: 20px; line-height: 1.6; }
.fs-large { font-size: 30px; line-height: 1.5; }
.fs-xlarge { font-size: 36px; line-height: 1.3;}
.fs-xxlarge { font-size: 40px; line-height: 1.3;}

@media screen and (max-width: 640px) {
  .fs-small { font-size: 12px; }
  .fs-base { font-size: 17px;}
  .fs-large { font-size: 24px;}
  .fs-xlarge { font-size: 32px;}
  .fs-xxlarge { font-size: 36px;}
}

.ital{font-style: italic;}
.headerText{
  padding: 10px;
  text-align: right;
  font-size: 14px;
}