/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
@media (max-width: 1023px) {
  #wrap.sub {
    padding-top: 57px; } }

.p-heading .c-heading {
  padding-top: 47px;
  padding-bottom: 67px; }
  @media (max-width: 1023px) {
    .p-heading .c-heading {
      padding-top: 19px;
      padding-bottom: 37px; } }
  .p-heading .c-heading .sub {
    top: -39px;
    z-index: -1;
    left: 0; }
    @media (max-width: 1023px) {
      .p-heading .c-heading .sub {
        font-size: 58px;
        font-size: 5.8rem;
        line-height: 1.03448em;
        top: 5px; } }
  .p-heading .c-heading .ttl {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2em;
    letter-spacing: 0.03em;
    font-weight: 700;
    justify-content: center;
    flex-direction: column;
    gap: 0; }
    .p-heading .c-heading .ttl.line::after {
      margin-top: 16px; }
      @media (max-width: 1023px) {
        .p-heading .c-heading .ttl.line::after {
          margin-top: 8px;
          width: 21px; } }
    @media (max-width: 1023px) {
      .p-heading .c-heading .ttl {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.75em; } }

.heading {
  margin-bottom: 115px; }
  @media (max-width: 1023px) {
    .heading {
      margin-bottom: 38px; } }
  @media (min-width: 1024px) {
    .heading .inner {
      max-width: 86.80556vw; } }
  .heading.no-img .heading-wrap {
    display: block; }
  .heading.no-img .product-img {
    display: none !important; }
  .heading.no-img .txt {
    margin-top: 0; }
  .heading-wrap {
    display: grid;
    align-items: center;
    gap: 0 5.90278vw; }
    @media (max-width: 1023px) {
      .heading-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0; } }
  .heading .product-img {
    width: 100%; }
    @media (min-width: 1024px) {
      .heading .product-img {
        grid-area: 1 / 1 / 3 / 2;
        min-width: 44.79167vw; } }
    .heading .product-img .carousel {
      box-shadow: 7px 15px 20px 0 rgba(0, 0, 0, 0.1); }
      .heading .product-img .carousel .splide__slide .c-img {
        position: relative; }
        .heading .product-img .carousel .splide__slide .c-img:before {
          display: block;
          content: " ";
          width: 100%;
          padding-top: 66.35659%; }
        .heading .product-img .carousel .splide__slide .c-img > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
      .heading .product-img .carousel .splide__slide img {
        width: 100%; }
      .heading .product-img .carousel .splide__arrow {
        width: 46px;
        height: 46px;
        top: 50%; }
        @media (max-width: 1023px) {
          .heading .product-img .carousel .splide__arrow {
            width: 28px;
            height: 28px; } }
        .heading .product-img .carousel .splide__arrow--next {
          right: -24px; }
          @media (max-width: 1023px) {
            .heading .product-img .carousel .splide__arrow--next {
              right: -14px; } }
        .heading .product-img .carousel .splide__arrow--prev {
          left: -24px; }
          @media (max-width: 1023px) {
            .heading .product-img .carousel .splide__arrow--prev {
              left: -14px; } }
    .heading .product-img .thumbnail {
      margin-top: 11px; }
      @media (max-width: 1023px) {
        .heading .product-img .thumbnail {
          margin-top: 8px; } }
      .heading .product-img .thumbnail .splide__slide {
        opacity: .3;
        transition: all .3s ease;
        border: 2px solid transparent;
        cursor: pointer; }
        @media only screen and (min-width: 1025px) {
          .heading .product-img .thumbnail .splide__slide:hover {
            opacity: 1; } }
        .heading .product-img .thumbnail .splide__slide.is-active {
          border-color: #ff5e00;
          opacity: 1; }
        .heading .product-img .thumbnail .splide__slide img {
          width: 100%; }
  .heading .product-info {
    grid-area: 1/2/2/3; }
    @media (min-width: 1024px) {
      .heading .product-info {
        min-width: 36.11111vw;
        margin-top: 5vw; } }
    .heading .product-info .sub {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1em;
      letter-spacing: 0.03em;
      font-weight: 700;
      font-size: 1.66667vw; }
      @media (max-width: 1023px) {
        .heading .product-info .sub {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.33333em;
          letter-spacing: 0.03em; } }
    .heading .product-info .ttl {
      margin-top: 2.36111vw;
      margin-bottom: 2.63889vw;
      font-size: 60px;
      font-size: 6rem;
      line-height: 1.16667em;
      letter-spacing: 0.03em;
      font-weight: 700;
      font-size: 4.16667vw; }
      @media (max-width: 1023px) {
        .heading .product-info .ttl {
          font-size: 38px;
          font-size: 3.8rem;
          line-height: 1.31579em;
          letter-spacing: 0.03em;
          font-weight: 700;
          margin-top: 6px;
          margin-bottom: 22px; } }
  .heading .txt {
    grid-area: 2/2/3/3;
    align-self: flex-start; }
    @media (max-width: 1023px) {
      .heading .txt {
        margin-top: 16px; } }

.content {
  margin-bottom: 146px; }
  @media (max-width: 1023px) {
    .content {
      margin-bottom: 77px; } }
  .content .inner {
    display: flex;
    flex-direction: row-reverse;
    gap: 75px; }
    @media (max-width: 1023px) {
      .content .inner {
        gap: 28px;
        flex-direction: column; } }
  .content .ttl {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4375em;
    letter-spacing: 0.03em;
    font-weight: 700;
    margin-bottom: 39px; }
    @media (max-width: 1023px) {
      .content .ttl {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 1.56em;
        margin-bottom: 21px; } }
    @media only screen and (max-width: 374px) {
      .content .ttl {
        font-size: 24px;
        font-size: 2.4rem; } }
  .content .img {
    min-width: 524px;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .content .img {
        max-width: 454px;
        min-width: auto; } }
    @media (max-width: 1023px) {
      .content .img {
        max-width: 100%;
        min-width: auto; }
        .content .img img {
          width: 100%; } }
  .content .ctx {
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .content .ctx {
        font-size: 15px;
        font-size: 1.5rem; } }

.lists {
  background-color: #f0ede9;
  padding-bottom: 132px; }
  @media (max-width: 1023px) {
    .lists {
      padding-bottom: 43px; } }
  .lists:after {
    top: -390px;
    z-index: -1; }
    @media (max-width: 1023px) {
      .lists:after {
        top: -175px; } }
  .lists .c-heading {
    z-index: 1;
    margin-bottom: 63px; }
    @media (max-width: 1023px) {
      .lists .c-heading {
        margin-bottom: 39px; } }
    @media (max-width: 1023px) {
      .lists .c-heading .ttl.line:after {
        margin-top: 22px; } }
    .lists .c-heading .sub {
      top: -81px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 140px;
      font-size: 14rem;
      line-height: 1.45714em;
      letter-spacing: 0.05em;
      z-index: -1; }
      @media (max-width: 1023px) {
        .lists .c-heading .sub {
          top: -20px;
          font-size: 78px;
          font-size: 7.8rem;
          line-height: 1em; } }
  .lists .products {
    display: flex;
    flex-flow: row wrap;
    gap: 93px 79px; }
    @media (max-width: 1023px) {
      .lists .products {
        flex-direction: column;
        gap: 35px; } }
    .lists .products .item {
      width: calc(50% - 40px); }
      @media (max-width: 1023px) {
        .lists .products .item {
          width: 100%; } }
      .lists .products .item .ttl {
        display: flex;
        align-items: center;
        gap: 19px;
        margin-top: 25px;
        margin-bottom: 14px;
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1.69231em;
        letter-spacing: 0.03em;
        font-weight: 700; }
        @media (max-width: 1023px) {
          .lists .products .item .ttl {
            margin-top: 7px;
            margin-bottom: 3px;
            font-size: 22px;
            font-size: 2.2rem;
            line-height: 2em;
            gap: 10px; } }
        .lists .products .item .ttl:before {
          content: "";
          width: 16px;
          height: 3px;
          background-color: #ff5e00; }
          @media (max-width: 1023px) {
            .lists .products .item .ttl:before {
              margin-top: 3px; } }
      .lists .products .item .c-img {
        position: relative; }
        .lists .products .item .c-img:before {
          display: block;
          content: " ";
          width: 100%;
          padding-top: 66.27451%; }
        .lists .products .item .c-img > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        @media (max-width: 1023px) {
          .lists .products .item .c-img {
            position: relative; }
            .lists .products .item .c-img:before {
              display: block;
              content: " ";
              width: 100%;
              padding-top: 66.17647%; }
            .lists .products .item .c-img > .content {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0; }
            .lists .products .item .c-img img {
              width: 100%; } }

.bottom {
  padding: 69px 20px 65px;
  text-align: center;
  background-color: #fff; }
  @media (max-width: 1023px) {
    .bottom {
      padding: 51px 20px 37px; } }
  .bottom .btn {
    max-width: 270px;
    margin: 0 auto 102px; }
    @media (max-width: 1023px) {
      .bottom .btn {
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .bottom .btn .c-btn {
        height: 64px; } }
  .bottom .lead {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6em;
    letter-spacing: 0.03em;
    font-weight: 700; }
    @media (max-width: 1023px) {
      .bottom .lead {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.40909em; } }
    .bottom .lead:after {
      content: "";
      display: block;
      max-width: 688px;
      height: 19px;
      margin: 31px auto 0;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22688%22%20height%3D%2219%22%20viewBox%3D%220%200%20688%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%201.5H331L343.5%2016L357%201.5H688%22%20stroke%3D%22%23FF5E00%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
      background-size: cover;
      background-position: center; }
      @media (max-width: 1023px) {
        .bottom .lead:after {
          max-width: 100%;
          height: 12px;
          margin-top: 16px; } }

/*# sourceMappingURL=maps/product-detail.min.css.map */