.mdk-recommend{width:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:30px}.mdk-recommend-header{background-color:#e3ecde;margin:0;padding:7px 0;text-align:center}.mdk-recommend-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width: 767px){.mdk-recommend-container{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:10px 0 0 0;overflow-x:scroll;width:100%}}@media only screen and (min-width: 768px){.mdk-recommend-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:15px auto 0 auto;width:calc(100% - 60px)}}.mdk-recommend-item{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;margin:5px;-webkit-box-shadow:0 0 2px #aaa;box-shadow:0 0 2px #aaa}@media only screen and (max-width: 767px){.mdk-recommend-item{width:130px}}@media only screen and (min-width: 768px){.mdk-recommend-item{width:calc(33.33% - 10px)}}.mdk-recommend-img{margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;border-bottom:1px solid #eee}@media only screen and (max-width: 767px){.mdk-recommend-img{height:120px;width:100%}}@media only screen and (min-width: 768px){.mdk-recommend-img{min-width:100px;max-width:150px;height:150px}}.mdk-recommend-img img{vertical-align:bottom}.mdk-recommend-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:150%;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";margin:10px 0 0 0}@media only screen and (max-width: 767px){.mdk-recommend-title{font-size:0.5rem;height:28px}}@media only screen and (min-width: 768px){.mdk-recommend-title{font-size:0.85rem;height:44px}}.mdk-recommend-price{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";margin:5px 0 0 0}@media only screen and (max-width: 767px){.mdk-recommend-price{font-size:0.75rem}}
