@charset "UTF-8";

/* 単一または共通CSS */
html,
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, "メイリオ", Osaka, Meiryo, "Helvetica Neue", YuGothicM, YuGothic, sans-serif !important;
  font-size: 15px;
  line-height: 1.6;
  color: #222;
}

#head_area {
  background: #fff;
}

#top {
  background: url(/shopping/img/genre/gourmet-distribution/gourmet_220809/bg_tabi_main.jpg) center 0 fixed no-repeat;
}

.globalWrap {
  width: 986px;
  margin: 0 auto;
  position: relative;
  background: #060a0c;
}

.thisCourse {
  margin-bottom: 40px;
}

.offerWrap {
  width: 80%;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
}

.cartWrap {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  width: 88%;
}

.cartButton {
  display: block;
  width: 56%;
}

.termsLink {
  display: block;
  width: 24%;
}

.annotation {
  margin-right: auto;
  margin-left: auto;
  width: 640px;
  text-align: left;
  color: #fff;
  font-size: 13px;
  line-height: 140%;
}

.notes {
  padding: 8px;
  text-align: left;
}

.movieWrap {
  margin-bottom: 32px;
  text-align: center;
}

/* セクションごとユニークCSS */
/* ▼▼▼▼ パンくず ▼▼▼▼ */
#pankuzu {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  width: 986px;
  margin-top: -8px;
  line-height: 2;
}

#pankuzu .item {
  color: #ffffff;
}

#pankuzu span {
  color: #ffffff;
}

#pankuzu .item {
  display: inline;
  font-size: 10px;
}

#pankuzu .item:last-of-type {
  font-weight: 700;
}

/* ▼▼▼▼ 追従 ▼▼▼▼ */
#follow_bottom {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

#follow_bottom .bannerWrap {
  background: rgb(0 0 0/ 50%);
  text-align: center;
}

#follow_right {
  position: fixed;
  right: 0;
  bottom: 216px;
  width: 157px;
  z-index: 10;
}

#follow_right .list {
  position: relative;
  background: url(/shopping/img/genre/common/bg_anc_navi.gif);
  padding-top: 8px;
  border-radius: 10px 0 0 10px;
  text-align: center;
  list-style: none;
}

#follow_right .item {
  display: inline-block;
  margin-bottom: 8px;
}

#follow_right .item:first-of-type>a {
  background-color: #c00404;
  background: linear-gradient(#ff0a0a, #84100c);
  color: #ffffff;
}

#follow_right .link {
  box-sizing: border-box;
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 136px;
  height: 68px;
  background: linear-gradient(#ffffff, #e5e5e5);
  border-radius: 5px;
  color: #1b1b1b;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

#toTop {
  position: fixed;
  right: 0;
  bottom: 176px;
  z-index: 10;
}

/* ▼▼▼▼ カート ▼▼▼▼ */
#cart_bottom {
  margin-bottom: 40px;
}

/* ▼▼▼▼ ファーストビュー ▼▼▼▼ */
#firstView {
  margin-bottom: 48px;
}

#firstView .signboard {
  margin-bottom: 24px;
}

/* ▼▼▼▼ コースラインナップ ▼▼▼▼ */
#lineup {
  background-color: #fff;
  margin-right: 16px;
  margin-bottom: 24px;
  margin-left: 16px;
}

#lineup .title {
  overflow-y: hidden;
  background: #060a0c;
  height: 232px;
}

#lineup .japanMap {
  padding-top: 16px;
}

#lineup .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16px;
}

#lineup .item {
  width: 312px;
}

/* ▼▼▼▼ 単品購入エリア ▼▼▼▼ */
#single .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 16px;
  margin-left: 16px;
}

#single .title {
  margin-bottom: 64px;
  text-align: center;
}

#single .item {
  text-align: right;
  margin-bottom: 24px;
}

#single .item:first-of-type {
  position: relative;
}

#single .here {
  position: absolute;
  width: 384px;
  top: -68px;
}

#single .syogetsu {
  border: #df0000 solid 4px;
  box-sizing: border-box;
  font-size: 0;
}

#single .link {
  padding: 4px 8px;
  font-size: 18px;
  color: #ffffff;
}

#single .link:hover {
  text-decoration: underline;
}

/* ▼▼▼▼ 動画 ▼▼▼▼ */
#movie_service {
  text-align: center;
}

/* ▼▼▼▼ その他 ▼▼▼▼ */
#include_userVoice {
  margin-bottom: 32px;
}