@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

@media (max-width: 768px) {
  .is__pc {
    display: none; } }

@media screen and (min-width: 769px) {
  .is__sp {
    display: none; } }

.memorial_art * {
  font-family: 'Noto Sans JP', sans-serif; }

.memorial_art {
  background: #fff; }
  @media screen and (min-width: 769px) {
    .memorial_art {
      margin-top: 60px;
      margin-bottom: 100px;
      border-radius: 40px; } }
  @media (max-width: 768px) {
    .memorial_art {
      margin-top: 7.692vw;
      margin-bottom: 12.821vw;
      border-radius: 10.256vw; } }
  .memorial_art img {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 769px) {
    .memorial_art .memorial_sec {
      margin-top: 140px;
      padding: 0 40px; } }
  @media (max-width: 768px) {
    .memorial_art .memorial_sec {
      margin-top: 17.949vw;
      padding: 0 5.128vw; } }
  @media (max-width: 768px) {
    .memorial_art .memorial_sec:last-of-type {
      margin-top: 20.513vw; } }
  @media screen and (min-width: 769px) {
    .memorial_art .memorial_sec:last-of-type {
      margin-top: 160px; } }
  .memorial_art .memorial_mv {
    position: relative; }
    @media (max-width: 768px) {
      .memorial_art .memorial_mv {
        padding-top: 17.949vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .memorial_mv {
        padding-top: 140px; } }
    .memorial_art .memorial_mv::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/ec/images/shop1/inc_item/memorial/icon_01.png"); }
      @media (max-width: 768px) {
        .memorial_art .memorial_mv::before {
          top: 5.128vw;
          left: 8.974vw;
          width: 12.821vw;
          height: 8.462vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .memorial_mv::before {
          top: 40px;
          left: 70px;
          width: 100px;
          height: 66px; } }
    .memorial_art .memorial_mv .memorial_mv__thumb {
      width: 100%;
      background: linear-gradient(214deg, rgba(251, 194, 235, 0.2) 6.73%, rgba(166, 193, 238, 0.2) 93.41%); }
      @media (max-width: 768px) {
        .memorial_art .memorial_mv .memorial_mv__thumb {
          padding: 2.564vw 0; } }
      @media screen and (min-width: 769px) {
        .memorial_art .memorial_mv .memorial_mv__thumb {
          padding: 20px 0; } }
    .memorial_art .memorial_mv .memorial_mv__lead_txt {
      text-align: center; }
      @media screen and (min-width: 769px) {
        .memorial_art .memorial_mv .memorial_mv__lead_txt {
          font-size: 18px;
          line-height: 1.66; } }
      @media (max-width: 768px) {
        .memorial_art .memorial_mv .memorial_mv__lead_txt {
          font-size: 3.59vw;
          line-height: 1.85; } }
    .memorial_art .memorial_mv .memorial_mv__lead_main {
      font-family: 'Noto Serif JP', serif;
      text-align: center;
      color: #1FA9B2; }
      @media screen and (min-width: 769px) {
        .memorial_art .memorial_mv .memorial_mv__lead_main {
          font-size: 24px;
          line-height: 1.4; } }
      @media (max-width: 768px) {
        .memorial_art .memorial_mv .memorial_mv__lead_main {
          font-size: 5.128vw;
          line-height: 1.4;
          letter-spacing: -0.1282vw; } }
      .memorial_art .memorial_mv .memorial_mv__lead_main span {
        display: inline;
        padding-left: .1em;
        padding-right: .1em;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #F0FEFF));
        background: linear-gradient(transparent 60%, #F0FEFF 0); }
  .memorial_art .memorial_h2__ttl_wrap {
    position: relative;
    color: #5A4842;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.105px;
    text-align: left; }
    @media screen and (min-width: 769px) {
      .memorial_art .memorial_h2__ttl_wrap {
        padding-left: 20px;
        font-size: 28px; } }
    @media (max-width: 768px) {
      .memorial_art .memorial_h2__ttl_wrap {
        padding-left: 2.564vw;
        font-size: 3.59vw; } }
    .memorial_art .memorial_h2__ttl_wrap::before {
      content: "";
      background-color: #D8C0A4;
      position: absolute;
      left: 0;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%); }
      @media screen and (min-width: 769px) {
        .memorial_art .memorial_h2__ttl_wrap::before {
          width: 4px;
          height: 100px;
          bottom: -10px; } }
      @media (max-width: 768px) {
        .memorial_art .memorial_h2__ttl_wrap::before {
          width: 0.513vw;
          height: 12.821vw;
          bottom: -1.282vw; } }
  @media screen and (min-width: 769px) {
    .memorial_art .lineup .lineup_h3__txt {
      font-size: 18px;
      line-height: 1.6; } }
  @media (max-width: 768px) {
    .memorial_art .lineup .lineup_h3__txt {
      font-size: 3.59vw;
      line-height: 1.6; } }
  .memorial_art .lineup_h3 {
    position: relative; }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3 {
        margin-top: 11.538vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3 {
        margin-top: 90px; } }
    .memorial_art .lineup_h3 .lineup_h3__ttl {
      position: absolute;
      text-align: center;
      line-height: 1.4; }
      @media (max-width: 768px) {
        .memorial_art .lineup_h3 .lineup_h3__ttl {
          font-size: 3.077vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .lineup_h3 .lineup_h3__ttl {
          font-size: 24px; } }
      @media (max-width: 768px) {
        .memorial_art .lineup_h3 .lineup_h3__ttl span {
          font-size: 4.103vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .lineup_h3 .lineup_h3__ttl span {
          font-size: 32px; } }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3 .lineup_h3__thumb {
        width: 57.949vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3 .lineup_h3__thumb {
        width: 452px; } }
    .memorial_art .lineup_h3::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 768px) {
        .memorial_art .lineup_h3::before {
          width: 56.41vw;
          height: 28.205vw;
          top: -5.128vw;
          z-index: -1; } }
      @media screen and (min-width: 769px) {
        .memorial_art .lineup_h3::before {
          width: 440px;
          height: 220px;
          top: -40px;
          z-index: -1; } }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3:nth-of-type(odd)::before {
        right: -5.128vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3:nth-of-type(odd)::before {
        right: -40px; } }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3:nth-of-type(even)::before {
        left: -5.128vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3:nth-of-type(even)::before {
        left: -40px; } }
    .memorial_art .lineup_h3:nth-of-type(1)::before {
      background: linear-gradient(253deg, rgba(187, 247, 255, 0.1) 0%, rgba(77, 182, 172, 0.1) 100%); }
    .memorial_art .lineup_h3:nth-of-type(2)::before {
      background: linear-gradient(107deg, rgba(255, 184, 208, 0.1) 0%, rgba(149, 153, 226, 0.1) 100%); }
    .memorial_art .lineup_h3:nth-of-type(3)::before {
      background: linear-gradient(253deg, rgba(255, 249, 179, 0.1) 0%, rgba(224, 192, 104, 0.1) 100%); }
    .memorial_art .lineup_h3:nth-of-type(4)::before {
      background: linear-gradient(253deg, rgba(159, 226, 242, 0.1) 0%, rgba(189, 195, 199, 0.1) 100%); }
    .memorial_art .lineup_h3:nth-of-type(5)::before {
      background: linear-gradient(253deg, rgba(63, 123, 225, 0.1) 0%, rgba(236, 187, 235, 0.1) 100%); }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3:nth-of-type(odd) .lineup_h3__ttl {
        top: 1.795vw;
        right: 2.564vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3:nth-of-type(odd) .lineup_h3__ttl {
        top: 14px;
        right: 20px; } }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3:nth-of-type(even) .lineup_h3__ttl {
        top: 1.795vw;
        left: 2.564vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3:nth-of-type(even) .lineup_h3__ttl {
        top: 14px;
        left: 20px; } }
    @media (max-width: 768px) {
      .memorial_art .lineup_h3:nth-of-type(odd) .lineup_h3__thumb {
        border-radius: 2.564vw 10.256vw 2.564vw 10.256vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_h3:nth-of-type(odd) .lineup_h3__thumb {
        border-radius: 10px 40px 10px 40px; } }
    .memorial_art .lineup_h3:nth-of-type(even) .lineup_h3__thumb {
      margin-left: auto;
      background-color: #F8FFFF; }
      @media (max-width: 768px) {
        .memorial_art .lineup_h3:nth-of-type(even) .lineup_h3__thumb {
          border-radius: 10.256vw 2.564vw 10.256vw 2.564vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .lineup_h3:nth-of-type(even) .lineup_h3__thumb {
          border-radius: 40px 10px 40px 10px; } }
    .memorial_art .lineup_h3:nth-of-type(odd) .lineup_h3__thumb img {
      border-radius: 5px; }
    .memorial_art .lineup_h3:nth-of-type(even) .lineup_h3__thumb img {
      border-radius: 5px; }
    .memorial_art .lineup_h3.is__01 {
      position: relative; }
      .memorial_art .lineup_h3.is__01::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("/ec/images/shop1/inc_item/memorial/icon_02.png");
        bottom: 0; }
        @media (max-width: 768px) {
          .memorial_art .lineup_h3.is__01::after {
            right: 5.128vw;
            width: 12.821vw;
            height: 8.462vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .lineup_h3.is__01::after {
            right: 40px;
            width: 100px;
            height: 66px; } }
    .memorial_art .lineup_h3.is__05 {
      position: relative; }
      .memorial_art .lineup_h3.is__05::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("/ec/images/shop1/inc_item/memorial/icon_08.png"); }
        @media (max-width: 768px) {
          .memorial_art .lineup_h3.is__05::after {
            right: -5.128vw;
            bottom: -18.462vw;
            width: 20.513vw;
            height: 5.128vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .lineup_h3.is__05::after {
            right: -40px;
            bottom: -140px;
            width: 160px;
            height: 40px; } }
  @media (max-width: 768px) {
    .memorial_art .lineup_offer__list {
      margin-top: 6.154vw; } }
  @media screen and (min-width: 769px) {
    .memorial_art .lineup_offer__list {
      margin-top: 48px; } }
  .memorial_art .lineup_offer__list .lineup_offer__item {
    color: #B28D68;
    letter-spacing: 0.075px; }
    @media (max-width: 768px) {
      .memorial_art .lineup_offer__list .lineup_offer__item {
        font-size: 2.564vw;
        margin-top: 2.051vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .lineup_offer__list .lineup_offer__item {
        font-size: 20px;
        margin-top: 16px; } }
  @media (max-width: 768px) {
    .memorial_art .zodiac-gem .memorial_offer__list {
      margin-top: 6.154vw; } }
  @media screen and (min-width: 769px) {
    .memorial_art .zodiac-gem .memorial_offer__list {
      margin-top: 48px; } }
  .memorial_art .zodiac-gem .memorial_offer__list .memorial_offer__item {
    color: #5A4842;
    letter-spacing: 0.075px;
    line-height: 1.4; }
    @media (max-width: 768px) {
      .memorial_art .zodiac-gem .memorial_offer__list .memorial_offer__item {
        font-size: 2.564vw;
        margin-top: 2.051vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .zodiac-gem .memorial_offer__list .memorial_offer__item {
        font-size: 20px;
        margin-top: 16px; } }
  .memorial_art .zodiac-gem .zodiac__list {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 768px) {
      .memorial_art .zodiac-gem .zodiac__list {
        margin-top: 4.103vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .zodiac-gem .zodiac__list {
        margin-top: 32px; } }
    @media (max-width: 768px) {
      .memorial_art .zodiac-gem .zodiac__list .zodiac__item {
        width: calc((100% - 5.128vw) / 4);
        margin-right: 1.71vw;
        margin-bottom: 3.077vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .zodiac-gem .zodiac__list .zodiac__item {
        width: calc((100% - 40px) / 4);
        margin-right: 13.34px;
        margin-bottom: 24px; } }
    .memorial_art .zodiac-gem .zodiac__list .zodiac__item:nth-of-type(4n) {
      margin-right: 0; }
  .memorial_art .zodiac-gem .gem__list {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 768px) {
      .memorial_art .zodiac-gem .gem__list {
        margin-top: 4.103vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .zodiac-gem .gem__list {
        margin-top: 32px; } }
    @media (max-width: 768px) {
      .memorial_art .zodiac-gem .gem__list .gem__item {
        width: calc((100% - 2.051vw) / 3);
        margin-right: 1.026vw;
        margin-bottom: 1.026vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .zodiac-gem .gem__list .gem__item {
        width: calc((100% - 16px) / 3);
        margin-right: 8px;
        margin-bottom: 8px; } }
    .memorial_art .zodiac-gem .gem__list .gem__item:nth-of-type(3n) {
      margin-right: 0; }
  .memorial_art .zodiac-gem .zodiac__item,
  .memorial_art .zodiac-gem .gem__item {
    position: relative;
    overflow: hidden; }
    .memorial_art .zodiac-gem .zodiac__item::before,
    .memorial_art .zodiac-gem .gem__item::before {
      content: "";
      position: absolute;
      top: 0;
      left: -150%;
      width: 150%;
      height: 100%;
      background: linear-gradient(120deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 60%);
      animation: flowingLight 8.4s infinite;
      mix-blend-mode: overlay;
      pointer-events: none; }
@keyframes flowingLight {
  0% {
    left: -150%; }
  30% {
    left: 150%; }
  100% {
    left: 150%; } }
  .memorial_art .design .design__content {
    position: relative; }
    .memorial_art .design .design__content::before, .memorial_art .design .design__content::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: cover; }
    .memorial_art .design .design__content::before {
      background-image: url("/ec/images/shop1/inc_item/memorial/icon_03.png");
      z-index: -1; }
      @media (max-width: 768px) {
        .memorial_art .design .design__content::before {
          width: 17.949vw;
          height: 53.846vw;
          top: 6.667vw;
          left: -5.128vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .design .design__content::before {
          width: 140px;
          height: 420px;
          top: 52px;
          left: -40px; } }
    .memorial_art .design .design__content::after {
      background-image: url("/ec/images/shop1/inc_item/memorial/icon_04.png"); }
      @media (max-width: 768px) {
        .memorial_art .design .design__content::after {
          width: 12.821vw;
          height: 8.462vw;
          bottom: -17.179vw;
          right: 5.128vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .design .design__content::after {
          width: 100px;
          height: 66px;
          bottom: -134px;
          right: 40px; } }
    @media (max-width: 768px) {
      .memorial_art .design .design__content {
        margin-top: 5.128vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .design .design__content {
        margin-top: 40px; } }
    .memorial_art .design .design__content img {
      border-radius: 10px; }
  .memorial_art .font__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative; }
    .memorial_art .font__list::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("/ec/images/shop1/inc_item/memorial/icon_05.png"); }
      @media (max-width: 768px) {
        .memorial_art .font__list::after {
          width: 12.821vw;
          height: 8.462vw;
          bottom: -13.59vw;
          left: 5.128vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .font__list::after {
          width: 100px;
          height: 66px;
          bottom: -106px;
          left: 40px; } }
    @media (max-width: 768px) {
      .memorial_art .font__list {
        margin-top: 4.103vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .font__list {
        margin-top: 32px; } }
    .memorial_art .font__list .font__item {
      text-align: center; }
      @media (max-width: 768px) {
        .memorial_art .font__list .font__item {
          width: calc((100% -  2.564vw) /2);
          margin-right: 2.564vw;
          margin-bottom: 4.103vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .font__list .font__item {
          width: calc((100% -  20px) /2);
          margin-right: 20px;
          margin-bottom: 32px; } }
      .memorial_art .font__list .font__item:nth-last-of-type(2n) {
        margin-right: 0; }
      .memorial_art .font__list .font__item span {
        color: #B28D68;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0.09px;
        display: inline-block; }
        @media (max-width: 768px) {
          .memorial_art .font__list .font__item span {
            font-size: 3.077vw;
            margin-top: 2.051vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .font__list .font__item span {
            font-size: 24px;
            margin-top: 16px; } }
  .memorial_art .color {
    position: relative;
    overflow: hidden; }
    @media (max-width: 768px) {
      .memorial_art .color {
        height: 150.256vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .color {
        height: 1172px; } }
    .memorial_art .color::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("/ec/images/shop1/inc_item/memorial/color_bg.png");
      top: 0px;
      left: 0px; }
      @media (max-width: 768px) {
        .memorial_art .color::before {
          width: 150.256vw;
          height: 150.256vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .color::before {
          width: 1172px;
          height: 1172px; } }
  .memorial_art .color__sec__wrp {
    position: relative; }
    @media screen and (min-width: 769px) {
      .memorial_art .color__sec__wrp {
        padding: 120px 0; } }
    @media (max-width: 768px) {
      .memorial_art .color__sec__wrp {
        padding: 15.385vw 0; } }
    @media screen and (min-width: 769px) {
      .memorial_art .color__sec__wrp .slick-dots {
        margin-top: 32px !important; } }
    @media (max-width: 768px) {
      .memorial_art .color__sec__wrp .slick-dots {
        margin-top: 4.103vw !important; } }
    .memorial_art .color__sec__wrp .slick-dots li {
      border-radius: 50% !important; }
      @media screen and (min-width: 769px) {
        .memorial_art .color__sec__wrp .slick-dots li {
          margin: 0 15px 0 0; } }
      @media (max-width: 768px) {
        .memorial_art .color__sec__wrp .slick-dots li {
          margin: 0 3.846vw 0 0;
          z-index: 1; } }
      .memorial_art .color__sec__wrp .slick-dots li:last-child {
        margin-right: 0; }
    @media screen and (min-width: 769px) {
      .memorial_art .color__sec__wrp .slick-dots button {
        width: 120px;
        height: 120px; } }
    @media (max-width: 768px) {
      .memorial_art .color__sec__wrp .slick-dots button {
        width: 15.385vw;
        height: 15.385vw; } }
    @media (max-width: 768px) {
      .memorial_art .color__sec__wrp .slick-dots .slick-active {
        z-index: 1; } }
    @media screen and (min-width: 769px) {
      .memorial_art .color__sec__wrp .slick-dots .slick-active button {
        border: 2px solid #fff; } }
    @media (max-width: 768px) {
      .memorial_art .color__sec__wrp .slick-dots .slick-active button {
        border: 0.513vw solid #fff;
        z-index: 1; } }
    .memorial_art .color__sec__wrp .color__h3__ttl {
      color: #5A4842;
      text-align: center;
      font-weight: 500;
      line-height: 1.4;
      letter-spacing: 0.09px; }
      @media screen and (min-width: 769px) {
        .memorial_art .color__sec__wrp .color__h3__ttl {
          font-size: 24px;
          margin-bottom: 32px; } }
      @media (max-width: 768px) {
        .memorial_art .color__sec__wrp .color__h3__ttl {
          font-size: 3.077vw;
          margin-bottom: 4.103vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .color__sec__wrp .color__carousel {
        margin-top: 20px; } }
    @media (max-width: 768px) {
      .memorial_art .color__sec__wrp .color__carousel {
        margin-top: 5.128vw; } }
    .memorial_art .color__sec__wrp .color__carousel .color__carousel__ttl {
      text-align: center;
      font-weight: bold;
      font-family: 'Noto Serif JP', serif; }
      @media screen and (min-width: 769px) {
        .memorial_art .color__sec__wrp .color__carousel .color__carousel__ttl {
          font-size: 24px; } }
      @media (max-width: 768px) {
        .memorial_art .color__sec__wrp .color__carousel .color__carousel__ttl {
          font-size: 4.615vw;
          letter-spacing: -0.1282vw; } }
    .memorial_art .color__sec__wrp .color__carousel__list {
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 769px) {
        .memorial_art .color__sec__wrp .color__carousel__list {
          margin-top: 10px; } }
      @media (max-width: 768px) {
        .memorial_art .color__sec__wrp .color__carousel__list {
          width: 89.744vw;
          margin-top: 5.128vw; } }
      .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item {
        margin: 0 auto; }
        .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item .color__carousel_detail, .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item .color__carousel_name {
          color: #B28D68;
          text-align: center;
          font-weight: 500;
          letter-spacing: 0.09px;
          line-height: 1.4; }
          @media (max-width: 768px) {
            .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item .color__carousel_detail, .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item .color__carousel_name {
              font-size: 3.077vw; } }
          @media screen and (min-width: 769px) {
            .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item .color__carousel_detail, .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item .color__carousel_name {
              font-size: 24px; } }
        .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item img {
          margin-right: auto;
          margin-left: auto; }
          @media (max-width: 768px) {
            .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item img {
              width: 46.154vw; } }
          @media screen and (min-width: 769px) {
            .memorial_art .color__sec__wrp .color__carousel__list .color__carousel__item img {
              width: 360px; } }
    .memorial_art .color__sec__wrp .color__details__list {
      position: relative; }
      @media (max-width: 768px) {
        .memorial_art .color__sec__wrp .color__details__list {
          margin-top: 4.103vw;
          padding-top: 4.103vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .color__sec__wrp .color__details__list {
          margin-top: 32px;
          padding-top: 32px; } }
      .memorial_art .color__sec__wrp .color__details__list::before {
        position: absolute;
        content: "";
        background: rgba(216, 192, 164, 0.3);
        top: 0; }
        @media (max-width: 768px) {
          .memorial_art .color__sec__wrp .color__details__list::before {
            width: 76.923vw;
            height: 0.256vw;
            left: 6.41vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .color__sec__wrp .color__details__list::before {
            width: 600px;
            height: 2px;
            left: 50px; } }
      .memorial_art .color__sec__wrp .color__details__list .color__details__item {
        color: #5A4842;
        font-weight: 500;
        letter-spacing: 0.09px;
        margin-right: auto;
        margin-left: auto;
        line-height: 1.3; }
        @media (max-width: 768px) {
          .memorial_art .color__sec__wrp .color__details__list .color__details__item {
            font-size: 3.077vw;
            margin-top: 2.051vw;
            width: 46vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .color__sec__wrp .color__details__list .color__details__item {
            font-size: 24px;
            margin-top: 16px;
            width: 346px; } }
  .memorial_art .order-flow {
    color: #6d5b4e;
    font-family: sans-serif; }
    @media (max-width: 768px) {
      .memorial_art .order-flow {
        padding: 0 4.359vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .order-flow {
        padding: 0 34px; } }
    .memorial_art .order-flow__header {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #d1b8a4;
      border-radius: 50px;
      padding: 12px 24px; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__header {
          padding: 3.077vw 0;
          margin-bottom: 6.154vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__header {
          padding: 24px 0;
          margin-bottom: 48px; } }
      .memorial_art .order-flow__header .icon-cart {
        position: relative;
        margin-right: 10px; }
        .memorial_art .order-flow__header .icon-cart::before {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("/ec/images/shop1/inc_item/memorial/shopping_cart.png"); }
          @media (max-width: 768px) {
            .memorial_art .order-flow__header .icon-cart::before {
              width: 4.103vw;
              height: 4.103vw;
              top: -1.795vw;
              left: -4.615vw; } }
          @media screen and (min-width: 769px) {
            .memorial_art .order-flow__header .icon-cart::before {
              width: 32px;
              height: 32px;
              top: -14px;
              left: -36px; } }
    .memorial_art .order-flow__title {
      color: #B28D68;
      text-align: center;
      font-weight: 700;
      line-height: 1.0; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__title {
          font-size: 3.59vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__title {
          font-size: 28px; } }
    .memorial_art .order-flow__list {
      position: relative;
      padding-left: 0; }
      .memorial_art .order-flow__list::before {
        content: "";
        position: absolute;
        bottom: 20px;
        border-left: 2px dashed #b08d6d;
        z-index: 0; }
        @media (max-width: 768px) {
          .memorial_art .order-flow__list::before {
            left: 3.974vw;
            top: 5.128vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .order-flow__list::before {
            left: 30px;
            top: 20px; } }
    .memorial_art .order-flow__item {
      display: flex;
      align-items: flex-start;
      position: relative;
      z-index: 1; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__item {
          margin-bottom: 4.103vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__item {
          margin-bottom: 32px; } }
      .memorial_art .order-flow__item:last-child {
        margin-bottom: 0; }
      .memorial_art .order-flow__item--large .order-flow__content {
        flex-direction: column;
        align-items: stretch; }
    .memorial_art .order-flow__number {
      background-color: #b08d6d;
      text-align: center;
      color: #FFF;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__number {
          width: 7.692vw;
          height: 7.692vw;
          font-size: 4.615vw;
          margin-right: 2.564vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__number {
          width: 60px;
          height: 60px;
          font-size: 36px;
          margin-right: 20px; } }
    .memorial_art .order-flow__content {
      background-color: #f9f4f0;
      border-radius: 15px;
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      min-height: 50px; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__content {
          padding: 2.564vw 4.103vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__content {
          padding: 20px 32px; } }
    .memorial_art .order-flow__text {
      color: #5B5557;
      text-align: center;
      font-weight: 500;
      line-height: 1.4; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__text {
          font-size: 3.077vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__text {
          font-size: 24px; } }
    .memorial_art .order-flow__inner-card {
      background-color: #ffffff;
      border-radius: 12px;
      display: flex;
      justify-content: center; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__inner-card {
          height: 20.769vw;
          margin-top: 2.564vw;
          padding: 2.051vw 3.077vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__inner-card {
          height: 162px;
          margin-top: 20px;
          padding: 16px 24px; } }
    .memorial_art .order-flow__inner-flex {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; }
    .memorial_art .order-flow__image {
      flex-shrink: 0; }
      .memorial_art .order-flow__image img {
        width: 100%;
        height: auto;
        display: block; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__image {
          width: 18.974vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__image {
          width: 148px; } }
    .memorial_art .order-flow__sub-text {
      color: #B28D68;
      text-align: center;
      font-weight: 500;
      text-align: center;
      line-height: 1.4; }
      @media (max-width: 768px) {
        .memorial_art .order-flow__sub-text {
          font-size: 3.077vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .order-flow__sub-text {
          font-size: 24px; } }
  .memorial_art .flow {
    position: relative; }
    .memorial_art .flow::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("/ec/images/shop1/inc_item/memorial/icon_06.png");
      right: 0;
      opacity: 0.5;
      z-index: -1; }
      @media (max-width: 768px) {
        .memorial_art .flow::after {
          top: -44.872vw;
          width: 17.949vw;
          height: 53.846vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .flow::after {
          top: -350px;
          width: 140px;
          height: 420px; } }
  .memorial_art .btn {
    text-align: center;
    position: relative; }
    .memorial_art .btn::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/ec/images/shop1/inc_item/memorial/icon_07.png"); }
      @media (max-width: 768px) {
        .memorial_art .btn::after {
          width: 12.821vw;
          height: 8.462vw;
          bottom: -13.077vw;
          left: 10.256vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .btn::after {
          width: 100px;
          height: 66px;
          bottom: -102px;
          left: 80px; } }
    @media (max-width: 768px) {
      .memorial_art .btn {
        padding: 0 6.41vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .btn {
        padding: 0 50px; } }
    .memorial_art .btn .btn_wrp {
      position: relative;
      background-image: url(/ec/images/shop1/inc_item/memorial/btn_bg.png);
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 768px) {
        .memorial_art .btn .btn_wrp {
          padding: 5.128vw 7.692vw;
          width: 87.179vw;
          height: 50.513vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .btn .btn_wrp {
          padding: 40px 60px;
          width: 680px;
          height: 394px; } }
      .memorial_art .btn .btn_wrp .btn_txt-l {
        color: #666;
        font-weight: 500; }
        @media (max-width: 768px) {
          .memorial_art .btn .btn_wrp .btn_txt-l {
            font-size: 4.103vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .btn .btn_wrp .btn_txt-l {
            font-size: 32px; } }
      .memorial_art .btn .btn_wrp .btn_txt-m {
        color: #666;
        font-weight: 500;
        line-height: 1.33; }
        @media (max-width: 768px) {
          .memorial_art .btn .btn_wrp .btn_txt-m {
            font-size: 3.077vw;
            margin-top: 3.077vw; } }
        @media screen and (min-width: 769px) {
          .memorial_art .btn .btn_wrp .btn_txt-m {
            font-size: 24px;
            margin-top: 24px; } }
    .memorial_art .btn .cmn__btn_normal {
      background-color: #B28D68;
      width: 100%;
      max-width: 100%;
      font-weight: normal !important; }
      @media (max-width: 768px) {
        .memorial_art .btn .cmn__btn_normal {
          margin-top: 3.077vw;
          padding-top: 3.077vw;
          padding-bottom: 3.077vw;
          font-size: 3.077vw; } }
      @media screen and (min-width: 769px) {
        .memorial_art .btn .cmn__btn_normal {
          margin-top: 24px;
          padding-top: 24px;
          padding-bottom: 24px;
          font-size: 24px; } }
  .memorial_art .btm_border {
    border-top: 2px dotted rgba(46, 46, 54, 0.2); }
    @media (max-width: 768px) {
      .memorial_art .btm_border {
        height: 20.513vw; } }
    @media screen and (min-width: 769px) {
      .memorial_art .btm_border {
        height: 160px; } }

.js-leadFadeUpTrigger > * {
  opacity: 0; }

.js-leadFadeUpTrigger > *.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

.js-contentFadeUpTrigger {
  opacity: 0; }

.js-contentFadeUpTrigger.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

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