@charset "UTF-8";
@import 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap';
/* Light 300
Regular 400
Medium 500
Bold 700
Black 900 */
/* メインカラー 100% */
/* メインカラー 10% */
/* サブカラー 100% */
/* サブカラー 10% */
/* 配送 */
/* 白 */
/* 赤 */
.hokkaido2509B {
  /* 切り替えタブ */
  /* 承り期間 */
  /* 店舗受取ページ承り開始日文言 */
  /* 店舗受取お渡し場所文言 */
  /* 承り期間 アクティブ */
  /* 本体 */
  /* 背景あり */
  /* 商品画像高さ */
  /* 店舗受取・配送商品ボタン */
  /* タブレット　予告調整 */
}
.hokkaido2509B .bnr-item {
  margin: 0 auto 25px;
  text-align: center;
}
.hokkaido2509B .bnr-item a:hover {
  opacity: 0.7;
}
.hokkaido2509B .bnr-item img {
  width: 90%;
  max-width: 900px;
  border-radius: 5px;
}
.hokkaido2509B .p-fair-tab {
  border-bottom-color: #77c700;
}
.hokkaido2509B .p-fair-tab__list--active .p-fair-tab__link {
  background-color: #77c700;
}
.hokkaido2509B .p-fair-open-info__heading-text {
  color: #77c700;
}
.hokkaido2509B .p-fair-open-info__heading-text::before,
.hokkaido2509B .p-fair-open-info__heading-text::after {
  background-color: #77c700;
}
.hokkaido2509B .short::before {
  left: -67px;
  width: 67px;
}
.hokkaido2509B .short::after {
  right: -67px;
  width: 67px;
}
.hokkaido2509B .p-fair-open-info__body {
  margin-bottom: 30px;
}
.hokkaido2509B .p-fair-advance-notice__text,
.hokkaido2509B .p-fair-advance-notice__slash,
.hokkaido2509B .p-fair-advance-notice__date-day {
  color: #f00;
}
.hokkaido2509B .p-fair-pickup-location,
.hokkaido2509B .p-fair-pickup-location__heading-text {
  background-color: #f1f9e5;
}
.hokkaido2509B .p-fair-open-info__week-list .p-fair-open-info__week-ttl {
  background-color: #77c700;
}
.hokkaido2509B .p-fair-open-info__week-list .p-fair-open-info__week-txt {
  color: #424242;
  border: 1px solid #77c700;
}
.hokkaido2509B .p-fair-open-info__week-list--off .p-fair-open-info__week-ttl {
  color: #fff;
  background-color: #ccc;
}
.hokkaido2509B .p-fair-open-info__week-list--off .p-fair-open-info__week-txt {
  color: #ccc;
  background-color: #fff;
  border: 1px solid #ccc;
}
.hokkaido2509B .p-fair-open-info__week-list .u-tab-block {
  display: none;
}
.hokkaido2509B .p-fair-section--colored .p-fair-section__inner {
  background-color: #f1f9e5;
}
.hokkaido2509B .list--column3 {
  margin-top: 30px;
}
.hokkaido2509B .p-fair-section--colored .list--large .p-fair-item__text {
  border-color: #77c700;
}
.hokkaido2509B .p-fair-section--colored .list--large .p-fair-item__text::after {
  background-color: #fff;
}
.hokkaido2509B .p-fair-section--colored .p-fair-title-h3__text {
  color: #77c700;
}
.hokkaido2509B .p-fair-section--colored .p-fair-view-all--category .p-fair-view-all__link {
  background-color: #77c700;
}
.hokkaido2509B .p-fair-view-all .p-fair-view-all__link {
  margin-top: 40px;
  background-color: #77c700;
}
.hokkaido2509B .p-fair-view-all--pickup-delivery .p-fair-view-all__link {
  margin-top: 0;
}
.hokkaido2509B .list--column2 {
  margin-top: 15px;
}
.hokkaido2509B .list .p-fair-item__image img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.hokkaido2509B .list--large .p-fair-item__image img {
  width: 100%;
  aspect-ratio: 5/4;
  object-fit: cover;
}
.hokkaido2509B .p-fair-section:not(:last-child) {
  margin-bottom: 50px;
}
.hokkaido2509B .category01 .p-fair-section__inner {
  background-color: #f1f9e5;
}
.hokkaido2509B .category01 .p-fair-title-h3__text {
  color: #77c700;
}
.hokkaido2509B .category02 .p-fair-section__inner {
  background-color: #f2f9fa;
}
.hokkaido2509B .category02 .p-fair-title-h3__text {
  color: #00899b;
}
.hokkaido2509B .p-fair-view-all--pickup-delivery .p-fair-view-all__link {
  margin-top: 60px;
  color: #c70079;
  background-color: #fff;
  background-image: url("/g_images/freearea/2509hokkaidoB/bg-arrow-right-viewAll02.svg");
  border-color: #c70079;
}
@media screen and (max-width: 743px) {
  .hokkaido2509B .p-fair-open-info {
    padding: 0;
    margin-bottom: 15px;
  }
  .hokkaido2509B .p-fair-view-all .p-fair-view-all__link {
    margin-top: 40px;
  }
  .hokkaido2509B .list--large .p-fair-item__image img {
    aspect-ratio: 4/3;
  }
  .hokkaido2509B .list--column3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
    margin-top: 20px;
  }
  .hokkaido2509B .list--column4 {
    margin-top: 20px;
  }
  .hokkaido2509B .list--large {
    margin-bottom: 0;
  }
  .hokkaido2509B .p-fair-section:not(:last-child) {
    margin-bottom: 0;
  }
  .hokkaido2509B .list--column2 {
    margin-top: 20px;
  }
  .hokkaido2509B .p-fair-mainvisual__notice-icon {
    width: 40px;
    height: 30px;
    font-size: 14px;
  }
  .hokkaido2509B .p-fair-view-all--pickup-delivery .p-fair-view-all__link {
    margin-top: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .hokkaido2509B .p-fair-mainvisual__notice-icon {
    width: 70px;
    height: 50px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .hokkaido2509B .p-fair-open-info__week-list .u-tab-block {
    display: block;
  }
  .hokkaido2509B .p-fair-open-info__week-list .u-sp-block {
    display: none;
  }
}
@media screen and (min-width: 744px) and (max-width: 767px) {
  .hokkaido2509B .p-fair-open-info__week-list .u-tab-block {
    display: block;
  }
  .hokkaido2509B .p-fair-open-info__week-list .u-sp-block {
    display: none;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/hokkaido2509B.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AACQ;AAER;AAAA;AAAA;AAAA;AAAA;AAMA;AAGA;AAGA;AAGA;AAGA;AAGA;AAGA;AAGA;AAkBE;AASA;AAwBA;AAOA;AAMA;AA2BA;AAaA;AA2BA;AAiCA;AAwDA;;AA3NA;EACE;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;EACA;;AAKJ;EACE,qBAxCI;;AA2CN;EACE,kBA5CI;;AAgDN;EACE,OAjDI;;AAoDN;AAAA;EAEE,kBAtDI;;AAyDN;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAIF;AAAA;AAAA;EAGE,OAzDE;;AA6DJ;AAAA;EAEE,kBA9EQ;;AAkFV;EACE,kBAtFI;;AAyFN;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAKJ;EACE,kBA9GQ;;AAiHV;EACE;;AAGF;EACE,cAzHI;;AA8HN;EACE,kBAhHI;;AAmHN;EACE,OAnII;;AAsIN;EACE,kBAvII;;AA0IN;EACE;EACA,kBA5II;;AA+IN;EACE;;AAGF;EACE;;AAIF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE,kBAtKQ;;AAyKV;EACE,OA7KI;;AAgLN;EACE,kBAxKW;;AA2Kb;EACE,OA/KO;;AAmLT;EACE;EACA,OA/KI;EAgLJ,kBA7KI;EA8KJ;EACA,cAlLI;;AAqLN;EACE;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;;AAKJ;EACE;IACE;IACA;IACA;;;AAIJ;EAEI;IACE;;EAGF;IACE;;;AAKN;EAEI;IACE;;EAGF;IACE%22,%22file%22:%22hokkaido2509B.css%22%7D */