@charset "UTF-8";
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Doto:wght@900&family=Goldman&family=Zen+Maru+Gothic:wght@900?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap");
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4; }

*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit; }

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit; }

* {
  padding: 0;
  margin: 0; }

hr {
  overflow: visible;
  height: 0;
  color: inherit; }

details, main {
  display: block; }

summary {
  display: list-item; }

small {
  font-size: 80%; }

[hidden] {
  display: none; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline-width: 0; }

code, kbd, pre, samp {
  font-family: monospace,monospace; }

pre {
  font-size: 1em; }

b, strong {
  font-weight: bolder; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

table {
  border-color: inherit;
  text-indent: 0; }

input {
  border-radius: 0; }

[disabled] {
  cursor: default; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  resize: vertical; }

button, input, optgroup, select, textarea {
  font: inherit; }

optgroup {
  font-weight: 700; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  color: inherit; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button; }

button, input, select, textarea {
  background-color: transparent;
  border-style: none; }

a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

select::-ms-expand {
  display: none; }

select::-ms-value {
  color: currentColor; }

legend {
  border: 0;
  color: inherit;
  display: table;
  white-space: normal;
  max-width: 100%; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit; }

img {
  border-style: none; }

progress {
  vertical-align: baseline; }

[aria-busy=true] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled=true] {
  cursor: default; }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background: #EDEDED;
  line-height: 1.8em;
  font-family: "Dela Gothic One", sans-serif;
  font-size: clamp(1.6rem, calc(1.454rem + 0.45vw), 2rem);
  font-weight: 400;
  color: #000;
  -webkit-text-size-adjust: 100%; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: #000;
  text-decoration: none;
  transition: .3s; }
  a:hover {
    transition: .3s;
    text-decoration: none; }
  a img {
    transition: .3s; }
    a img:hover {
      opacity: .7;
      transition: .3s; }

li {
  list-style: none; }

h1, h2, h3, dt {
  font-weight: 400; }

.flb_sb, header, footer .left ul, .topnews .inbox .box, .news .inbox .box, .topnews .pagenav, .news .pagenav, .wp-pagenavi {
  display: flex;
  justify-content: space-between; }

.flb_ct, header .btn, footer .right ul, .topitem .list li a figure, .items .list li a figure, .wp-pagenavi a, .wp-pagenavi span, .btn_buy, .contact .formbtns, .contact .formbtns input[type=submit], .contact .formbtns input[type=button] {
  display: flex;
  justify-content: center; }

.flb_st, .topitem .list, .items .list, .contact .form dt {
  display: flex;
  justify-content: flex-start; }

.flb_ed {
  display: flex;
  justify-content: flex-end; }

.sp {
  display: block; }
  @media screen and (min-width: 701px) {
    .sp {
      display: none; } }

.sptab {
  display: block; }
  @media screen and (min-width: 961px) {
    .sptab {
      display: none; } }

.tab {
  display: none; }
  @media screen and (min-width: 701px) {
    .tab {
      display: block; } }
  @media screen and (min-width: 961px) {
    .tab {
      display: none; } }

.tabpc {
  display: none; }
  @media screen and (min-width: 701px) {
    .tabpc {
      display: block; } }

.pc {
  display: none; }
  @media screen and (min-width: 961px) {
    .pc {
      display: block; } }

.inner {
  width: calc(100% - 4rem);
  margin: auto; }
  @media screen and (min-width: 701px) {
    .inner {
      width: calc(100% - 8rem); } }

.fadeIn {
  opacity: 0;
  transition: 3s; }
  .fadeIn.is-show {
    opacity: 1; }

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50px);
  transition: 2s; }
  .fadeIn_up.is-show {
    transform: translate(0, 0);
    opacity: 1; }

.fadeIn_left {
  opacity: 0;
  transform: translate(-50px, 0);
  transition: 2s; }
  .fadeIn_left.is-show {
    transform: translate(0, 0);
    opacity: 1; }

.fadeIn_right {
  opacity: 0;
  transform: translate(50px, 0);
  transition: 2s; }
  .fadeIn_right.is-show {
    transform: translate(0, 0);
    opacity: 1; }

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
@keyframes yurayura {
  0% , 100% {
    transform: rotate(3deg); }
  50% {
    transform: rotate(-3deg); } }
/* ヘッダー */
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding-left: .4rem;
  padding-right: 2rem;
  z-index: 999; }
  @media screen and (min-width: 701px) {
    header {
      padding-left: 1rem; } }
  header .logo {
    width: 14.8rem;
    transform-origin: center top;
    animation: yurayura 3s linear infinite; }
    @media screen and (min-width: 701px) {
      header .logo {
        width: 21.7rem; } }
    header .logo img {
      display: block; }
  header .btn {
    align-items: center;
    width: 16.2rem;
    height: 3.5rem;
    font-family: "Doto", sans-serif;
    font-size: clamp(1.6rem, calc(1.528rem + 0.23vw), 18rem);
    color: #F038FF;
    background: #fff;
    border: #000 1px solid;
    margin-top: 2rem; }
    @media screen and (min-width: 701px) {
      header .btn {
        width: 18.3rem;
        height: 3.8rem; } }
    header .btn::before {
      content: "";
      display: block;
      width: 1.6rem;
      aspect-ratio: 15 / 14;
      background: url("../images/common/cart.svg") center center no-repeat;
      background-size: 100% auto;
      margin-right: .8rem; }
    header .btn:hover {
      opacity: .7; }

/* フッター */
footer {
  width: min(100%, 136rem);
  padding: 4rem 2rem 3.2rem;
  margin: auto; }
  @media screen and (min-width: 701px) {
    footer {
      padding-top: 5.2rem;
      padding-bottom: 4rem;
      display: flex;
      justify-content: space-between; } }
  footer .left {
    padding-bottom: 4rem; }
    @media screen and (min-width: 701px) {
      footer .left {
        padding-bottom: 0;
        width: 38rem; } }
    footer .left h2 {
      margin-bottom: 2.7rem;
      font-weight: 400; }
      @media screen and (min-width: 701px) {
        footer .left h2 {
          width: 34.5rem;
          margin-bottom: 2.4rem; } }
      footer .left h2 img {
        display: block; }
    footer .left ul {
      padding: 0 0.2rem; }
      footer .left ul li {
        display: inline-block;
        font-size: 1.2rem; }
        @media screen and (min-width: 701px) {
          footer .left ul li {
            font-size: 1.4rem; } }
        footer .left ul li a {
          display: inline-block;
          padding: 0 1rem;
          line-height: 2.4rem;
          background: #0131FF;
          color: #CDFE00; }
          footer .left ul li a span {
            font-size: 1rem; }
  @media screen and (min-width: 701px) {
    footer .right {
      width: min(calc(100% - 37rem), 43rem);
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      flex-direction: column; } }
  footer .right ul {
    flex-wrap: wrap;
    padding-bottom: 1.6rem; }
    @media screen and (min-width: 701px) {
      footer .right ul {
        justify-content: flex-end; } }
    @media screen and (min-width: 961px) {
      footer .right ul {
        padding-bottom: 3.6rem; } }
    footer .right ul li {
      display: block;
      margin: 0 1.2rem 1.6rem;
      font-size: 1.4rem;
      line-height: 1.4em; }
      @media screen and (min-width: 701px) {
        footer .right ul li {
          margin-right: 0;
          margin-left: 2.4rem;
          margin-bottom: 2rem; } }
      footer .right ul li a {
        text-decoration: underline; }
        footer .right ul li a:hover {
          text-decoration: none; }
  footer .right p {
    text-align: center;
    font-family: "Goldman", sans-serif;
    font-size: 1rem;
    font-size: 400;
    line-height: 1.2em; }
    @media screen and (min-width: 701px) {
      footer .right p {
        text-align: right; } }

/* トップページ */
.topitem .list, .items .list {
  flex-wrap: wrap; }
  .topitem .list li, .items .list li {
    background: #fff;
    background-image: repeating-linear-gradient(90deg, rgba(228, 228, 228, 0.3), rgba(228, 228, 228, 0.3) 1px, transparent 1px, transparent 1.6rem), repeating-linear-gradient(0deg, rgba(228, 228, 228, 0.3), rgba(228, 228, 228, 0.3) 1px, #fff 1px, #fff 1.6rem);
    width: 50%;
    font-size: clamp(1.6rem, calc(1.454rem + 0.45vw), 2rem);
    line-height: 1.45em;
    border-bottom: #000 1px solid;
    border-top: #000 1px solid;
    position: relative;
    margin-top: -1px; }
    @media screen and (min-width: 961px) {
      .topitem .list li, .items .list li {
        background-image: repeating-linear-gradient(90deg, rgba(228, 228, 228, 0.3), rgba(228, 228, 228, 0.3) 1px, transparent 1px, transparent 2.4rem), repeating-linear-gradient(0deg, rgba(228, 228, 228, 0.3), rgba(228, 228, 228, 0.3) 1px, #fff 1px, #fff 2.4rem);
        width: calc(100% / 3);
        border-right: #000 1px solid;
        padding: 4rem 5.4rem; } }
    .topitem .list li.new, .items .list li.new {
      background-image: repeating-linear-gradient(90deg, #FFEBFA, #FFEBFA 1px, transparent 1px, transparent 1.6rem), repeating-linear-gradient(0deg, #FFEBFA, #FFEBFA 1px, #fff 1px, #fff 1.6rem); }
      @media screen and (min-width: 701px) {
        .topitem .list li.new, .items .list li.new {
          background-image: repeating-linear-gradient(90deg, #FFEBFA, #FFEBFA 1px, transparent 1px, transparent 2.4rem), repeating-linear-gradient(0deg, #FFEBFA, #FFEBFA 1px, #fff 1px, #fff 2.4rem); } }
      .topitem .list li.new::before, .items .list li.new::before {
        content: "";
        display: block;
        width: 8.1rem;
        aspect-ratio: 359 / 259;
        background: url("../images/common/new.webp") center center no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (min-width: 701px) {
          .topitem .list li.new::before, .items .list li.new::before {
            width: min(30%, 16.3rem); } }
    .topitem .list li:nth-child(odd), .items .list li:nth-child(odd) {
      border-right: #000 1px solid; }
    @media screen and (min-width: 961px) {
      .topitem .list li:nth-child(3n), .items .list li:nth-child(3n) {
        border-right: 0; } }
    .topitem .list li:nth-child(n + 9), .items .list li:nth-child(n + 9) {
      display: none; }
      @media screen and (min-width: 701px) {
        .topitem .list li:nth-child(n + 9), .items .list li:nth-child(n + 9) {
          display: block; } }
    .topitem .list li a, .items .list li a {
      display: block;
      padding: 2.4rem 1rem;
      position: relative;
      z-index: 1; }
      .topitem .list li a figure, .items .list li a figure {
        align-items: center;
        width: 100%;
        aspect-ratio: 1 / 1;
        margin-bottom: 1.8rem; }
        @media screen and (min-width: 701px) {
          .topitem .list li a figure, .items .list li a figure {
            margin-bottom: 3.8rem; } }
        .topitem .list li a figure img, .items .list li a figure img {
          display: block; }
      .topitem .list li a span, .items .list li a span {
        display: block;
        position: relative;
        transition: .3s; }
        @media screen and (min-width: 701px) {
          .topitem .list li a span, .items .list li a span {
            padding-right: 8.2rem; } }
        @media screen and (min-width: 701px) {
          .topitem .list li a span::after, .items .list li a span::after {
            content: "";
            display: block;
            width: 6.4rem;
            aspect-ratio: 130 / 111;
            background: url("../images/common/arrow.webp") center center no-repeat;
            background-size: 100% auto;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: .3s; } }
      .topitem .list li a:hover span, .items .list li a:hover span {
        color: #0131FF; }
        .topitem .list li a:hover span::after, .items .list li a:hover span::after {
          background: url("../images/common/arrow_ov.webp") center center no-repeat;
          background-size: 100% auto; }
.topitem .btnmore, .items .btnmore {
  background: #CDFE00;
  display: flex;
  overflow: hidden;
  position: relative;
  padding: 2.2rem 0;
  transition: .3s; }
  @media screen and (min-width: 701px) {
    .topitem .btnmore, .items .btnmore {
      padding: 2rem 0; } }
  .topitem .btnmore ul, .items .btnmore ul {
    display: flex;
    animation: infinity-scroll-left 80s infinite linear 0.5s both;
    white-space: nowrap; }
    .topitem .btnmore ul li, .items .btnmore ul li {
      font-family: "Goldman", sans-serif;
      font-size: clamp(4rem, calc(2.908rem + 3.41vw), 7rem);
      line-height: 1.2em;
      display: block;
      flex-shrink: 0;
      margin-right: 3.2rem; }
      @media screen and (min-width: 701px) {
        .topitem .btnmore ul li, .items .btnmore ul li {
          margin-right: 5.6rem; } }
      .topitem .btnmore ul li:nth-child(even), .items .btnmore ul li:nth-child(even) {
        color: #0000FF;
        font-family: "Dela Gothic One", sans-serif; }
      .topitem .btnmore ul li:nth-child(odd), .items .btnmore ul li:nth-child(odd) {
        color: #FF499D; }
      .topitem .btnmore ul li span, .items .btnmore ul li span {
        font-family: "Zen Maru Gothic", sans-serif;
        font-size: clamp(3.2rem, calc(2.382rem + 3.18vw), 6.4rem);
        font-weight: 900;
        margin-left: 1.6rem; }
        @media screen and (min-width: 701px) {
          .topitem .btnmore ul li span, .items .btnmore ul li span {
            margin-left: 2.4rem; } }
  .topitem .btnmore a, .items .btnmore a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .topitem .btnmore:hover, .items .btnmore:hover {
    opacity: .7; }

.topbnr {
  padding: 2.4rem; }
  @media screen and (min-width: 701px) {
    .topbnr {
      padding: 6.2rem 2.4rem; } }
  .topbnr a {
    display: block;
    width: min(100%, 80.6rem);
    margin: auto; }
    .topbnr a img {
      display: block; }

.topnews, .news {
  padding-top: 1.3rem;
  padding-bottom: 7.2rem;
  background: #6739FF;
  text-align: center; }
  @media screen and (min-width: 701px) {
    .topnews, .news {
      padding: 12rem 0; } }
  .topnews h2, .news h2, .topnews .pagenm, .news .pagenm {
    color: #FF4FA0;
    font-size: 6.4rem;
    line-height: 1.14em;
    padding-bottom: 1.6rem; }
    @media screen and (min-width: 701px) {
      .topnews h2, .news h2, .topnews .pagenm, .news .pagenm {
        padding-bottom: 8rem; } }
  .topnews .inbox, .news .inbox {
    width: min(100%, 100rem);
    margin: 0 auto 2.4rem;
    position: relative;
    text-align: left; }
    @media screen and (min-width: 701px) {
      .topnews .inbox, .news .inbox {
        margin-bottom: 5rem; } }
    .topnews .inbox::before, .news .inbox::before {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, #FFFF00, #4EFF40, #3FEAEA, #434AFF, #EB00FF); }
    .topnews .inbox.cms, .news .inbox.cms {
      background: #EDEDED;
      margin-top: 3rem;
      margin-bottom: 5rem; }
      @media screen and (min-width: 701px) {
        .topnews .inbox.cms, .news .inbox.cms {
          margin-top: 0;
          margin-bottom: 8rem; } }
      .topnews .inbox.cms::before, .news .inbox.cms::before {
        content: none; }
    .topnews .inbox .ttl, .news .inbox .ttl {
      padding: 2.4rem;
      position: relative; }
      @media screen and (min-width: 701px) {
        .topnews .inbox .ttl, .news .inbox .ttl {
          padding: 8rem; } }
      .topnews .inbox .ttl::after, .news .inbox .ttl::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, #FFFF00, #4EFF40, #3FEAEA, #434AFF, #EB00FF);
        position: absolute;
        left: 0;
        bottom: 0; }
      .topnews .inbox .ttl h1, .news .inbox .ttl h1 {
        font-size: clamp(2.4rem, calc(1.817rem + 1.82vw), 4rem);
        padding-bottom: 1rem;
        font-weight: 400;
        line-height: 1.45em; }
        @media screen and (min-width: 701px) {
          .topnews .inbox .ttl h1, .news .inbox .ttl h1 {
            padding-bottom: 2rem; } }
      .topnews .inbox .ttl p, .news .inbox .ttl p {
        font-family: "Goldman", sans-serif;
        font-size: clamp(1.2rem, calc(1.128rem + 0.23vw), 1.4rem); }
    .topnews .inbox .contents, .news .inbox .contents {
      padding: 2.4rem; }
      @media screen and (min-width: 701px) {
        .topnews .inbox .contents, .news .inbox .contents {
          padding: 5.6rem 8rem 8rem; } }
      .topnews .inbox .contents .kv, .news .inbox .contents .kv {
        display: block;
        margin-bottom: 2rem; }
        @media screen and (min-width: 701px) {
          .topnews .inbox .contents .kv, .news .inbox .contents .kv {
            margin-bottom: 4rem; } }
        .topnews .inbox .contents .kv img, .news .inbox .contents .kv img {
          display: block;
          width: 100%; }
      .topnews .inbox .contents p, .news .inbox .contents p {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
        font-weight: 700;
        line-height: 1.8em; }
      .topnews .inbox .contents .is-provider-youtube .wp-block-embed__wrapper, .news .inbox .contents .is-provider-youtube .wp-block-embed__wrapper {
        width: 100%;
        aspect-ratio: 16 / 9; }
        .topnews .inbox .contents .is-provider-youtube .wp-block-embed__wrapper iframe, .news .inbox .contents .is-provider-youtube .wp-block-embed__wrapper iframe {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    .topnews .inbox .box, .news .inbox .box {
      align-items: center;
      padding: 2.4rem 2.4rem 2.6rem;
      position: relative; }
      @media screen and (min-width: 961px) {
        .topnews .inbox .box, .news .inbox .box {
          padding: 2.4rem 0; } }
      .topnews .inbox .box::after, .news .inbox .box::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, #FFFF00, #4EFF40, #3FEAEA, #434AFF, #EB00FF);
        position: absolute;
        left: 0;
        bottom: 0; }
      .topnews .inbox .box figure, .news .inbox .box figure {
        display: block;
        width: 10rem;
        aspect-ratio: 5 / 4;
        overflow: hidden; }
        @media screen and (min-width: 701px) {
          .topnews .inbox .box figure, .news .inbox .box figure {
            width: 21rem;
            aspect-ratio: 21 / 13; } }
        .topnews .inbox .box figure img, .news .inbox .box figure img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: .5s; }
      .topnews .inbox .box .txt, .news .inbox .box .txt {
        width: calc(100% - 11.6rem);
        color: #fff;
        padding-right: 4rem; }
        @media screen and (min-width: 701px) {
          .topnews .inbox .box .txt, .news .inbox .box .txt {
            width: calc(100% - 24.2rem);
            padding-right: 9.7rem; } }
      .topnews .inbox .box h3, .news .inbox .box h3 {
        line-height: 1.5em;
        text-decoration: underline;
        padding-bottom: .8rem;
        font-weight: 400; }
        @media screen and (min-width: 701px) {
          .topnews .inbox .box h3, .news .inbox .box h3 {
            padding-bottom: 2.8rem; } }
      .topnews .inbox .box p, .news .inbox .box p {
        font-family: "Goldman", sans-serif;
        font-size: clamp(1.2rem, calc(1.128rem + 0.23vw), 1.4rem); }
      .topnews .inbox .box a, .news .inbox .box a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .topnews .inbox .box a::after, .news .inbox .box a::after {
          content: "";
          display: block;
          width: 3.5rem;
          aspect-ratio: 130 / 111;
          background: url("../images/common/arrow.webp") center center no-repeat;
          background-size: 100% auto;
          position: absolute;
          top: 0;
          bottom: 0;
          right: 2.2rem;
          margin: auto;
          transition: .3s; }
      .topnews .inbox .box:hover figure img, .news .inbox .box:hover figure img {
        transform: scale(1.1); }
      .topnews .inbox .box:hover h3, .news .inbox .box:hover h3 {
        text-decoration: none; }
      .topnews .inbox .box:hover a::after, .news .inbox .box:hover a::after {
        transform: translateX(0.5rem); }
  .topnews .btn, .news .btn {
    display: inline-block;
    background: #CDFE00;
    color: #0131FF;
    font-family: "Goldman", sans-serif;
    font-size: 2.4rem;
    line-height: 3.4rem;
    padding: 0 .6rem; }
    .topnews .btn span, .news .btn span {
      display: inline-block;
      font-family: "Zen Maru Gothic", sans-serif;
      font-size: 2rem;
      margin-left: .8rem;
      transition: .3s; }
    .topnews .btn:hover span, .news .btn:hover span {
      transform: rotateY(180deg); }
  .topnews .pagenav, .news .pagenav {
    width: min(calc(100% - 4rem), 100rem);
    margin: auto; }
    .topnews .pagenav li, .news .pagenav li {
      display: block; }
      .topnews .pagenav li.prev a, .news .pagenav li.prev a, .topnews .pagenav li.next a, .news .pagenav li.next a {
        display: inline-block;
        background: #CDFE00;
        color: #0131FF;
        font-family: "Goldman", sans-serif;
        font-size: 2rem;
        line-height: 3rem;
        padding: 0 .6rem; }

.linetxt {
  background: linear-gradient(90deg, #FF798E, #E783FF, #48D1DC);
  padding: 2.9rem 0;
  display: flex;
  overflow: hidden; }
  @media screen and (min-width: 701px) {
    .linetxt {
      padding: 2.4rem 0; } }
  .linetxt ul {
    display: flex;
    animation: infinity-scroll-left 80s infinite linear 0.5s both;
    white-space: nowrap; }
    .linetxt ul li {
      font-size: clamp(2.4rem, calc(1.454rem + 2.95vw), 5rem);
      display: block;
      flex-shrink: 0;
      margin-right: 2.4rem; }
      @media screen and (min-width: 701px) {
        .linetxt ul li {
          margin-right: 4rem; } }
      .linetxt ul li.sky {
        color: #45F1FF; }
      .linetxt ul li.green {
        color: #6EFF79; }
      .linetxt ul li.pink {
        color: #FF4A9D; }
      .linetxt ul li.yellow {
        color: #CDFE00; }
      .linetxt ul li.emoji {
        font-family: "Zen Maru Gothic", sans-serif;
        font-size: clamp(2.4rem, calc(1.817rem + 1.82vw), 4rem);
        font-weight: 900; }

/* News */
.news {
  padding-top: 16rem; }
  @media screen and (min-width: 701px) {
    .news {
      padding-top: 12rem; } }
  .news .inbox {
    margin-bottom: 5rem; }
    @media screen and (min-width: 701px) {
      .news .inbox {
        margin-bottom: 8rem; } }

.wp-pagenavi {
  width: min(calc(100% - 4rem), 100rem);
  margin: auto;
  align-items: center;
  gap: 1.2rem; }
  @media screen and (min-width: 701px) {
    .wp-pagenavi {
      column-gap: 2.4rem; } }
  .wp-pagenavi::before, .wp-pagenavi::after {
    content: "";
    flex: 1; }
  .wp-pagenavi a, .wp-pagenavi span {
    font-family: "Goldman", sans-serif;
    font-size: clamp(1.8rem, calc(1.582rem + 0.68vw), 2.4rem);
    background: #CDFE00;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem; }
    @media screen and (min-width: 701px) {
      .wp-pagenavi a, .wp-pagenavi span {
        width: 3.4rem;
        height: 3.4rem; } }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    font-size: clamp(1.6rem, calc(1.454rem + 0.45vw), 2rem);
    margin: 0; }
  .wp-pagenavi .previouspostslink {
    order: -1; }
  .wp-pagenavi .nextpostslink {
    order: 1; }

/* Items */
.items {
  background: #6739FF;
  padding-top: 16rem;
  padding-bottom: 7.2rem;
  background: #6739FF;
  text-align: center; }
  @media screen and (min-width: 701px) {
    .items {
      padding: 12rem 0; } }
  .items h1 {
    text-align: center;
    color: #FF4FA0;
    font-size: 6.4rem;
    line-height: 1.14em;
    padding-bottom: 1.6rem;
    font-weight: 400; }
    @media screen and (min-width: 701px) {
      .items h1 {
        padding-bottom: 8rem; } }
  .items .list {
    margin-bottom: 5rem; }
    @media screen and (min-width: 701px) {
      .items .list {
        margin-bottom: 8rem; } }

.btn_buy {
  align-items: center;
  width: 80%;
  height: 5.4rem;
  font-family: "Doto", sans-serif;
  font-size: clamp(2rem, calc(1.636rem + 1.14vw), 3rem);
  color: #F038FF;
  background: #fff;
  border: #000 1px solid;
  margin: 4rem auto; }
  @media screen and (min-width: 701px) {
    .btn_buy {
      width: 34.3rem;
      height: 8.4rem;
      margin-bottom: 8rem; } }
  .btn_buy::before {
    content: "";
    display: block;
    width: 1.8rem;
    aspect-ratio: 15 / 14;
    background: url("../images/common/cart.svg") center center no-repeat;
    background-size: 100% auto;
    margin-right: .8rem; }
    @media screen and (min-width: 701px) {
      .btn_buy::before {
        width: 2.7rem; } }
  .btn_buy:hover {
    opacity: .7; }

/* Q&A/CONTACT */
.faq {
  padding-top: 16rem;
  padding-bottom: 4rem;
  background: #6739FF;
  text-align: center; }
  @media screen and (min-width: 701px) {
    .faq {
      padding-top: 12rem;
      padding-bottom: 8rem; } }
  .faq h1 {
    color: #FF4FA0;
    font-size: 5rem;
    line-height: 1.14em;
    padding-bottom: 1.6rem; }
    @media screen and (min-width: 701px) {
      .faq h1 {
        font-size: 6.4rem;
        padding-bottom: 8rem; } }
  .faq .inbox {
    width: min(100%, 100rem);
    margin: 3rem auto 0;
    position: relative;
    text-align: left;
    background: #EDEDED; }
    @media screen and (min-width: 701px) {
      .faq .inbox {
        margin-top: 0; } }
  .faq .attention {
    padding: 2.4rem;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 701px) {
      .faq .attention {
        padding: 8rem; } }
    .faq .attention::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, #FFFF00, #4EFF40, #3FEAEA, #434AFF, #EB00FF);
      position: absolute;
      left: 0;
      bottom: 0; }
    .faq .attention h2 {
      font-size: clamp(2.4rem, calc(1.817rem + 1.82vw), 4rem);
      padding-bottom: 1.2rem;
      font-weight: 400;
      line-height: 1.45em;
      color: #673AFF; }
      @media screen and (min-width: 701px) {
        .faq .attention h2 {
          padding-bottom: 2.4rem; } }
    .faq .attention p {
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
      font-weight: 700;
      line-height: 1.8em; }
  .faq .box {
    padding: 2.4rem;
    position: relative; }
    @media screen and (min-width: 701px) {
      .faq .box {
        padding: 5.6rem 8rem 4rem; } }
    .faq .box::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, #FFFF00, #4EFF40, #3FEAEA, #434AFF, #EB00FF);
      position: absolute;
      left: 0;
      bottom: 0; }
    .faq .box:last-of-type {
      padding-bottom: 4rem; }
      @media screen and (min-width: 701px) {
        .faq .box:last-of-type {
          padding-bottom: 6.4rem; } }
      .faq .box:last-of-type::after {
        content: none; }
    .faq .box h3 {
      display: inline-block;
      font-size: clamp(2.4rem, calc(2.1rem + 0.91vw), 3.2rem);
      font-weight: 400;
      color: #FF4FA0;
      background: #D7FE2F;
      padding: 0 .4rem;
      margin-bottom: 2rem; }
      @media screen and (min-width: 701px) {
        .faq .box h3 {
          margin-bottom: 4rem; } }
    .faq .box dl {
      border: #000 1px solid;
      border-radius: 1.6rem;
      overflow: hidden;
      margin-bottom: 1.6rem; }
      @media screen and (min-width: 701px) {
        .faq .box dl {
          border-radius: 3.2rem; } }
      .faq .box dl dt, .faq .box dl dd {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
        font-weight: 700;
        line-height: 1.8em; }
      .faq .box dl dt {
        background: #45F1FF;
        position: relative;
        padding: 1rem 4rem 1rem 2rem;
        cursor: pointer; }
        @media screen and (min-width: 701px) {
          .faq .box dl dt {
            padding: 2rem 6rem 2rem 4rem; } }
        .faq .box dl dt::before, .faq .box dl dt::after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          background: #673AFF; }
        .faq .box dl dt::before {
          width: 2rem;
          height: .4rem;
          right: 2rem; }
          @media screen and (min-width: 701px) {
            .faq .box dl dt::before {
              right: 4rem; } }
        .faq .box dl dt::after {
          width: .4rem;
          height: 2rem;
          right: 2.8rem; }
          @media screen and (min-width: 701px) {
            .faq .box dl dt::after {
              right: 4.8rem; } }
        .faq .box dl dt.active::after {
          opacity: 0; }
      .faq .box dl dd {
        background: #fff;
        padding: 1rem 2rem;
        border-top: #000 1px solid;
        display: none; }
        @media screen and (min-width: 701px) {
          .faq .box dl dd {
            padding: 2rem 4rem; } }

.contact {
  padding-bottom: 7.2rem;
  background: #6739FF;
  text-align: center; }
  @media screen and (min-width: 701px) {
    .contact {
      padding-bottom: 12rem; } }
  .contact .inbox {
    width: min(100%, 100rem);
    margin: 3rem auto 8rem;
    position: relative;
    text-align: left;
    background: #EDEDED; }
    @media screen and (min-width: 701px) {
      .contact .inbox {
        margin-top: 0;
        margin-bottom: 8rem; } }
  .contact .txt {
    padding: 2.4rem;
    position: relative; }
    @media screen and (min-width: 701px) {
      .contact .txt {
        padding: 8rem; } }
    .contact .txt h2 {
      font-size: clamp(2.4rem, calc(1.817rem + 1.82vw), 4rem);
      padding-bottom: 1.2rem;
      font-weight: 400;
      line-height: 1.45em;
      color: #673AFF;
      text-align: center; }
      @media screen and (min-width: 701px) {
        .contact .txt h2 {
          padding-bottom: 2.4rem; } }
    .contact .txt h3 {
      text-align: center;
      padding-bottom: 1.6rem; }
      @media screen and (min-width: 701px) {
        .contact .txt h3 {
          padding-bottom: 2.4rem; } }
    .contact .txt h3, .contact .txt p {
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
      font-weight: 700;
      line-height: 1.8em; }
  .contact .form {
    padding: 0 2.4rem; }
    @media screen and (min-width: 701px) {
      .contact .form {
        padding: 0 8rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start; } }
    .contact .form dt, .contact .form dd {
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
      font-weight: 700;
      line-height: 1.8em; }
    .contact .form dt {
      padding-bottom: 1.6rem; }
      @media screen and (min-width: 701px) {
        .contact .form dt {
          width: 21.4rem;
          justify-content: space-between;
          padding-bottom: 4rem; } }
      .contact .form dt span {
        display: inline-block;
        background: #FF4FA0;
        border-radius: 10rem;
        font-size: 1.2rem;
        color: #CEFE03;
        padding: 0 1.3rem;
        line-height: 2.6rem;
        margin-left: 1.6rem; }
        @media screen and (min-width: 701px) {
          .contact .form dt span {
            margin-left: 0; } }
    .contact .form dd {
      padding-bottom: 2.4rem; }
      @media screen and (min-width: 701px) {
        .contact .form dd {
          width: calc(100% - 24.4rem);
          padding-bottom: 4rem; } }
  .contact input[type=text], .contact input[type=tel], .contact input[type=email], .contact textarea {
    background: #F3F3F3;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
    font-weight: 700;
    line-height: 1.8em;
    border-radius: .8rem;
    padding: 1.6rem; }
  .contact textarea {
    height: 12rem; }
    @media screen and (min-width: 701px) {
      .contact textarea {
        height: 24rem; } }
  .contact .wpcf7-radio .wpcf7-list-item {
    display: block;
    margin: 0 0 1.6rem;
    position: relative; }
    .contact .wpcf7-radio .wpcf7-list-item input[type=radio] {
      opacity: 0;
      margin-right: 1.4rem; }
    .contact .wpcf7-radio .wpcf7-list-item::before, .contact .wpcf7-radio .wpcf7-list-item::after {
      content: "";
      display: block;
      border-radius: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .contact .wpcf7-radio .wpcf7-list-item::before {
      width: 2rem;
      height: 2rem;
      background: #fff;
      border: #CBCBCB 2px solid;
      left: 0; }
    .contact .wpcf7-radio .wpcf7-list-item::after {
      width: 1rem;
      height: 1rem;
      background: #FF4FA0;
      left: .5rem;
      opacity: 0; }
    .contact .wpcf7-radio .wpcf7-list-item:has(input:checked)::after {
      opacity: 1; }
  .contact .agree {
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
    font-weight: 700;
    line-height: 1.8em;
    padding-bottom: 2.4rem; }
    @media screen and (min-width: 701px) {
      .contact .agree {
        padding-bottom: 4rem; } }
    .contact .agree .wpcf7-list-item {
      margin-left: 0;
      position: relative; }
      .contact .agree .wpcf7-list-item input[type=checkbox] {
        margin-right: 1.4rem;
        opacity: 0;
        position: relative;
        z-index: 5; }
      .contact .agree .wpcf7-list-item::before, .contact .agree .wpcf7-list-item::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
      .contact .agree .wpcf7-list-item::before {
        width: 2rem;
        height: 2rem;
        border-radius: .5rem;
        background: #fff;
        border: #CBCBCB 2px solid;
        left: 0; }
      .contact .agree .wpcf7-list-item::after {
        width: 1rem;
        height: 1.4rem;
        border-bottom: #FF4FA0 2px solid;
        border-right: #FF4FA0 2px solid;
        transform: rotate(45deg) translateY(-0.3rem);
        left: .3rem;
        opacity: 0; }
      .contact .agree .wpcf7-list-item:has(input:checked)::after {
        opacity: 1; }
  .contact .formbtns {
    padding-bottom: 3rem;
    flex-wrap: wrap; }
    @media screen and (min-width: 701px) {
      .contact .formbtns {
        padding-bottom: 5.4rem; } }
    .contact .formbtns li {
      width: min(100%, 28rem);
      margin: 0 1rem 1rem; }
    .contact .formbtns input[type=submit], .contact .formbtns input[type=button] {
      align-items: center;
      width: 100%;
      height: 6rem;
      background: #CEFE03;
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
      font-weight: 700;
      color: #0E30FF; }
  .contact .wpcf7-spinner {
    display: none; }
  .contact .recaptcha {
    text-align: center;
    padding-bottom: 4rem; }
    @media screen and (min-width: 701px) {
      .contact .recaptcha {
        padding-bottom: 8rem; } }
    .contact .recaptcha p {
      font-family: "Zen Kaku Gothic New", sans-serif;
      font-size: clamp(1.5rem, calc(1.464rem + 0.11vw), 1.6rem);
      font-weight: 700;
      line-height: 1.8em; }