@charset "UTF-8";
@media screen and (min-width: 0px) {
  #loading .box.shake {
    animation: shake 0.2s step-end 0.1s infinite;
    transform-origin: center bottom;
  }
  #loading #loadingLogoWrapper {
    transform: translateY(20px);
  }
  #loading #loadingLogoWrapper .hop {
    transform: translateY(-7px);
    transition: 0.3s;
  }
  .intro h2 {
    opacity: 0;
    filter: blur(10rem);
    transition: all 2s;
  }
  .intro #ringo_1 {
    transform: translate(-55rem, -40rem);
  }
  .intro > p {
    opacity: 0;
    transform: translateY(40rem);
    transition: all 1s;
    transition-delay: 1s;
  }
  .intro.activated h2 {
    opacity: 1;
    filter: blur(0);
  }
  .intro.activated > p {
    opacity: 1;
    transform: translateY(0);
  }
  .limitedBoxIntro .bg,
  .financierIntro .bg {
    filter: blur(10rem);
    transform: scale(1.7);
    transition: all 1s;
  }
  .limitedBoxIntro.activated .bg,
  .financierIntro.activated .bg {
    filter: blur(0);
    transform: scale(1);
  }
  .slideIn {
    opacity: 0;
    transform: translateX(80rem);
    transition: opacity 0.3s, transform 0.8s;
  }
  .slideIn.activated {
    opacity: 1;
    transform: translateX(0);
  }
  .bouncy {
    will-change: transform;
    opacity: 0;
    transform: translateX(-50%) scale(0.6) !important;
    transition: all 2.5s;
    transition-timing-function: linear(0, 0.009 0.8%, 0.04 1.7%, 0.089 2.6%, 0.162 3.6%, 0.326 5.4%, 0.831 10.3%, 0.956 11.7%, 1.062 13.1%, 1.147 14.5%, 1.206 15.8%, 1.246 17.1%, 1.269 18.5%, 1.273 20.3%, 1.249 22.3%, 1.202 24.4%, 1.058 29.5%, 0.996 32.1%, 0.948 35%, 0.927 37.9%, 0.931 41.9%, 1 51.6%, 1.02 57.1%, 0.995 76.3%, 1);
  }
  .bouncy.activated {
    opacity: 1;
    transform: translateX(-50%) scale(1) !important;
  }
  .specialPie .millefeuille,
  .specialPie .applepie,
  .specialPie .openpie {
    opacity: 0;
    transition: all 1s;
    transform: translateX(-25rem);
  }
  .specialPie .millefeuille .upper,
  .specialPie .applepie .upper,
  .specialPie .openpie .upper {
    transform: rotate(-5deg);
    transition: all 1s;
  }
  .specialPie .millefeuille.activated,
  .specialPie .applepie.activated,
  .specialPie .openpie.activated {
    opacity: 1;
    transform: translateX(0rem);
  }
  .specialPie .millefeuille.activated .upper,
  .specialPie .applepie.activated .upper,
  .specialPie .openpie.activated .upper {
    transform: rotate(0deg);
  }
  .specialPie .applepie {
    transform: translateX(25rem);
  }
  .specialPie .applepie .upper {
    transform: rotate(5deg);
    top: 0;
  }
  .specialPie .applepie.activated {
    transform: translateX(-15rem);
  }
  .specialPie .kitty {
    opacity: 0;
    transform: translateX(20rem);
    transition: all 0.5s;
    transition-delay: 750ms;
  }
  .specialPie .kitty#kitty_3 {
    transform: translateX(-20rem);
  }
  .specialPie .kitty#kitty_3.activated {
    transform: translateX(-15rem) !important;
  }
  .specialPie .kitty.activated {
    opacity: 1;
    transform: translateX(0) !important;
  }
  .lineUp #kitty_10 {
    animation: shake 0.4s step-end 0.1s infinite;
  }
  .financier .financierIntro .cta {
    opacity: 0;
    transform: translateY(80rem);
    transition: all 1s;
    transition-delay: 0.3s;
  }
  .financier .financierIntro .cta.activated {
    opacity: 1;
    transform: translateY(0);
  }
  .financier .financierCard img#financierCard01 {
    rotate: 0deg;
    transform: translate(145rem, 220rem);
    transition: all 1s;
  }
  .financier .financierCard img#financierCard02 {
    rotate: 0deg;
    transform: translate(-105rem, -220rem);
    transition: all 1s;
    transition-delay: 0.4s;
  }
  .financier .financierCard.activated img#financierCard01 {
    rotate: -17.17deg;
    transform: translate(0, 0);
  }
  .financier .financierCard.activated img#financierCard02 {
    rotate: 23.69deg;
    transform: translate(0, 0);
  }
  .fukidashiWrapper .fukidashi {
    opacity: 0;
    scale: 0.4;
    transition: 0.5s cubic-bezier(0.09, 0.465, 0.025, 1.515) 1s;
  }
  .fukidashiWrapper .fukidashi img:last-child {
    transform: translateY(15rem);
    scale: 0.8;
    transition: all 1s;
  }
  .fukidashiWrapper .fukidashi01 {
    transition-delay: 0.2s;
    transform-origin: bottom right;
  }
  .fukidashiWrapper .fukidashi01 img:last-child {
    transition-delay: 0.4s;
  }
  .fukidashiWrapper .fukidashi02 {
    transition-delay: 0.6s;
    transform-origin: bottom right;
  }
  .fukidashiWrapper .fukidashi02 img:last-child {
    transition-delay: 0.8s;
  }
  .fukidashiWrapper .fukidashi03 {
    transition-delay: 0s;
    transform-origin: bottom left;
  }
  .fukidashiWrapper .fukidashi03 img:last-child {
    transition-delay: 0.2s;
  }
  .fukidashiWrapper .fukidashi04 {
    transition-delay: 0.4s;
    transform-origin: bottom left;
  }
  .fukidashiWrapper .fukidashi04 img:last-child {
    transition-delay: 0.6s;
  }
  .fukidashiWrapper .kitty_11 img {
    opacity: 0;
    transition: all 0.01s;
    transition-delay: 1.2s;
  }
  .fukidashiWrapper.activated .fukidashi {
    opacity: 1;
    scale: 1;
  }
  .fukidashiWrapper.activated .fukidashi img:last-child {
    scale: 1;
    transform: translateY(0);
  }
  .fukidashiWrapper.activated .kitty_11 img {
    opacity: 1;
  }
  @keyframes ringo1 {
    0% {
      transform: translate(-50rem, -30rem);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  @keyframes shake {
    0% {
      rotate: -1deg;
    }
    50% {
      rotate: 1deg;
    }
    100% {
      rotate: -1deg;
    }
  }
  html {
    font-size: 1px;
    scroll-behavior: smooth;
  }
  html,
  body {
    min-height: 100%;
    background-color: #db1d39;
  }
  * {
    box-sizing: border-box;
  }
  div,
  span,
  p,
  h1,
  h2 {
    font-family: "Nunito", "Kosugi Maru", sans-serif;
    color: #fff;
    font-size: 12rem;
    line-height: 24rem;
    letter-spacing: 0.05em;
  }
  div.kosugi,
  span.kosugi,
  p.kosugi,
  h1.kosugi,
  h2.kosugi {
    font-family: "Kosugi Maru", sans-serif;
  }
  .kosugi {
    font-family: "Kosugi Maru", sans-serif;
  }
  .nunito {
    font-family: "Nunito", sans-serif;
  }
  #wholeWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
  }
  #mainContent {
    width: 390rem;
    min-height: 2000rem;
    background-color: #d0001f;
    overflow: hidden;
    position: relative;
  }
  #mainContent > div {
    width: 100%;
  }
  .l_t {
    display: none;
  }
  #l_hello path {
    transition: 0.8s cubic-bezier(0.09, 0.465, 0.025, 1.515) 1s;
  }
  #l_hello path:nth-child(1) {
    transition-delay: 0.8s;
  }
  #l_hello path:nth-child(2) {
    transition-delay: 0.9s;
  }
  #l_hello path:nth-child(3) {
    transition-delay: 1s;
  }
  #l_hello path:nth-child(4) {
    transition-delay: 1.1s;
  }
  #l_hello path:nth-child(5) {
    transition-delay: 1.2s;
  }
  #l_hello path:nth-child(6) {
    transition-delay: 1.3s;
  }
  #l_hello path:nth-child(7) {
    transition-delay: 1.4s;
  }
  #l_kitty {
    transition: 0.6s cubic-bezier(0.29, 0.87, 0.33, 1.25);
    transition-delay: 0.2s;
  }
  #l_closed {
    opacity: 0;
  }
  #l_closed .kty_st7 {
    transform: translateY(1px);
  }
  #l_opend .kty_st7 {
    transform: translateY(1px);
  }
  #l_bero {
    transition: transform 0.1s ease-in;
    opacity: 1;
  }
  #l_upper {
    transition: scale 0.1s ease-in, translate 0.1s ease-in;
    transform-origin: center 170px;
    background-color: #fff;
    opacity: 1;
  }
  .notLoaded #l_closed {
    opacity: 1;
  }
  .notLoaded #l_opend {
    opacity: 0;
  }
  .notLoaded #l_bero {
    opacity: 0;
    transform: translateY(52px);
  }
  .notLoaded #l_upper {
    opacity: 0;
    scale: 1 0.2;
    translate: 0 14px;
  }
  .notLoaded #l_kitty {
    transform: translateY(100px);
  }
  .notLoaded #l_nazo {
    opacity: 0;
  }
  .notLoaded #l_hello path {
    opacity: 0;
    transform: scale(0.5) translateX(50px) translateY(40px);
    transform-origin: 50px 90px;
  }
  .contentBox {
    position: relative;
    text-align: center;
    background: linear-gradient(0deg, rgb(183, 3, 29) 0%, rgb(211, 0, 31) 100%);
  }
  .endless {
    width: 559.36rem;
    height: 113.03rem;
    background-image: url("../../images/endless.svg");
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 102;
    left: 50%;
    transform: translateX(-50%);
  }
  .endless.top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .rounded {
    margin: 0 auto;
    background-color: #fff;
    color: #df0428;
    height: 28.37rem;
    border-radius: 38.37rem;
    padding: 0 20rem;
    font-size: 16rem;
    line-height: 1em;
    display: inline-flex;
    align-items: center;
    text-box-trim: trim-both;
  }
  .price {
    display: block;
    font-size: 20rem;
    line-height: 24rem;
    font-weight: 400;
    font-family: "Kosugi Maru", sans-serif;
  }
  .price * {
    font-size: 20rem;
  }
  .price .tax {
    font-size: 12rem;
    display: inline-block;
    padding-left: 2rem;
  }
  h2 img,
  h3 img {
    display: block;
    margin: 0 auto;
    text-box-trim: trim-both;
  }
  ul.sns {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  ul.sns li {
    list-style: none;
  }
  ul.sns li img {
    height: 30rem;
  }
  .slickTypeA .slick-track {
    will-change: left;
  }
  .slickTypeA div {
    margin: 0;
  }
  .slickTypeA div .imageWrapper {
    margin-left: -1px;
  }
  .slickTypeA div img {
    width: auto;
    height: 237rem;
    object-fit: cover;
  }
  .gallery {
    width: 760rem !important;
    margin-left: -185rem !important;
  }
  .gallery .nav {
    width: 100%;
    height: 22rem;
    margin-top: 32rem;
    display: flex;
    justify-content: center;
  }
  .gallery .nav > div {
    height: 100%;
    width: 20rem;
    background: url("../../images/ringo_off.png");
    background-size: 100%;
    margin: 0 14rem;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
  }
  .gallery .nav > div.on {
    background: url("../../images/ringo_on.png");
    background-size: 100%;
    cursor: default;
    background-position: center;
    background-repeat: no-repeat;
  }
  .slickTypeB.gallerySlick {
    width: 760rem;
    height: 280rem;
    margin-left: 9rem;
  }
  .slickTypeB div.imageWrapper {
    position: relative;
    margin-top: 15rem;
  }
  .slickTypeB div.imageWrapper::before {
    content: "";
    display: block;
    position: absolute;
    width: 72.95rem;
    height: 61.06rem;
    background-image: url("../../images/ribbon.png");
    background-size: 100%;
    top: -15rem;
    right: -10rem;
    z-index: 10000;
    opacity: 0;
    transition: all 0.2s;
  }
  .slickTypeB div.imageWrapper div.slickImage {
    width: 280rem;
    height: 280rem;
    transition: all 0.5s;
    transform: scale(0.711);
    transform-origin: center bottom;
    overflow: hidden;
    border-radius: 10rem;
    margin-left: -18rem;
  }
  .slickTypeB div.imageWrapper.slick-centerX div.slickImage, .slickTypeB div.imageWrapper.slick-center-dammy div.slickImage {
    transform: scale(1);
  }
  .slickTypeB div.imageWrapper.slick-centerX::before, .slickTypeB div.imageWrapper.slick-center-dammy::before {
    opacity: 1;
    transition: all 1.1s;
  }
  .slickTypeB div.imageWrapper img {
    width: 280rem;
    height: 280rem;
  }
  .link {
    cursor: pointer;
  }
  /* Box sizing */
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  /* Remove default margin */
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  dl,
  dd,
  ul,
  li {
    margin: 0;
    padding: 0;
  }
  /* Remove list styles */
  ul[role=list],
  ol[role=list] {
    list-style: none;
    padding: 0;
  }
  /* Set core body defaults */
  body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }
  /* Media defaults */
  img,
  picture {
    max-width: 100%;
  }
  /* Form elements inherit fonts */
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  #loading {
    width: 100vw;
    height: 100vh;
    background-color: #e0213d;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -120vh;
    transition: top 1s ease-in-out;
    z-index: 1000;
  }
  #loading .icon {
    width: 150rem;
    height: 280rem;
    translate: 0 -80rem;
    position: relative;
  }
  #loading .box {
    position: absolute;
    top: -100rem;
    width: 150rem;
    transform: translateY(84rem);
    overflow: hidden;
  }
  #loading .logo {
    position: absolute;
    bottom: 0;
    left: 25rem;
    z-index: 100;
    margin: 1rem auto 0;
    width: 100rem;
  }
  #loading .logo svg {
    margin-left: 10rem;
    width: 80rem;
  }
  #menu {
    transition: 0.5s;
    width: 390rem;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 890;
    background-color: #e0213d;
    padding-top: 60rem;
  }
  #menu .menuHeader {
    padding-left: 22rem;
    padding-top: 18rem;
    height: 52rem;
    overflow: hidden;
  }
  #menu .menuContent {
    height: calc(100vh - 60rem);
    overflow: auto;
  }
  #menu li {
    cursor: pointer;
  }
  #menu ul.btn {
    padding: 10rem 0;
    background-image: linear-gradient(to right, #fff, #fff 2rem, transparent 2rem, transparent 6rem); /* 幅2の線を作る */
    background-size: 6rem 1rem; /* グラデーションの幅・高さを指定 */
    background-position: left bottom; /* 背景の開始位置を指定 */
    background-repeat: repeat-x; /* 横向きにのみ繰り返す */
  }
  #menu ul.btn.ringo {
    background: transparent;
  }
  #menu ul.btn li {
    list-style: none;
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    font-size: 24rem;
    line-height: 24rem;
    letter-spacing: 0.05em;
    color: #ffffff;
    margin: 25rem 0 25rem 22rem;
    height: 32rem;
    display: flex;
    justify-content: left;
    align-items: center;
    transition: all 0.2s;
  }
  #menu ul.btn li::before {
    display: block;
    content: "";
    width: 28rem;
    height: 31rem;
    background: url("../../images/apple.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -5rem;
    margin-right: 10rem;
  }
  #menu ul.btn li.ringo::before {
    display: block;
    content: "";
    width: 26rem;
    height: 30rem;
    background: url("../../images/R.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -5rem;
    margin-right: 9rem;
  }
  #menu ul.btn li.blank::after {
    display: block;
    content: "";
    width: 12rem;
    height: 12rem;
    background: url("../../images/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 2rem;
    margin-left: 5rem;
  }
  #menu ul.sns {
    margin: -10rem auto 0;
    width: 165rem;
    background: transparent;
  }
  #menu ul.sns > li {
    transition: 300ms cubic-bezier(0.175, 0.885, 0.32, 2);
  }
  #menu ul.sns > li:hover {
    transform: scale(1.1);
  }
  #line100pt {
    width: 115rem !important;
    height: 105rem;
    position: fixed;
    z-index: 880;
    bottom: 15rem;
    right: 15rem;
    opacity: 0;
    transition: 0.5s;
    transform: translateY(60rem) scale(0.8);
    visibility: hidden;
  }
  #line100pt > img {
    width: 100%;
    height: 100%;
  }
  body.limitedBoxOn #line100pt,
  body.financierOn #line100pt {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
  body.fanGalleryOn #line100pt {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30rem) scale(0.8);
  }
  #wholeWrapper {
    z-index: 5;
  }
  body.loading #loading {
    top: 0;
  }
  body.loading #wholeWrapper {
    display: none;
  }
  body.scrollDown .header {
    top: -62rem;
  }
  body.kvOn .header,
  body.menuOn .header,
  body.scrollUp .header {
    top: 0;
  }
  body.menuOn .header span:first-child {
    transform-origin: left top;
    transform: rotate(15deg) translateX(1rem);
  }
  body.menuOn .header span:last-child {
    transform-origin: right bottom;
    transform: rotate(-15deg) translateX(2rem) translateY(-12.5rem);
  }
  .header {
    position: fixed;
    z-index: 900;
    width: 390rem !important;
    transition: all 0.2s;
    height: 60rem;
    padding: 20rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1rem #fff solid;
  }
  .header .logo {
    height: 20rem;
  }
  .header .hmbgr {
    width: 48rem;
    height: 14rem;
    margin-top: 3rem;
    position: relative;
  }
  .header .hmbgr span {
    transition: all 0.5s;
    display: block;
    width: 100%;
    height: 1rem;
    background-color: #fff;
    position: absolute;
  }
  .header .hmbgr span:first-child {
    top: 0;
  }
  .header .hmbgr span:last-child {
    bottom: 0;
  }
  .scrollerWrapper > div {
    position: relative;
    width: 100%;
  }
  .scrollerWrapper > div .scroller {
    margin-top: -14rem;
    padding: 2rem 0;
    position: relative;
    background-color: #fff;
    z-index: 10;
  }
  .kv {
    background-image: url("../../images/kvbg.jpg");
    background-size: cover;
    background-position: center center;
    position: relative;
  }
  .kv .lead {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 18rem;
    line-height: 28rem;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 55rem;
    width: 100%;
    text-stroke: 0.25rem #fff;
    -webkit-text-stroke: 0.25rem #fff;
  }
  .kv .lead span {
    font-weight: 600;
    font-size: 18rem;
    line-height: 28rem;
    -webkit-text-stroke: 0;
  }
  .intro {
    height: 646rem;
    background: #d3001f !important;
    padding: 54rem 0 302rem;
  }
  .intro h2 {
    text-align: center;
    letter-spacing: 0;
    font-size: 16rem;
  }
  .intro p {
    margin: 2em 0;
    text-align: center;
  }
  .intro #kitty_1 {
    display: block;
    position: absolute;
    width: 132.65rem;
    top: 562rem;
    left: 74rem;
    z-index: 101;
  }
  .intro #ringo_1 {
    display: block;
    position: absolute;
    width: 40.38rem;
    top: 616rem;
    left: 207rem;
    z-index: 100;
  }
  .limitedBoxIntro {
    overflow: hidden;
    width: 390rem;
    height: 664rem;
  }
  .limitedBoxIntro > div {
    position: absolute;
  }
  .limitedBoxIntro .upper {
    padding-top: 60rem;
    width: 100%;
    height: 100%;
    z-index: 51;
  }
  .limitedBoxIntro h2 {
    margin-top: 19.94rem;
  }
  .limitedBoxIntro h2 img {
    width: 221rem;
  }
  .limitedBoxIntro span {
    margin-top: 14rem;
  }
  .limitedBoxIntro .bg {
    width: 100%;
    height: 100%;
    background-image: url("../../images/limitedBox.png");
    background-size: cover;
    z-index: 50;
  }
  .limitedBoxIntro p {
    padding-top: 15rem;
  }
  .specialPie {
    height: 1322rem;
    padding-top: 137.17rem;
  }
  .specialPie h2 {
    position: absolute;
    top: 137.17rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .specialPie h2 img {
    width: 148.19rem;
    height: 23.72rem;
  }
  .specialPie > p {
    position: absolute;
    top: 175rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  .specialPie .cards {
    position: absolute;
    top: 215rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .specialPie .cards .card {
    position: relative;
    width: 262rem;
  }
  .specialPie .cards .card .upper {
    width: 262rem;
    background-color: #fff;
    border: #f9f4e5 3rem solid;
    border-radius: 10rem;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    padding: 20rem 0;
    position: relative;
    z-index: 11;
  }
  .specialPie .cards .card .upper h3 {
    background-color: #e0213d;
    display: inline-flex;
    align-items: center;
    height: 36rem;
    padding: 0 20rem;
    font-weight: 500;
    border-radius: 24rem;
    font-size: 12rem;
    line-height: 14rem;
    margin: 0;
    margin-bottom: 20rem;
  }
  .specialPie .cards .card .upper img {
    display: block;
    margin: 0 auto;
  }
  .specialPie .cards .card .upper p {
    color: #000;
    font-size: 11rem;
    line-height: 18rem;
    letter-spacing: 0;
    margin: 0;
    margin-top: 20rem;
  }
  .specialPie .cards .card .shadow {
    top: 0;
    position: absolute;
    width: 262rem;
    height: 100%;
    background: #a6041b;
    border: 3px solid #a6041b;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    transform: rotate(-3deg);
    z-index: 10;
  }
  .specialPie .cards .card.millefeuille {
    margin-left: 30rem;
  }
  .specialPie .cards .card.millefeuille img {
    width: 164rem;
  }
  .specialPie .cards .card.millefeuille .shadow {
    transform: rotate(-3deg);
    top: 10rem;
    left: -5rem;
  }
  .specialPie .cards .card.applepie {
    margin-left: 98rem;
    margin-top: -12rem;
  }
  .specialPie .cards .card.applepie img {
    width: 147rem;
  }
  .specialPie .cards .card.applepie .shadow {
    transform: rotate(3deg);
    top: 10rem;
    left: 5rem;
  }
  .specialPie .cards .card.openpie {
    margin-left: 30rem;
    margin-top: -12rem;
  }
  .specialPie .cards .card.openpie img {
    width: 177rem;
  }
  .specialPie .cards .card.openpie .shadow {
    transform: rotate(-3deg);
    top: 10rem;
    left: -5rem;
  }
  .specialPie .cards .card.openpie p {
    letter-spacing: -0.05em;
    transform: translateX(4rem);
  }
  .specialPie .kitty {
    display: block;
    position: absolute;
    z-index: 100;
  }
  .specialPie #kitty_2 {
    width: 108.57rem;
    top: 312rem;
    left: 252rem;
  }
  .specialPie #kitty_3 {
    width: 108.56rem;
    top: 604rem;
    left: 30rem;
  }
  .specialPie #kitty_4 {
    width: 115.23rem;
    top: 954rem;
    left: 262rem;
  }
  .packageDesign {
    height: 1422rem;
    padding-top: 137rem;
  }
  .packageDesign h2 {
    margin: 0;
    padding: 0;
  }
  .packageDesign h2 img {
    width: 204.46rem;
    height: 24rem;
    display: block;
    margin: 0 auto;
  }
  .packageDesign > p {
    margin-top: 12rem;
    letter-spacing: 0;
  }
  .bagAndBox {
    position: relative;
    width: 100%;
  }
  .bagAndBox > .bag {
    width: 100%;
    height: 568.15rem;
    position: absolute;
    top: 53rem;
  }
  .bagAndBox > .bag #shopBagTitle {
    position: absolute;
    display: block;
    width: 17.5rem;
    top: 20.92rem;
    left: 20.85rem;
    z-index: 51;
  }
  .bagAndBox > .bag #shopBagPhoto {
    position: absolute;
    display: block;
    width: 313rem;
    height: 338.5rem;
    top: 0;
    left: 77rem;
    z-index: 51;
  }
  .bagAndBox > .bag .scroller {
    position: absolute;
    top: 340rem;
    height: 241rem;
    width: 100%;
    z-index: 50;
  }
  .bagAndBox > .box {
    width: 100%;
    height: 484.15rem;
    position: absolute;
    top: 703rem;
  }
  .bagAndBox > .box #boxTitle {
    position: absolute;
    display: block;
    width: 13.14rem;
    top: 10rem;
    left: 24rem;
    z-index: 51;
  }
  .bagAndBox > .box #boxPhoto {
    position: absolute;
    display: block;
    width: 309.07rem;
    top: 25rem;
    left: 87.46rem;
    z-index: 51;
  }
  .bagAndBox > .box .scroller {
    position: absolute;
    top: 262rem;
    width: 100%;
    z-index: 50;
  }
  .lineUp {
    height: 3239rem;
    padding-top: 120rem;
    background: #d3001f;
  }
  .lineUp .bouncy {
    display: block;
    position: absolute;
    width: 191rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 13;
    transform-origin: center;
  }
  .lineUp #kitty_5 {
    top: -18rem;
  }
  .lineUp #kitty_6 {
    top: -28rem;
  }
  .lineUp #mogura {
    display: block;
    position: absolute;
    top: 3200rem;
    left: 100rem;
    width: 70.55rem;
    z-index: 102;
  }
  .lineUp #moguraringo {
    display: block;
    position: absolute;
    top: 3159rem;
    left: 118.68rem;
    width: 36.39rem;
    z-index: 102;
  }
  .lineUp #kitty_10 {
    display: block;
    position: absolute;
    top: 3100rem;
    left: 195rem;
    width: 94.57rem;
    z-index: 102;
  }
  .lineUp h2 {
    margin-bottom: 18rem;
  }
  .lineUp h2 img {
    width: 200rem;
  }
  .lineUp .price {
    margin-top: 10rem;
  }
  .lineUp > p {
    letter-spacing: 0;
  }
  .lineUp .products {
    position: relative;
  }
  .lineUp .products .upper {
    position: absolute;
    width: 100%;
    z-index: 12;
    top: 183rem;
  }
  .lineUp .products .base {
    position: absolute;
    z-index: 11;
    left: -65rem;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
    width: 520rem;
    border-radius: 520rem;
  }
  .lineUp .products .set {
    position: absolute;
    width: 100%;
    text-align: center;
  }
  .lineUp .products .set.coolerBag {
    top: 728rem;
  }
  .lineUp .products .set h3 {
    display: inline-flex;
    align-items: center;
    /* Rectangle 1 */
    background: #d3001f;
    border-radius: 24rem;
    height: 30rem;
    font-size: 18rem;
    padding: 0 29rem;
    font-weight: 100;
  }
  .lineUp .products .set .price {
    color: #d3001f;
  }
  .lineUp .products .set .price * {
    color: #d3001f;
  }
  .lineUp .products .set .gallery {
    margin-top: 24rem;
    height: 332rem;
    width: 100%;
  }
  .lineUp .products .set .lead {
    margin-top: 24rem;
    font-weight: 400;
    font-size: 12rem;
    line-height: 24rem;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
  }
  .lineUp .products .set .lead span {
    padding-top: 20rem;
    display: inline-block;
    color: #000000;
    font-style: normal;
    font-weight: 100;
    font-size: 10rem;
    line-height: 20rem;
  }
  .lineUp .products .set .detail {
    margin-top: 24rem;
    cursor: pointer;
  }
  .lineUp .products .set .detail p {
    display: none;
  }
  .lineUp .products .set .detail.opend .arrow {
    background-image: url("../../images/detailUp.png");
  }
  .lineUp .products .set .detail.opend p {
    display: block;
  }
  .lineUp .products .set .detail h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 12rem;
    line-height: 24rem;
    color: #a4a4a4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .lineUp .products .set .detail h4 > * {
    margin: 0 2rem;
  }
  .lineUp .products .set .detail h4 span {
    color: #a4a4a4;
    display: block;
  }
  .lineUp .products .set .detail h4 .arrow {
    width: 8rem;
    height: 8rem;
    background-image: url("../../images/detailDown.png");
    background-size: 100%;
  }
  .lineUp .products .set .detail p {
    font-style: normal;
    font-weight: 400;
    font-size: 9.5rem;
    line-height: 15rem;
    text-align: center;
    letter-spacing: 0em;
    color: #a4a4a4;
  }
  .lineUp .notices {
    position: absolute;
    width: 100%;
    top: 2984rem;
  }
  .lineUp .notice {
    font-style: normal;
    font-weight: 400;
    font-size: 9rem;
    line-height: 16rem;
    padding-top: 7rem;
    color: #ffffff;
  }
  .lineUp .whiteBase {
    margin-top: 40rem;
    height: 1745rem;
  }
  .lineUp .whiteBase .base {
    height: 1745rem;
    background-color: #fff;
  }
  .lineUp .yellowBase {
    margin-top: -40rem;
  }
  .lineUp .yellowBase .base {
    height: 960rem;
    background-color: #fffdd0;
  }
  .financier .financierIntro {
    height: 914rem;
    overflow: hidden;
  }
  .financier .financierIntro > div {
    height: 100%;
    width: 100%;
    position: absolute;
  }
  .financier .financierIntro h2 {
    margin: 18rem 0;
  }
  .financier .financierIntro h2 img {
    width: 285.29rem;
  }
  .financier .financierIntro p.title {
    font-style: normal;
    font-weight: 400;
    font-size: 20rem;
    line-height: 30rem;
    letter-spacing: 0;
  }
  .financier .financierIntro .price {
    color: #fff;
  }
  .financier .financierIntro .price * {
    color: #fff;
  }
  .financier .financierIntro .cta {
    position: absolute;
    top: 605rem;
    left: 0;
    width: 100%;
  }
  .financier .financierIntro .cta img,
  .financier .financierIntro .cta .shadow {
    width: 246.51rem;
    height: 46.84rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .financier .financierIntro .cta img {
    display: block;
    transform: translate(calc(-50% - 3rem), -3rem);
    z-index: 11;
  }
  .financier .financierIntro .cta .shadow {
    background-color: #fcf788;
    transform: translate(calc(-50% + 3rem), 3rem);
    border-radius: 6rem;
    z-index: 10;
  }
  .financier .financierIntro .notice {
    position: absolute;
    top: 703rem;
    left: 0;
    width: 100%;
  }
  .financier .financierIntro .notice p {
    font-style: normal;
    font-size: 9rem;
    line-height: 14rem;
    padding-bottom: 6rem;
  }
  .financier .financierIntro .upper {
    padding-top: 80rem;
    z-index: 11;
  }
  .financier .financierIntro .bg {
    z-index: 10;
    background-image: url("../../images/financierBG.jpg");
    background-size: 100%;
  }
  .financier .financierCard {
    height: 809rem;
  }
  .financier .financierCard .card {
    position: absolute;
    z-index: 111;
    width: 240rem;
    height: 396rem;
    left: 75rem;
    top: 128rem;
    position: relative;
    background: #ffffff;
    border: 3rem solid #f9f4e5;
    box-shadow: 3rem 3rem 10rem rgba(0, 0, 0, 0.1);
    border-radius: 10rem;
    padding-top: 22rem;
  }
  .financier .financierCard .card h3 {
    margin-bottom: 10rem;
  }
  .financier .financierCard .card h3 img {
    width: 144.25rem;
  }
  .financier .financierCard .card .rounded {
    top: 41rem;
    position: absolute;
    width: 140rem;
    height: 24rem;
    left: calc(50% - 70rem);
    background-color: #df0428;
    border-radius: 24rem;
    font-style: normal;
    font-weight: 400;
    font-size: 12rem;
    line-height: 24rem;
    letter-spacing: 0;
    color: #ffffff;
    z-index: 11;
  }
  .financier .financierCard .photo {
    top: 53rem;
    position: absolute;
    width: 210rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
  }
  .financier .financierCard p {
    top: 281rem;
    position: absolute;
    width: 98%;
    left: 2%;
    font-style: normal;
    font-weight: 400;
    font-size: 10rem;
    line-height: 18rem;
    letter-spacing: -0.02em;
    color: #000000;
  }
  .financier .financierCard .financierImageCard {
    width: 168.88rem;
    height: 278.65rem;
    position: absolute;
    display: block;
    z-index: 110;
  }
  .financier .financierCard #financierCard01 {
    top: -10rem;
    left: -22rem;
    rotate: -17.17deg;
  }
  .financier .financierCard #financierCard02 {
    top: 386rem;
    left: 216rem;
    rotate: 23.69deg;
  }
  .financier .financierCard #kitty_8 {
    width: 202.78rem;
    height: 144.42rem;
    position: absolute;
    display: block;
    top: 685rem;
    left: 28rem;
    z-index: 110;
  }
  .financier .financierPackageDesign {
    padding-top: 136rem;
    height: 791rem;
  }
  .financier .financierPackageDesign h2 {
    margin-bottom: 20rem;
  }
  .financier .financierPackageDesign h2 img {
    width: 204.46rem;
  }
  .financier .financierPackageDesign .canWrapper {
    width: 100%;
    height: 482.15rem;
    position: absolute;
    top: 305rem;
  }
  .financier .financierPackageDesign .canWrapper #canTitle {
    position: absolute;
    display: block;
    width: 13.31rem;
    top: 17.05rem;
    left: 24.86rem;
    z-index: 51;
  }
  .financier .financierPackageDesign .canWrapper #canPhoto {
    position: absolute;
    display: block;
    width: 296rem;
    top: 0;
    left: 100rem;
    z-index: 51;
  }
  .financier .financierPackageDesign .canWrapper .scroller {
    position: absolute;
    top: 260rem;
    width: 100%;
    z-index: 50;
  }
  .fanGallery {
    padding-top: 76rem;
    height: 1322rem;
    position: relative;
    overflow: hidden;
  }
  .fanGallery .share {
    padding-top: 76rem;
    width: 100%;
    height: 874rem;
    position: relative;
    z-index: 103;
  }
  .fanGallery .share h2 {
    top: 76rem;
    position: absolute;
    width: 260.5rem;
    left: 50%;
  }
  .fanGallery .share h2 img {
    width: 100%;
  }
  .fanGallery .share .shareButton {
    position: absolute;
    width: 100%;
    top: 182rem;
    left: 50%;
  }
  .fanGallery .share .shareButton > div {
    position: absolute;
    width: 340rem;
    height: 39rem;
    border-radius: 30rem;
    left: 50%;
  }
  .fanGallery .share .shareButton .upper {
    background: #ffffff;
    font-style: normal;
    font-weight: 600;
    font-size: 18rem;
    line-height: 24rem;
    letter-spacing: 0;
    text-align: center;
    color: #d3001f;
    transform: translate(calc(-50% - 4rem), -4rem);
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fanGallery .share .shareButton .shadow {
    transform: translate(calc(-50% + 4rem), 4rem);
    background-color: #fff000;
    z-index: 10;
  }
  .fanGallery .share > p {
    position: absolute;
    width: 100%;
    top: 266rem;
    font-style: normal;
    font-weight: 400;
    font-size: 14rem;
    line-height: 24rem;
    text-align: center;
    color: #000000;
  }
  .fanGallery .share .fukidashiWrapper {
    position: absolute;
    width: 100%;
    top: 350rem;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi {
    position: absolute;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi img {
    width: 100%;
    position: absolute;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi img:first-child {
    top: 0;
    z-index: 11;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi img:last-child {
    bottom: 0;
    z-index: 10;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi01 {
    width: 130.24rem;
    height: 61.23rem;
    top: 14rem;
    left: 235.91rem;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi02 {
    width: 102.08rem;
    height: 61.23rem;
    top: 100rem;
    left: 257.67rem;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi03 {
    width: 130.24rem;
    height: 61.23rem;
    left: 34.69rem;
    top: 0;
  }
  .fanGallery .share .fukidashiWrapper .fukidashi04 {
    width: 102.08rem;
    height: 61.23rem;
    top: 85.54rem;
    left: 21rem;
  }
  .fanGallery .share .fukidashiWrapper .hushtag {
    width: 100%;
    position: absolute;
    top: 176rem;
  }
  .fanGallery .share .fukidashiWrapper .hushtag > div {
    position: absolute;
    width: 336rem;
    height: 114rem;
    left: 50%;
    border-radius: 10rem;
  }
  .fanGallery .share .fukidashiWrapper .hushtag .upper {
    padding-top: 38rem;
    background: #ffffff;
    border: 1.6rem dashed #d3001f;
    transform: translate(calc(-50% - 4rem), -4rem);
    z-index: 11;
    color: #d3001f;
    font-size: 13rem;
    line-height: 30rem;
    letter-spacing: -0.03em;
    text-align: center;
  }
  .fanGallery .share .fukidashiWrapper .hushtag .upper > span {
    display: inline-block;
    padding-left: 3rem;
    padding-top: 1rem;
    width: 157rem;
    height: 26rem;
    background: #fce4dd;
    border: 1.25rem solid #d3001f;
    border-radius: 30rem;
    color: #d3001f;
    font-weight: 800;
  }
  .fanGallery .share .fukidashiWrapper .hushtag .shadow {
    transform: translate(calc(-50% + 4rem), 4rem);
    background-color: #fff000;
    z-index: 10;
  }
  .fanGallery .share .fukidashiWrapper .xShare {
    width: 100%;
    position: absolute;
    top: 340rem;
    transition: 300ms cubic-bezier(0.175, 0.885, 0.32, 2);
    transform-origin: center bottom;
  }
  .fanGallery .share .fukidashiWrapper .xShare:hover {
    transform: scale(1.02);
  }
  .fanGallery .share .fukidashiWrapper .xShare > div,
  .fanGallery .share .fukidashiWrapper .xShare img {
    position: absolute;
    width: 340rem;
    height: 44rem;
    left: 50%;
  }
  .fanGallery .share .fukidashiWrapper .xShare a {
    display: block;
    z-index: 11;
  }
  .fanGallery .share .fukidashiWrapper .xShare img {
    transform: translate(calc(-50% - 2rem), -5rem);
    z-index: 11;
  }
  .fanGallery .share .fukidashiWrapper .xShare .shadow {
    transform: translate(calc(-50% + 2rem), 5rem);
    background-color: #ae001a;
    z-index: 10;
    border-radius: 22rem;
  }
  .fanGallery .share .kitty_11 {
    top: 20rem;
    left: 125.14rem;
    width: 153rem;
    height: 180rem;
    z-index: 113;
    position: absolute;
    background-image: url("../../images/kitty_11.png");
    background-size: 100%;
    background-position: center center;
  }
  .fanGallery .share .kitty_11 img {
    width: 100%;
    height: 100%;
  }
  .fanGallery .bg {
    position: absolute;
    z-index: 102;
    top: 100rem;
    left: -65rem;
    width: 520rem;
    height: 848rem;
    border-radius: 520rem;
    background-color: #fffdd0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  }
  .fanGallery .bgPhoto {
    position: absolute;
    bottom: 0;
    z-index: 101;
    width: 100%;
    height: 461rem;
    background-image: url("../../images/sharePhoto.png");
    background-size: 100%;
  }
  .footer .links li {
    text-align: center;
    width: 100%;
    padding: 50rem 0 0;
    list-style: none;
  }
  .footer .links li > * {
    display: block;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 12rem;
    line-height: 24rem;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .footer .links li img {
    margin-bottom: 12rem;
  }
  .footer .links li .border {
    margin-top: 50rem;
    width: 100rem;
    height: 1rem;
    border-top: 2rem #fff solid;
  }
  .footer .links li:nth-child(1) img {
    width: 89.15rem;
  }
  .footer .links li:nth-child(2) img {
    width: 214.91rem;
  }
  .footer .links li:nth-child(3) img {
    width: 72.35rem;
  }
  .footer ul.sns {
    margin: 50rem auto;
    width: 165rem;
  }
  .footer .Logo10th {
    width: 120rem;
  }
  .footer .copyright {
    font-style: normal;
    font-weight: 400;
    font-size: 8rem;
    line-height: 24rem;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 40rem 0 20rem;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 0.2564102564vw;
  }
  #scrollDammy {
    display: none;
  }
  .fit {
    height: 100svh;
  }
  .pc {
    display: none !important;
  }
  .pcWrapper {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
  }
  .pcWrapper .pcWrapperInner {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
  }
  .pcWrapper .pcWrapperInner .leftWrapper {
    width: 100%;
    height: 100vh;
  }
  .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner {
    width: 100%;
    height: 100vh;
  }
}
@media screen and (max-width: 1024px) {
  #menu {
    opacity: 0;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
  }
  body.menuOn #menu {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1px;
  }
  body > .endlessBG {
    position: fixed;
  }
  #loading .endlessBG {
    position: absolute;
  }
  .endlessBG {
    width: 100%;
    height: 120px;
    top: 100vh;
    left: 0;
    background-image: url("../../images/endless.svg");
    background-size: 2138px 144px;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(-100%);
  }
  #wholeWrapperClip {
    position: fixed;
    overflow: hidden;
    width: 392rem;
    height: calc(100vh - 120rem);
    top: 60rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30rem;
    border: 5px #fff solid;
  }
  #wholeWrapper {
    position: absolute;
    top: 0;
  }
  #scrollDammy {
    width: 100%;
    height: 10rem;
  }
  .copyright {
    padding-bottom: 100rem !important;
  }
  .fit {
    height: calc(100vh - 40rem);
    max-height: 864rem;
  }
  .pcWrapper {
    height: 100dvh;
    width: 100%;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
  .pcWrapper .pcWrapperInner {
    height: 100%;
    width: 100%;
    margin-left: 0px;
    position: relative;
  }
  .pcWrapper .pcWrapperInner .rightWrapper {
    width: calc(50% - 195rem);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }
  .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner .line100pt {
    display: none;
  }
  .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner .logoPC {
    width: 126rem;
  }
  .pcWrapper .pcWrapperInner .leftWrapper {
    width: calc(50% - 195rem);
    height: 100%;
  }
  .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu {
    display: none;
  }
  .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner .onlineStore {
    width: 130rem;
  }
  .pcWrapper .onlineStore {
    width: 181.8px;
    height: 255.8px;
    position: absolute;
    bottom: 120px;
    cursor: pointer;
  }
  .pcWrapper .onlineStore svg .on {
    display: none;
  }
  .pcWrapper .onlineStore:hover svg .on {
    display: inline;
  }
  .pcWrapper .onlineStore:hover svg .off {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1079px) {
  html {
    font-size: 1px !important;
  }
}
@media screen and (min-width: 1025px) {
  html {
    font-size: 1.2px;
  }
  html .header {
    display: none;
  }
  html .endlessBG {
    width: 100%;
    height: 170px;
    top: 100vh;
    left: 0;
    background-image: url("../../images/endless.svg");
    background-size: 2957px 200px;
    background-repeat: repeat-x;
    background-position: center top;
    transform: translateY(-100%);
  }
  html #wholeWrapperClip {
    position: fixed;
    overflow: hidden;
    width: 395rem;
    height: calc(100vh - 40rem);
    top: 20rem;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30rem;
    border: 5px #fff solid;
  }
  html #line100pt {
    display: none;
  }
  html .pcWrapper {
    height: 100vh;
    width: 100%;
    max-width: 1700px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
  html .pcWrapper .pcWrapperInner {
    height: 100%;
    width: calc(100% - 60px);
    margin-left: 30px;
    position: relative;
  }
  html .pcWrapper .pcWrapperInner .rightWrapper {
    height: calc(100% - 200rem);
    width: calc(50% - 195rem - 60rem);
    position: absolute;
    right: 0;
    top: 0;
  }
  html .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner {
    height: 720px;
    width: 514px;
    position: relative;
    display: block;
  }
  html .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner .line100pt {
    display: block;
    position: absolute;
    width: 260rem;
    height: auto;
    right: 0;
    top: 60rem;
  }
  html .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner .logoPC {
    display: block;
    position: absolute;
    width: 200rem;
    height: auto;
    left: 0;
    bottom: 0;
    transition: 300ms cubic-bezier(0.175, 0.885, 0.32, 2);
  }
  html .pcWrapper .pcWrapperInner .rightWrapper .rightWrapperInner .logoPC:hover {
    transform: scale(1.1);
  }
  html .pcWrapper .pcWrapperInner .leftWrapper {
    height: calc(100% - 100rem);
    margin-top: 40rem;
    width: calc(50% - 195rem - 40rem);
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner {
    height: 800px;
    width: 305px;
    position: relative;
    display: block;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu {
    scale: 0.65;
    display: block;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu {
    transform-origin: left top;
    background: transparent;
    padding-top: 0;
    position: absolute;
    height: auto;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu .menuHeader {
    font-size: 18rem;
    padding-top: 30rem;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu .menuContent {
    height: auto;
    overflow: hidden;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu ul.btn li:hover {
    letter-spacing: 0.1em;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu ul.btn li {
    margin-bottom: 15rem;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner #menu ul.sns {
    margin-left: 22rem;
  }
  html .pcWrapper .pcWrapperInner .leftWrapper .leftWrapperInner .onlineStore {
    width: 181.8rem;
    height: 255.8rem;
    scale: 0.8;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    transform-origin: left bottom;
  }
}

/*# sourceMappingURL=style.css.map */