/** Shopify CDN: Minification failed

Line 670:13 Expected ":"

**/
@charset "utf-8";

/* shopyfy共通ヘッダ 隠蔽 */
#shopify-section-custom-announcement,
#shopify-section-announcement,
#shopify-section-header,
#shopify-section-custom-header-bottom,
.bg-gray {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}
:root {
  --sp-width: 700;
}

.nav-01 {
  width: min(100%, 1920px);
  margin-inline: auto;
  position: fixed;
  top: 0;
  inset-inline: 0;
  margin: auto;
  z-index: 10;
  background-color: white;
}
.nav-01-in {
  width: 95%;
  margin-inline: auto; 
  height: 80px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
.hlogo {
  display: block;
  width: 93px;
}

#headermenu-btn,
#headermenu {
  display: none;
}
@media screen and (max-width: 999.9px) {
  #headermenu-btn {
    display: block;
    width: 45px;/*★*/
    height: 45px;/*★*/
    position: relative;
    background-color: white;
    cursor: pointer;
    z-index: 2;
  }
  #headermenu-btn span {
    position: absolute;
    display: block;
    width: 55.556%;
    height: 5px;
    background-color: #666;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .3s;
  }
  #headermenu-btn span:first-child {
    top: 22.223%;
  }
  #headermenu-btn span:nth-child(2) {
    top: 0;
    bottom: 0;
    opacity: 1;
  }
  #headermenu-btn span:nth-child(3) {
    bottom: 22.223%;
  }
  #headermenu-btn.clicked span:first-child {
    transform: rotate(45deg);/*★*/
    top: 47%;
  }
    #headermenu-btn.clicked span:nth-child(2) {
    opacity: 0;
  }
  #headermenu-btn.clicked span:nth-child(3) {
    transform: rotate(-45deg);/*★*/
    bottom: 41%;
  }

  #headermenu {
    display: none;  /* 最初は非表示 */
    z-index: 2;
    position: absolute;
    width: 100%;
    background-color: #e22310;
    padding: 32px 16px;
    top: 50px;
    left: 0;
    /*border-top: 2px solid #e22310;*/
    border-bottom: 2px solid white;
    /*filter: drop-shadow(0px 0px 3px rgba(0,0,0, 0.6));*/

  }

  .headermenu-list {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 16px; 
  }
  .headermenu-list > li {
  }
  .headermenu-list > li > a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: white;
  }

}

.article__karamyon {
  background-color: white;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.contents-wrap {
  width: min(100%, 1920px);
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 80px;
}
/*.contents-bg {
  width: min(100%, 1920px);
  height: 100vh;
  background: url(./images/kmy-002-pc.webp) no-repeat 50% 0;
  background-size: 1290px auto;
  position: fixed;
  top: 134px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}*/
.contents-left-wrap {
  flex: 1105 1 0;
  position: relative;
  z-index: 1;
  background-color: #e22310;
}
.contents-right-wrap {
  flex: 344 1 0;
  position: relative;
  z-index: 1;
  background-color: #e22310;
}
.contents-left {
  position: sticky;
  top: 140px;
  container-type: inline-size;
  width: min(100%, 800px);
  margin-inline: auto;
  aspect-ratio: 10 / 9;
}
.contents-right {
  position: sticky;
  top: 150px;
  container-type: inline-size;
}

.contents-center {
  position: relative;
  container-type: inline-size;
  width: min(100%, 471px);
  margin-inline: auto;
  border-right: 12px solid white;
  border-left: 12px solid white;
  z-index: 2;
  overflow: hidden;
}


.demae-0001a {
  list-style-type: none;
  position: absolute;
  display: block;
  width: calc(700 / 800 * 100cqw);
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
}
.demae-0001c {
  list-style-type: none;
  position: absolute;
  display: block;
  width: calc(320 / 800 * 100cqw);
  top: calc(221 / 800 * 100cqw);
  right: calc(58 / 800 * 100cqw);

  z-index: 2;
}
.demae-0001b {
  list-style-type: none;
  position: absolute;
  display: block;
  width: calc(800 / 800 * 100cqw);
  top: calc(-35 / 800 * 100cqw);
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.demae__list-01 {
  list-style-type: none;
  position: absolute;
  display: block;
  width: min(90%, 240px);
  top: calc(70 / 344 * 100cqw);
  left: 0;
  right: 0;
  margin: auto;
}
.demae__list-01 > li:not(:last-child) {
  margin-bottom: calc(30 / 344 * 100cqw);
}

@media screen and (max-width: 999.9px) {

  .nav-01-in {
    height: 50px;
    padding: 0;
  }
  .hlogo {
    width: 60px;
  }
  .contents-wrap {
    background-color: #e22310;
    padding-top: 50px;
  }

  .contents-left-wrap,
  .contents-right-wrap {
    display: none;
  }
  .contents-center {
    border-right: none;
    border-left: none;
  }

}
@media screen and (max-width: 809.9px) {


  .contents-wrap {
    background-image: none;
  }

}

.c-announcement-bar {
  display: none;
}
.breadcrumb {
  display: none;
}
.shopify-section-group-footer-group {
  z-index: 2;
  position: relative;
  background-color: white;
}
/*.ProductList {
  margin-bottom: 0 !important;
}*/


.fv {
  position: relative;
  background-color: #e22310;
}


.demae__title {
  width: calc(598 / var(--sp-width) * 100cqw);
  position: absolute;
  top: calc(22 / var(--sp-width) * 100cqw);
  left: 0;
  right: 0;
  margin: auto;
}
.karamyon__title img {
  display: block;
}
.demae-005 {
  width: calc(690 / var(--sp-width) * 100cqw);
  position: absolute;
  bottom: calc(-20 / var(--sp-width) * 100cqw);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 4;
}
.demae-007 {
  max-width: none;
  width: calc(1000 / var(--sp-width) * 100cqw);
  position: absolute;
  top: calc(669 / var(--sp-width) * 100cqw);
  inset-inline: -100px;
  margin: auto;
  transform: scale(0.8,0.8);
  z-index: 3;
}
.demae-007anime {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: don1;
  transform-origin: center center;

  /*animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;*/

}

@keyframes don1 {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(0.8,0.8) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} to {
		animation-timing-function: ease-in-out;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	}
}
@keyframes heartBeat {
  0% {
    transform: scale(1)
  }
  14% {
    transform: scale(1.3)
  }
  28% {
    transform: scale(1)
  }
  42% {
    transform: scale(1.3)
  }
  70% {
    transform: scale(1)
  }
  100% {
    transform: scale(1)
  }
}

.demae-037 {
  width: calc(514 / var(--sp-width) * 100cqw);
  position: absolute;
  top: calc(305 / var(--sp-width) * 100cqw);
  left: calc(23 / var(--sp-width) * 100cqw);
  opacity: 0;
}
.demae-037anime {
  /*animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: bounceIn;
  transform-origin: center center;
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);*/
    animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-name: don1;
  transform-origin: center center;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  20% {
    transform: scale(1.3);
  }
  40% {
    transform: scale(.9);
  }
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
  80% {
    transform: scale(.97);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}



.fv__next {
  position: relative;
}
.fv__next:before {
  content: "";
  width: 100%;
  aspect-ratio: 700 / 57;
  background: url(/cdn/shop/files/demae-006.webp) no-repeat 50% 0;
  background-size: contain;
  position: absolute;
  top: 0;
  inset-inline: 0;
  margin: auto;
}

.demae-008-00 {
  display: block;
  position: absolute;
  width: 100%;
  top: calc(127 / var(--sp-width) * 100cqw);
  left: 0;
}


/*-----------------------------------------------------
@@ sec01
------------------------------------------------------*/
.sec01 {
  background-color: #e22310;
  margin-top: -1px;
  position: relative;
}

/*.slider01.slick-slider {
  width: 70%;
  margin-inline: auto;
}*/
.slider01__item {
}
.slider01__image {
  width: 88.572%;
  margin-inline: auto;
  border-radius: 25px;
}
.slider01 .slick-prev,
.slider01 .slick-next {
  display: block;
  width: calc(83 / var(--sp-width) * 100cqw);
  aspect-ratio: 1/ 1;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  inset-block: 0;
  margin: auto;
  z-index: 2;
}
.slider01 .slick-prev {
  left: 8px;
  background: url(/cdn/shop/files/demae-017l.webp) no-repeat 50% 50%;
  background-size: contain;
}
.slider01 .slick-next {
  right: 8px;
  background: url(/cdn/shop/files/demae-017r.webp) no-repeat 50% 50%;
  background-size: contain;
}

/*-----------------------------------------------------
@@ sec02
------------------------------------------------------*/
.sec02 {
  background-color: #fff045;
  margin-top: -1px;
  padding-bottom: calc(40 / var(--sp-width) * 100cqw);
  position: relative;
}


/*-----------------------------------------------------
@@ sec03
------------------------------------------------------*/
.sec03 {
  background-color: #f2a3c0;
  margin-top: -1px;
  position: relative;
}

.demae__box-01 {
  background: #e1230e url(/cdn/shop/files/demae-022.webp) repeat-x 0 100%;
  background-size: auto 100%;
}
.demae-021 {
  display: block;
  width: calc(589 / var(--sp-width) * 100cqw);
  margin-inline: auto;
}
.movie__wrap {
  width: 90%;
  margin-inline: auto;
}
.video169, .video34 {
  width:100%;
  height: auto;
  position: relative;
}
.video169 {aspect-ratio: 16 / 9;}
.video34  {aspect-ratio: 4 / 3;}

.video169 iframe, .video34 iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.demae__box-02 {
  background: #e1230e url(/cdn/shop/files/demae-025.webp) repeat-x 0 100%;
  background-size: 100% auto;
}

.demae__p-01__wrap {
  background-color: rgba(225,35,14, 0.7);
  padding-block: calc(18 / var(--sp-width) * 100cqw);
}
.demae__p-01 {
  font-size: calc(18 / var(--sp-width) * 100cqw);
  line-height: 1.556;
  color: white;
  width: calc(661 / var(--sp-width) * 100cqw);
  margin-inline: auto;
}
/*-----------------------------------------------------
@@ sec04
------------------------------------------------------*/
.sec04 {
  background: #fce843 url(/cdn/shop/files/demae-031.webp) no-repeat 50% 50%;
  background-size: cover;
  margin-top: -1px;
  position: relative;
  padding-bottom: calc(114 / var(--sp-width) * 100cqw);
}

.demae-027 {
  display: block;
  width: calc(155 / var(--sp-width) * 100cqw);
  position: absolute;
  top: calc(86 / var(--sp-width) * 100cqw);
  right: calc(54 / var(--sp-width) * 100cqw);
  z-index: 3;
}

.slider02__wrap {
  padding-top: calc(50 / var(--sp-width) * 100cqw);
  padding-bottom: calc(192 / var(--sp-width) * 100cqw);
  position: relative;
}
.slider02 {
  width: calc(500 / var(--sp-width) * 100cqw);
  margin-inline: auto;
  background-color: black;
}
.slider02__item {
}
.slider02__image {
  width: 88.572%;
  margin-inline: auto;
  border-radius: 25px;
}
.slider02 .slick-prev,
.slider02 .slick-next {
  display: block;
  width: calc(52 / var(--sp-width) * 100cqw);
  aspect-ratio: 52/ 64;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  inset-block: 0;
  margin: auto;
  z-index: 2;
}
.slider02 .slick-prev {
  left: calc(-98 / var(--sp-width) * 100cqw);
  background: url(/cdn/shop/files/demae-030l.webp) no-repeat 50% 50%;
  background-size: contain;
}
.slider02 .slick-next {
  right: calc(-98 / var(--sp-width) * 100cqw);
  background: url(/cdn/shop/files/demae-030r.webp) no-repeat 50% 50%;
  background-size: contain;
}

.demae-029 {
  display: block;
  width: calc(544 / var(--sp-width) * 100cqw);
  position: absolute;
  top: 0;
  inset-inline: 0;
  margin: auto;
  z-index: 2;
  pointer-events: none;
}


.mame {
  display: none;
  position: relative;
}

.mame.is-active {
  display: block;
  border: 6px solid #e22310;
  background-color: rgba(255,255,255, 0.9);
  padding: 16px;
  width: 80%;
  position: absolute;
  top: calc(30 / var(--sp-width) * 100cqw);
  min-height: calc(350 / var(--sp-width) * 100cqw);
  inset-inline: 0;
  margin: auto;
  z-index: 4;
  border-radius: 10px;
}

/* ×ボタン */
.mame__close {
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  background: url(/cdn/shop/files/demae-032.webp) no-repeat 50% 50%;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.mame p {
  font-size: 18px;
  font-weight: 700;
  line-height. 1,5;
}
/*-----------------------------------------------------
@@ sec05
------------------------------------------------------*/
.sec05 {
  background: #e22310;
  margin-top: -1px;
  position: relative;
  padding-bottom: calc(50 / var(--sp-width) * 100cqw);
}


  .ProductList--grid {
    padding: 0 !important;
  }
  .ProductList--removeMargin[data-desktop-count="2"] {
    margin-inline: auto;
    gap: 10px 0;
    width: 88.572%;
  }
  .ProductList--grid[data-desktop-count="2"]>.Grid__Cell {
    padding: 0;
  }
  .ProductList--grid[data-desktop-count="2"]>.Grid__Cell {
    margin-bottom: 0;
  }
@media screen and (min-width: 1140px) {
}
  .\31\/2--lap-and-up, .\32\/4--lap-and-up, .\36\/12--lap-and-up {
    width: 100%;
  }
@media screen and (min-width: 1008px) {
}


/*-----------------------------------------------------
@@ sec06
------------------------------------------------------*/
.sec06 {
  background: #e22310;
  margin-top: -1px;
  position: relative;
  padding-bottom: calc(108 / var(--sp-width) * 100cqw);
}

.slider03__item {
}
.slider03__image {
  width: 83.857%;
  margin-inline: auto;
  border-radius: 25px;
}
.slider03 .slick-prev,
.slider03 .slick-next {
  display: block;
  width: calc(83 / var(--sp-width) * 100cqw);
  aspect-ratio: 1/ 1;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: absolute;
  inset-block: 0;
  margin: auto;
  z-index: 2;
}
.slider03 .slick-prev {
  left: 8px;
  background: url(/cdn/shop/files/demae-017l.webp) no-repeat 50% 50%;
  background-size: contain;
}
.slider03 .slick-next {
  right: 8px;
  background: url(/cdn/shop/files/demae-017r.webp) no-repeat 50% 50%;
  background-size: contain;
}