@charset "UTF-8";
/* reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, figure img, picture img {
  vertical-align: baseline;
}

figure, picture {
  display: block;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

img {
  vertical-align: baseline;
  image-rendering: -webkit-optimize-contrast;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img[width="1"], img[width="0"] {
  display: none;
}

html {
  width: 100%;
  height: auto;
  line-height: 1;
  font-size: 16px;
  letter-spacing: normal;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #4c3223;
  line-height: 1.8;
  letter-spacing: 1px;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 500;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body::-moz-selection {
  background: rgba(233, 233, 233, 0.664);
}

body::selection {
  background: rgba(233, 233, 233, 0.664);
}

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  img {
    max-width: 100%;
  }
}

a:link {
  color: #4c3223;
  text-decoration: none;
}

a:hover {
  color: #8c9d7a;
  text-decoration: underline;
}

a:visited {
  color: #4c3223;
  text-decoration: none;
}

a:active {
  color: #8c9d7a;
  text-decoration: underline;
}

a.box {
  color: #4c3223;
  text-decoration: none;
}

a img,
a svg {
  outline: 0;
  text-decoration: none;
}

.item-tax,
.tax {
  font-size: 0.625rem;
}

@media only screen and (max-width: 768px) {
  body {
    font-weight: 400;
  }
}

#summerGift2025.lp {
  background: url(../images/ray-hennessy-gdTxVSAE5sk-unsplash.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
#summerGift2025.lp #left {
  position: fixed;
  top: 0;
  left: 0;
  width: 33%;
  height: 100vh;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  #summerGift2025.lp #left {
    display: none;
  }
}
#summerGift2025.lp #right {
  position: fixed;
  top: 0;
  right: 0;
  width: 33%;
  height: 100vh;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  #summerGift2025.lp #right {
    display: none;
  }
}
#summerGift2025.lp #middle {
  position: fixed;
  left: 33%;
  width: 34%;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  background: #fcf8f4;
  z-index: 2;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 768px) {
  #summerGift2025.lp #middle {
    width: 100%;
    position: static;
  }
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #globalHeader {
  width: 100%;
  height: 38vh;
  background: url(../images/ray-hennessy-gdTxVSAE5sk-unsplash.jpg) center no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  #summerGift2025.lp .lp2025S-wrapper .lp2025S #globalHeader {
    height: 45vh;
  }
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #globalHeader .inner {
  width: 100%;
  height: 100%;
  position: relative;
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #globalHeader .inner .page-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 67.5%;
}
@media only screen and (max-width: 768px) {
  #summerGift2025.lp .lp2025S-wrapper .lp2025S #globalHeader .inner .page-title {
    width: 90%;
  }
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #globalHeader .inner .page-title img {
  width: 100%;
  height: auto;
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #giftNav ol {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  background: #e6e6e6;
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #giftNav ol li {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #summerGift2025.lp .lp2025S-wrapper .lp2025S #giftNav ol li {
    font-size: 0.8125rem;
  }
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #giftNav ol li a {
  display: block;
  height: 100%;
  padding: 1.5rem 0;
  position: relative;
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #giftNav ol li a::after {
  content: "▼";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.625rem;
}
#summerGift2025.lp .lp2025S-wrapper .lp2025S #giftNav ol li a:hover {
  background: #fff;
}

.indexSection {
  padding: 2.875rem 0;
  word-break: break-word;
}
.indexSection .indexSection-inner {
  width: 80%;
  margin-inline: auto;
}
@media only screen and (max-width: 768px) {
  .indexSection .indexSection-inner {
    width: 90%;
  }
}
.indexSection h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  word-break: break-word;
}

.hello {
  text-align: center;
  margin-bottom: 2.875rem;
}
.hello h3 {
  margin-top: 2rem;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.info .arrow-wrap {
  display: flex;
  text-align: center;
  margin: 2.875rem 0;
}
.info .arrow-wrap .arrows {
  -webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
          clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
  justify-content: center;
  font-size: 0.8125rem;
  letter-spacing: normal;
  text-align: center;
  padding: 1rem 0;
  font-weight: 700;
}
.info .arrow-wrap .arrows .aub {
  font-size: 0.725rem;
  font-weight: normal;
  letter-spacing: normal;
}
.info .arrow-wrap .arrows:nth-child(1) {
  background: #ecc199;
  width: 35%;
}
.info .arrow-wrap .arrows:nth-child(2) {
  background: #cbdba7;
  margin-left: -2.5%;
  width: 35%;
}
.info .arrow-wrap .arrows:nth-child(3) {
  background: #76c1c3;
  margin-left: -2.5%;
  width: 35%;
}
.info .detail-wrap {
  background: #fff;
  padding: 2.875rem 0;
}
.info .detail-wrap .details h3 {
  text-align: center;
  position: relative;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
}
.info .detail-wrap .details h3 span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.info .detail-wrap .details h3:before {
  content: "";
  width: 15%;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .info .detail-wrap .details h3:before {
    width: 10%;
  }
}
.info .detail-wrap .details h3:after {
  content: "";
  width: 15%;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .info .detail-wrap .details h3:after {
    width: 10%;
  }
}
.info .detail-wrap .details dl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.info .detail-wrap .details dl dt {
  width: 26%;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
}
.info .detail-wrap .details dl dd {
  width: 74%;
  padding-left: 4%;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.info .detail-wrap .details dl dd span {
  font-size: 0.875rem;
}
.info .detail-wrap .details dl + dl {
  margin-top: 0.5rem;
}
.info .detail-wrap .details.haya-1 h3, .info .detail-wrap .details.haya-1 dd {
  color: #5ba7c4;
}
.info .detail-wrap .details.haya-1 dt {
  border-radius: 5px;
  background: #5ba7c4;
  text-align: center;
  color: #fff;
}
.info .detail-wrap .details.haya-1 h3:before, .info .detail-wrap .details.haya-1 h3:after {
  background: #5ba7c4;
}
.info .detail-wrap .details.haya-2 {
  margin-top: 2rem;
}
.info .detail-wrap .details.haya-2 h3, .info .detail-wrap .details.haya-2 dd {
  color: #c38287;
}
.info .detail-wrap .details.haya-2 dt {
  border-radius: 5px;
  background: #c38287;
  text-align: center;
  color: #fff;
}
.info .detail-wrap .details.haya-2 h3:before, .info .detail-wrap .details.haya-2 h3:after {
  background: #c38287;
}

.calendar {
  background: #fff;
}
.calendar .swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.calendar .swiper2 {
  position: relative;
}
.calendar .swiper2 .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, -30px);
}
.calendar .swiper2 .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, -30px);
}

.slideBg .swiper .swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}

#itemsAll h2 {
  background: url(../images/24875681_l.jpg) center no-repeat;
  background-attachment: fixed;
  background-size: contain;
  width: 100%;
  height: 8rem;
  position: relative;
  margin-bottom: 2rem;
}
#itemsAll h2 span {
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 1rem;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
}
#itemsAll .items-wrap .item + .item {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e6e6e6;
}
#itemsAll .items-wrap .item a {
  display: block;
}
#itemsAll .items-wrap .item a .a-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
#itemsAll .items-wrap .item a .a-inner picture {
  overflow: hidden;
}
#itemsAll .items-wrap .item a .a-inner picture img {
  width: 100%;
  height: auto;
}
#itemsAll .items-wrap .item a .a-inner .text-bloc .name {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#itemsAll .items-wrap .item a .a-inner .text-bloc .name span {
  font-size: 0.625rem;
  font-weight: 700;
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  background: #d32e55;
  margin-right: 12px;
  color: #fff;
}
#itemsAll .items-wrap .item a .a-inner .text-bloc .tax {
  font-size: 0.725rem;
}
#itemsAll .items-wrap .item a .a-inner .text-bloc .original-price {
  text-decoration: line-through;
  font-size: 0.875rem;
}
#itemsAll .items-wrap .item a .a-inner .text-bloc .price {
  color: #d32e55;
  font-size: 0.875rem;
  font-weight: 700;
}
#itemsAll .items-wrap .item a .a-inner .text-bloc .price strong {
  font-size: 1.125rem;
}
#itemsAll #choices {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #d32e55;
}
#itemsAll .caution {
  background: #edd8c4;
  padding: 2rem;
  box-sizing: border-box;
  color: #d32e55;
  margin-bottom: 2rem;
  list-style: none;
}
#itemsAll .choice-wrap strong {
  font-weight: 700;
}
#itemsAll .choice-wrap .price .choice-price {
  font-size: 1.25rem;
}
#itemsAll .choice-wrap .choices {
  margin-bottom: 2rem;
}
#itemsAll .choice-wrap .choices picture {
  width: 100%;
  margin-bottom: 0.5rem;
}
#itemsAll .choice-wrap .choices picture img {
  width: 100%;
  height: auto;
}
#itemsAll .choice-wrap .choices .text-bloc .choice-name {
  font-weight: 700;
  margin-bottom: 0.5rem;
}

#faqs .faq-wrap {
  margin-top: 2rem;
}
#faqs .faq-wrap .faqs .faq-q-wrap, #faqs .faq-wrap .faqs .faq-a-wrap {
  display: grid;
  grid-template-columns: 11fr 90fr;
  align-items: center;
}
#faqs .faq-wrap .faqs .faq-q, #faqs .faq-wrap .faqs .faq-a {
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  position: relative;
}
#faqs .faq-wrap .faqs .faq-q span, #faqs .faq-wrap .faqs .faq-a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#faqs .faq-wrap .faqs .faq-q {
  background: #bfa188;
}
#faqs .faq-wrap .faqs .q-cont {
  background: #edd8c4;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
#faqs .faq-wrap .faqs .faq-a {
  background: #8c9d7a;
}
#faqs .faq-wrap .faqs .a-cont {
  background: #c2cdb8;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
#faqs .faq-wrap .faqs + .faqs {
  margin-top: 1rem;
}

.noshi {
  background: #edd8c4;
  padding: 2.875rem 0;
}
.noshi h2 {
  font-size: 1.125rem;
  text-align: center;
}
.noshi .grid-harf {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.noshi .grid-harf picture {
  overflow: hidden;
}
.noshi .grid-harf picture img {
  width: 100%;
  height: auto;
}
.noshi .grid-harf .text-bloc {
  font-size: 0.725rem;
}
.noshi .grid-harf .text-bloc h3 {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.noshi .grid-harf .text-bloc .caution {
  color: #d32e55;
  font-weight: 700;
  margin-top: 0.5rem;
}

#left .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#left .inner p {
  writing-mode: vertical-lr;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.725rem;
  position: absolute;
  left: 1rem;
  bottom: 10%;
}

#right .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
#right .inner ul {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
#right .inner ul li a svg {
  fill: #fff;
}

#pageup {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}/*# sourceMappingURL=style.css.map */