@charset "shift_jis";
/* --------------------------------------------------------------------
	renew
--------------------------------------------------------------------- */
/* mv */
#search-producing-area .mv-area .mv-img {
  width: 95%;
  margin: 0 auto 25px;
  display: block;
}
.anchor_link_box {
  margin: 30px 10px 0;
}
p.btn_anchor_link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #007a6a;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  width: 100%;
  height: 60px;
  margin: 0 0 5px;
  box-sizing: border-box;
}
p.btn_anchor_link a::after {
  content: "";
  position: absolute;
  margin: auto;
  top: -8px;
  bottom: 0;
  right: 27px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
}
/* “s“¹•{Œ§‚©‚ç’T‚· */
#search-producing-area .shop-btn-wrap {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  position: relative;
}
#search-producing-area .shop-btn-wrap a {
  display: block;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 15px 10px;
  border-radius: 10px;
  box-sizing: border-box;
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}
#search-producing-area .shop-btn-wrap li.is-active a {
  background-color: #007b69;
  color: #fff;
  text-decoration: none;
}
#search-producing-area .shop-btn-wrap ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 50px;
  transition: .2s all;
}
#search-producing-area .shop-btn-wrap ul li {
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc((100% - 20px)/3);
}
#search-producing-area .shop-btn-wrap ul li:nth-child(3n) {
  margin-right: 0;
}
#search-producing-area .shop-btn-wrap ul li:nth-child(4n) {
  margin-right: 10px;
}
#search-producing-area .shop-btn-wrap h3 {
  margin-bottom: 20px;
  font-size: 15px;
  font-feature-settings: 'palt';
}
/* ‚¨’T‚µ‚ÌŽY’n‚̃GƒŠƒA‚ð‘I‘ð */
#search-producing-area .shop-btn-wrap div.tab_wrap_ {
  transition: .2s all;
  width: 100%;
  display: inline-block;
}
#search-producing-area .shop-btn-wrap .tab_wrap_ a {
  padding-bottom: 42px;
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: center 85%;
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-01 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-hokkaido-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-02 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-tohoku-meisan.png?);
  background-position: center 100%;
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-03 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-kanto-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-04 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-kanto-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-05 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-hokuriku-meisan.png?);
  background-position: center 100%;
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-06 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-chubu-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-07 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-kansai-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-08 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-chugoku-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-09 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-shikoku-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-10 a {
  background-image: url(../../../img/usr/freepage/shop_list/ico-kyushu-meisan.png?);
}
#search-producing-area .shop-btn-wrap .tab_wrap_ .btn-area-11 a {
  background-image: url(../../../img/usr/freepage/origin/btn_others_bg_sp.png);
  background-position: center 100%;
  background-size: 100%;
  line-height: 1.2;
  padding: 8px 0 37px;
}
/* ‚¨’T‚µ‚ÌŽY’n‚Ì“s“¹•{Œ§‚ð‘I‘ð */
#search-producing-area .shop-btn-wrap .pref_wrap_ ul {
  margin: 0 10px 20px;
}
#search-producing-area .shop-btn-wrap .pref_wrap_ a span {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}
#search-producing-area .shop-btn-wrap .pref_wrap_ li a span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 18px;
  height: 18px;
  background-color: #007b69;
  border-radius: 100%;
}
#search-producing-area .shop-btn-wrap .pref_wrap_ li a span::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#search-producing-area .shop-btn-wrap .pref_wrap_ li.is-active a span::before {
  background-color: #fff;
}
#search-producing-area .shop-btn-wrap .pref_wrap_ li.is-active a span::after {
  border-top: 1px solid #007b69;
  border-right: 1px solid #007b69;
}
/* �Z�Z‚Ì‚²�Љî */
/* https://wwwja-towncom.ecbeing.biz/css/searchProducingArea_sp.css */
#search-producing-area .contents-pref-introduction.is-active + .contents-pref-introduction {
  margin-top: 0;
}
p.btn_shop_list a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #007a6a;
  color: #007a6a;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  height: 45px;
  margin: 30px 35px 0;
  border-radius: 10px;
  box-sizing: border-box;
  background: #fff;
}
p.btn_shop_list a::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
p.btn_shop_list a::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 1px;
  bottom: 0;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
}
/* ŠÛ–îˆó�i—Î�jƒ{ƒ^ƒ“ */
p.btn_shop_list a::before {
  right: 14px;
  background: #007a6a;
}
p.btn_shop_list a::after {
  right: 21px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
p.btn_shop_list a:hover {
  background: #007a6a;
  color: #fff;
}
p.btn_shop_list a:hover::before {
  right: 14px;
  background: #fff;
}
p.btn_shop_list a:hover::after {
  right: 21px;
  border-top: 2px solid #007a6a;
  border-right: 2px solid #007a6a;
}
/* ‚²�Љî-�o“X’†‚̃Vƒ‡ƒbƒv_�Ø‘Ö */
.content-sec-block .shop_area {
  display: none;
}
.content-sec-block .contents-pref-introduction[id*="category"] {
  background: #FFF !important;
  padding-top: 0 !important;
}
.content-sec-block .contents-pref-introduction[id*="category"] .shop_area,
.content-sec-block.select_shop .shop_area {
  display: block;
}
#search-producing-area .select_shop .contents-pref-introduction {
  background-color: #fff;
  padding: 0 10px 2em;
  position: relative;
}
.content-sec-block.select_shop .cpi_inner {
  display: none;
}
/* �o“X’†‚̃Vƒ‡ƒbƒv */
.shop_area {}
.shop_area .shop_title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #333;
  margin: 0 0 10px;
}
.shop_inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box_wrap_ {
  width: calc((100% - 10px)/2);
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 5px;
  text-align: left;
}
.box_wrap_ .box_ {
  text-decoration: none;
  display: block;
  padding: 0;
}
.box_wrap_ .box_ .headline_ {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px;
}
.box_wrap_ .box_ .name_ {
  font-size: 11px;
  margin: 0 0 10px;
}
.box_wrap_ .box_ > p {
  font-size: 12px;
}
/* ƒVƒ‡ƒbƒvŒŸ�õ */
.about-favorit-shop {
  background-color: #fbfff1;
  padding: 50px 10px;
}
.about-favorit-shop h3 {
  text-align: center;
  font-size: 20px;
  color: #007b69;
  font-weight: bold;
  margin-bottom: 20px;
}
.about-favorit-shop .is-read {
  text-align: center;
  margin-bottom: 25px;
  letter-spacing: 0.05em;
}
.about-favorit-shop .point-list li {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 40px;
  border-radius: 10px;
  position: relative;
}
.about-favorit-shop .img-block {
  text-align: center;
  margin: 0;
}
.about-favorit-shop small {
  text-align: right;
  display: block;
  margin-top: 10px;
}
.about-favorit-shop .is-read .font-w {
  font-weight: bold;
}
.about-favorit-shop .point-list .ico-block {
  position: absolute;
  top: -6px;
  left: 20px;
  width: 73px;
}
.about-favorit-shop h4 {
  font-size: 17px;
  color: #007b69;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 80px;
}
.search-box .search_txt_box {
  display: block;
  width: calc(100% - 50px);
  box-sizing: border-box;
  position: relative;
}
#shopsearch_txt {
  padding: 0 20px;
  height: 50px;
  border: 0;
  outline: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
}
#search_suggest_shop {
  position: absolute;
  display: none;
  bottom: -106%;
  left: -3px;
  width: 100%;
  background-color: #fff;
  border: 3px solid #ccc;
  border-top: 0;
}
.search-box {
  border: #cccccc 3px solid;
  display: flex;
  max-width: 460px;
  width: calc(100% - 20px);
  margin: 0 auto 30px;
}
#shopsearch_btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 0;
  background: #333 url(../../../img/usr/freepage/shop_list/sp/search_btn.jpg?) no-repeat;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: cover;
}
/* ƒLƒƒƒ“ƒy�[ƒ“ŽÀŽ{’†ƒVƒ‡ƒbƒv */
.campaign_shop_ {
  background-color: #eaf7f5;
  margin: 0 auto 25px;
  padding: 25px 10px;
}
.campaign_shop_ > .inner_[data-simplebar],
.newshop_ > .inner_[data-simplebar] {
	padding-right: 15px;
	max-height: 500px;
	overflow-y: auto;
	border: 5px solid #dadada;
  -ms-overflow-style: none;
  /* IE, Edge ‘Ήž */
  scrollbar-width: none;
  /* Firefox ‘Ήž */
}
.campaign_shop_ > .inner_[data-simplebar]::-webkit-scrollbar,
.newshop_ > .inner_[data-simplebar]::-webkit-scrollbar {
  /* Chrome, Safari ‘Ήž */
  display: none;
}
.campaign_shop_ .simplebar-scrollbar::before,
.newshop_ .simplebar-scrollbar::before {
  background: #ffffff;
  border-radius: 0;
  width: 10px;
  margin-left: 3px;
  margin-top: 2px;
}
.campaign_shop_ .simplebar-scrollbar.simplebar-visible::before,
.newshop_ .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.campaign_shop_ .simplebar-track,
.newshop_ .simplebar-track {
  background: #dadada;
  width: 15px !important;
	z-index: 0;
}
.campaign_shop_ h2 span, .newshop_ h2 span {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  display: block;
}
.campaign_shop_ .shop_ {
  box-sizing: border-box;
  border: 1px solid #007b69;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 0 0 20px;
}

.campaign_shop_more_btn{
  text-align: center;
}

.campaign_shop_more_btn a {
    margin: 15px 0px;
    display: inline-block;
    background-color: #007b69;
    color: #fff;
    padding: 8px 50px 8px 50px;
    font-size: 1.2em;
    border-radius: 40px;
    position: relative;
    text-decoration: none;
    font-weight: bold;
}

.newshop_ .shop_ {
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin: 0 0 10px !important;
  /* min-height: 50vh; */
}
.newshop_ .shop_:last-child, .campaign_shop_ .shop_:last-child {
  margin-bottom: 0;
}
.shop_ .label_ {
  display: none;
}
.campaign_shop_ .box_ {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
}
.campaign_shop_ .box_ .headline_ {
  order: 0;
  background: #007b69;
  display: block;
  width: 100%;
  color: #fff;
  padding: 10px 10px 10px 40px;
  font-weight: 600;
  font-size: 15px;
  position: relative;
}
.campaign_shop_ .box_ .deitail-txt {
  order: 2;
  margin: 0 10px;
  padding-bottom: 10px;
}
.campaign_shop_ .box_ img {
  order: 1;
  display: block;
  width: calc(100% - 20px);
  margin: 10px auto 0;
}
.campaign_shop_ .box_ .name_ {
  display: block;
  font-weight: bold;
  margin: 10px 0 5px;
  width: 100%;
}
.campaign_shop_ .box_ .comment_ {
  display: block;
  width: 100%;
}
.campaign_shop_ .box_ .headline_::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 100%;
}
.campaign_shop_ .box_ .headline_::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #007b69;
  border-right: 2px solid #007b69;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* �V’…ƒVƒ‡ƒbƒv */
.newshop_ {
  margin: 0 auto 25px;
  padding: 25px 10px;
  background-color: #fffbea;
}
.newshop_ .inner_ .slick-list.draggable, .newshop_ .inner_ .slick-track {
  display: flex;
}
.newshop_ .box_ {
  padding: 10px 10px 20px;
  display: block;
  text-decoration: none;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  /* min-height: 50vh; */
}
.newshop_ .inner_ .slick-track {
  margin-left: 6%;
}
.newshop_ .inner_ .slick-list li {
  margin-right: 30px;
}
.newshop_ .inner_ .slick-dots {
  margin-top: 10px;
  display: flex !important;
  justify-content: center;
}
.newshop_ .inner_ .slick-dots li {
  margin: 0 7px 0 0;
  line-height: 1;
  height: auto;
  font-size: 0;
}
.newshop_ .inner_ .slick-dots li:last-child {
  margin-right: 0;
}
.newshop_ .inner_ .slick-dots button {
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 0;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
  background: #dcdcdc;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.newshop_ .inner_ .slick-dots .slick-active button {
  background-color: #aaa;
}
.newshop_ .box_ > * {
  white-space: normal;
  width: 100%;
}
.newshop_ .box_ p {
  margin-top: auto;
}
.newshop_ .box_ br {
  display: none;
}
.newshop_ .box_ img {
  margin-bottom: 10px;
  display: block;
}
.newshop_ .box_ .headline_, .newshop_ .box_ .name_ {
  font-weight: bold;
  display: block;
}
.newshop_ .box_ .name_ {
  margin-bottom: 10px;
}
.newshop_ .box_ .link-next {
  text-align: center;
  color: #007b69;
  font-weight: bold;
  margin-top: auto;
  /* position: absolute; */
  /* bottom: 20px; */
  /* left: 0; */
  /* right: 0; */
  margin: 20px auto 0;
}
.newshop_ .box_ .link-next span {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}
.newshop_ .box_ .link-next span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  width: 20px;
  height: 20px;
  background-color: #007b69;
  border-radius: 100%;
}
.newshop_ .box_ .link-next span::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* ŒŸ�õˆê——ajax
 *---------------------------------------------------------- */
.goods-content-inner {
  margin: 0 0 30px;
}
#search-producing-area:has(.contents-pref-introduction.is-active[id*="category"]) .goods-content-inner {
  display: none;
}
ul.goods_t_ {
    background-color: #ffeed2;
}

#producing-area-goods-link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #007a6a;
  color: #007a6a;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  height: 45px;
  margin: 30px 45px;
  padding: 0;
  border-radius: 10px;
  box-sizing: border-box;
  background: #fff;
}
#producing-area-goods-link a::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border-top: none;
  border-right: none;
}
#producing-area-goods-link a::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 1px;
  bottom: 0;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
}
/* ŠÛ–îˆó�i—Î�jƒ{ƒ^ƒ“ */
#producing-area-goods-link a::before {
  right: 14px;
  background: #007a6a;
}
#producing-area-goods-link a::after {
  right: 21px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#producing-area-goods-link a:hover {
  background: #007a6a;
  color: #fff;
}
#producing-area-goods-link a:hover::before {
  right: 14px;
  background: #fff;
}
#producing-area-goods-link a:hover::after {
  right: 21px;
  border-top: 2px solid #007a6a;
  border-right: 2px solid #007a6a;
}