@charset "UTF-8";
.goods-aside-list {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .goods-aside-list {
    padding-top: 4px;
  }
  .goods-aside-list:before {
    top: 0;
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    background: url(../images/aside/frame/sp.png) center left repeat-x;
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 768px) {
  .goods-aside-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -8px;
  }
}

.goods-aside-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
}

.goods-aside-item:hover {
  opacity: 0.7;
}

@media only screen and (min-width: 768px) {
  .goods-aside-item {
    width: 50%;
    padding: 3px;
    border: 8px solid transparent;
  }
}

.goods-aside-item.mod-kikin .goods-aside-title img {
  width: 107px;
}

.goods-aside-item.mod-guide .goods-aside-title img {
  width: 108px;
}

.goods-aside-item:before {
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 2;
  top: 19px;
  right: 19px;
  background-image: url(../images/icon/arrow_pink.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .goods-aside-item:before {
    top: 28px;
    right: 28px;
  }
}

.goods-aside-item:after {
  z-index: 3;
}

@media only screen and (max-width: 767px) {
  .goods-aside-item:after {
    bottom: -2px;
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    background: url(../images/aside/frame/sp.png) center left repeat-x;
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 768px) {
  .goods-aside-item:after {
    content: '';
    -webkit-border-image: url(../images/aside/frame/pc.png) 6 repeat;
         -o-border-image: url(../images/aside/frame/pc.png) 6 repeat;
            border-image: url(../images/aside/frame/pc.png) 6 fill repeat;
    border-style: solid;
    border-width: 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.goods-aside-thumb {
  width: 126px;
  min-height: 126px;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .goods-aside-thumb {
    width: 140px;
    height: 140px;
  }
}

.goods-aside-thumb img {
  width: 100%;
  height: auto;
}

.goods-aside-detail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 18px;
  position: relative;
  z-index: 1;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .goods-aside-detail {
    padding: 26px 28px 16px 24px;
  }
}

.goods-aside-title {
  margin-bottom: 14px;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .goods-aside-title {
    margin-bottom: 16px;
  }
}

.goods-aside-title img {
  height: auto;
}

.goods-aside-desc {
  font-size: 11px;
  line-height: 1.7;
}

@media only screen and (min-width: 768px) {
  .goods-aside-desc {
    font-size: 12px;
  }
}

.main {
  padding: 25px 0 50px;
}

@media only screen and (min-width: 768px) {
  .main {
    width: 920px;
    margin: 0 auto;
    padding: 0 0 50px;
  }
}

.main a:hover,
.main a:link,
.main a:visited,
.main a:active {
  color: #222;
  text-decoration: none;
}

.goods-inside {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .goods-inside {
    padding: 0 10px;
  }
}

.goods-block {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .goods-block {
    margin-bottom: 80px;
  }
}

.goods-ribbon {
  line-height: 1;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .goods-ribbon:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-image: url(../images/bg/beige_flat_sp.png) 14 repeat;
         -o-border-image: url(../images/bg/beige_flat_sp.png) 14 repeat;
            border-image: url(../images/bg/beige_flat_sp.png) 14 fill repeat;
    border-style: solid;
    border-width: 11px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media only screen and (min-width: 768px) {
  .goods-ribbon {
    height: 52px;
    margin: 0 auto 24px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .goods-ribbon.mod-small {
    width: 400px;
    background-image: url(../images/ribbon/small.png);
  }
  .goods-ribbon.mod-large {
    width: 920px;
    background-image: url(../images/ribbon/large.png);
  }
}

.goods-ribbon img {
  height: auto;
  position: relative;
  padding: 14px 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .goods-ribbon img {
    padding: 11px 0;
  }
}

.goods-ribbon.mod-feature img {
  width: 109px;
}

.goods-ribbon.mod-category img {
  width: 174px;
}

.goods-ribbon.mod-price img {
  width: 129px;
}

.goods-loading {
  position: absolute;
  left: 50%;
  background: url(../images/loading.gif) center center no-repeat;
  -webkit-transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-size: cover;
  font-size: 0;
  color: transparent;
}

@media only screen and (max-width: 767px) {
  .goods-loading {
    width: 70px;
    height: 92px;
    top: 80px;
    margin: 0 0 0 -35px;
  }
}

@media only screen and (min-width: 768px) {
  .goods-loading {
    width: 100px;
    height: 134px;
    top: 180px;
    margin: 0 0 0 -50px;
  }
}

.goods-loading.is-loaded {
  opacity: 0;
  pointer-events: none;
}

.goods-button {
  width: 180px;
  height: 54px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  font-size: 0;
  color: transparent;
}

@media only screen and (max-width: 767px) {
  .goods-button {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}

@media only screen and (min-width: 768px) {
  .goods-button {
    width: 192px;
    height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .goods-button.mod-all {
    background-image: url(../images/button/all_sp.png);
  }
}

@media only screen and (min-width: 768px) {
  .goods-button.mod-all {
    position: relative;
  }
  .goods-button.mod-all:before, .goods-button.mod-all:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
  }
  .goods-button.mod-all:before {
    background-image: url(../images/button/all_pc.png);
  }
  .goods-button.mod-all:after {
    background-image: url(../images/button/all_pc_on.png);
    opacity: 0;
    -webkit-transition-delay: .05s;
         -o-transition-delay: .05s;
            transition-delay: .05s;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .goods-button.mod-all:hover:before {
    opacity: 0;
    -webkit-transition-delay: .05s;
         -o-transition-delay: .05s;
            transition-delay: .05s;
  }
  .goods-button.mod-all:hover:after {
    opacity: 1;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.goods-new {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .goods-new {
    margin-bottom: 40px;
  }
}

.goods-new-more {
  margin-top: 20px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .goods-new-more {
    margin-top: 24px;
  }
}

.goods-new-more img {
  width: 94px;
}

.goods-popular {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .goods-popular {
    margin-bottom: 80px;
  }
}

.goods-box-list {
  min-height: 600px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: -5px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-property: opacity, min-height;
  -o-transition-property: opacity, min-height;
  transition-property: opacity, min-height;
  -webkit-transition-duration: .5s, 1s;
       -o-transition-duration: .5s, 1s;
          transition-duration: .5s, 1s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media only screen and (min-width: 768px) {
  .goods-box-list {
    min-height: 700px;
    margin: -8px;
  }
}

@media only screen and (min-width: 768px) {
  .goods-box-list.mod-top .goods-box-single {
    width: 33.3%;
    width: calc(100 / 3);
    border-width: 8px;
    padding: 8px 8px 22px;
  }
}

.goods-box-list.is-loaded {
  min-height: 0;
  opacity: 1;
  pointer-events: auto;
}

.goods-box-single {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 5px solid transparent;
}

.goods-box-single a {
  color: #222;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .goods-box-single {
    width: 50%;
    padding: 4px 4px 18px;
  }
}

@media only screen and (min-width: 768px) {
  .goods-box-single {
    width: 25%;
    border-width: 8px;
    padding: 8px 8px 22px;
  }
  .goods-box-single:hover .goods-box-bg {
    -webkit-box-shadow: 0 0 32px rgba(100, 100, 98, 0.3);
            box-shadow: 0 0 32px rgba(100, 100, 98, 0.3);
    -webkit-transform: scale(1.07, 1.04);
        -ms-transform: scale(1.07, 1.04);
            transform: scale(1.07, 1.04);
  }
  .goods-box-single:hover .goods-box-bg:before {
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }
}

.goods-box-single:hover, .goods-box-single:link, .goods-box-single:visited, .goods-box-single:active {
  color: #222;
  text-decoration: none;
}

.goods-box-item {
  display: block;
}

.goods-box-thumb {
  position: relative;
  z-index: 2;
}

.goods-box-thumb img {
  border-radius: 6px;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .goods-box-thumb img {
    border-radius: 4px;
  }
}

.goods-box-thumb:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/box_thumb.png) 12 repeat;
       -o-border-image: url(../images/bg/box_thumb.png) 12 repeat;
          border-image: url(../images/bg/box_thumb.png) 12 fill repeat;
  border-style: solid;
  border-width: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-box-body {
  position: relative;
  z-index: 2;
  padding: 15px 8px 0;
}

@media only screen and (min-width: 768px) {
  .goods-box-body {
    padding: 17px 8px 0;
  }
}

.goods-box-title {
  margin-bottom: 5px;
  line-height: 1.5;
  font-weight: bold;
  color: #583b26;
}

@media only screen and (min-width: 768px) {
  .goods-box-title {
    font-size: 13px;
    margin-bottom: 10px;
  }
}

.goods-box-price {
  font-size: 10px;
  line-height: 1.7;
}

@media only screen and (min-width: 768px) {
  .goods-box-price {
    font-size: 11px;
  }
}

.goods-box-price em {
  padding-left: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .goods-box-price em {
    font-size: 13px;
  }
}

.goods-box-kikin {
  font-size: 10px;
  line-height: 1.7;
}

@media only screen and (min-width: 768px) {
  .goods-box-kikin {
    font-size: 11px;
  }
}

.goods-box-kikin:before {
  content: '(';
  padding-right: 13px;
  background-image: url(../images/icon/kikin.png);
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-position: center right 2px;
}

.goods-box-kikin:after {
  content: '）';
}

.goods-box-bg {
  z-index: 0;
  border-radius: 8px;
  -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 768px) {
  .goods-box-bg:before {
    content: '';
    width: 140px;
    height: 16px;
    z-index: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -70px;
    background: url(../images/icon/cat_year.png) center center no-repeat;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    -webkit-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.goods-box-bg:after {
  content: '';
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/white_radius.png) 18 repeat;
       -o-border-image: url(../images/bg/white_radius.png) 18 repeat;
          border-image: url(../images/bg/white_radius.png) 18 fill repeat;
  border-style: solid;
  border-width: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-category {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .goods-category {
    margin-bottom: 40px;
  }
}

.goods-category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -4px;
}

@media only screen and (min-width: 768px) {
  .goods-category-list {
    margin: -8px;
  }
}

.goods-category-item {
  width: 50%;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .goods-category-item {
    width: 25%;
    padding: 8px;
  }
}

.goods-category-item a {
  display: block;
  -webkit-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
}

.goods-category-item a:hover {
  opacity: 0.7;
}

.goods-category-item img {
  width: 100%;
  height: auto;
}

.goods-feature {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .goods-feature {
    position: relative;
    margin-bottom: 40px;
    padding: 40px 16px 16px;
    -webkit-border-image: url(../images/bg/white_dot.png) 10 repeat;
         -o-border-image: url(../images/bg/white_dot.png) 10 repeat;
            border-image: url(../images/bg/white_dot.png) 10 fill repeat;
    border-style: solid;
    border-width: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media only screen and (min-width: 768px) {
  .goods-feature .goods-inside {
    width: 848px;
    margin: 0 auto;
    padding: 9px 0 11px;
  }
}

@media only screen and (min-width: 768px) {
  .goods-feature .goods-ribbon {
    position: absolute;
    top: -26px;
    left: 50%;
    margin-left: -200px;
  }
}

.goods-feature-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -4px;
}

@media only screen and (min-width: 768px) {
  .goods-feature-list {
    margin: -8px;
  }
}

.goods-feature-item {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
}

@media only screen and (min-width: 768px) {
  .goods-feature-item {
    width: 25%;
    padding: 8px;
  }
}

.goods-feature-item a {
  display: block;
  -webkit-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
}

.goods-feature-item a:hover {
  opacity: 0.7;
}

.goods-feature-item img {
  width: 100%;
  height: auto;
}

.goods-nav {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .goods-nav {
    padding: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .goods-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
    padding: 8px;
  }
}

.goods-nav:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/beige_radius_sp.png) 14 repeat;
       -o-border-image: url(../images/bg/beige_radius_sp.png) 14 repeat;
          border-image: url(../images/bg/beige_radius_sp.png) 14 fill repeat;
  border-style: solid;
  border-width: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .goods-nav:before {
    -webkit-border-image: url(../images/bg/beige_radius_pc.png) 12 repeat;
         -o-border-image: url(../images/bg/beige_radius_pc.png) 12 repeat;
            border-image: url(../images/bg/beige_radius_pc.png) 12 fill repeat;
    border-style: solid;
    border-width: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.goods-nav-search {
  position: relative;
  z-index: 1;
  line-height: 0;
}

@media only screen and (min-width: 768px) {
  .goods-nav-search {
    width: 320px;
  }
}

.goods-nav-search-input {
  width: 100%;
  background-color: #fff;
  font-size: 11px;
  color: #a59181;
  border: none;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .goods-nav-search-input {
    font-size: 12px;
  }
}

.goods-nav-search-input::-webkit-input-placeholder {
  color: #a59181;
}

.goods-nav-search-input:-moz-placeholder {
  color: #a59181;
}

.goods-nav-search-input::-moz-placeholder {
  color: #a59181;
}

.goods-nav-search-input:-ms-input-placeholder {
  color: #a59181;
}

.goods-nav-search-input, .goods-nav-search-input:focus {
  padding: 16px 50px 16px 18px;
  line-height: normal;
}

@media only screen and (max-width: 767px) {
  .goods-nav-search-input, .goods-nav-search-input:focus {
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .goods-nav-search-input, .goods-nav-search-input:focus {
    padding: 11px 42px 11px 13px;
  }
}

.goods-nav-search-button {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 4px;
  right: 4px;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .goods-nav-search-button {
    width: 32px;
    height: 32px;
  }
}

.goods-nav-search-button:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/pink.png) 12 repeat;
       -o-border-image: url(../images/bg/pink.png) 12 repeat;
          border-image: url(../images/bg/pink.png) 12 fill repeat;
  border-style: solid;
  border-width: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-nav-search-button img {
  width: 16px;
  height: auto;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.goods-nav-filter-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .goods-nav-filter-list {
    margin: 0 -4px;
  }
}

.goods-nav-filter-item {
  height: 48px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .goods-nav-filter-item {
    width: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

@media only screen and (min-width: 768px) {
  .goods-nav-filter-item {
    width: 168px;
    height: 40px;
  }
  .goods-nav-filter-item:nth-child(n+2) {
    margin-left: 8px;
  }
}

.goods-nav-filter-item:before {
  content: '';
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/brown.png) 12 repeat;
       -o-border-image: url(../images/bg/brown.png) 12 repeat;
          border-image: url(../images/bg/brown.png) 12 fill repeat;
  border-style: solid;
  border-width: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-nav-filter-item:after {
  content: '';
  width: 8px;
  height: 10px;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  background: url(../images/icon/arrow_white.png) center center no-repeat;
  background-size: 100% auto;
}

@media only screen and (min-width: 768px) {
  .goods-nav-filter-item:after {
    width: 10px;
    right: 8px;
  }
}

.goods-nav-filter-item.mod-category .goods-nav-filter-label.mod-default {
  width: 81px;
}

.goods-nav-filter-item.mod-price .goods-nav-filter-label.mod-default {
  width: 45px;
}

.goods-nav-filter-label {
  height: auto;
  padding: 16px 0;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .goods-nav-filter-label {
    padding: 12px 0;
  }
}

.goods-nav-filter-child-list {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 48px 8px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media only screen and (min-width: 768px) {
  .goods-nav-filter-child-list {
    padding-top: 40px;
  }
}

.goods-nav-filter-child-list:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/brown.png) 12 repeat;
       -o-border-image: url(../images/bg/brown.png) 12 repeat;
          border-image: url(../images/bg/brown.png) 12 fill repeat;
  border-style: solid;
  border-width: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-nav-filter-child-item {
  position: relative;
  z-index: 1;
}

.goods-nav-filter-child-item:nth-child(n+2) {
  margin-top: 2px;
}

.goods-nav-filter-child-item a {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  -webkit-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
}

.goods-nav-filter-child-item a:hover {
  opacity: 0.8;
}

.goods-nav-filter-child-item a:before {
  content: '';
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/white_nav.png) 12 repeat;
       -o-border-image: url(../images/bg/white_nav.png) 12 repeat;
          border-image: url(../images/bg/white_nav.png) 12 fill repeat;
  border-style: solid;
  border-width: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-nav-filter-child-item img {
  max-width: 90%;
  height: auto;
  position: relative;
  z-index: 1;
}

.goods-nav-filter-item.is-active .goods-nav-filter-child-list {
  opacity: 1;
  pointer-events: auto;
}

.goods-price {
  margin-bottom: 50px;
}

@media only screen and (min-width: 768px) {
  .goods-price {
    margin-bottom: 60px;
  }
}

.goods-price-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -4px;
}

@media only screen and (min-width: 768px) {
  .goods-price-list {
    margin: -5px;
  }
}

.goods-price-item {
  width: 50%;
  padding: 4px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .goods-price-item {
    width: calc(100% / 6);
    width: 16.66%;
    padding: 5px;
  }
}

.goods-price-item a {
  height: 48px;
  display: block;
  position: relative;
  text-align: center;
  line-height: 1;
  -webkit-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
}

.goods-price-item a:hover {
  opacity: 0.7;
}

@media only screen and (min-width: 768px) {
  .goods-price-item a {
    height: 56px;
  }
}

.goods-price-item a:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-image: url(../images/bg/white_radius_strong.png) 20 repeat;
       -o-border-image: url(../images/bg/white_radius_strong.png) 20 repeat;
          border-image: url(../images/bg/white_radius_strong.png) 20 fill repeat;
  border-style: solid;
  border-width: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.goods-price-item a:after {
  content: '';
  width: 21px;
  height: 21px;
  position: absolute;
  bottom: 6px;
  right: 6px;
  background: url("../images/icon/cat_gray.png");
  background-size: 100% auto;
}

@media only screen and (min-width: 768px) {
  .goods-price-item a:after {
    width: 24px;
    height: 24px;
  }
}

.goods-price-item img {
  position: relative;
  z-index: 1;
  width: 76px;
  height: auto;
  padding: 16px 0;
}

@media only screen and (min-width: 768px) {
  .goods-price-item img {
    width: 90px;
    padding: 21px 0;
  }
}

.goods-title {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 768px) {
  .goods-title {
    margin-bottom: 22px;
  }
}

.goods-title:before, .goods-title:after {
  content: '';
  height: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(../images/line/brown_sp.png);
}

@media only screen and (max-width: 767px) {
  .goods-title:before, .goods-title:after {
    background-size: auto 100%;
  }
}

@media only screen and (min-width: 768px) {
  .goods-title:before, .goods-title:after {
    height: 12px;
    margin-top: 2px;
    background-image: url(../images/line/brown_pc.png);
  }
}

.goods-title span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 12px;
}

@media only screen and (min-width: 768px) {
  .goods-title span {
    margin: 0 15px;
  }
}

.goods-title span img {
  height: auto;
  margin: 0 5px;
}

.goods-title span:before, .goods-title span:after {
  content: '';
  width: 28px;
  height: 28px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.goods-title span:before {
  background-image: url(../images/icon/cat_left.png);
}

.goods-title span:after {
  background-image: url(../images/icon/cat_right.png);
}

.goods-title.mod-new img {
  width: 108px;
}

.goods-title.mod-popular img {
  width: 154px;
}

.goods-title.mod-category.mod-bag img {
  width: 194px;
}

.goods-title.mod-category.mod-cosme img {
  width: 193px;
}

.goods-title.mod-category.mod-fashion_zakka img {
  width: 158px;
}

.goods-title.mod-category.mod-fashion img {
  width: 115px;
}

.goods-title.mod-category.mod-food img {
  width: 162px;
}

.goods-title.mod-category.mod-life img {
  width: 201px;
}

.goods-title.mod-category.mod-stationery img {
  width: 165px;
}

.goods-title.mod-category.mod-zakka img {
  width: 93px;
}

.goods-title.mod-feature.mod-campaign img {
  width: 121px;
}

.goods-title.mod-feature.mod-gift img {
  width: 160px;
}

.goods-title.mod-feature.mod-idle img {
  width: 159px;
}

.goods-title.mod-feature.mod-narikiri img {
  width: 156px;
}

.goods-title.mod-feature.mod-rinrin img {
  width: 216px;
}

.goods-title.mod-feature.mod-tsundere img {
  width: 146px;
}

.goods-title.mod-feature.mod-web img {
  width: 105px;
}

.goods-title.mod-feature.mod-youmore img {
  width: 212px;
}

.goods-title.mod-price.mod-lt1000 img {
  width: 206px;
}

.goods-title.mod-price.mod-ge1000 img {
  width: 177px;
}

.goods-title.mod-price.mod-ge2000 img {
  width: 183px;
}

.goods-title.mod-price.mod-ge3000 img {
  width: 183px;
}

.goods-title.mod-price.mod-ge4000 img {
  width: 182px;
}

.goods-title.mod-price.mod-ge5000 img {
  width: 183px;
}