@charset "UTF-8";
/* CSS Document */
/* 共通Mixins
----------------*/
/* common
-----------------------------*/
#contents {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: calc(54px + 14%);
}
#contInner {
  width: 100%;
  margin: 0;
}
#contentsArea {
  width: 100%;
}
#wrapper #main {
  padding-top: 0;
}
#main {
  margin-bottom: 0;
}
#wrapper .pc_appear {
  display: none;
}
#wrapper .sp_appear {
  display: block;
}
#spMenuWrap {
  display: block;
}
/* ----------------------------
  content
------------------------------*/
.contents {
  padding-block-end: min(40px, calc(40 / 375 * 100%));
}

.contents:nth-of-type(2n) {
  background: var(--sub-color);
}

.contents__inner {
  width: 89.333%;
  margin-inline: auto;
}

.contents__title {
  margin-block: min(33px, calc(33 / 334 * 100%)) min(25px, calc(25 / 334 * 100%));
  text-align: center;
}

/* shop
--------------------------------*/
.shop__contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(10px, 3.733vw, 14px);
  row-gap: clamp(11px, 4vw, 15px);
}

.shop__item {
  border: 3px solid #000;
}

.shop__item.fashion {
  border-color: #F795C6;
}

.shop__item.goods {
  border-color: #6FB863;
}

.shop__item.gourmet {
  border-color: #E19E2B;
}

.shop__item.service {
  border-color: #84B4E3;
}

/* shop modal
--------------------------------*/
.shop-modal__header {
  padding-block: min(12px, calc(12 / 335 * 100%));
  padding-inline: min(20px, calc(20 / 335 * 100%)) min(10px, calc(10 / 1280 * 100%));
}

/* モーダル ボディ */
.shop-modal__body {
  width: 89.333%;
  margin-block: min(30px, calc(30 / 335 * 100%));
  margin-inline: auto;
}
.shop-modal__body-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-block: min(80px, calc(80 / 1280 * 100%));
  padding-inline: min(60px, calc(60 / 1280 * 100%));
}
.shop-modal__left {
  width: 100%;
}
.shop-modal__left > *:nth-last-child(2) {
  margin-block-end: 0;
}
.shop-modal__logo {
  max-width: 240px;
  width: 100%;
  margin-block-end: min(15px, calc(15 / 255 * 100%));
  margin-inline: auto;
}
.shop-modal__category {
  margin-block-end: min(30px, calc(30 / 255 * 100%));
}
.shop-modal__desc {
  margin-block-end: min(20px, calc(20 / 255 * 100%));
}
.shop-modal__list {
  margin-block-end: min(20px, calc(20 / 255 * 100%));
}
.shop-modal__link {
  margin-block-start: min(28px, calc(28 / 255 * 100%));
}
.shop-modal__link::before {
  width: 6%;
}

/* event
--------------------------------*/
.event__contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: clamp(25px, 2vw, 40px);
  row-gap: clamp(15px, 2.34375vw, 30px);
}

.event__item:first-child {
  grid-column: 1 / -1;
}

/* renewal
--------------------------------*/
.renewal__contents {
  max-width: 1000px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 1.65vw, 33px);
}

.renewal__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  padding: min(25px, calc(25 / 335 * 100%)) min(20px, calc(20 / 335 * 100%));
  box-shadow: 3px 3px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.renewal__item-image {
  display: flex;
  width: 100%;
  margin-bottom: min(15px, calc(15 / 295 * 100%));
  justify-content: center;
}

.renewal__item-discription {
  width: 100%;
}

.renewal__item-title {
  font-size: 1.8rem;
  margin-block-end: min(10px, calc(10 / 295 * 100%));
}

/* sns
--------------------------------*/
.sns__discription {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-block-end: min(40px, calc(40 / 335 * 100%));
}

.sns__title {
  margin-block-end: min(25px, calc(25 / 335 * 100%));
}

.sns__icon {
  display: flex;
  justify-content: center;
  gap: clamp(20px, 8vw, 30px);
  margin-block-end: min(40px, calc(40 / 335 * 100%));
}

/* flaot btn */
.float_btn_area.float_btn_area_sp {
  position: static;
  width: 100%;
  text-align: center;
}

.float_btn_area_pc {
  display: none;
}
.float_btn_area_sp {
  display: block;
  width: 100%;
  ;
}
/* header-top */
#headerSymbol {
  display: none;
}
.header_top {
  display: block;
}
.spCont {
  display: block;
}.spCont img {
  border-top: solid 1px #000;
}
/* footer */
#footerInfo .address {
  margin-bottom: 0;
}
.name, .address {
  display: none;
}
#copyright {
  width: 100%;
  text-align: center;
  position: static;
}