@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap");
@import url("https://fonts.googleapis.com/css?family=Cinzel&display=swap");
html, body {
  width: 100%;
  height: auto;
}

.comic {
  height: 100%;
}

#comic {
  height: 100%;
}

.sp-slides-container {
  height: 100%;
}

/*precede.ctp*/
.precede {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #333333;
  background: #f1f1f1;
}
.precede footer {
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  line-height: 1.3;
  padding: 2em;
  background-color: #000000;
}
.precede p {
  font-size: 16px;
  line-height: 1.5em;
  margin: 1em 0;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
.precede .fv {
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(to bottom, #292929, #000000);
}
.precede h2 {
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  line-height: 1.3;
  padding: 0.3em;
  background-color: #b11528;
}
.precede h2 p {
  width: 950px;
  padding: 5px 0 3px;
  margin: 10px auto;
  font-size: 0.7em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.precede h2 span {
  margin-right: 5px;
  font-weight: bold;
  font-size: 2em;
  text-shadow: 4px 3px 0px black;
}
.precede .main_contBox {
  width: 980px;
  margin: 3em auto;
}
.precede .main_contBox .text_ce {
  text-align: center;
  margin-bottom: 40px;
}
.precede .main_contBox h3 {
  text-align: center;
  font-size: 1.7em;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  margin-bottom: 15px;
}
.precede .main_contBox div.privilege {
  padding: 2em 2em 1em 2em;
  margin-top: 10px;
  background-color: #222222;
  color: white;
  border-radius: 10px;
  border: 2px #b11528 solid;
}
.precede .main_contBox div.privilege ul {
  list-style: none;
  font-size: 1.5em;
}
.precede .main_contBox div.privilege ul li {
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  border-bottom: 1px #b11528 solid;
  padding-bottom: 1em;
  font-weight: bold;
  font-size: 1.4em;
  color: #FF5060;
}
.precede .main_contBox div.privilege ul li span {
  font-size: 0.7em;
  color: white;
  font-weight: normal;
  padding-left: 20px;
}
.precede .main_contBox div.privilege ul li h5 {
  border-radius: 5px;
  background-color: #b11528;
  padding: 20px;
  position: relative;
  margin-right: 20px;
  color: white;
  padding: 10px;
  position: relative;
}
.precede .main_contBox div.privilege ul li h5:after {
  border-left: 12px solid #b11528;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: "";
  margin-top: -10px;
  position: absolute;
  right: -12px;
  top: 50%;
}
.precede .main_contBox .about {
  background: none;
  text-align: center;
}
.precede .main_contBox .about ul li {
  font-size: 22px;
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.precede .main_contBox .about span {
  font-weight: bold;
  color: #b11528;
}
.precede .main_contBox .about .text_price {
  margin: 4em 0 2em 0;
}
.precede .main_contBox .about h3 {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  font-size: 35px;
  margin: 2em 0 0.5em 0;
  top: 0;
  color: #b11528;
  font-weight: bold;
}
.precede .main_contBox .about h3:before, .precede .main_contBox .about h3:after {
  position: absolute;
  top: 0;
  content: "";
  width: 8px;
  height: 100%;
  display: inline-block;
}
.precede .main_contBox .about h3:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.precede .main_contBox .about h3:after {
  content: "";
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
.precede .main_contBox .treatment, .precede .main_contBox .requirements {
  margin: 5em 0;
}
.precede .main_contBox .treatment ul, .precede .main_contBox .requirements ul {
  text-align: left;
  margin: 0 auto;
}
.precede .main_contBox .treatment ul li, .precede .main_contBox .requirements ul li {
  font-size: 20px;
  margin: 1em 0;
  font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: bold;
  position: relative;
  padding-left: 1.2em;
  /*アイコン分のスペース*/
  line-height: 1.4;
}
.precede .main_contBox .treatment ul li::before, .precede .main_contBox .requirements ul li::before {
  content: "◆";
  /*アイコンのユニコード*/
  position: absolute;
  /*絶対位置*/
  font-size: 1em;
  /*サイズ*/
  left: 0;
  /*アイコンの位置*/
  top: 0;
  /*アイコンの位置*/
  color: #b11528;
  /*アイコン色*/
}
.precede .main_contBox .treatment ul li span, .precede .main_contBox .requirements ul li span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.precede .main_contBox .treatment h3, .precede .main_contBox .requirements h3 {
  text-align: left;
  border-bottom: solid 3px #9E9E9E;
  position: relative;
  font-size: 35px;
}
.precede .main_contBox .treatment h3:after, .precede .main_contBox .requirements h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #b11528;
  bottom: -3px;
  width: 30%;
}
.precede .main_contBox .message {
  padding: 2em 2em 1em 2em;
  margin: 5em 0em;
  background-color: white;
  border-radius: 10px;
}
.precede .main_contBox .message h3 {
  font-size: 35px;
  color: #b11528;
  font-weight: bold;
}
.precede .main_contBox .message p {
  text-align: center;
}