@charset "utf-8";

.MJS_P02_latest { width: 100%; max-width: 50%; min-width: 600px; overflow: hidden; border-radius:4px; display: flex; flex-wrap: wrap; position: relative; background: #fff; justify-content: space-between; align-items: center; align-content: flex-start; padding: 16px; padding-bottom:8px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.03); }
.MJS_P02_latest > p { font-size: 14px; font-weight: 300; color: #6b6b6b; }
.MJS_P02_latest:nth-of-type(4) { margin-right:0; }
.MJS_P02_latest .title { text-align:left; display:inline-block; border-bottom:3px solid #7366ff; color:#222; padding-bottom:8px; font-size:14px; font-weight:500; letter-spacing:-1px; position:relative; }
.MJS_P02_latest .title > img { max-height:16px; margin-right:4px; margin-top:-1px; }
.MJS_P02_latest::before { content: ''; display: block; width: calc(100% - 32px); height: 1px; background: #e1e1e1; top: 44.5px; z-index: 0; left: 16px; position: absolute; }
.MJS_P02_latest > ul { width:100%; display:flex; flex-wrap:wrap; padding-top:8px; }
.MJS_P02_latest > ul a { transition:0.3s ease all; width:calc(100% / 3 - 6px); margin-bottom:8px; margin-right:8px; border:1px solid #e1e1e1; font-size:12px; }
.MJS_P02_latest > ul a:hover { box-shadow:10px; border:1px solid rgba(0,0,0, 0.2); transition:0.3s ease all; box-shadow: 0 0px 13px 0 rgba(0,0,0,0.12); }
.MJS_P02_latest > ul a > li:nth-child(3n) { margin-right:0; }
.MJS_P02_latest > ul a > li:nth-child(4+n) { margin-bottom:0; }
.MJS_P02_latest > ul a > li img { max-width:100%; width:auto; }
.MJS_P02_latest > ul a > li .shop_title { display:inline-block; width:100%; padding:8px; }
.MJS_P02_latest > ul a > li .main_content p {display: flex; width: 100%; justify-content: center; flex-direction: column; letter-spacing: 0; flex-wrap: nowrap; align-items: center; }
.MJS_P02_latest > ul a > li .shop_title p.main_title { font-size:13px; margin:4px 0; padding-bottom:4px; color:#666; line-height:1.2em; font-weight:400; text-align:center; }
.MJS_P02_latest > ul a > li .shop_title p.main_subtitle { font-size:14px; margin:10px 0; border:1px solid #e1e1e1; border-right:0; border-left:0; padding:10px 0; line-height:1.2em; font-weight:500; text-align:center; }
.MJS_P02_latest > ul a > li .shop_title p.main_subtitle b { background:#ef513b; color:#fff; padding:0px 4px; font-size:11px; font-weight:600; letter-spacing:0; margin-right:4px; border-radius:2px; }
.MJS_P02_latest > ul a > li .main_content { display:flex; }
.MJS_P02_latest > ul a > li .shop_title p b { font-weight:600; color:#ef513b; }
.MJS_P02_latest > ul a > li .shop_bg {transition:0.3s ease all; position:relative; width:100%; max-height:90px; display:flex; height:90px; color:#fff; align-items: center; justify-content: center; }
.MJS_P02_latest > ul a > li .shop_bg > p { position:relative;z-index:2; font-size:16px; letter-spacing:-1px; font-weight:500; }
.MJS_P02_latest > ul a > li .shop_bg::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.6); z-index:1;}