@charset "UTF-8";
/* フォント
---------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/* 切り替え
---------------------------------------------------------- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* 決まりごと
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
  font-size: 16px;
}
/* ページ構成
---------------------------------------------------------- */
/*トミカヘッダー*/
#Tomica-wrapper {
  background-color: #fff;
}
/*のりのりエリア*/
.nori-wrapper {
  width: 100%;
  height: auto;
  background-color: #fcf04f;
}
.nori-contents {
  width: 960px;
  margin: 0 auto;
}
/* レイアウト
---------------------------------------------------------- */
.nori_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.box-inner {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.half_container {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
}
.half_box {
  width: 48%;
  height: auto;
  margin: 0 1%;
  padding: 5em 0 0;
}
.half_box img {
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 0.2em 0;
}
.set_box {
  width: 100%;
  height: auto;
  padding: 5em 0;
}
/* ボタンエリア
---------------------------------------------------------- */
/*背景*/
.button-wrapper {
  width: 100%;
  height: auto;
  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='40' height='40' patternTransform='scale(1) rotate(90)'><rect x='0' y='0' width='100%' height='100%' fill='%23ffeb3bff'/><path d='M40 45a5 5 0 110-10 5 5 0 010 10zM0 45a5 5 0 110-10 5 5 0 010 10zM0 5A5 5 0 110-5 5 5 0 010 5zm40 0a5 5 0 110-10 5 5 0 010 10z'  stroke-width='1' stroke='none' fill='%23b4d093ff'/><path d='M20 25a5 5 0 110-10 5 5 0 010 10z'  stroke-width='1' stroke='none' fill='%23b3c5ccff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-42,-28)' fill='url(%23a)'/></svg>");
  background-color: #d7de01;
  padding: 1rem 0 2rem 0;
}
.button-contents {
  width: 960px;
  margin: 3em auto 2em;
}
/*購入ボタン*/
.kakaku {
  width: 60%;
  margin: 1em auto;
}
/* のりのりエリア
---------------------------------------------------------- */
/*背景*/
.noritimes-wrapper {
  width: 100%;
  height: auto;
  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='20' height='40' patternTransform='scale(5) rotate(140)'><rect x='0' y='0' width='100%' height='100%' fill='%23e9e9e9ff'/><path d='M0 20v20h20V20zm10.135 4.9l1.342 3.579 3.845.312-2.996 2.506.897 3.8-3.268-2.056L6.736 35.1l.985-3.848-3.043-2.504 3.935-.18z'  stroke-width='1' stroke='none' fill='hsla(47,80.9%,61%,1)'/><path d='M0 0v20h20V0zm10.135 4.9l1.342 3.579 3.845.312-2.996 2.506.897 3.8-3.268-2.056L6.736 15.1l.985-3.848-3.043-2.504 3.935-.18z'  stroke-width='1' stroke='none' fill='%2398a853ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-100,-200)' fill='url(%23a)'/></svg>");
  background-color: #98a752;
  padding: 1rem 0 2rem 0;
}
.noritimes-contents {
  width: 960px;
  margin: 3em auto 2em;
}
/*ボタン*/
.noribtn, a.noribtn, button.noribtn {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  margin: 0 auto;
  padding: 2rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 1rem;
}
a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}
a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}