@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique&display=swap');
/* 決まりごと
---------------------------------------------------------- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* html
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
  font-size: 16px;
}
a:hover img {
  opacity: 0.7;
}
body {
  container-type: inline-size;
}
/* コンテンツ
---------------------------------------------------------- */
/* ベース */
.New_Table900 {
  width: 900px;
  margin: 0 auto;
}
/* メイン
---------------------------------------------------------- */
/* メイン */
.mainimg_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: #74b6a3;
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='150' height='150' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23f3fbfeff'/><path d='M0 0v3.88h150V0zm0 13.99v5.44h150v-5.44zm150 9.52H0v.4h150ZM0 54.8v7.77h150v-7.77zm0 22.15v1.55h150v-1.55zm0 9.71v2.31h150v-2.31zm0 33.04v4.28h150v-4.28zm0 6.45v1.17h150v-1.17zm0 6.22v2.72h150v-2.72z'  stroke-width='1' stroke='none' fill='%23ddf1d2ff'/><path d='M0 20.2v1.17h150v-1.16zm150 11.08H0v8.35h150ZM0 62.56v3.5h150v-3.5zm0 26.4v3.81h150v-3.8zm0 11.8v5.64h150v-5.63zm0 16.67v2.26h150v-2.26zm0 9.88v5.05h150v-5.05zm0 11.93v5.94h150v-5.94z'  stroke-width='1' stroke='none' fill='%23f8f9d8ff'/><path d='M0 28.23v3.05h150v-3.04zm0 16.51v.78h150v-.78zm0 4.22v2.88h150v-2.88zM0 67.6V75h150v-7.38zm0 25.16v8h150v-8zm0 15.43v8h150v-8zm0 15.77v2.17h150v-2.17zm0 24.67V150h150v-1.36z'  stroke-width='1' stroke='none' fill='%23f9fce7ff'/><path d='M0 3.88v10.1h150V3.89zm0 35.75v3.89h150v-3.89zm0 5.89v1.94h150v-1.94zm0 32.97v8.16h150v-8.16zm0 37.7v1.24h150v-1.23zm0 18.89v4.16h150v-4.16z'  stroke-width='1' stroke='none' fill='%23d1f1e5ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}
.mainimg_container {
  position: relative;
  margin-inline: auto;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
/* 発売日価格 */
.dateprice_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: #181879;
}
.dateprice_container {
  position: relative;
  margin-inline: auto;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
/* ギガデカコンテナ */
.gigadeka_container {
  width: 90%;
  margin: 0 auto 3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}
/* ボタン_マニュアル */
.btn_manual {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
/* 方眼紙
---------------------------------------------------------- */
.bg_hougan_container {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: #ffffff;
  opacity: 1;
  background-image: linear-gradient(#f3f1f1 0.9px, transparent 0.9px), linear-gradient(to right, #f3f1f1 0.9px, #ffffff 0.9px);
  background-size: 18px 18px;
  padding: 3rem 0;
  border-bottom: solid 3px #e5e5e5;
}
/* 動画
---------------------------------------------------------- */
.movie_title_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: rgba(0, 63, 136, 1);
  background-image: repeating-linear-gradient(0deg, rgba(0, 63, 136, 1) 7.5%, rgba(255, 255, 0, 1) 8% 92%, rgba(0, 63, 136, 1) 92.5% 99.9%);
}
.movie_title_container {
  position: relative;
  margin-inline: auto;
  max-width: 900px;
  height: auto;
  text-align: center;
}
/* 枠*/
.waku_800 {
  width: 800px;
  margin: 0 auto;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: -1em 0 1rem 0;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 購入ボタン
---------------------------------------------------------- */
/* 購入ボタン_大 */
.kakaku {
  width: 60%;
}
/* びっくりポイント1_お詫び
---------------------------------------------------------- */
/* お詫びコンテナ_枠 */
.owabi_container {
  width: 82%;
  height: auto;
  margin: 1.5em auto;
  padding: 1em;
  color: #333;
  background-color: #fff;
  border: 3px outset #B70003;
  font-size: 1rem;
  line-height: 1.7;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
}
.owabi_bold {
  font-size: 1.3rem;
  line-height: 1.5;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* 遊び方
---------------------------------------------------------- */
.asobikata_title_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: rgba(0, 63, 136, 1);
  background-image: repeating-linear-gradient(0deg, rgba(0, 63, 136, 1) 6%, rgba(255, 255, 0, 1) 6.1% 93.4%, rgba(0, 63, 136, 1) 93.5% 99.9%);
}
.asobikata_title_container {
  position: relative;
  margin-inline: auto;
  max-width: 900px;
  height: auto;
  text-align: center;
}
/* リンクエリア_設定
---------------------------------------------------------- */
.kumiawase_title_container {
  width: 70%;
  height: auto;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #e0f4fb;
  margin: 3em auto 0;
  padding: 0.8em 0.5em 0;
}
.kumiawase_title_container img {
  width: 80%;
  height: auto;
}
.kumiawase_container {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: #e0f4fb;
  padding: 2rem 0;
}
.btn_kumiawase {
  width: 80%;
  height: auto;
  margin: 1.5rem auto;
}
/* ボタン組み合わせコンテナ */
.btn_kumiawase_container {
  width: 80%;
  margin: 0 auto 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}