@charset "utf-8";
#freshDelights {
  box-sizing: border-box;
  width: 100%;
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック",  YuGothic, "Yu Gothic Medium", "游ゴシック体", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
  font-size: 10px;
}
#freshDelights img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#freshDelights p, h3{
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  color: #333333;
}
#freshDelights p {
  font-size: min(3.8vw,28px);
}
#freshDelights span {
  line-height: 1.5;
}
#freshDelights i{
  font-style: inherit;;
}
#freshDelights small, sub, sup{
  font-size: .8em;
}
#freshDelights a{
  text-decoration: none;
  transition: .6s;
}
#freshDelights .flex_rvs{
  flex-direction: row-reverse;
}
#freshDelights .forpc{
  display: none;
}
#freshDelights .forsp{
  display: block;
}
#freshDelights * {
  box-sizing: border-box;
}
#freshDelights>span {
  display: block;
  text-align: center;
}
/* contents */

/* slider */
#freshDelights .slider {
  opacity: 0;
  transition: opacity .1s linear;
}
#freshDelights .slider.slick-initialized {
  opacity: 1;
}
#freshDelights .slick-slide {
  width: 100%;
}
#freshDelights .slider .slick-dots {
  bottom: -6%;
  z-index: 5;
  text-align: center;
}
#freshDelights .slider02 .slick-dots {
  right: 4%;
  bottom: 5%;
  z-index: 5;
  text-align: right;
}
#freshDelights .slick-dots li {
  margin: 0 1%;
  text-align: center;
  line-height: 1;
  border: none;
  width: 4px;
  height: 4px;
}
#freshDelights .slick-dots li button {
  width: 7px;
  height: 7px;
  margin: auto;
}
#freshDelights .slick-dots li button:hover:before,
#freshDelights .slick-dots li button:focus:before {
  opacity: 1;
}
#freshDelights .slick-dots li button:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #ffffff;
  opacity: 1;
}
#freshDelights .slick-dots li.slick-active button:before {
  background: #eb9eaf;
}

/* dots */
#freshDelights .custom-dots {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 0;
}
#freshDelights .custom-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cac4c4;
  cursor: pointer;
}
#freshDelights .custom-dots .dot.active { background: #888; }
@media screen and (min-width:721px) {
  #freshDelights .slick-dots li button {
    width: 10px;
    height: 10px;
  }
  #freshDelights .slick-dots li button:before {
    width: 10px;
    height: 10px;
  }
  #freshDelights .slick-dots li {
    width: 8px;
    height: 8px;
  }
  #freshDelights .slick-arrow {
    width: min(15px, 1.26vw);
  }
}
/* END slider */
#freshDelights {
  font-size: 3.8vw;
  overflow: hidden;
}
#freshDelights span {
  display: block;
}
#freshDelights .kanban {
  position: relative;
}
#freshDelights .kanbanIce {
  position: absolute;
  width: 18%;
  left: 0;
  bottom: -3%;
  z-index: 2;
}
#freshDelights .kanbanArea {
  position: relative;
  padding: 15% 0 2%;
  background: url("/img/interior/fresh_delights/kanbantxt_bg.png") top left/ 100% no-repeat, #e8f3fa;
}
#freshDelights .kanbanTxt {
  color: #3c6473;
  line-height: 1.8;
  font-weight: 500;
  text-shadow:  2px  2px 0 #d0e4ed,
   -2px  2px 0 #d0e4ed,
    2px -2px 0 #d0e4ed,
   -2px -2px 0 #d0e4ed,
    2px  0px 0 #d0e4ed,
   -2px  0px 0 #d0e4ed,
    0px  2px 0 #d0e4ed,
    0px -2px 0 #d0e4ed;;
}
#freshDelights .video {
  width: 71%;
  position: relative;
  margin: 30% auto 0;
  text-align: center;
}
#freshDelights .videoTtl {
  width: 88%;
  position: absolute;
  top: -7%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#freshDelights .frame {
  position: relative;
  z-index: 2;
}
#freshDelights .videoframeWrap {
  width: 84%;
  margin: 0 auto;
  position: absolute;
  top: 4%;
  left: 50%;
  margin-left: -42%;
  z-index: 1;
}
#freshDelights .videoframe {
  width: 100%;
  aspect-ratio: 740 / 1290;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='446px' height='717px'%3E%3Cpath fill-rule='evenodd' fill='white' d='M432.730,93.608 C429.859,86.999 429.859,79.250 432.730,72.644 C435.356,66.599 436.825,59.839 436.825,52.704 C436.825,26.972 417.717,6.111 394.146,6.111 C387.136,6.111 380.520,7.957 374.685,11.227 C368.813,14.517 361.936,14.517 356.065,11.227 C350.229,7.957 343.614,6.111 336.604,6.111 C329.593,6.111 322.978,7.957 317.143,11.227 C311.271,14.517 304.394,14.517 298.522,11.227 C292.687,7.957 286.072,6.111 279.061,6.111 C272.051,6.111 265.436,7.957 259.601,11.227 C253.729,14.517 246.852,14.517 240.980,11.227 C235.145,7.957 228.530,6.111 221.519,6.111 C214.509,6.111 207.894,7.957 202.058,11.227 C196.186,14.517 189.310,14.517 183.438,11.227 C177.603,7.957 170.987,6.111 163.977,6.111 C156.967,6.111 150.351,7.957 144.516,11.227 C138.644,14.517 131.768,14.517 125.896,11.227 C120.060,7.957 113.445,6.111 106.435,6.111 C99.424,6.111 92.809,7.957 86.974,11.227 C81.102,14.517 74.225,14.517 68.353,11.227 C62.518,7.957 55.903,6.111 48.892,6.111 C25.321,6.111 6.214,26.972 6.214,52.704 C6.214,59.839 7.683,66.599 10.309,72.644 C13.179,79.250 13.179,86.999 10.309,93.608 C7.683,99.653 6.214,106.413 6.214,113.548 C6.214,120.683 7.683,127.441 10.309,133.486 C13.179,140.097 13.179,147.845 10.309,154.452 C7.683,160.497 6.214,167.258 6.214,174.391 C6.214,181.526 7.683,188.286 10.309,194.330 C13.179,200.938 13.179,208.686 10.309,215.295 C7.683,221.339 6.214,228.099 6.214,235.234 C6.214,242.368 7.683,249.130 10.309,255.174 C13.179,261.782 13.179,269.531 10.309,276.137 C7.683,282.182 6.214,288.943 6.214,296.078 C6.214,303.212 7.683,309.972 10.309,316.016 C13.179,322.624 13.179,330.372 10.309,336.983 C7.683,343.027 6.214,349.787 6.214,356.922 C6.214,364.056 7.683,370.815 10.309,376.859 C13.179,383.470 13.179,391.217 10.309,397.825 C7.683,403.870 6.214,410.631 6.214,417.764 C6.214,424.900 7.683,431.660 10.309,437.705 C13.179,444.311 13.179,452.060 10.309,458.669 C7.683,464.715 6.214,471.473 6.214,478.607 C6.214,485.743 7.683,492.503 10.309,498.547 C13.179,505.156 13.179,512.905 10.309,519.513 C7.683,525.556 6.214,532.317 6.214,539.451 C6.214,546.587 7.683,553.346 10.309,559.391 C13.179,565.999 13.179,573.748 10.309,580.354 C7.683,586.400 6.214,593.159 6.214,600.294 C6.214,607.429 7.683,614.190 10.309,620.234 C13.179,626.843 13.179,634.590 10.309,641.198 C7.683,647.243 6.214,654.003 6.214,661.139 C6.214,686.870 25.321,707.731 48.892,707.731 C55.903,707.731 62.518,705.885 68.353,702.614 C74.225,699.324 81.102,699.324 86.974,702.614 C92.809,705.885 99.424,707.731 106.435,707.731 C113.445,707.731 120.060,705.885 125.896,702.614 C131.768,699.324 138.644,699.324 144.516,702.614 C150.351,705.885 156.967,707.731 163.977,707.731 C170.987,707.731 177.603,705.885 183.438,702.614 C189.310,699.324 196.186,699.324 202.058,702.614 C207.894,705.885 214.509,707.731 221.519,707.731 C228.530,707.731 235.145,705.885 240.980,702.614 C246.852,699.324 253.729,699.324 259.601,702.614 C265.436,705.885 272.051,707.731 279.061,707.731 C286.072,707.731 292.687,705.885 298.522,702.614 C304.394,699.324 311.271,699.324 317.143,702.614 C322.978,705.885 329.593,707.731 336.604,707.731 C343.614,707.731 350.229,705.885 356.065,702.614 C361.936,699.324 368.813,699.324 374.685,702.614 C380.520,705.885 387.136,707.731 394.146,707.731 C417.717,707.731 436.825,686.870 436.825,661.139 C436.825,654.003 435.356,647.243 432.730,641.198 C429.859,634.590 429.859,626.843 432.730,620.234 C435.356,614.190 436.825,607.429 436.825,600.294 C436.825,593.159 435.356,586.400 432.730,580.354 C429.859,573.748 429.859,565.999 432.730,559.391 C435.356,553.346 436.825,546.587 436.825,539.451 C436.825,532.317 435.356,525.556 432.730,519.513 C429.859,512.905 429.859,505.156 432.730,498.547 C435.356,492.503 436.825,485.743 436.825,478.607 C436.825,471.473 435.356,464.715 432.730,458.669 C429.859,452.060 429.859,444.311 432.730,437.705 C435.356,431.660 436.825,424.900 436.825,417.764 C436.825,410.631 435.356,403.870 432.730,397.825 C429.859,391.217 429.859,383.470 432.730,376.859 C435.356,370.815 436.825,364.056 436.825,356.922 C436.825,349.787 435.356,343.027 432.730,336.983 C429.859,330.372 429.859,322.624 432.730,316.016 C435.356,309.972 436.825,303.212 436.825,296.078 C436.825,288.943 435.356,282.182 432.730,276.137 C429.859,269.531 429.859,261.782 432.730,255.174 C435.356,249.130 436.825,242.368 436.825,235.234 C436.825,228.099 435.356,221.339 432.730,215.295 C429.859,208.686 429.859,200.938 432.730,194.330 C435.356,188.286 436.825,181.526 436.825,174.391 C436.825,167.258 435.356,160.497 432.730,154.452 C429.859,147.845 429.859,140.095 432.730,133.486 C435.356,127.441 436.825,120.683 436.825,113.548 C436.825,106.413 435.356,99.654 432.730,93.608 Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='446px' height='717px'%3E%3Cpath fill-rule='evenodd' fill='white' d='M432.730,93.608 C429.859,86.999 429.859,79.250 432.730,72.644 C435.356,66.599 436.825,59.839 436.825,52.704 C436.825,26.972 417.717,6.111 394.146,6.111 C387.136,6.111 380.520,7.957 374.685,11.227 C368.813,14.517 361.936,14.517 356.065,11.227 C350.229,7.957 343.614,6.111 336.604,6.111 C329.593,6.111 322.978,7.957 317.143,11.227 C311.271,14.517 304.394,14.517 298.522,11.227 C292.687,7.957 286.072,6.111 279.061,6.111 C272.051,6.111 265.436,7.957 259.601,11.227 C253.729,14.517 246.852,14.517 240.980,11.227 C235.145,7.957 228.530,6.111 221.519,6.111 C214.509,6.111 207.894,7.957 202.058,11.227 C196.186,14.517 189.310,14.517 183.438,11.227 C177.603,7.957 170.987,6.111 163.977,6.111 C156.967,6.111 150.351,7.957 144.516,11.227 C138.644,14.517 131.768,14.517 125.896,11.227 C120.060,7.957 113.445,6.111 106.435,6.111 C99.424,6.111 92.809,7.957 86.974,11.227 C81.102,14.517 74.225,14.517 68.353,11.227 C62.518,7.957 55.903,6.111 48.892,6.111 C25.321,6.111 6.214,26.972 6.214,52.704 C6.214,59.839 7.683,66.599 10.309,72.644 C13.179,79.250 13.179,86.999 10.309,93.608 C7.683,99.653 6.214,106.413 6.214,113.548 C6.214,120.683 7.683,127.441 10.309,133.486 C13.179,140.097 13.179,147.845 10.309,154.452 C7.683,160.497 6.214,167.258 6.214,174.391 C6.214,181.526 7.683,188.286 10.309,194.330 C13.179,200.938 13.179,208.686 10.309,215.295 C7.683,221.339 6.214,228.099 6.214,235.234 C6.214,242.368 7.683,249.130 10.309,255.174 C13.179,261.782 13.179,269.531 10.309,276.137 C7.683,282.182 6.214,288.943 6.214,296.078 C6.214,303.212 7.683,309.972 10.309,316.016 C13.179,322.624 13.179,330.372 10.309,336.983 C7.683,343.027 6.214,349.787 6.214,356.922 C6.214,364.056 7.683,370.815 10.309,376.859 C13.179,383.470 13.179,391.217 10.309,397.825 C7.683,403.870 6.214,410.631 6.214,417.764 C6.214,424.900 7.683,431.660 10.309,437.705 C13.179,444.311 13.179,452.060 10.309,458.669 C7.683,464.715 6.214,471.473 6.214,478.607 C6.214,485.743 7.683,492.503 10.309,498.547 C13.179,505.156 13.179,512.905 10.309,519.513 C7.683,525.556 6.214,532.317 6.214,539.451 C6.214,546.587 7.683,553.346 10.309,559.391 C13.179,565.999 13.179,573.748 10.309,580.354 C7.683,586.400 6.214,593.159 6.214,600.294 C6.214,607.429 7.683,614.190 10.309,620.234 C13.179,626.843 13.179,634.590 10.309,641.198 C7.683,647.243 6.214,654.003 6.214,661.139 C6.214,686.870 25.321,707.731 48.892,707.731 C55.903,707.731 62.518,705.885 68.353,702.614 C74.225,699.324 81.102,699.324 86.974,702.614 C92.809,705.885 99.424,707.731 106.435,707.731 C113.445,707.731 120.060,705.885 125.896,702.614 C131.768,699.324 138.644,699.324 144.516,702.614 C150.351,705.885 156.967,707.731 163.977,707.731 C170.987,707.731 177.603,705.885 183.438,702.614 C189.310,699.324 196.186,699.324 202.058,702.614 C207.894,705.885 214.509,707.731 221.519,707.731 C228.530,707.731 235.145,705.885 240.980,702.614 C246.852,699.324 253.729,699.324 259.601,702.614 C265.436,705.885 272.051,707.731 279.061,707.731 C286.072,707.731 292.687,705.885 298.522,702.614 C304.394,699.324 311.271,699.324 317.143,702.614 C322.978,705.885 329.593,707.731 336.604,707.731 C343.614,707.731 350.229,705.885 356.065,702.614 C361.936,699.324 368.813,699.324 374.685,702.614 C380.520,705.885 387.136,707.731 394.146,707.731 C417.717,707.731 436.825,686.870 436.825,661.139 C436.825,654.003 435.356,647.243 432.730,641.198 C429.859,634.590 429.859,626.843 432.730,620.234 C435.356,614.190 436.825,607.429 436.825,600.294 C436.825,593.159 435.356,586.400 432.730,580.354 C429.859,573.748 429.859,565.999 432.730,559.391 C435.356,553.346 436.825,546.587 436.825,539.451 C436.825,532.317 435.356,525.556 432.730,519.513 C429.859,512.905 429.859,505.156 432.730,498.547 C435.356,492.503 436.825,485.743 436.825,478.607 C436.825,471.473 435.356,464.715 432.730,458.669 C429.859,452.060 429.859,444.311 432.730,437.705 C435.356,431.660 436.825,424.900 436.825,417.764 C436.825,410.631 435.356,403.870 432.730,397.825 C429.859,391.217 429.859,383.470 432.730,376.859 C435.356,370.815 436.825,364.056 436.825,356.922 C436.825,349.787 435.356,343.027 432.730,336.983 C429.859,330.372 429.859,322.624 432.730,316.016 C435.356,309.972 436.825,303.212 436.825,296.078 C436.825,288.943 435.356,282.182 432.730,276.137 C429.859,269.531 429.859,261.782 432.730,255.174 C435.356,249.130 436.825,242.368 436.825,235.234 C436.825,228.099 435.356,221.339 432.730,215.295 C429.859,208.686 429.859,200.938 432.730,194.330 C435.356,188.286 436.825,181.526 436.825,174.391 C436.825,167.258 435.356,160.497 432.730,154.452 C429.859,147.845 429.859,140.095 432.730,133.486 C435.356,127.441 436.825,120.683 436.825,113.548 C436.825,106.413 435.356,99.654 432.730,93.608 Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-size: contain;
  object-fit: cover;
}
#freshDelights .motif01 {
  position: absolute !important;
  width: 27%;
  right: -5%;
  bottom: -7%;
  z-index: 4;
}
#freshDelights .navArea {
  width: 93%;
  margin: 16% auto;
  padding: 13% 0 0;
  aspect-ratio: 690/1480;
  background: url("/img/interior/fresh_delights/nav_bg.png") top left/ contain no-repeat;
}
#freshDelights .navTtl {
  width: 68%;
  margin: 0 auto;
}
#freshDelights .navTtl .whiteTxt {
  width: 88%;
  margin: 5% auto 0;
  border-radius: 20px;
  font-size: 114%;
  color: #ffffff;
  background: #eb9eaf;
}
#freshDelights .navArea .slider {
  width: 88%;
  margin: 5% auto 6%;
}
#freshDelights .navArea nav ul {
  width: 85%;
  margin: 0 auto;
}
#freshDelights .navArea nav li a {
  display: flex;
  align-items: center;
  aspect-ratio: 583/178;
  gap: 17px;
  background: url("/img/interior/fresh_delights/nav_arw.png") 100% 50%/ 4.5% no-repeat;
  transition: 0.3s ease-in-out;
}
#freshDelights .navArea nav li:nth-child(n+2) {
  border-top: #eee7dd solid 2px;
}
#freshDelights nav img {
  width: 24%;
}
#freshDelights .navArea nav p {
  width: 66%;
  font-size: 121%;
  text-align: left;
  font-weight: bold;
  color: #6f9aae;
}
#freshDelights .navArea nav p:last-child {
  font-size: 114%;
}
#freshDelights #whiteitem .iconZoom00 {
  width: 22%;
  top: -2%;
  right: 2%;
  z-index: 2;
}
/* whiteItem */
#freshDelights #whiteitem {
  position: relative;
  background-image: url("/img/interior/fresh_delights/bg01.jpg");
  background-repeat: repeat-y;
  background-position: top left;
  background-size: 100% auto;
  padding: 30% 0 52%;
}
#freshDelights #whiteitem::before {
  content: "";
  position: absolute;
  background-image: url("/img/interior/fresh_delights/shape01_sp.png");
  top: 0;
  left: 0;
  display: block;
  aspect-ratio: 750 / 301;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
#freshDelights #whiteitem::after {
  content: "";
  position: absolute;
  background-image: url("/img/interior/fresh_delights/shape02_sp.png");
  bottom: 0;
  left: 0;
  display: block;
  aspect-ratio: 750 / 363;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
#freshDelights .subTtlArea {
  width: 47%;
  margin: 0 auto;
  position: relative;
  aspect-ratio: 350/200;
  text-align: center;
}
#freshDelights .subTtlArea span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#freshDelights .subBg {
  width: 76%;
  top: 4%;
}
#freshDelights .subIce {
  width: 25%;
  z-index: 3;
  top: 0;
}
#freshDelights .subTtl {
  width: 100%;
  z-index: 3;
  bottom: 0;
}
#freshDelights .ttl {
  width: 90%;
  margin: 1% auto 0;
  text-align: center;
}
/* zoom */
#freshDelights .zoomAnmt {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
#freshDelights .zoomAnmt img {
  display: block;
  transform-origin: center center;
  backface-visibility: hidden;
}
#freshDelights .zoomAnmt img.is-active {
  animation: zoomPulse 1s ease-out;
}
@keyframes zoomPulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.2);
  }
  100% {
      transform: scale(1);
  }
}
/* zoom END*/

#freshDelights div[class^="mainImg0"]  {
  position: relative;
}
#freshDelights span[class^="iconZoom0"] {
  position: absolute;
}
#freshDelights #whiteitem .iconZoom01 {
  width: 9%;
  top: -12%;
  left: 8%;
}
#freshDelights #whiteitem .iconZoom02 {
  width: 9%;
  bottom: -8%;
  right: 6%;
}
#freshDelights .mainImg {
  width: 96%;
  margin: 4% auto 2%;
}
#freshDelights .mainImgTxt {
  font-weight: 500;
}
#freshDelights .brownTxt {
  color: #a9834e;
}
#freshDelights .imgTtl {
  font-size: 161%;
  font-weight: bold;
}
#freshDelights .imgTtl + p {
  color: #535353;
}
#freshDelights .mainImg02 {
  margin-top: 15%;
}
#freshDelights .btn {
  position: relative;
  width: 51%;
  display: block;
  margin: 6% auto 0;
  clip-path: url(#spoonClip);
}
#freshDelights .btn::after {
  content: "";
  position: absolute;
  background: url("/img/interior/fresh_delights/more_arw.png") 50% 50%/contain no-repeat;
  width: 3.5%;
  right: 6%;
  top: 40%;
  transform: translateX(-50%);
  aspect-ratio: 14 / 22;
  transition: 0.3s ease-in-out;
}
#freshDelights .more {
  width: 28%;
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  right: 15%;
  z-index: 2;
}
#freshDelights .mainImg03 {
  margin-top: 9%;
}
#freshDelights .flex_rvs {
  transform: scaleX(-1);
}
#freshDelights .flex_rvs .more {
  transform: scaleX(-1) translateY(-50%);
}

/* pinkitem */
#freshDelights #pinkitem {
  position: relative;
  background-image: url("/img/interior/fresh_delights/bg02.jpg");
  background-repeat: repeat-y;
  background-position: top left;
  background-size: 100% auto;
  padding: 32% 0 52%;
  margin-top: -38%;
}
#freshDelights #pinkitem::after {
  content: "";
  position: absolute;
  background-image: url("/img/interior/fresh_delights/shape03_sp.png");
  bottom: 0;
  left: 0;
  display: block;
  aspect-ratio: 750 / 363;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
#freshDelights #pinkitem .iconZoom00 {
  width: 8%;
  top: -3%;
  left: 9%;
  z-index: 2;
}
#freshDelights #pinkitem .iconZoom01 {
  width: 16%;
  top: -8%;
  left: 6%;
}
#freshDelights .pinkTxt {
  color: #da4365;
}
#freshDelights #pinkitem .iconZoom02 {
  width: 18%;
  bottom: 12%;
  right: 6%;
  transform: scaleX(-1);
}
#freshDelights #pinkitem .iconZoom03 {
  width: 13%;
  bottom: 12%;
  left: 6%;
}
#freshDelights img[class^="motif0"] {
  position: absolute;
  z-index: 2;
}
#freshDelights .motif02 {
  width: 15%;
  right: -1%;
  top: 8%;
}
#freshDelights .motif03 {
  width: 23%;
  left: 0;
  bottom: 0;
}
#freshDelights #pinkitem .video {
  margin-top: 13%;
}
/* blueItem */
#freshDelights #blueitem {
  position: relative;
  background-image: url("/img/interior/fresh_delights/bg03.jpg");
  background-repeat: repeat-y;
  background-position: top left;
  background-size: 100% auto;
  padding: 30% 0 45%;
  margin-top: -34%;
}
#freshDelights #blueitem::after {
  content: "";
  position: absolute;
  background-image: url("/img/interior/fresh_delights/shape04_sp.png");
  bottom: 0;
  left: 0;
  display: block;
  aspect-ratio: 750 / 317;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
#freshDelights .blueTxt {
  color: #5e8895;
}
#freshDelights #blueitem .iconZoom01 {
  width: 9%;
  top: -12%;
  left: 8%;
}
#freshDelights #blueitem .iconZoom02 {
  width: 9%;
  bottom: 1%;
  right: 6%;
}
#freshDelights #blueitem .iconZoom03 {
  width: 9%;
  bottom: -2%;
  left: 10%;
}
#freshDelights #blueitem .iconZoom04 {
  width: 23%;
  bottom: 0%;
  right: 5%;
  z-index: 2;
}
#freshDelights #blueitem .mainImg02 {
  margin-top: 8%;
}
/* motifitem */
#freshDelights #motifitem {
  position: relative;
  background-image: url("/img/interior/fresh_delights/bg04.jpg");
  background-repeat: repeat-y;
  background-position: top left;
  background-size: 100% auto;
  padding: 30% 0 47%;
  margin-top: -35%;
}
#freshDelights #motifitem::after {
  content: "";
  position: absolute;
  background-image: url("/img/interior/fresh_delights/shape05_sp.png");
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
  aspect-ratio: 750 / 260;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#freshDelights #motifitem .iconZoom01 {
  width: 16%;
  top: -8%;
  left: 4%;
}
#freshDelights #motifitem .iconZoom02 {
  width: 19%;
  top: -19%;
  right: 4%;
}
#freshDelights #motifitem .iconZoom03 {
  width: 15%;
  bottom: -11%;
  left: 4%;
  z-index: 100;
}
#freshDelights #motifitem .mainImg03 {
  margin-top: 14%;
}

/* OtherItems */
#freshDelights .otherItems {
  position: relative;
  background-image: url("/img/interior/fresh_delights/bg05.jpg");
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 0 0 5%;
}
#freshDelights .otherTtl {
  width: 90%;
  margin: 0 auto;
}
#freshDelights .otherItems .othrlst {
  margin-top: 4%;
  padding: 0 2%;
}
#freshDelights .otherItems .othrlst ul {
  justify-content: center;
  padding-bottom: 10%;
  gap: 35px 10px;
  z-index: 10;
}
#freshDelights .otherItems .othrlst ul>li {
  width: 48%;
}
#freshDelights .otherItems .othrlst .itmimg {
  text-align: center;
  transition: 0.3s ease-in-out;
}
#freshDelights .otherItems .btnOther {
  width: 100%;
  margin-top: 6%;
}
#freshDelights .otherItems .btn_ot {
  font-size: 121%;
  font-weight: bold;
  color: #6f9aae;
  transition: 0.3s ease-in-out;
}
#freshDelights .otherItems .btn_ot .fontSmall {
  font-size: 94%;
}
#freshDelights .otherItems .btn_ot:hover {
  color: #345868;
}
#freshDelights .allitems {
  top: 47%;
  right: 13%;
}
#freshDelights .lastBtn .btn {
  margin: 0 auto;
}

/* contents */
@media screen and (min-width: 768px){
#freshDelights {
  max-width: 1500px;
  font-size: min(20px,2vw);
}
#freshDelights p {
  font-size: min(20px,2vw);
}
#freshDelights .forsp {
  display: none;
}
#freshDelights .forpc {
  display: block;
}
#freshDelights .kanbanArea {
  padding: 11% 0 23%;
  background: url("/img/interior/fresh_delights/kanbantxt_bg_pc.png") top left/ 100% no-repeat, #e8f3fa;
}
#freshDelights .kanbanIce {
  width: 12%;
  left: 1%;
  bottom: -2.5%;
}
#freshDelights .video {
  width: 46%;
  margin-top: 15%;
}
#freshDelights .navArea {
  width: 80%;
  margin: 15% auto;
  padding: 6% 0 0;
  aspect-ratio: 821/884;
  background: url("/img/interior/fresh_delights/nav_bg_pc.png") top left/ contain no-repeat;
}
#freshDelights .navTtl .whiteTxt {
  font-size: 138%;
}
#freshDelights .navArea .slider {
  width: 57%;
}
#freshDelights .navTtl {
  width: 55.5%;
}
#freshDelights .navArea nav p:last-child {
  font-size: min(20px,2vw);
}
#freshDelights .navArea nav ul {
  width: 92%;
  display: flex;
  justify-content: space-between;

  flex-direction: row;
  flex-wrap: wrap;
}
#freshDelights .navArea nav li a {
  aspect-ratio: 370 / 133;
}
#freshDelights .navArea nav ul li {
  width: 48%;
}
#freshDelights .navArea nav ul li:first-child {
  order: 1;
}
#freshDelights .navArea nav ul li:nth-child(2) {
  border-top: #eee7dd solid 2px;
  order: 3;
}
#freshDelights .navArea nav ul li:nth-child(3) {
  order: 2;
}
#freshDelights .navArea nav ul li:last-child {
  border-top: #eee7dd solid 2px;
  order: 4;
}
#freshDelights .navArea nav li:nth-child(n+2) {
  border-top: unset;
}
#freshDelights .navArea nav li a:hover {
  background-position-y: 55%;
}
#freshDelights #whiteitem::before {
  background-image: url("/img/interior/fresh_delights/shape01_pc.png");
  aspect-ratio: 1022/280;
  left: -1%;
  width: 101%;
}
#freshDelights #whiteitem {
  padding: 22% 0 36%;
  margin-top: -25%;
}
#freshDelights #whiteitem .iconZoom00 {
  width: 12%;
  top: -1.5%;
  right: 3%;
}
#freshDelights .subTtlArea {
  width: 31%;
  aspect-ratio: 350 / 195;
}
#freshDelights .ttl {
  width: 58%;
}
#freshDelights .mainImg {
  width: 63%;
  margin: 3% auto 2%;
}
#freshDelights #whiteitem .iconZoom01 {
  width: 5%;
  top: -10%;
  left: 22%;
}
#freshDelights #whiteitem .iconZoom02 {
  width: 6%;
  bottom: -8%;
  right: 20%;
}
#freshDelights .videoframeWrap {
  width: 84%;
  top: 4%;
}
#freshDelights .mainImg02 {
  margin-top: 9%;
}
#freshDelights .imgTtl {
  font-size: min(40px,3.9vw);
  line-height: 1.2;
  margin-bottom: 1%;
}
#freshDelights .btn {
  width: 33%;
}
#freshDelights .btn:hover::after {
  right: 4%;
}
#freshDelights .more {
  width: 25%;
  top: 52%;
}
#freshDelights #pinkitem .iconZoom00 {
  width: 6%;
  top: -4%;
  left: 18%;
}
#freshDelights #whiteitem::after {
  background-image: url("/img/interior/fresh_delights/shape02_pc.png");
  aspect-ratio: 1020/279;
}
#freshDelights #pinkitem {
  padding: 23% 0 32%;
  margin-top: -26%;
}
#freshDelights #pinkitem .iconZoom01 {
  width: 11%;
  top: -9%;
  left: 21%;
}
#freshDelights #pinkitem .iconZoom02 {
  width: 11%;
  bottom: 16%;
  right: 14%;
}
#freshDelights #pinkitem .iconZoom03 {
  width: 10%;
  bottom: 9%;
  left: 16%;
}
#freshDelights #pinkitem::after {
  background-image: url("/img/interior/fresh_delights/shape03_pc.png");
  aspect-ratio: 1022/284;
}
#freshDelights #blueitem {
  padding: 22% 0 35%;
  margin-top: -25%;
}
#freshDelights #blueitem .iconZoom01 {
  width: 6%;
  top: -10%;
  left: 20%;
}
#freshDelights #blueitem .iconZoom02 {
  width: 6%;
  bottom: -2%;
  right: 19%;
}
#freshDelights #blueitem .iconZoom03 {
  width: 7%;
  left: 14%;
}
#freshDelights #blueitem .iconZoom04 {
  width: 14%;
  bottom: 3%;
  right: 6%;
}
#freshDelights #blueitem::after {
  background-image: url("/img/interior/fresh_delights/shape04_pc.png");
  aspect-ratio: 1020/310;
}
#freshDelights #motifitem {
  padding: 30% 0 47%;
  margin-top: -26%;
}
#freshDelights #motifitem .iconZoom01 {
  width: 12%;
  top: -9%;
  left: 18%;
}
#freshDelights #motifitem .iconZoom02 {
  width: 12%;
  top: -18%;
  right: 20%;
}
#freshDelights #motifitem .iconZoom03 {
  width: 12%;
  bottom: -14%;
  left: 12%;
}
#freshDelights #motifitem::after {
  background-image: url("/img/interior/fresh_delights/shape05_pc.png");
  aspect-ratio: 1020/320;
}
#freshDelights .otherItems {
  background-image: url("/img/interior/fresh_delights/bg05_pc.jpg");
}
#freshDelights .otherItems h2 {
  width: 65%;
  position: relative;
  margin-top: -5%;
  z-index: 2;
}
#freshDelights .otherItems .othrlst {
  padding: 0 12%;
}
#freshDelights .otherItems .othrlst ul {
  padding-bottom: 5%;
}
#freshDelights .otherItems .btn_ot {
  font-size: min(22px,2.2vw);
  letter-spacing: unset;
}
#freshDelights .otherItems .othrlst .itmimg img {
  width: 90%;
}
#freshDelights .otherItems .btn a::before {
  inset: 7px;
}
#freshDelights .otherItems .btn a {
  width: 85%;
  aspect-ratio: 220/115;
}
#freshDelights .otherItems small {
  font-size: min(20px, 1.7vw);
}
#freshDelights .allitems {
  top: 46%;
  right: 14%;
}
}
/*///// animation /////*/
.anmt, .at-anmt1, .at-anmt2{
  position: relative;
  height: 100%;
}
.anmt, .anmt > div, .at-anmt1, .at-anmt2{
  opacity: 0;
}
.at-anmt1.animated{
  animation: mainshow1 .8s ease-in-out 0s forwards;
}
@keyframes mainshow1{
  10%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.at-anmt2.animated{
  animation: mainshow2 .8s ease-in-out .5s forwards;
}
@keyframes mainshow2{
  40%{
    opacity: 0;
    transform: translateY(100px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}
.anmt.animated, .anmt.animated > div{
  animation: boxshow 1s ease-in-out 0s forwards;
}
@keyframes boxshow{
  0%{
    opacity: 0;
    transform: translateY(70px);
  }
  100%{
    opacity: 1;
    transform: translateY(0px);
  }
}