@charset "UTF-8";
.contents-area {
  width: 100% !important;
  margin: 0 auto !important;
}

.summer2025-02 {
  width: 100%;
  font-weight: 400;
  font-style: normal;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  overflow: hidden;
  padding-block-end: 100px;
}
.summer2025-02 a:not(.swiper-slide a):hover {
  opacity: 0.9;
  transition: all 0.5s;
  text-decoration: none;
}
.summer2025-02 .swiper-slide a:hover {
  opacity: 0.95;
  transition: all 0.5s;
  text-decoration: none;
}
.summer2025-02 .pc_no {
  display: none;
}
.summer2025-02 .kv {
  inline-size: 100%;
  block-size: 510px;
}
.summer2025-02 .kv__inr {
  inline-size: 1190px;
  margin-inline: auto;
  position: relative;
}
.summer2025-02 .lead {
  padding-block: 60px 55px;
}
.summer2025-02 .lead p {
  text-align: center;
  font-size: 24px;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  line-height: 1.667;
  color: #1d0707;
}
.summer2025-02 .main .sec {
  padding-block-end: 130px;
}
.summer2025-02 .main .sec .sec__telop {
  padding-block: 85px 36px;
}
.summer2025-02 .main .sec .sec__telop .loop-photo {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  inline-size: 100%;
  margin-inline: auto;
  overflow: hidden;
}
.summer2025-02 .main .sec .sec__telop .loop-photo ul {
  padding: 0;
  display: flex;
  flex-shrink: 0;
  padding-inline-start: 40px;
}
.summer2025-02 .main .sec .sec__telop .loop-photo ul:first-child {
  animation: slide1 80s -40s linear infinite;
}
.summer2025-02 .main .sec .sec__telop .loop-photo ul:last-child {
  animation: slide2 80s linear infinite;
}
.summer2025-02 .main .sec .sec__telop .loop-photo ul li {
  display: inline-block;
  width: 414px;
  list-style: none;
  text-align: center;
}
.summer2025-02 .main .sec .sec__telop .loop-photo ul li:not(:nth-last-child(1)) {
  margin-inline-end: 40px;
}
.summer2025-02 .main .sec__inr {
  inline-size: 1190px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 252px 238px 209px 179px 312px;
  grid-template-rows: 786px 60px 680px;
}
.summer2025-02 .main .sec__inr__patapata {
  position: relative;
  grid-row: 1/2;
}
.summer2025-02 .main .sec__inr__patapata .opening {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.summer2025-02 .main .sec__inr__patapata .pata {
  position: absolute;
  z-index: 0;
}
.summer2025-02 .main .sec__inr__patapata .p1 {
  top: 0;
  left: 0;
}
.summer2025-02 .main .sec__inr__patapata .p2 {
  top: 0;
  right: 0;
}
.summer2025-02 .main .sec__inr__patapata .p3 {
  bottom: 0;
  left: 0;
}
.summer2025-02 .main .sec__inr__patapata .p4 {
  bottom: 0;
  right: 0;
}
.summer2025-02 .main .sec__inr__details {
  grid-row: 1/2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.summer2025-02 .main .sec__inr__details__icon {
  padding-block: 50px 40px;
}
.summer2025-02 .main .sec__inr__details__name p {
  color: #120101;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 40px;
  font-feature-settings: "palt";
}
.summer2025-02 .main .sec__inr__details__line {
  inline-size: 28px;
  block-size: 1px;
  margin-inline: auto;
  background-color: #000000;
  margin-block: 25px;
}
.summer2025-02 .main .sec__inr__details__price p {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 38px;
  color: #120101;
}
.summer2025-02 .main .sec__inr__details__price p .yen {
  margin-inline-end: 10px;
  display: inline-block;
}
.summer2025-02 .main .sec__inr__details__text {
  padding-block: 86px;
}
.summer2025-02 .main .sec__inr__details__text p {
  color: #120101;
  text-align: center;
  font-size: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  line-height: 1.75;
}
.summer2025-02 .main .sec__inr__photo {
  grid-row: 3/4;
  position: relative;
}
.summer2025-02 .main .sec__inr__photo__logo {
  position: absolute;
  bottom: 0;
  left: 0;
}
.summer2025-02 .main .sec__inr__photo__logo p {
  font-family: raleway, sans-serif;
  font-weight: 200;
  color: #1c0303;
  font-feature-settings: "palt";
  font-size: 27px;
  letter-spacing: 0.03em;
  writing-mode: vertical-rl;
  line-height: 1.1;
}
.summer2025-02 .main .sec__inr__photo__logo p span {
  margin-inline-start: 7px;
  font-size: 64px;
}
.summer2025-02 .main .sec__inr__photo__slide {
  inline-size: 550px;
  position: absolute;
  top: 0;
  right: 0;
}
.summer2025-02 .main .sec:nth-child(odd) {
  background-color: #fafaf8;
}
.summer2025-02 .main .sec:nth-child(odd) .sec__inr__patapata {
  grid-column: 1/4;
}
.summer2025-02 .main .sec:nth-child(odd) .sec__inr__details {
  grid-column: 4/6;
}
.summer2025-02 .main .sec:nth-child(odd) .sec__inr__photo {
  grid-column: 2/5;
}
.summer2025-02 .main .sec:nth-child(2n) .sec__inr__patapata {
  grid-column: 3/6;
}
.summer2025-02 .main .sec:nth-child(2n) .sec__inr__details {
  grid-column: 1/3;
}
.summer2025-02 .main .sec:nth-child(2n) .sec__inr__photo {
  grid-column: 2/5;
}
.summer2025-02 .main .sec.s1 .sec__telop {
  padding-block-start: 36px;
}
.summer2025-02 .main .sec.s1 .sec__inr__details__name p span {
  color: #729f45;
}
.summer2025-02 .main .sec.s1 .sec__inr__details__text p span {
  background: linear-gradient(transparent 60%, #e7f4d4 60%);
}
.summer2025-02 .main .sec.s1 .sec__inr__photo__logo p span {
  color: #acb762;
}
.summer2025-02 .main .sec.s2 .sec__inr__details__name p span {
  color: #e7b211;
}
.summer2025-02 .main .sec.s2 .sec__inr__details__text p span {
  background: linear-gradient(transparent 60%, #fff6d8 60%);
}
.summer2025-02 .main .sec.s2 .sec__inr__photo__logo p span {
  color: #ffd040;
}
.summer2025-02 .main .sec.s3 .sec__inr__details__name p span {
  color: #cc7f56;
}
.summer2025-02 .main .sec.s3 .sec__inr__details__text p span {
  background: linear-gradient(transparent 60%, #f6e3d9 60%);
}
.summer2025-02 .main .sec.s3 .sec__inr__photo__logo p span {
  color: #d09d82;
}
.summer2025-02 .main .sec.s4 .sec__inr__details__name p span {
  color: #ff8245;
}
.summer2025-02 .main .sec.s4 .sec__inr__details__text p span {
  background: linear-gradient(transparent 60%, #ffe0d1 60%);
}
.summer2025-02 .main .sec.s4 .sec__inr__photo__logo p span {
  color: #ffa77d;
}

/*==================================
Swiper
===================================*/
.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.swiper-container .swiper-slide {
  width: 100%;
  overflow: hidden;
}
.swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

/*===================================
 Loop 
 ===================================*/
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.checkall-item {
  inline-size: 100%;
  padding-block: 67px 70px;
  background: #fafaf8;
  position: relative;
  margin-block-start: 53px;
}
.checkall-item img {
  position: relative;
}
.checkall-item__ttl {
  text-align: center;
  line-height: 1;
  font-family: raleway, sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 51.2px;
  font-feature-settings: "palt";
  color: #1c0606;
  padding-block-end: 55px;
}
.checkall-item .loop-photo {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  inline-size: 1430px;
  margin-inline: auto;
  overflow: hidden;
  padding-block-end: 50px;
}
.checkall-item .loop-photo ul {
  padding: 0;
  display: flex;
  flex-shrink: 0;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-inline-start: 10px;
}
.checkall-item .loop-photo ul:first-child {
  animation: slide1 80s -40s linear infinite;
}
.checkall-item .loop-photo ul:last-child {
  animation: slide2 80s linear infinite;
}
.checkall-item .loop-photo ul li {
  display: inline-block;
  width: 230px;
  list-style: none;
  text-align: center;
}
.checkall-item__btn {
  inline-size: 269px;
  margin: 0 auto;
}

.page-btn {
  padding-block: 105px 100px;
}
.page-btn a {
  display: block;
  text-align: center;
}

/*==================================
page footer inc (new arrival / news / sns)
===================================*/
.topics {
  max-width: 1190px;
  margin: auto;
  padding-top: 50px;
  font-family: "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.topics .shoolarue__ttl {
  margin: 50px auto 0;
  text-align: center;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "小塚ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 22px;
  font-weight: 400;
  color: #333333;
  padding: 10px 0 30px;
  letter-spacing: 0.2em;
}

.box_news {
  width: 1190px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box_news .box_cnt:nth-child(n+4) {
  display: none;
}

.topics .box_cnt img {
  width: 375px;
  margin: auto;
}

.box_news .news_day,
.box_news .news_ttl {
  display: none;
}

.topics .btn {
  text-align: center;
  margin: 50px 0 80px 0;
}

.topics a:hover {
  opacity: 0.7;
  transition: all 0.5s;
  text-decoration: none;
}

.other {
  background-color: #fff;
  padding: 0;
}

.other_inr {
  width: 1190px;
  margin: 0 auto;
}

.other .ttl_sub {
  font-family: futura-pt, sans-serif;
  font-size: 36px;
  font-feature-settings: "palt";
  font-weight: 300;
  color: #343434;
  padding: 10px 0 45px;
  letter-spacing: 0.06em;
  text-align: center;
}

.other .block_item {
  width: 200px !important;
  margin: 0 15px 15px !important;
  display: block;
  position: relative;
}

.other .list_search-result {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1190px;
}

.other .list_search-result .block_item .search-result__item--photo img {
  width: 200px;
  height: auto;
  display: flex;
}

.other .ranking_item_photo {
  width: 200px !important;
  height: auto;
}

.other .ranking_item_photo img {
  width: 200px !important;
  height: auto;
}

.other .block_campaign2,
.other .txt_sale-rate {
  display: none;
}

.other .item .btn {
  text-align: center;
  margin: 20px 0 50px 0;
}

.other .wrap_description .wrap_price {
  text-align: center;
  line-height: 1.5em;
}

.btm-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 0;
}

.btm-info__logo {
  width: 250px;
  margin-bottom: 40px;
}

.btm-info__logo img {
  width: 100%;
  height: auto;
}

.btm-info__sns {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.btm-info__sns a {
  width: 50px;
}

.btm-info__sns a img {
  width: 100%;
  height: auto;
}

.btm-info__sns a:nth-of-type(2) {
  margin-left: 25px;
  margin-top: 3px;
  width: 42px;
}

.btm-info__sns a:nth-of-type(3) {
  margin-left: 30px;
}

.btm-info__note > p {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  letter-spacing: 0.153em;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.btm-info__note > p::before {
  content: "※";
}

/*===================================
FADE
===================================*/
.fadein {
  opacity: 0;
  /* -webkit-transform: translateX(30px); */
  /* transform: translateX(30px); */
  transition: all 1.5s;
  z-index: 3;
}

.fadeinTop {
  animation-name: fadeInAnimate;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

@keyframes fadeInAnimate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.fadeinTop.delay01 {
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.fadeinTop.delay02 {
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}
.fadeinTop.delay03 {
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
}
.fadeinTop.delay04 {
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

/*===================================
 patapata
 ===================================*/
.ani.fadeBg {
  animation: fade-ani 0.5s cubic-bezier(0.54, 0.174, 0.304, 1) forwards;
  animation-iteration-count: 1;
  opacity: 1;
}
@keyframes fade-ani {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

.ani.ani-pata {
  animation: rotateAni 0.5s cubic-bezier(0.54, 0.174, 0.304, 1) forwards;
  animation-iteration-count: 1;
  opacity: 0;
}
@keyframes rotateAni {
  0% {
    opacity: 0;
    transform: rotateY(180deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(360deg);
  }
}

.ani.time01 {
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}
.ani.time02 {
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.ani.time03 {
  animation-delay: 1.3s;
  animation-fill-mode: forwards;
}
.ani.time04 {
  animation-delay: 1.6s;
  animation-fill-mode: forwards;
}
.ani.time05 {
  animation-delay: 1.9s;
  animation-fill-mode: forwards;
}/*# sourceMappingURL=pc_style.css.map */