@charset "utf-8";

/* content
--------------------------- */
.content-1 {
  padding-top: 0;
  padding-bottom: 35px;
}
@media (max-width: 767.98px) {
  .content-1 {
    padding-bottom: 3.5%;
  }
}

/* shopNav
--------------------------- */
.shopNav {
  margin-right: -25px;
}
.shopNav_inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: start;
  align-items: flex-start;
}
.shopNav_head {
  width: 100%;
  -ms-flex: 0 0 610px;
  flex: 0 0 610px;
  max-width: 610px;
  padding-top: 10px;
}
.shopNav_body {
  width: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}
.shopNav_img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
.shopNav_map {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.shopNav_overlays {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.shopNav_overlay {
  position: absolute;
  box-sizing: border-box;
  background: rgba(30, 21, 14, 0.55);
  border-radius: 2px;
}
@media (max-width: 767.98px) {
  .shopNav {
    margin-right: 0;
  }
  .shopNav_inner {
    display: block;
  }
  .shopNav_head {
    display: none;
  }
  .shopNav_img {
    vertical-align: top;
  }
}

/* region
--------------------------- */
.region_item + .region_item {
  margin-top: 1px;
}
.region_ttl {
  font-size: 16px;
  line-height: 1.4;
  position: relative;
  z-index: 2;
}
.region_btn {
  display: block;
  color: #fff;
  background: #D80015;
  padding: 13px 15px;
  box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,.16);
  position: relative;
}
.region_btn::after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/am/vg/waniwanipanicr/assets/img/shop/index/arrow_1.png) no-repeat center center;
  background-size: 100% 100%;
}
.region_btn-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 767.98px) {
  .region_btn {
    padding: 16px 15px;
  }
}

/* pref
--------------------------- */
.pref {
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.pref_list {
  margin-top: -1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #f8fcfb;
  box-shadow: inset 0px 0px 0px 1px #ddd;
}
.pref_item {
  width: 100%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  border-right: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  font-size: 14px;
  line-height: 1.4;
}
.pref_item a {
  display: block;
  height: 100%;
  text-align: center;
  padding: 11px 0;
}
.pref_item-disabled span {
  display: block;
  height: 100%;
  text-align: center;
  padding: 11px 0;
  color: #aaa;
  background: #eee;
  cursor: default;
}
.env-device-desktop .pref_item a:hover {
  color: #129537;
}
@media (max-width: 767.98px) {
  .pref_item a,
  .pref_item-disabled span {
    padding: 15px 0;
  }
}