@charset "UTF-8";

/* ====== イチオシ商品 ====== */

/* 背景共通css */
#ichioshi, #category,
.search-result, #features {
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

/*コンテンツ全体の背景*/
#ichioshi {
  background-image: url(images/back_1.jpg);
}

/* ====== 週替わり ====== */

/*コンテンツ全体の背景*/
#weekly {
  background: #e1fcff;
}

/*「第１週目」見出し*/
.weekly__midashi {
  background: #00baff;
  color: #ff0;
  text-shadow: 3px 3px 0 #00000055;
}

/*「一覧へ」ボタン*/
a.weekly__btn {
  background: #00baff;
  color: #fff;
  box-shadow: 0 4px 0 #007caa;
}

/* ====== カテゴリー ====== */

/*コンテンツ全体の背景*/
#category,
.search-result {
  background-image: url(images/back_2.jpg);
}

/*カテゴリー切り替えボタンの文字色と背景色*/
.catebtn__con>span, .catebtn__con>a {
  background: #fff;
  color: #804b05;
}

/*カテゴリー切り替えボタンの枠線*/
.catebtn__con::after {
  background: #661e06;
  box-shadow: 0 4px 0 #d47900;
}

/*カテゴリー切り替えボタンのアクティブ時の文字色と背景色*/
.active.catebtn__con>span, .active.catebtn__con>a {
  background: #ff0;
  color: #804b05;
}

/*カテゴリーごとの見出し*/
.category__midashi {
  color: #000;
}

/*「もっと見る」ボタン*/
a.category__btn {
  background: #661e06;
  color: #fff;
  box-shadow: 0 4px 0 #d47900;
}


/* ====== おすすめ特集 ====== */
#features {
  background-image: url(images/back_3.jpg);
}


/* ====== セール終了後表示 ====== */
#finished {
  background: #eee;
}

/*「トップページに戻る」ボタン*/
a.finished__btn {
  background: #8f2529;
  color: #fff;
  box-shadow: 0 4px 0 #622429;
}

/* 9月セール追加css */
.zenbunBox {
  background-color: #fff;
  padding: 20px;
  margin: 0 auto 30px;
  max-width: 1300px;
  border-radius: 12px;
  box-shadow: 2px 2px 7px #7d290c;
}

.zenbunBox>p {
  font-size: 16px;
  color: #000;
}

.zenbunRed {
  color: #f00;
  font-weight: bold;
}

@media (max-width:767px){
  .zenbunBox>p {
    font-size: 13px;
  }

}