/* ========== Breadcrumbs ========== */
.breadcrumbs {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 25px 0;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  font-family: Source Sans Pro, sans-serif;
  line-height: 1.5;
}
.breadcrumbs span {
  color: #D98F21;
  line-height: 1.5;
}
.breadcrumbs a {
  text-decoration: none;
  color: #000;
}
.breadcrumbs-box {
  margin-top: 20px;
}
.breadcrumb-wrap {
  margin-top: 16px;
}
.breadcrumbs {
  margin: 0 auto 15px 0;
}

/* ========== Sort & filter ========== */
#sort-filter-mobile,
.sort-filter-container-mobile,
.sort-filter-mobile {
  display: none;
}
.sort-filter {
  float: none;
  clear: both;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.sort-filter .title {
  position: relative;
  padding: 0 0 4px;
  text-align: left;
  font-size: 14px;
  color: #878787;
  width: auto;
  flex-shrink: 0;
}
.sort-filter .list {
  position: relative;
  flex-direction: row;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sort-filter a {
  display: block;
  width: 160px;
  height: 32px;
  padding: 0 !important;
  border: 1px solid #1A1F3C;
  color: #333;
  cursor: pointer;
  font-family: Source Sans Pro, sans-serif;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  line-height: 30px;
}
.sort-filter a:hover,
.sort-filter a.active {
  font-size: 14px;
  color: #FEFEFF;
  background: #1A1F3C;
  border: 1px solid #1A1F3C;
}

.list-filter-title {
  font-size: 48px;
  color: #1a1f3c;
  font-family: Source Sans Pro, sans-serif;
  display: inline-block;
}
.list-filter-items {
  color: #333;
  text-align: right;
  font-size: 16px;
  font-family: Source Sans Pro, sans-serif;
  flex-shrink: 0;
}

/* Sort & load more */
#container-sort {
  width: 45px;
  opacity: 0.01;
  top: 0;
  position: absolute;
  left: 0;
  cursor: default;
}
#container-sort option {
  padding: 2px 1px;
  height: 20px;
}
#btn-load-more {
  background: #222;
  font-size: 14px;
  line-height: 1;
  border-radius: 0;
  padding: 10px 45px;
  opacity: 0.85;
  color: #fff;
}
#btn-load-more:hover {
  opacity: 1;
}
#products-loading-animation {
  display: none;
  font-size: 3em;
  color: grey;
  text-align: center;
}
#products-loading-end {
  text-align: center;
  display: none;
}

/* ========== Category head ========== */
.category-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 15px;
  margin-top: 40px;
  gap: 16px;
}
.box-category-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.box-container-footer {
  padding-top: 15px;
}

/* ========== Product list / grid ========== */
.product-content ul.products {
  display: flex;
  flex-wrap: wrap;
}
.category-content ul.products li.product,
.category-content-page ul.products li.product {
  box-sizing: border-box;
  float: left;
  margin: 0 0 1.992em;
  padding: 5px 15px;
  position: relative;
  width: 25%;
}
.category-content ul.products li.product a img,
.category-content ul.products li.product span {
  border: none;
}
.category-content ul.products li.product a img {
  width: 100%;
  max-width: none;
  display: block;
  margin: 0 0 8px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border: 1px solid #eaeaea;
}
.category-content ul.products li.product span {
  display: block;
  width: 100%;
  height: 78px;
  padding: 5px 0;
  margin-top: -9px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  background: #fff;
  border: 1px solid #eaeaea;
  overflow: hidden;
  white-space: nowrap;
}

#product-container {
  width: auto;
}
#product-container li .product-name {
  max-width: 300px;
  margin: 0 auto;
}
#product-container li a {
  display: block;
}

.product-category a {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.product-category.product .product-price .price {
  font-size: 22px;
  color: #333;
  text-align: center;
  font-weight: 600;
  padding: 0 0 15px 0;
  font-family: Source Sans Pro, sans-serif;
  margin-right: 5px;
}

.product-image-container {
  padding-top: 100%;
  margin-bottom: 8px;
}
.product-image,
.product-image-container img {
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}
.product .lazyload,
.product .lazyloading {
  background: url('data:image/gif;base64,R0lGODlhHgAeALMPAPb296+vserq69nZ24yLkMjHyp6eod3d387O0Ly8vuLi49bW2dXV2P7+/v///////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTFEQjZEMTRBNkZFMTFFQkI0NjJFNzRDOEZFNkFCRDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTFEQjZEMTNBNkZFMTFFQkI0NjJFNzRDOEZFNkFCRDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1MzEyNzRlNi1hNmZjLTExZWItYmZmOC1iZTA0ZThiNmFjMzIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1MzEyNzRlNi1hNmZjLTExZWItYmZmOC1iZTA0ZThiNmFjMzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJAwAPACwAAAAAHgAeAAAE//DJSadLBtTNZ6MAQSCU43SVcxjKpIiFdwgfKjVGrj2CmEgOAYOxszkKsNOLEHsAhoOa7YEzEDTLmGpBtEkfB4Ih0OiNnIyF4nRjPxyKQGHXCIgBjkECO6w1AAMCbHU5BgcfAAEMbhIABxoOjkMMNUE5AWMaXyVUQgtcgiAIhQGMHE9cCngbkRgHphuAj7Alq1NUm28Au7y3FH+8AA0DAcXGAr5UA5/MCgnGxgzJqMwMUQfVh8mRAt3dRcnhHkLgHWU0HZEFCQkFtKLWwhUNDOzsyFPDk7M3CPYIgsrkAtapWqV6BdA9UFCgwIc/J4REaaQgjZQyRQA0RNBAnwYhDDzwUdmFwsGChsiehKTyidK0houcfMKHas2tBgga7gAwEwi2LlNUFHjVqGcji77+SEEl0kmuZA0UDCjXIQIAIfkEBQMADwAsAAAAAB4AHgAABP/wyUmnKwbUzWejAEEUlON0lXMEyiSIiacIHyo1BpFJIRE/DgGDobEBMaPTy8djLAY1Iy6nWcYcigXRFn0cdAFHjwQYKk43NFARQBQbAVHDMUhoFMOi+HC+BQyABx8AbWo8B0UAeEM1QYB/ARpdJUACC5cMAoYACIAGAZMbZVqIhhJiCQYDphsNTwChJQCsHA2hYgC5uUYVDbqwDSsBw8MCvDcHTwNaCgXExAzHD6OX1QADQ0MLsRxiAjMzRdLjFA1C4ijmNCicCQkFtCBDA7C9de4JLVLYQ6WnCPgKaMLVqp65agwaMXC37kEzBB98SRAChQeebR4aTivA0daBLUI6MnnY1YEOR2NlRLrSwk0Ux4TTtBib5qSPFAYcE8k8lWyLERUFDqABsLMJRl6+ohAVOaEeORkL0KGIAAAh+QQFAwAPACwAAAAAGAAcAAAEoPDJSSkKNWtqHqPN9iiPwD3FBATJFnSh1CFTQhBkRncS8Bip0o0gwvAAnWDgdhApOq3fg3a4GWKlxIfDOxRCS4KpFijnHlqNgVYpP1giCbbCKMPj8QIGz++L5n0KCYOEfhMIhIQDhg8NCgMHB5CMlH4ATZUSCwUFbIwKnJxjhgOhDD6UXp4lDIuWIAwLrpUKC6eZHgsHDpUOB7a4IwxneBEAIfkEBQMADwAsAAAAAAEAAQAABALwRQAh+QQFAwAPACwAAAAAHQAXAAAEm/DJSSmrOOtpxv5CQgGPgVDiRwVBZVCFJKjPwJ7Si5PGS0ssionzmP0ErFijdFGUWpvCYClJsEgKnMj3aCgMCWohQTZKPJjAQhYguElVciJGaxTc7gD1LC84VAN4BgJ7FAgJTioAbms/NHAVVIWOGAIFl5iUGQuYmImaFAIKo6OgpqcSf2aoEwoMDAesMgwLCxeyrraxsg+5kKgRACH5BAUDAA8ALAAAAAABAAEAAAQC8EUAIfkEBQMADwAsAAAAAAEAAQAABALwRQAh+QQFAwAPACwAAAAAHgAVAAAEmPDJSelIrerNXwhdOBXVx0wZKUpJS30LZRirdLTDBE80WD+thC5wAj5oP1YC8QB8cgKaMIRQTBwF10NQLNAArwqiUGCOrJpEjnWsAMjkYo1GU6EUcHPI2ns4OAsFAnMGCn8hGUkdDQCJigKQAmAPC5WVDJMrAAYEnZ0BCgyio4M1Ap6oEpGQigofCQEJpYq0tbY/h7cVMRQRACH5BAUDAA8ALAAAAAABAAEAAAQC8EUAIfkEBQMADwAsAgAAABwAGAAABJXwyUnlKTVr6WpKyiZKCEB9A1UgI1lg03dMTBC0j/LOkjzZCdwD8YolUo+CTSh5LXogia3QyQAGAgrj1ZAgEctJFnZgMBYmCSOrCT1MhkdcsjgzeDhW3MAS2/Eje0FtDExLXUyJiiNpixRdBpFxg45wcnJzjlAPlJqeGy+NnwcEpQOIngClpQZsqQmrBKKeBqWzngJsEQAh+QQFAwAPACwCAAAAHAAYAAAEmPDJSeVINWvZagjDJkqFQH0MlRSjlLxnsEyFYbTP8YbSN0u2AO7xwvQCKaJt6EogjjxbopMRIBSUwgsgSdZuE6wRUSggTCSshmciPNykciGJY7kJrLD8ibsLNQt5OEsOTIaHLWiIFFwEjm5/i21vb3CLRw+Rl5sbAgJUnA8ADAwDAIWcDQMMCwwHXKkCC7MMoJwKrLacALARACH5BAUDAA8ALAIAAAAcABgAAASV8MlJ5Sk1a+lqSsomSghAfQNVICNZYNN3TEwQtI/yzpI82QncA/GKJVKPgk0oeS16IImt0MkABgIK49WQIBHLSRZ2YDAWJgkjqwk9TIZHXLI4M3g4VtzAEtvxI3tBbQxMS11MiYojaYsUXQaRcYOOcHJyc45QD5SanhsvjZ8HBKUDiJ4ApaUGbKkJqwSingals54CbBEAIfkEBQMADwAsBwAAABcAHQAABJjwyfkUozjjVorQGTBgnUIhizYw6VROQ5JoAsN80ivJBTgsl1zB9EDIQA+AzcTx7BII5ONgmxAZRwoUQ8w4c4EwxgEiPxZhsTQjSCfXoBl8Tg9JAPVJ4LF/GPJ+gXt9dAIdh4CJJ1GKRAYHigaSfHUHeA89kw1wBQQEFHt/nJ49FJdrAJ4Ep3kLnoR5DQaeOIACnqx5ArkSEQAh+QQFAwAPACwAAAAAAQABAAAEAvBFACH5BAUDAA8ALAsAAAATAB4AAASQ8ElxpL3YMoZdxgsjXEP1PU04SkpRAOejWi4Sp6K0uHC8SQAXJ/YArAYuTGFBHEoQiSjRcohGmdOHtZC1JAqrLkr86YkTgUdgzZ2u12oxYj43k7tOscEQUJDTDwYJU35PBhKHF2Y2iRIJjVgGBH6MNjECBASDDYeNH5iaEhWCl5ltcZ4YoIMXqRerim4EYUQRACH5BAUDAA8ALAAAAAABAAEAAAQC8EUAIfkEBQMADwAsAAAAAAEAAQAABALwRQAh+QQFAwAPACwGAAIAGAAcAAAElvDJSasSNespGNsgxSxDGCrLZ4Kesm6KRwHI8UoHMA1Ff1OKXs/1kwhVxUcDgUg6n8lCYjptFqlY5yi1gHoHgwZUEAg8MNCyWUdpEEENhjrAliQIBI3BPCmUxRIAeHkSBhIMhkgaAXglD4YFDwABhiAKeAZiAIZWjw+RGQ0GeGiPlROGdRMNjHyFnxSnGqWSj6BPCbIhEQAh+QQFAwAPACwAAAAAAQABAAAEAvBFACH5BAUDAA8ALAAAAAABAAEAAAQC8EUAIfkEBQMADwAsAQAHAB0AFwAABJ7wyUmrle4dla+figAyZPOdmLCsjNChHsAszAHfywDcfO//J0ZhOBwAKUQi4jgBHJ5PJq9xSIhgCptHECAQDCZUYmwBJLzeJWw8LkwaXa9Bgbo+BuxEOM6YLA0SYQ8MAQkUCGQgOxQGBjsBDyIDAQELFIseCYA2OwZLJpQ8IgaQE4ASCpRqKAGnE5CrCaFrD4YSnasAsygvpg+rUq88EQAh+QQFAwAPACwHABUAAQABAAAEAvBEACH5BAUDAA8ALAAADQAeABEAAASG8AEp57s4a90eImB4bOR1LMOwMIoRhklJMkttA0Wi63IpKD9Bb0jMKCjF49DwCBBxBUSpwGQyioVs4YpxxJgB4UPcU2gLme8Iw9wcEmjMIKshX8CdhPPxTqyLD2htTQFcO4B3GgGFFwI6XICDEwELGDkxWAZxF4uVGDxFDRYYi5CIMmijPREAIfkEBQMADwAsAAAAAAEAAQAABALwRQAh+QQFAwAPACwAAAAAAQABAAAEAvBFACH5BAUDAA8ALAAABwAcABcAAASX8L1jEpA4652JJwwnispHGMKoYkDyGc0qCwZRyPhz5XwvMYZHMKjwYQLC5ANhlDQQhWiB2az2bjhBitNSyhiMwc7JHA5kjQGYccgME7jYQ7Cohx4FAxKzCOwzAlMZCgwLI34YBXAPClFFOX6PCQlneFCQAYsPk20SUZ0qCYgYnBIODFErDggBVBKliQVyPZOVGLM9CJojEQAh+QQFAwAPACwAAAAAAQABAAAEAvBFACH5BAUDAA8ALAAAAQAXAB0AAASe8MkpG70YD6Oyv0QIfGQSJiQZEkLqLaFhpV0xNYboGsZjDBODzSXo9QKjmUtS4D0CywyUEa1aqweftldNGH3cKGCAKCOo1/RHgFA/CoEA6hqPZ6vw+MTxGVEQUB0SBwlzFwxAF0oPhQl8CAUjAgwMLR4IhZYFBYILCwyLEwCFQ2+cEgAMC4IXBYV+pqwHnxkMCWhMpxOqUZusVwOlFBEAIfkEBQMADwAsAAAAAAEAAQAABALwRQAh+QQFAwAPACwAAAAAEQAeAAAEjvDJSWkxoGoJCCnbEVCCl2zGk3Lmdj3gU36bmmbzGaqB09GSAIIyejQeg0TmMTIEDpMAo6aqUieNofXKSRgG3LB4EyibBdSC2Ty9Mt6MxXheaYcRiUTBcU3mEwpXeHkFS0saDHloEgoFWmEFjkcHdhoDkRMLDIsakXYDmxsMmJmhGgcFUBOgnFyarVcKchEAOw==') no-repeat center center;
}

.comment-star .star-row {
  justify-content: center;
}
.comment-star .score-and-comment {
  width: auto !important;
}

/* ========== Banner ========== */
.banner-pc {
  display: block;
  width: 100%;
  height: 560px;
}
.banner-pc img {
  width: 100%;
  height: 100%;
}
.banner-ipad img,
.banner-mobile img {
  width: 100%;
}
.banner-mobile,
.banner-ipad {
  display: none;
}

/* ========== Layout ========== */
.prod-container {
  min-height: calc(100vh - 640px);
}
.container-search {
  min-height: calc(100vh - 555px);
}
.search-title > span {
  color: #c45500;
  font-size: 20px;
  font-weight: bold;
}

/* ========== Media queries ========== */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .banner-pc {
    height: 300px !important;
  }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
  #product-container li {
    width: 33.3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-container-header{width: 100%;}
  .sort-filter .list a {
    width: calc(50% - 10px) !important;
    height: 35px;
    font-size: 14px;
  }
  .list-filter-title {
    font-size: 36px;
  }
  .list-filter-items {
    color: #333;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    flex-shrink: 0;
  }
  .sort-filter {
    font-size: 14px;
    height: auto;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .sort-filter .title {
    font-size: 14px;
  }
  .banner-ipad {
    display: block;
  }
  .banner-mobile,
  .banner-pc {
    display: none;
  }
  .footer-mobile {
    margin-bottom: -20px;
  }
}

@media screen and (max-width: 991px) {
  .container-search {
    min-height: calc(100vh - 430px);
  }
  .footer-mobile {
    margin-bottom: -20px;
  }
  .right-content {
    min-height: 100px;
  }
  .list-main {
    padding: 0 12px;
  }
  #content_container > .container,
  #content_container > .content {
    padding: 0;
  }
  .box-category-title {
    padding: 0;
  }
  .category-head {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .category-head {
    gap: 12px;
    margin-top: 0;
  }
  .sort-filter .list {
    flex-wrap: wrap;
  }
  .sort-filter .list a {
    width: calc(50% - 5px) !important;
    height: 35px;
    font-size: 14px;
  }
  .list-filter-title {
    font-size: 24px;
    margin: 0 0 0;
    font-weight: bold;
  }
  .list-filter-items {
    color: #333;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    flex-shrink: 0;
  }
  .sort-filter {
    font-size: 12px;
    height: auto;
    line-height: 1.5;
  }
  .sort-filter .title {
    font-size: 12px;
  }
  .box-category-title {
    display: flex;
    flex-direction: unset;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .banner-mobile {
    display: block;
  }
  .banner-ipad,
  .banner-pc {
    display: none;
  }
  .footer-mobile {
    margin-bottom: -20px;
  }
}

@media only screen and (max-width: 480px) and (min-width: 80px) {
  #product-container li {
    width: 50%;
  }
}