@charset "utf-8";

.l-content.jbj-lp .jbj-container {
 width: 100%;
 max-width: 1440px;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
}

.l-content.jbj-lp .jbj-category-inner {
 padding: 80px 24px 80px;
}

.l-content.jbj-lp .jbj-mainvs {
 margin: 0;
 padding: 0;
 border: 0;
 line-height: 0;
}

.l-content.jbj-lp .jbj-mainvs-art,
.l-content.jbj-lp .jbj-heading-art {
 display: block;
}

.l-content.jbj-lp .jbj-mainvs-art {
 background: #f5f9fc;
}

.l-content.jbj-lp .jbj-mainvs-art img,
.l-content.jbj-lp .jbj-heading-art img {
 display: block;
 width: 100%;
 height: auto;
}

.l-content.jbj-lp .jbj-eiffle-intro {
 background: #eefaff;
 overflow: hidden;
}

.l-content.jbj-lp .jbj-submain {
 background: #eefaff url("/en/pr/vona/recommend_brand/jbj_3_brands/images/bg_submain.png") center top no-repeat;
 background-size: 100% auto;
 margin-top: 0;
 overflow: hidden;
}

.l-content.jbj-lp .jbj-submain > .share-cover {
 width: 100%;
 max-width: none;
 margin: 0;
 padding: 15px 24px 0;
 box-sizing: border-box;
}

.l-content.jbj-lp .jbj-anchor-intro {
 text-align: center;
 padding: 0 24px 0 12px;
}

.l-content.jbj-lp .jbj-anchor-intro h2 {
 margin: 0 0 8px;
 padding: 0;
 border: 0;
 color: #ea0000;
 font-size: 32px;
 line-height: 1.4;
}

.l-content.jbj-lp .jbj-anchor-intro p {
 margin: 0;
 color: #222;
 font-size: 20px;
 line-height: 1.6;
}

.l-content.jbj-lp .jbj-anchor {
 list-style: none;
 margin: 0 auto;
 padding: 0 24px 38px;
 display: flex;
 justify-content: center;
}

.l-content.jbj-lp .jbj-anchor li {
 width: auto;
 max-width: none;
 min-width: 0;
 flex: 0 1 auto;
 padding: 0 16px;
 box-sizing: border-box;
}

.l-content.jbj-lp .jbj-anchor a {
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 min-height: 122px;
 padding: 10px 27px;
 box-sizing: border-box;
 text-align: center;
 color: #111;
 font-weight: bold;
 text-decoration: none;
 border: 0;
 background: #fff;
 box-shadow: 0 2px 0 #ccc;
 transition: box-shadow .2s, transform .2s;
}

.l-content.jbj-lp .jbj-anchor img {
 display: block;
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 102px;
}

.l-content.jbj-lp .jbj-anchor a:hover,
.l-content.jbj-lp .jbj-anchor a:focus {
 box-shadow: 0 3px 0 #0066b3;
 transform: translateY(-3px);
}

.l-content.jbj-lp .jbj-anchor a:focus {
 outline: 2px solid #0066b3;
 outline-offset: -2px;
}

.l-content.jbj-lp .jbj-arrow {
 position: absolute;
 left: 18px;
 top: 50%;
 width: 8px;
 height: 8px;
 border-right: 2px solid #4775a9;
 border-bottom: 2px solid #4775a9;
 transform: rotate(45deg);
 margin-top: -6px;
}

.l-content.jbj-lp .jbj-category {
 position: relative;
 padding: 0;
 margin-bottom: 0;
}

.l-content.jbj-lp .jbj-category-plus {
 position: absolute;
 z-index: 2;
 left: 50%;
 top: 0;
 width: 80px;
 height: auto;
 transform: translate(-50%, -50%);
}

.l-content.jbj-lp .jbj-eiffle {
 background: #eefaff;
}

.l-content.jbj-lp .jbj-maxxam {
 background: #c1eaff;
}

.l-content.jbj-lp .jbj-flexi {
 background: #56c3fe;
}

.l-content.jbj-lp .jbj-heading {
 margin: 0;
 padding: 0;
 border: 0;
 line-height: 0;
}

.l-content.jbj-lp .jbj-product-box {
 background: #fff;
 padding: 0 24px 0;
 border-radius: 0 0 20px 20px;
}

.l-content.jbj-lp .jbj-product-box > .m-cols {
 margin-bottom: 0;
}

.l-content.jbj-lp .jbj-products {
 display: flex;
 flex-wrap: wrap;
 margin: 0 -8px;
}

.l-content.jbj-lp .jbj-product-col {
 display: flex;
 width: 25%;
 padding: 0 8px 16px;
 box-sizing: border-box;
}

.l-content.jbj-lp .product {
 flex: 1 1 auto;
 width: 100%;
 background-color: #fff;
 color: #333;
 border: 1px solid #dedede;
 padding: 10px;
 text-align: center;
 box-sizing: border-box;
}

.l-content.jbj-lp .product:hover {
 opacity: .9;
 border-color: #ff730a;
}

.l-content.jbj-lp .jbj-product-link {
 display: flex;
 flex-direction: column;
 height: 100%;
 text-decoration: none;
 color: #004b87;
}

.l-content.jbj-lp .jbj-product-link:focus {
 outline: none;
}

.l-content.jbj-lp .product img {
 display: block;
 flex: 0 0 auto;
 margin: 0 auto 12px;
}

.l-content.jbj-lp .product .name {
 display: block;
 flex: 0 0 auto;
 min-height: 54px;
 word-wrap: break-word;
 font-size: 16px;
 line-height: 27px;
 font-weight: bold;
}

.l-content.jbj-lp .product:hover .name {
 color: #ff730a;
}

.l-content.jbj-lp .product .price {
 display: block;
 flex: 0 0 auto;
 margin-top: auto;
 padding: 20px 0 0;
 font-size: 22px;
 font-weight: bold;
 color: #ea0000;
}

.l-content.jbj-lp .jbj-unit {
 color: #333;
 font-size: 14px;
 font-weight: normal;
 white-space: nowrap;
}

.l-content.jbj-lp .m-btn-list {
 text-align: center;
 margin-top: 12px;
 padding-bottom: 28px;
}

.l-content.jbj-lp .m-btnLink--conversion.edit {
 margin: 0;
}

.l-content.jbj-lp .m-btn-list .m-btnLink--conversion.edit {
 width: 280px !important;
 max-width: 100%;
 box-sizing: border-box;
}

@media (max-width: 991px) {
 .l-content.jbj-lp .jbj-category-inner {
  padding: 24px 16px;
 }

 .l-content.jbj-lp .jbj-product-col {
  width: 33.333%;
 }
}

@media (max-width: 767px) {
 .l-content.jbj-lp .jbj-anchor-intro {
  padding: 24px 12px 8px;
 }

 .l-content.jbj-lp .jbj-anchor-intro h2 {
  font-size: 20px;
 }

 .l-content.jbj-lp .jbj-anchor-intro p {
  font-size: 12px;
 }

 .l-content.jbj-lp .jbj-anchor {
  margin: 0 auto;
  padding: 16px 6px 28px;
 }

 .l-content.jbj-lp .jbj-anchor li {
  padding: 0 4px;
  width: 33.333%;
 }

 .l-content.jbj-lp .jbj-anchor a {
  padding: 10px 6px 10px 20px;
  min-height: 56px;
 }

 .l-content.jbj-lp .jbj-anchor img {
  max-height: 36px;
 }

 .l-content.jbj-lp .jbj-arrow {
  width: 5px;
  height: 5px;
  left: 8px;
  margin-top: -4px;
 }

 .l-content.jbj-lp .jbj-category-inner {
  padding: 16px 10px 24px;
 }

 .l-content.jbj-lp .jbj-category-plus {
  width: 32px;
 }

 .l-content.jbj-lp .jbj-maxxam .jbj-category-inner,
 .l-content.jbj-lp .jbj-flexi .jbj-category-inner {
  padding-top: 24px;
 }

 .l-content.jbj-lp .jbj-heading {
  margin-bottom: 0;
 }

 .l-content.jbj-lp .jbj-product-box {
  padding: 16px 10px 0;
  border-radius: 0 0 12px 12px;
 }

 .l-content.jbj-lp .jbj-products {
  margin: 0 -4px;
 }

 .l-content.jbj-lp .jbj-product-col {
  width: 50%;
  padding: 0 4px 8px;
 }

 .l-content.jbj-lp .product {
  padding: 8px;
 }

 .l-content.jbj-lp .product .name {
  font-size: 14px;
  line-height: 23px;
  min-height: 46px;
 }

 .l-content.jbj-lp .product .price {
  font-size: 18px;
  padding-top: 14px;
 }

 .l-content.jbj-lp .jbj-unit {
  font-size: 12px;
 }

 .l-content.jbj-lp .m-btn-list .m-btnLink--conversion.edit {
  width: 220px !important;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 14px;
  line-height: 22px;
 }
}

@media (max-width: 479px) {
 .l-content.jbj-lp .jbj-anchor a {
  padding-left: 18px;
  padding-right: 4px;
 }

 .l-content.jbj-lp .jbj-arrow {
  left: 6px;
 }
}