@charset "UTF-8";
/*TOPのみ*/
#main {
  padding: 0;
  background: none;
}

#middle_contents {
  margin-top: 40px;
}

.eyecatch {
  display: block;
}

/*お知らせ*/
.header_news {
  background: url("https://img21.shop-pro.jp/PA01398/414/etc/bg_img001.jpg") no-repeat center center/cover;
  padding: 20px 0 40px;
}
.header_news h2 {
  background: white;
  font-size: 27px;
  font-weight: bold;
  padding: .2em 0;
}
.header_news .itemList__unit {
  background: rgba(255, 255, 255, 0.8);
}
.header_news .itemList__unit .text_wrapper {
  padding: 15px 30px;
}
.header_news .itemList__unit .text_wrapper.news_list {
  text-align: left;
}
.header_news .itemList__unit .text_wrapper.news_list dt {
  width: 100px;
  padding: 5px;
  float: left;
  font-weight: bold;
}
.header_news .itemList__unit .text_wrapper.news_list dd {
  padding: 5px 5px 5px 100px;
}
.header_news .itemList__unit .text_wrapper.top_fetured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.header_news .itemList__unit .text_wrapper.top_fetured img {
  margin-right: 20px;
}
.header_news .itemList__unit .text_wrapper.top_fetured .top_fetured_ttl {
  font-size: 20px;
  font-weight: bold;
}
.header_news .itemList__unit .text_wrapper.top_fetured .top_fetured_price {
  font-size: 20px;
  font-weight: bold;
}
.header_news .itemList__unit .text_wrapper.top_fetured a {
  color: #088a66;
}

/*PICKUP*/
.header_pickup {
  padding: 30px 0;
}
.header_pickup h2 {
  font-size: 27px;
  font-weight: bold;
}
.header_pickup .itemList__unit {
  width: calc(100% / 4 - 0.8%);
  margin-left: 1% !important;
}
.header_pickup .itemList__unit:first-child {
  margin-left: 0 !important;
}

/*お任せ便*/
.headaer_bnrbox {
  background: #f2f2f2;
  padding: 50px 0;
}
.headaer_bnrbox .cInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.headaer_bnrbox .cInner .bnr {
  width: 560px;
}
.headaer_bnrbox .cInner .menu_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.headaer_bnrbox .cInner .menu_label li {
  width: 30%;
}
.headaer_bnrbox .cInner .menu_label li a {
  display: block;
  text-decoration: none;
  border: #000 solid 1px;
  background: #fff;
  padding: 3px 10px;
  text-align: center;
  font-size: 16px;
}
.headaer_bnrbox .cInner .menu_label li a span {
  font-size: 30px;
}
.headaer_bnrbox .cInner .menu_label li a i {
  font-size: 22px;
  padding-left: 5px;
}
.headaer_bnrbox .cInner .menu_label li a:hover {
  opacity: 0.8;
}

/*色別からチョイス*/
.top_menubox {
  background: #f2f2f2;
  padding: 10px;
}
.top_menubox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top_menubox ul li {
  width: 18%;
  text-align: center;
}
.top_menubox ul li a {
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  border: #000 solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top_menubox ul li span {
  display: block;
  font-size: 12px;
}
.top_menubox ul li:last-child a {
  color: #534741;
}

.mainTitle {
  font-family: serif;
  font-size: 27px;
  font-weight: bold;
  border-bottom: #ccc solid 1px;
}
.text_wrapper.news_list {
    height: 320px;
    overflow: auto;
    overflow-y: scroll;
}
/*インフォ(管理画面のおしらせ　dl作り)*/
.mainTitle--info {
  margin-bottom: 20px;
  font-size: 14px;
}

.info dl {
  height: 80px;
  overflow: auto;
  font-size: 10px;
  padding-right: 10px;
}

.info dt {
  float: left;
  clear: both;
  margin-bottom: 5px;
}

.info dt span {
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

.info dd {
  float: right;
  width: 600px;
  word-break: break-all;
  margin-bottom: 5px;
}

.mainBox__topText {
  text-align: center;
  margin-bottom: 20px;
}

/*バナー群*/
.mainBnrList__unit {
  margin-bottom: 10px;
}

.mainBnrList__unit--left {
  float: left;
  max-width: 49.5%;
}

.mainBnrList__unit--right {
  float: right;
  max-width: 49.5%;
}

/*ランキング*/
.top_ranking ul {
  padding-top: 18px;
}
.top_ranking ul li {
  position: relative;
  z-index: 1;
}
.top_ranking ul li:nth-child(1):before {
  content: '';
  width: 90px;
  height: 73px;
  position: absolute;
  background: url("https://img21.shop-pro.jp/PA01398/414/etc/item_ranking_001.png");
  left: -1px;
  top: -18px;
  z-index: 2;
}
.top_ranking ul li:nth-child(2):before {
  content: '';
  width: 90px;
  height: 73px;
  position: absolute;
  background: url("https://img21.shop-pro.jp/PA01398/414/etc/item_ranking_002.png");
  left: -1px;
  top: -18px;
  z-index: 2;
}
.top_ranking ul li:nth-child(3):before {
  content: '';
  width: 90px;
  height: 73px;
  position: absolute;
  background: url("https://img21.shop-pro.jp/PA01398/414/etc/item_ranking_003.png");
  left: -1px;
  top: -18px;
  z-index: 2;
}
.top_ranking ul li:nth-child(4):before {
  content: '';
  width: 90px;
  height: 73px;
  position: absolute;
  background: url("https://img21.shop-pro.jp/PA01398/414/etc/item_ranking_004.png");
  left: -1px;
  top: -18px;
  z-index: 2;
}

/*お客様の声*/
.top_voice ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*ショップについて*/
.top_about {
  background: #310101;
  color: #fff;
  padding: 50px;
}
.top_about .img_wrapper {
  width: 230px;
}
.top_about .text_wrapper {
  width: 550px;
}

/*インスタグラム*/
.top_instagram {
  background: #f2f2f2;
  padding: 40px 0 20px;
}