.blog_menu{align-items:center;display:grid;gap:3rem;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;@media (max-width:1024px){display:none}.blog_menu-banner{height:auto;margin:0;padding:0;width:100%;>ul{display:grid;grid-template-columns:100%;height:auto;margin:0;padding:0;width:100%;grid-gap:1rem;align-items:center;gap:1rem;justify-content:center;>li{height:auto;margin:0;padding:0;width:100%;>a{display:block;height:auto;margin:0;opacity:1;padding:0;transition:.2s;width:100%;&:hover{opacity:.8}>img{height:auto;margin:0;padding:0;width:100%}}}}}.blog_menu-category{height:auto;margin:0;padding:0;width:100%;>h3{align-items:center;border-bottom:.1rem solid #ebebeb;display:grid;font-size:1.4rem;font-weight:500;gap:1rem;grid-template-columns:auto 1fr;grid-template-rows:4rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;&:before{background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/list_black.svg);background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";height:1.8rem;margin:0;padding:0;width:1.8rem}>span{font-size:1.4rem;font-weight:700;height:auto;line-height:1;margin:0;padding:1rem 1rem 1rem 0;text-align:left;width:100%}}>ul{display:grid;grid-template-columns:100%;height:100%;margin:0;padding:0;width:100%;grid-gap:0;align-items:center;gap:0;justify-content:center;>li{border-bottom:1px solid #ebebeb;height:auto;margin:0;padding:0;width:100%;>a{display:block;font-size:1.4rem;font-weight:400;height:auto;margin:0;opacity:1;padding:1rem 0;text-align:left;transition:.2s;width:100%;&:hover{opacity:.8}}}}}.blog_menu-recommend{align-items:center;display:grid;gap:1rem;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;>h3{align-items:center;display:grid;font-size:1.4rem;font-weight:500;gap:0;grid-template-columns:4rem 1fr;grid-template-rows:4rem;height:auto;justify-content:center;margin:0;padding:0;width:100%;>picture{align-items:center;background-color:#34a5a5;display:flex;flex-flow:column wrap;gap:0;height:100%;justify-content:center;margin:0;padding:0;width:100%;>img{height:1.6rem;margin:0;padding:0;width:1.6rem}}>span{align-items:start;background-color:#d6eded;color:#34a5a5;display:flex;flex-flow:column wrap;font-size:1.4rem;font-weight:500;gap:0;height:100%;justify-content:center;line-height:1;margin:0;padding:1rem 1.5rem;text-align:left;width:100%}}>ul{align-items:center;display:grid;gap:1rem;grid-template-columns:100%;height:auto;justify-content:center;margin:0;padding:0;width:100%;>li{height:auto;margin:0;padding:0;width:100%;>a{align-items:center;display:grid;gap:1.2rem;grid-template-columns:8rem 1fr;grid-template-rows:8rem;height:auto;justify-content:center;margin:0;opacity:1;padding:0;transition:.2s;width:100%;&:hover{opacity:.8}>.image{height:100%;margin:0;padding:0;position:relative;width:100%;z-index:0;>img{height:100%;margin:0;-o-object-fit:cover;object-fit:cover;overflow:hidden;padding:0;width:100%}>span{&.amazon-consulting,&.market-trend,&.others,&.rakuten-consulting,&.yahoo-consulting{&:before{border-bottom:4.5rem solid transparent;content:"";right:0;top:0;z-index:10}&:after,&:before{position:absolute}&:after{color:#fff;display:block;font-size:1rem;right:.5rem;top:.8rem;transform:rotate(45deg);z-index:11}}&.rakuten-consulting:before{border-right:4.5rem solid #bd0100}&.yahoo-consulting:before{border-right:4rem solid #ec4e54}&.amazon-consulting:before{border-right:4rem solid #ffb300}&.market-trend:before{border-right:4rem solid #087070}&.others:before{border-right:4rem solid #34a5a5}&.rakuten-consulting:after{content:"楽天";right:.5rem}&.yahoo-consulting:after{content:"Yahoo";right:-.1rem}&.amazon-consulting:after{content:"amazon";right:-.4rem}&.market-trend:after{content:"市場";right:.5rem}&.others:after{content:"その他";right:0}}}>.info{align-items:center;background-color:unset!important;display:flex;flex-flow:column wrap;gap:.5rem;height:100%;justify-content:center;margin:0;padding:0;width:100%;>.date{height:auto;margin:0;padding:0;width:100%;>p{color:grey;font-size:1.4rem;font-weight:400;height:auto;margin:0;padding:0;text-align:left;width:100%}}>.text{height:auto;margin:0;padding:0;width:100%;>p{display:-webkit-box;font-size:1.4rem;font-weight:400;height:auto;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2}}}}}}}}