@charset "utf-8";
/* キャンペーンごとのカスタム用css */
/*
--main-text-color：メインで使う特定の色のテキスト色
--normal-text-color：普通のテキスト色(普通は黒を使うところ)
--bg-color：背景色
--nav-text-color：カテゴリ部分のテキスト色
--nav-bg-color：カテゴリ部分の背景色
--price-strong-text：価格部分の強調する時の色
--shoplist-title-border-bottom：SHOP LIST部分の下部の色
--search-ttl-color: カテゴリnavと「選択をクリア」の文字色
*/

:root {
  --main-text-color: #009430;
  --normal-text-color: #000;
  --bg-color: #F6F0DC;
  --nav-text-color: #009430;
  --nav-bg-color: #fff;
  --price-strong-text: #000;
  --shoplist-title-border-bottom: #820202;
  --search-ttl-color: #707070;
}

/* 選択をクリアの前にある丸矢印の画像の色を変えたい時に使う　これを使用する時には画像をディレクトリ内のimg/に配置してください */
.clear_btn::before {
  background: url(../img/clear_icon.png);
}
.clear_btn {
  color: #35873B;
}


/* カテゴリのタイトルの前にある画像の色を変えたい時に使う　これを使用する時には画像をディレクトリ内のimg/に配置してください */
.search_ttl::before {
  background: url(../img/filter_icon.png);
}
.search_ttl {
  color: #35873B;
}


/* セールのときに使うcss
.item_basic_info {
  font-size: 0.875rem;
}

.item_price {
  font-size: 1rem;
}

.item_price span.main_price {
  font-size: 1.2rem;
}
*/

#contents {
  margin: 0;
  max-width: 100vw;
}
#contInner {
    margin-left: 0;
}
#main {
  border: none;
  padding: 0;
}

#main,
.page_tml  {
  background-image: url(../img/bg_img.png);
}

#wrapper.top #main {
  padding-top: 0;
}

.shopitem_item.accordion .for_accordion::before {
    color: #F26B0E;
}
.shopitem_item.accordion .for_accordion::after {
    color: #F26B0E;
}
.shopitem_item.accordion .for_accordion::after {
    border-bottom: 2px solid #F26B0E;
    border-right: 2px solid #F26B0E;
}
.shopitem_area {
  margin-top: 2%;
}

.pickup_wrapper {
  margin-block: max(4%,40px) max(2%,20px);
  max-width: 1280px;
  margin-inline: auto;
}
.search_by_category_area {
  width: 100%;
  max-width: 1280px;
}
.search_ttl_and_btn {
  width: 80%;
  margin-inline: auto;
}
.category_nav{
  width: 80%;
  margin-inline: auto;
}
.category_item.active {
  color: #35873B;
  background-color: #FFF34B;
}

.shopitem_area {
    margin-inline: auto;
    max-width: 1280px;
}

.page_tml {
    width: 100%;
}

.btn_pagetop_area {
    position: fixed;
    right: 40px;
    bottom: 60px;
}
#footer_wrapper {
  display: block;
} 

@media (hover: hover) {
    .category_item:hover {
        color: #35873B;
        background-color: #FFF34B;
        border: 2px solid var(--nav-bg-color);
    }
}

@media screen and (min-width: 768px) {
  .fix_menu {
  display: none;
  }
  #language {
    display: none;
  }
  #side {
  display: none;
}
  #footBnr {
  display: none;
}
  footer .footerPageLi{
  display: none;
}
footer .container {
  display: none;
}
header {
  border: none;
}
}

@media screen and (max-width: 767px) {
  .category_nav {
    width: 91.666%;
  }
  .shopitem_area {
    margin-top: 30px;
  }
  .btn_pagetop_area {
    width: 70px;
    height: 70px;
  }
  .btn_pagetop_area {
    position: fixed;
    right: 20px;
    bottom: 40px;
}

  .search_ttl_and_btn {
    width: 91.666%;
  }
}