@charset "utf-8";
/* 共通項目
/* ============================================================== */
/* 必ず【strong】タグが反映されるように設定 */
strong {
  font-weight: bold !important;
}
.bold {
  font-weight: bold;
}
/* テキストサイズ */
.font12 {
  font-size: 12px;
  line-height: 14px;
}
.font14 {
  font-size: 14px;
  line-height: 16px;
}
.font16 {
  font-size: 16px;
  line-height: 22px;
}
.font18 {
  font-size: 18px;
  line-height: 24px;
}
.font21 {
  font-size: 21px;
  line-height: 27px;
}
.font24 {
  font-size: 24px;
  line-height: 30px;
}
.font30 {
  font-size: 30px;
  line-height: 36px;
}
/* テキストカラー */
.TxtWhite {
  color: #ffffff;
}
.TxtRed {
  color: #ff1e58;
}
.TxtBlue {
  color: #2b5ef2;
}
.TxtOrange {
  color: #fe9b0e;
}
.TxtGreen {
  color: #399539;
}
.TxtBrown {
  color: #8b4513;
}
.TxtPrime {
  color: #66b2d3;
}
/* テキスト位置 */
.TxtLeft {
  text-align: left;
}
.TxtCenter {
  text-align: center;
}
.TxtRight {
  text-align: right;
}
/* 注釈の改行を揃える */
.notes12 {
  padding-left: 12px;
  font-size: 12px;
  line-height: 16px;
  text-indent: -12px;
  text-align: left;
}
.notes14 {
  padding-left: 14px;
  font-size: 14px;
  line-height: 18px;
  text-indent: -14px;
  text-align: left;
}
.notes16 {
  padding-left: 16px;
  font-size: 16px;
  line-height: 20px;
  text-indent: -16px;
  text-align: left;
}
.notes18 {
  padding-left: 18px;
  font-size: 18px;
  line-height: 22px;
  text-indent: -18px;
  text-align: left;
}
/* 白縁取り */
.fontOutline {
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}
/* 文字ハイライト */
.fontMarker {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
.fontMarkerOrange {
  background: linear-gradient(transparent 60%, #facc2e 50%);
}
/* 下線を付ける */
.uLineDot {
  border-bottom: dotted 1px #ccc;
  padding-bottom: 3px;
}
.uLineDash {
  border-bottom: dashed 1px #ccc;
  padding-bottom: 3px;
}
.uLineSolid {
  border-bottom: solid 1px #ccc;
  padding-bottom: 3px;
}
/* アイテムをセンターに配置 */
.CenterPosition {
  margin: 0 auto;
}
/* 境界線の設定 */
.hr_dot {
  width: 90%;
  border: none;
  border-top: dashed 1px #000000;
  height: 1px;
  color: #ffffff;
}
/* 余白の設定 */
.mt50m {
  margin-top: -50px;
}
.mt30m {
  margin-top: -30px;
}
.mt20m {
  margin-top: -20px;
}
.mt10m {
  margin-top: -10px;
}
.mt5m {
  margin-top: -5px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.pd5 {
  padding: 5px;
}
.pd10 {
  padding: 10px;
}
.pd15 {
  padding: 15px;
}
.pd20 {
  padding: 20px;
}
/* PC・スマホ出し分け */
@media screen and (min-width: 768px) {
  .hidden_pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hidden_sp {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .font12 {
    font-size: 10px;
    line-height: 12px;
  }
  .font14 {
    font-size: 12px;
    line-height: 14px;
  }
  .font16 {
    font-size: 14px;
    line-height: 20px;
  }
  .font18 {
    font-size: 16px;
    line-height: 22px;
  }
  .font21 {
    font-size: 18px;
    line-height: 24px;
  }
  .font24 {
    font-size: 20px;
    line-height: 26px;
  }
  .font30 {
    font-size: 24px;
    line-height: 30px;
  }
  /* 注釈の改行を揃える */
  .notes12 {
    padding-left: 10px;
    font-size: 10px;
    line-height: 14px;
    text-indent: -10px;
    text-align: left;
  }
  .notes14 {
    padding-left: 12px;
    font-size: 12px;
    line-height: 16px;
    text-indent: -12px;
    text-align: left;
  }
  .notes16 {
    padding-left: 14px;
    font-size: 14px;
    line-height: 18px;
    text-indent: -14px;
    text-align: left;
  }
  .notes18 {
    padding-left: 16px;
    font-size: 16px;
    line-height: 20px;
    text-indent: -16px;
    text-align: left;
  }
}