@charset "euc-jp";
/****************************************************************************************************************************/
/*
/*
/* = Top page Style
/*
/*
/****************************************************************************************************************************/
/*------------------------------------------------
 MV
--------------------------------------------------*/
#top {
  overflow: hidden;
}
#top #mv {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #top #mv {
    flex-direction: column-reverse;
  }
}
#top #mv .mv_catch {
  width: 50%;
  height: min(40vw, 400px);
  background: url("https://file003.shop-pro.jp/PA01503/783/assets/images/top/mv/bg01.png") no-repeat -46px center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 767px) {
  #top #mv .mv_catch {
    width: 100%;
    height: 73vw;
    background: url("https://file003.shop-pro.jp/PA01503/783/assets/images/top/mv/bg01_sp.png") no-repeat center center;
    background-size: 100%;
  }
}
#top #mv .mv_catch::after {
  content: "";
  display: block;
  background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/top/mv/bg02.png) no-repeat right bottom;
  width: 100%;
  height: 428px;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 1366px) {
  #top #mv .mv_catch::after {
    background-size: contain;
    height: 102%;
  }
}
@media screen and (max-width: 767px) {
  #top #mv .mv_catch::after {
    background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/top/mv/bg02_sp.png) no-repeat center 8px;
    background-size: cover;
    height: 73vw;
    padding-bottom: 30px;
  }
}
#top #mv .mv_catch-text {
  position: absolute;
  top: 48%;
  transform: translateY(-48%);
  right: min(7vw, 102px);
  color: #ffffff;
  font-size: 20px;
  text-shadow: 1px 2px 8px rgba(0, 129, 151, 0.8), 2px 1px 8px rgba(0, 129, 151, 0.8);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #top #mv .mv_catch-text {
    width: 100%;
    font-size: 15px;
    text-align: center;
    right: auto;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -48%);
  }
}
#top #mv .mv_catch-text small {
  display: block;
  font-size: 16px;
  padding-bottom: 16px;
}
@media screen and (max-width: 767px) {
  #top #mv .mv_catch-text small {
    text-align: center;
    font-size: 14px;
    padding-bottom: 12px;
  }
}
#top #mv #topSlider {
  width: 50%;
  height: min(40vw, 400px);
}
@media screen and (max-width: 767px) {
  #top #mv #topSlider {
    width: 100%;
    height: calc(100% - 73vw);
  }
}
#top #mv #topSlider .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #top #mv #topSlider .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
  }
}
#top #mv #topSlider .swiper-slide .catch {
  background-size: 100%;
  width: 864px;
  height: 418px;
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#top #mv #topSlider .swiper-slide.topSlider01 .catch {
  background-image: url("https://file003.shop-pro.jp/PA01503/783/assets/images/top/topSlider01_catch.png");
}
#top #mv #topSlider .swiper-slide.topSlider02 .catch {
  background-image: url("https://file003.shop-pro.jp/PA01503/783/assets/images/top/topSlider02_catch.png");
}
#top #mv #topSlider .swiper-slide.topSlider03 .catch {
  background-image: url("https://file003.shop-pro.jp/PA01503/783/assets/images/top/topSlider03_catch.png");
}

/*------------------------------------------------
  item slider
--------------------------------------------------*/
.content01 .container,
.content04 .container {
  position: relative;
  padding: 0;
}
.content01 .swiper-wrapper,
.content04 .swiper-wrapper {
  padding-bottom: 50px;
}
@media screen and (min-width: 1025px) {
  .content01 .swiper-button-prev,
  .content04 .swiper-button-prev {
    left: -30px;
  }
}
@media screen and (max-width: 1024px) {
  .content01 .swiper-button-prev,
  .content04 .swiper-button-prev {
    top: auto;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .content01 .swiper-button-prev,
  .content04 .swiper-button-prev {
    top: 34%;
    bottom: auto;
  }
}
@media screen and (min-width: 1025px) {
  .content01 .swiper-button-next,
  .content04 .swiper-button-next {
    right: -30px;
  }
}
@media screen and (max-width: 1024px) {
  .content01 .swiper-button-next,
  .content04 .swiper-button-next {
    top: auto;
    bottom: -12px;
  }
}
@media screen and (max-width: 767px) {
  .content01 .swiper-button-next,
  .content04 .swiper-button-next {
    top: 34%;
    bottom: auto;
  }
}

/*------------------------------------------------
  Content01  New items
--------------------------------------------------*/
.content01 {
  background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/common/content-bg.png) no-repeat center 60%;
}

.item-cnt--item {
  border: solid 1px #00b4ca;
  border-radius: 6px;
  overflow: hidden;
  height: 285px !important;
  transition: opacity 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
  .item-cnt--item {
    height: 220px !important;
  }
}
.item-cnt--item a {
  display: block;
  height: 100%;
  text-decoration: none;
}
.item-cnt--item_fig {
  background-color: #ffffff;
  height: 168px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .item-cnt--item_fig {
    height: 124px;
  }
}
.item-cnt--item_name {
  padding: 12px 10px 5px;
  line-height: 1.4;
  min-height: 62px;
  max-height: 76px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 767px) {
  .item-cnt--item_name {
    font-size: 14px;
    padding: 6px 10px 2px;
  }
}
.item-cnt--item_name span {
  color: #ff448c;
  display: inline-block;
  margin-right: 8px;
}
.item-cnt--item_price {
  padding: 5px 10px 12px;
  font-family: "Quicksand", sans-serif;
  color: #00b4ca;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .item-cnt--item_price {
    padding: 4px 10px 10px;
    font-size: 14px;
  }
}
.item-cnt--item.active a:hover {
  opacity: 1;
}
.item-cnt--item.notactive {
  opacity: 0.6;
}

.productlist {
  padding-top: 64px;
}
.productlist .item-cnt {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .productlist .item-cnt {
    justify-content: space-between;
  }
}
.productlist .item-cnt--item {
  width: calc((100% - 110px) / 4);
  margin: 10px 36px 32px 0;
}
.productlist .item-cnt--item:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .productlist .item-cnt--item {
    width: calc((100% - 16px) / 2);
    margin: 0px 0 20px;
  }
}

/*------------------------------------------------
 Content02
--------------------------------------------------*/
.content02 {
  position: relative;
  background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/common/content-bg.png) no-repeat center bottom;
}
@media screen and (max-width: 767px) {
  .content02 {
    background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/common/content-bg.png) repeat center center;
  }
}
.content02 h2 {
  background-image: url(https://file003.shop-pro.jp/PA01503/783/assets/images/top/content02/bg02.png), url(https://file003.shop-pro.jp/PA01503/783/assets/images/top/content02/bg01.png);
  background-repeat: no-repeat;
  background-position: center 52px, center top;
  text-align: center;
  height: 400px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .content02 h2 {
    height: 300px;
    background-image: url(https://file003.shop-pro.jp/PA01503/783/assets/images/top/content02/bg02_sp.png), url(https://file003.shop-pro.jp/PA01503/783/assets/images/top/content02/bg01_sp.png);
    background-repeat: no-repeat;
    background-size: contain, cover;
    background-position: center 10px, center top;
  }
}
.content02 h2 span {
  display: inline-block;
  margin: 0 auto 20px;
}
@media screen and (max-width: 767px) {
  .content02 h2 span {
    padding: 0 25px;
  }
}
.content02-main .col-wrap {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .content02-main .col-wrap {
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 32px;
  }
}
.content02-main .cont-img {
  width: 100%;
  max-width: 1000px;
  margin-top: -64px;
}
.content02-main .cont-img img {
  border-radius: 4px;
}
.content02-main .cont-text {
  text-align: center;
  font-size: 20px;
  padding: 48px 0;
}
@media screen and (max-width: 767px) {
  .content02-main .cont-text {
    font-size: 15px;
    line-height: 1.6;
  }
}
.content02-main .col-item {
  width: min(27vw, 290px);
  position: relative;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .content02-main .col-item {
    width: 100%;
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
}
.content02-main .col-item:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 1px;
  background: #7eaeb5;
  position: absolute;
  right: -32px;
  top: 0;
}
@media screen and (max-width: 767px) {
  .content02-main .col-item:not(:last-of-type)::after {
    width: 100%;
    height: 1px;
    right: 0;
    bottom: 0;
    top: auto;
  }
}
@media screen and (max-width: 767px) {
  .content02-main .col-item::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    background: #7eaeb5;
    position: absolute;
    right: -32px;
    top: 0;
    width: 100%;
    height: 1px;
    right: 0;
    bottom: 0;
    top: auto;
  }
}
@media screen and (max-width: 767px) {
  .content02-main .col-item--fig {
    max-width: 218px;
    margin: 0 auto;
  }
}
.content02-main .col-item--title {
  line-height: 1.8;
  text-align: center;
  padding: 16px 0 20px;
}
@media screen and (max-width: 767px) {
  .content02-main .col-item--title {
    font-size: 15px;
    padding: 12px 0 16px;
  }
}
.content02-main .col-item--title span {
  display: block;
  text-align: center;
  font-family: "Indie Flower", cursive;
  font-size: 35px;
}
.content02-main .col-item--desc {
  text-align: center;
  line-height: 1.8;
  font-size: min(1.7vw, 16px);
}
@media screen and (max-width: 767px) {
  .content02-main .col-item--desc {
    font-size: 14px;
  }
}
.content02-main .col-item:nth-of-type(1) {
  color: #5b8e33;
}
.content02-main .col-item:nth-of-type(2) {
  color: #651d62;
}
.content02-main .col-item:nth-of-type(3) {
  color: #ad421b;
  border-right: none;
}
.content02-slide .swiper {
  padding-bottom: 96px !important;
  padding-left: 55px !important;
}
@media screen and (max-width: 1024px) {
  .content02-slide .swiper {
    padding-left: 0 !important;
  }
}
.content02-slide_fig img {
  border-radius: 5px;
}
.content02-slide .base-button-prev,
.content02-slide .base-button-next {
  top: 44% !important;
}
@media screen and (max-width: 767px) {
  .content02-slide .base-button-prev,
  .content02-slide .base-button-next {
    top: calc((100% - 96px) / 2) !important;
  }
}
.content02-slide .base-button-prev {
  left: calc((100% - 1000px) / 2) !important;
}
@media screen and (max-width: 1024px) {
  .content02-slide .base-button-prev {
    left: 22px !important;
  }
}
@media screen and (max-width: 767px) {
  .content02-slide .base-button-prev {
    left: 6% !important;
  }
}
.content02-slide .base-button-next {
  right: calc((100% - 1000px) / 2) !important;
}
@media screen and (max-width: 1024px) {
  .content02-slide .base-button-next {
    right: 22px !important;
  }
}
@media screen and (max-width: 767px) {
  .content02-slide .base-button-next {
    right: 6% !important;
  }
}
.content02-slide .base-pagination {
  bottom: 48px !important;
}
@media screen and (max-width: 767px) {
  .content02-about {
    padding: 0 12px;
  }
}
.content02-about .flexSpace {
  flex-wrap: nowrap;
  padding: 64px 42px 64px;
  border: solid 1px #7eaeb5;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .content02-about .flexSpace {
    flex-direction: column;
    padding: 64px 15px 40px;
  }
}
.content02-about .cont-img {
  width: 34%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-img {
    width: 100%;
    padding-bottom: 48px;
  }
}
.content02-about .cont-img img {
  display: block;
  margin: 0 auto 24px;
  width: 100%;
  max-width: 220px;
  border-radius: 5px;
  box-shadow: 0px 5px 8px rgba(0, 94, 120, 0.25);
}
.content02-about .cont-img span {
  font-size: 14px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-img span {
    font-size: 14px;
  }
}
.content02-about .cont-detail {
  width: calc(66% - 30px);
}
@media screen and (max-width: 767px) {
  .content02-about .cont-detail {
    width: 100%;
  }
}
.content02-about .cont-detail-text {
  padding-bottom: 24px;
}
.content02-about .cont-detail-text h4 {
  padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-detail-text h4 {
    font-size: 14px;
  }
}
.content02-about .cont-detail-text p {
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-detail-text p {
    font-size: 14px;
  }
}
.content02-about .cont-detail-info {
  border-top: dashed 1px #7eaeb5;
  padding-top: 24px;
  color: #7eaeb5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-detail-info {
    font-size: 14px;
  }
}
.content02-about .cont-detail-info dt {
  width: 15%;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-detail-info dt {
    width: 20%;
  }
}
.content02-about .cont-detail-info dd {
  width: calc(85% - 5px);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .content02-about .cont-detail-info dd {
    width: calc(80% - 5px);
  }
}
.content02-about .cont-detail-info dd:first-of-type {
  margin-bottom: 12px;
}
.content02-map iframe {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 767px) {
  .content02-map iframe {
    height: 300px;
  }
}
.content02 .btn-wrap {
  text-align: center;
  padding-top: 32px;
  padding-bottom: 96px;
}
@media screen and (max-width: 767px) {
  .content02 .btn-wrap {
    padding-top: 16px;
    padding-bottom: 48px;
  }
}

.content03 {
  background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/common/content-bg.png) no-repeat center -850px;
  padding-top: 32px;
}
@media screen and (max-width: 767px) {
  .content03 {
    background: url(https://file003.shop-pro.jp/PA01503/783/assets/images/common/content-bg.png) no-repeat center top;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 30px;
  }
}
.content03 .container {
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 3px 8px rgba(0, 94, 120, 0.25);
  padding: 54px 62px 30px 45px;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .content03 .container {
    padding: 54px 14px 30px 14px;
  }
}
.content03 .container h3 {
  width: 440px;
  margin: 0 auto 25px;
}
@media screen and (max-width: 767px) {
  .content03 .container h3 {
    width: 100%;
  }
}
.content03 .container .lead {
  text-align: center;
  line-height: 1.6;
  margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
  .content03 .container .lead {
    font-size: 14px;
  }
}
.content03--desc {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content03--desc {
    flex-direction: column;
  }
}
.content03--desc .pickup-fig {
  width: 350px;
}
@media screen and (max-width: 767px) {
  .content03--desc .pickup-fig {
    width: 100%;
    padding: 0 20px;
  }
}
.content03--desc .pickup-fig--table {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .content03--desc .pickup-fig--table {
    margin-bottom: 10px;
  }
}
.content03--desc .pickup-fig--table table {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.content03--desc .pickup-fig--table th,
.content03--desc .pickup-fig--table td {
  border: solid 1px #7eaeb5;
  padding: 0px 18px;
  height: 60px;
}
@media screen and (max-width: 767px) {
  .content03--desc .pickup-fig--table th,
  .content03--desc .pickup-fig--table td {
    font-size: 14px;
    height: 48px;
  }
}
.content03--desc .pickup-fig--table p {
  color: #7eaeb5;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .content03--desc .pickup-fig--table p {
    font-size: 12px;
  }
}
.content03--desc .pickup-fig--table strong {
  font-weight: bold;
  line-height: 1.4;
}
.content03--desc .pickup-fig figure {
  margin: 0 auto;
}
.content03--desc .pickup-text {
  width: calc(100% - 400px);
}
@media screen and (max-width: 767px) {
  .content03--desc .pickup-text {
    width: 100%;
  }
}
.content03--desc .pickup-text p {
  margin-bottom: 30px;
  line-height: 1.6;
  font-size: min(1.7vw, 16px);
}
.content03--desc .pickup-text p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .content03--desc .pickup-text p {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.content03--desc .pickup-text span {
  line-height: 1.6;
  font-weight: bold;
  display: block;
}
.content03 .color-pink {
  color: #ff448c;
}
.content03 .color-blue {
  color: #00afdd;
}

@media screen and (max-width: 767px) {
  .content04 > .container {
    padding: 0;
  }
}