@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;800;900&display=swap");
:root {
  --colorblack: #2E2323;
  --colorgray: #F1F4F9;
  --colorwhite: #FFF;
  --colorred: #ff54af;
  --colorgreen: #54de04;
  --colororange: #ebb207;
  --colorlightblue: #9cf3ff;
  --colorblue:#2159db;
}

#heading {
  margin: 0;
}

.oekaki_body {
  width: 1280px;
  margin: 0 auto;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 25px;
  color: var(--colorblack);
}
.oekaki_body .center {
  text-align: center;
}
.oekaki_body .bold {
  font-weight: 700;
}
.oekaki_body .flex {
  display: flex;
}
.oekaki_body h3 {
  font-size: 1.5em;
  text-align: center;
  margin: 1em 0 0 0;
  padding: 0.5em;
  font-weight: 900;
}
.oekaki_body section.oekaki_content h3 {
  color: var(--colorblue);
}
.oekaki_body section.oekaki_content p {
  line-height: 2em;
}
.oekaki_body section.oekaki_content p img {
  width: 25%;
}
.oekaki_body section.oekaki_content p span {
  font-size: 1.25em;
}
.oekaki_body section.oekaki_content p span:nth-of-type(1) {
  color: var(--colorred);
}
.oekaki_body section.oekaki_content p span:nth-of-type(2) {
  color: var(--colororange);
}
.oekaki_body section.oekaki_content p span:nth-of-type(3) {
  color: var(--colorgreen);
}
.oekaki_body section.oekaki_content p:nth-of-type(2) span {
  color: #FE8E3A;
}
.oekaki_body section.chara {
  background: url(/event/oekaki2024/images/202407_bk_oekaki_1920x1080.jpg);
  padding: 0 0 1em 0;
}
.oekaki_body section.chara h3 {
  color: var(--colorblue);
}
.oekaki_body section.chara div p img {
  width: 80%;
}
.oekaki_body section.pre {
  background-color: #ffdef1;
  border: 7px solid var(--colorred);
  padding: 0 0 3em 0;
  border-radius: 1em;
  margin: 2em 0 0 0;
}
.oekaki_body section.pre h3 {
  color: var(--colorred);
}
.oekaki_body section.pre p {
  line-height: 2em;
  letter-spacing: 5px;
}
.oekaki_body section.pre p span {
  color: var(--colorred);
  font-size: 1.25em;
}
.oekaki_body section.model h3 {
  color: var(--colorlightblue);
}
.oekaki_body section.detail ul,
.oekaki_body section.apply ul {
  width: 960px;
  margin: 0 auto;
}
.oekaki_body section.detail ul li,
.oekaki_body section.apply ul li {
  display: flex;
  border-bottom: dashed 5px var(--colororange);
  padding: 1em;
}
.oekaki_body section.detail ul li p:first-child,
.oekaki_body section.apply ul li p:first-child {
  width: 10em;
  letter-spacing: 5px;
}
.oekaki_body section.detail ul li p:nth-child(2),
.oekaki_body section.apply ul li p:nth-child(2) {
  flex: 1;
}
.oekaki_body section.detail h3 {
  color: var(--colororange);
}
.oekaki_body section.detail ul li:first-of-type {
  border-top: dashed 5px var(--colororange);
}
.oekaki_body section.apply ul {
  border: 5px solid var(--colororange);
  background-color: #fff9ab;
  margin: 2em auto;
  border-radius: 1em;
}
.oekaki_body section.apply ul li {
  padding: 2em 1em;
}
.oekaki_body section.apply ul li p a {
  display: block;
  width: 80%;
  background-color: var(--colororange);
  color: #fff;
  padding: 1em;
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
  box-sizing: border-box;
}
.oekaki_body section.apply ul li p span {
  font-size: 0.75em;
}
.oekaki_body section.apply ul li:last-child {
  border-bottom: none;
}
.oekaki_body section.others {
  width: 960px;
  margin: 2em auto;
}

@media screen and (max-width: 899px) {
  .oekaki_body {
    width: 100%;
    font-weight: 500;
    font-size: 18px;
  }
  .oekaki_body .flex {
    display: block;
  }
  .oekaki_body h3 {
    font-size: 1.25em;
  }
  .oekaki_body section.oekaki_content p {
    line-height: 1.5em;
  }
  .oekaki_body section.oekaki_content p img {
    width: 85%;
  }
  .oekaki_body section.oekaki_content p span {
    font-size: 1.2em;
  }
  .oekaki_body section.chara div p img {
    width: 70%;
  }
  .oekaki_body section.pre {
    width: 98%;
    padding: 0 0 2em 0;
    margin: 2em auto;
    box-sizing: border-box;
  }
  .oekaki_body section.pre p {
    line-height: 1.5em;
    letter-spacing: 3px;
  }
  .oekaki_body section.pre p span {
    font-size: 1.2em;
  }
  .oekaki_body section.detail ul,
  .oekaki_body section.apply ul {
    width: 98%;
    box-sizing: border-box;
  }
  .oekaki_body section.detail ul li,
  .oekaki_body section.apply ul li {
    display: block;
  }
  .oekaki_body section.apply ul {
    border: 5px solid var(--colororange);
    background-color: #fff9ab;
    margin: 2em auto;
    border-radius: 1em;
  }
  .oekaki_body section.apply ul li {
    padding: 2em 0.7em;
  }
  .oekaki_body section.apply ul li p a {
    display: block;
    width: 80%;
    background-color: var(--colororange);
    color: #fff;
    padding: 1em;
    text-align: center;
    margin: 0 auto;
    border-radius: 2em;
    box-sizing: border-box;
  }
  .oekaki_body section.apply ul li:last-child {
    border-bottom: none;
  }
  .oekaki_body section.others {
    width: 95%;
    margin: 1.5em auto;
  }
}/*# sourceMappingURL=oekaki2024.css.map */