@charset "UTF-8";
@import url("../webfont/AkkuratPro/css/AkkuratPro.css");
@import url("../webfont/Noto_Sans_JP/css/NotoSansJP.css");
.flex_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  /*縦方向（Safari用）*/
  align-items: flex-start;
  /* 縦方向*/
  -webkit-justify-content: flex-start;
  /*横方向（Safari用）*/
  justify-content: flex-start;
  /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ranking li:nth-of-type(1) .badge.badge-danger::before,
.ranking li:nth-of-type(2) .badge.badge-danger::before,
.ranking li:nth-of-type(3) .badge.badge-danger::before,
.ranking li:nth-of-type(4) .badge.badge-danger::before,
.ranking li:nth-of-type(5) .badge.badge-danger::before,
.ranking li:nth-of-type(6) .badge.badge-danger::before,
.ranking li:nth-of-type(7) .badge.badge-danger::before,
.ranking li:nth-of-type(8) .badge.badge-danger::before,
.ranking li:nth-of-type(9) .badge.badge-danger::before {
  content: "0";
}

.ranking li:nth-of-type(1) .badge.badge-danger {
  background-image: url("../img/rank_base_1.png");
}

.ranking li:nth-of-type(2) .badge.badge-danger {
  background-image: url("../img/rank_base_2.png");
}

.ranking li:nth-of-type(3) .badge.badge-danger {
  background-image: url("../img/rank_base_3.png");
}

/* header
------------------------------- */
header {
  padding: 15px 0 15px 0;
}

header .header-left img {
  height: 60px;
}

.hamburger {
  top: 24px;
}

/* slider
------------------------------- */
.slider_wrap {
  width: 100%;
  height: 112vw;
  overflow: hidden;
}

#slider {
  width: 100%;
  background-color: #f9f9f9;
  padding-bottom: 4vw;
}
#slider .slide_in {
  width: 100vw !important;
  padding: 0 0 2vw;
}
#slider .slide_in a {
  display: block;
  width: 100%;
}
#slider .slide_in img {
  display: block;
  width: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#slider .slick-dots {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /*縦方向（Safari用）*/
  align-items: center;
  /* 縦方向*/
  -webkit-justify-content: center;
  /*横方向（Safari用）*/
  justify-content: center;
  /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#slider .slick-dots li {
  margin: 0 2vw;
}
#slider .slick-dots li button {
  display: block;
  width: 4.5vw;
  height: 4.5vw;
  padding: 0;
  -webkit-border-radius: 3vw;
  border-radius: 3vw;
  background-color: #786d64;
  border: 1.2vw solid #fff;
  font-size: 0;
  /* padding: 0; */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#slider .slick-dots li.slick-active button {
  border-color: #dbd5d0;
  background-color: #4b2d16;
}

/* おすすめ
------------------------------- */
.ttl_h2, #woocommerce_product_categories-2 .widget-title, .right_sidebar .widget h2 {
  font-family: 'NotoSansJP', sans-serif;
  font-size: 10px !important;
  font-weight: 400;
  text-align: center;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
  border-bottom: 2px solid #231816;
  position: relative;
}
.ttl_h2 strong, #woocommerce_product_categories-2 .widget-title strong, .right_sidebar .widget h2 strong {
  display: block;
  font-family: 'Arial';
  font-weight: bold;
  font-size: 16px;
}
.ttl_h2::after, #woocommerce_product_categories-2 .widget-title::after, .right_sidebar .widget h2::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #231816;
  position: absolute;
  bottom: -4px;
  left: 0;
}

.fx_bnr {
  margin-left: -5px;
  margin-right: -5px;
}
.fx_bnr > .flex_block_child {
  display: block;
  width: 50%;
  padding: 5px;
}
.fx_bnr > .flex_block_child:hover {
  opacity: .6;
}
.fx_bnr > .flex_block_child img {
  display: block;
  width: 100%;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* side ber
------------------------------- */
#woocommerce_product_categories-2 {
  font-family: 'NotoSansJP', sans-serif;
}
#woocommerce_product_categories-2 .widget-title::before {
  content: "CATEGORY";
  display: block;
  font-family: 'Arial';
  font-weight: bold;
  font-size: 16px;
}

/* news
------------------------------- */
.news-div {
  font-family: 'NotoSansJP', sans-serif;
}

/* 特集・イベント
------------------------------- */
.pickup .itme-img img {
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* right side bar
------------------------------- */
.ranking {
  font-family: 'Noto Sans JP', sans-serif;
}
.ranking .ttl_h2 strong, .ranking #woocommerce_product_categories-2 .widget-title strong, #woocommerce_product_categories-2 .ranking .widget-title strong, .ranking .widget h2 strong {
  line-height: 1.8;
}

.badge.badge-danger {
  position: absolute;
  left: 6px;
  font-family: 'Arial';
  font-weight: 700;
  font-size: 10px;
  color: #fff;
  background-color: transparent !important;
  background-image: url("../img/rank_base.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 1;
  transform: translateY(0);
  border-radius: 0;
}

.ranking li:nth-of-type(1) .badge.badge-danger, .ranking li:nth-of-type(2) .badge.badge-danger, .ranking li:nth-of-type(3) .badge.badge-danger {
  position: absolute;
  left: 6px;
  font-size: 10px;
  color: #fff;
  background-color: transparent !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 1;
  transform: translateY(0);
  border-radius: 0;
}

.ranking .wpp-list li {
  padding-top: 3px;
  position: relative;
}

.ranking .wpp-list li a{
  color: #333;
  font-family: 'NotoSansJP', sans-serif;
}

.ranking .wpp-list {
  margin-left: 0;
}

.ranking{
  margin-top: 25px;
}

#biz_calendar table.bizcal {
  font-family: 'Noto Sans JP', sans-serif;
  border: 0;
  font-size: 11px;
}
#biz_calendar table.bizcal > tbody > tr:first-child td.calmonth {
  font-size: 13px;
  padding-bottom: 8px;
}
#biz_calendar table.bizcal > tbody > tr:first-child td.calbtn {
  padding-top: 5px;
  text-align: right;
}
#biz_calendar table.bizcal > tbody > tr:first-child td.calbtn img {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: 0;
}
#biz_calendar table.bizcal > tbody > tr:nth-child(n+2) th, #biz_calendar table.bizcal > tbody > tr:nth-child(n+2) td {
  height: 32px;
  vertical-align: middle;
}
#biz_calendar table.bizcal > tbody > tr:nth-child(n+3) td {
  border-top: 1px solid #eeeeee;
  position: relative;
}

#biz_calendar table.bizcal th:first-child,
#biz_calendar table.bizcal th:nth-last-of-type(1) {
  color: #000;
}

#biz_calendar table.bizcal .holiday {
  background-color: transparent;
  font-weight: 500;
  color: #f72222;
  z-index: 1;
}
#biz_calendar table.bizcal .holiday::after {
  content: "";
  display: block;
  width: 75%;
  padding-top: 75%;
  background-color: #ffeeee;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: -1;
}

#biz_calendar table.bizcal .eventday {
  background-color: transparent;
  font-weight: 500;
  color: #168ecc;
  z-index: 1;
}
#biz_calendar table.bizcal .eventday::after {
  content: "";
  display: block;
  width: 75%;
  padding-top: 75%;
  background-color: #cee6f3;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: -1;
}

#biz_calendar table.bizcal .eventday a {
  color: #168ecc;
  text-decoration: underline;
}

#biz_calendar p {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /*縦方向（Safari用）*/
  align-items: center;
  /* 縦方向*/
  -webkit-justify-content: flex-start;
  /*横方向（Safari用）*/
  justify-content: flex-start;
  /*横方向*/
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 11px;
  padding-left: 10px;
}
#biz_calendar p a {
  font-size: 11px;
}
#biz_calendar p span.boxholiday {
  display: block;
  height: 10px;
  padding-left: 10px !important;
  margin-right: 5px !important;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #fa8d8d !important;
}
#biz_calendar p span.boxeventday {
  display: block;
  height: 10px;
  padding-left: 10px !important;
  margin-right: 5px !important;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #70b4e0 !important;
}

/*# sourceMappingURL=add_styleSp.css.map */