@charset "utf-8";

.inner-block {
  padding: 0 40px;
}
@media screen and (max-width: 1024px) {
  .inner-block {
    padding: 0 25px;
  }
  
  .tab {
    display: block !important;
  }
  
  .pc02 {
    display: none !important;
  }
}

.pc03 {
  display: none !important;
}

.tab02 {
  display: block !important;
}


/*------------------------------------------------------------------------------
header
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  .header-kv .inner::before {
    background-size:
      auto 16px,
      auto 50px;
  }
  .nav-list > li {
    padding-right: 1.5em;
  }
  .nav-shop > .c-btn .text {
    display: none;
  }
  .nav-child-list {
    left: auto;
    right: 0;
  }
}


/*------------------------------------------------------------------------------
main
------------------------------------------------------------------------------*/
.contents-head > .title {
  right: 10%;
}
.contents-body {
  padding-left: 5%;
}
.contents-list-col2 > li {
  width: 48%;
}

.contents-list-slider {
  padding: 0 10%;
}

.contents-main-area {
  width: calc(100% - 329px);
}


@media screen and (max-width: 1024px) {
  .contents-head {
    margin-right: -60px;
  }
  .contents-head > .title {
    width: 22%;
    right: 4%;
    top: 25%;
  }
  .contents-list li {
    padding: 25px;
  }
  .contents-list-slider {
    padding: 0 40px;
  }
  .contents-list-slider .slick-slide li {
    padding: 0;
  }
  .contents-sidebar-area {
    padding-right: 50px;
  }
  .contents-main-area {
    width: calc(100% - 249px);
  }
}


/* slider */
.slick-list,
.slick-slide {
  margin-right: 0;
}
.slick-slide {
  margin: 0;
}
.slick-arrow.prev {
  left: 0;
}
.slick-arrow.next {
  right: 0;
}
@media screen and (min-width: 1025px) {
  .contents-list-slider .slick-slide li {
    width: 360px !important;
  }
  .slick-list::after {
    content: none;
  }
}
@media screen and (max-width: 1024px) {
  .slick-slide {
    margin-right: 40px;
  }
  .slick-list {
    margin-right: -40px;
  }
  .slick-list::after {
    width: 40px;
  }
  .slick-slide img {
    width: 100%;
  }
  .slick-dots li {
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .life-block .inner-block,
  .seasons-block .inner-block,
  .food-block .inner-block,
  .family-block .inner-block {
    padding: 0 60px !important;
  }
}


/*------------------------------------------------------------------------------
subpage
------------------------------------------------------------------------------*/
.subpage-subttl {
  display: none;
}

.mountain-all {
  margin-left: 100px;
}

.subpage-pagenation-block {
  padding: 0 40px;
}

.subpage-subttl {
  left: 60px;
}

@media screen and (max-width: 1024px) {
  .subpage-pagenation-block {
    padding: 0 25px;
  }
  
  .subpage-kv .inner {
    padding: 0 25px;
  }
  
  .subpage-mainttl {
    right: 25px;
  }
  
  .subpage-subttl {
    left: 25px;
  }
}


/*------------------------------------------------------------------------------
life
------------------------------------------------------------------------------*/
.parts-img-block {
  width: 40%;
  margin-right: 5%;
}

.parts-txt-block {
  width: 50%;
}

.parts-txt-block.left {
  margin-right: 5%;
}

.parts-img-block img {
  border-radius: 6%;
}


/*------------------------------------------------------------------------------
food
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  .food-right-inner-block:after {
    width: 42px;
    height: 42px;
    right: 20px;
  }
  
  .food-column-txt {
    font-size: 17px;
  }
  
  .food-column-ttl:after {
    margin-top: 15px;
  }
  
  .food-column-txt {
    margin-top: 15px;
  }
  
  .food-right-inner-block {
    padding: 0 85px 0 43px;
  }
}


/*------------------------------------------------------------------------------
staff
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  .staff-body-bottom .right {
    padding-left: 33px;
  }
}


/*------------------------------------------------------------------------------
column
------------------------------------------------------------------------------*/
.inner-block .column-bg-white {
  background-size: 30%;
  background-position: 23% 93%;
  padding: 60px;
}


/*------------------------------------------------------------------------------
message
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  .message-kv-inner-block {
    width: 90%;
  }
}