.blog{width:1100px;margin:0 auto}.category{background:#F5F5F5;padding:40px 35px 20px;margin-bottom:50px;display:flex;flex-wrap:wrap}.category__key{width:110px;padding-top:10px}.category__key--top-space{padding-top:40px}.category__value{width:calc(100% - 110px);display:block!important}.category__value--top-space{padding-top:30px}.category__list{display:flex;flex-wrap:wrap}.category__link{display:inline-block;margin:0 20px 20px 0;padding:11px 25px;border:1px solid #DDD;text-decoration:none;background:#FFF}.category__link:hover{opacity:0.7}.category__link:before{content:"";display:inline-block;vertical-align:middle;width:11px;height:11px;background-color:#FFF;border:6px solid #FFF;border-radius:12px;box-shadow:0px 0px 0px 1px #d8d8d8;margin-right:5px;overflow:hidden}.category__link--current{color:#EC0000;border-color:#EC0000;pointer-events:none}.category__link--current:hover{opacity:1}.category__link--current:before{background-color:#d83a3a}.order{display:flex;justify-content:space-between;margin-bottom:50px}.order__display{font-size:18px}.order__display--small{font-size:16px}.order__sort{color:#666;padding-left:20px;font-size:16px;background:url(../img/ico_sort_01.png) left center/12px 10px no-repeat}.order__sort a:hover{opacity:0.7}.order__sort-link-left{color:#000;padding-right:23px;position:relative}.order__sort-link-left:before{position:absolute;content:"|";top:2px;right:10px}.order__sort-link-left--no-link{position:relative;padding-right:23px}.order__sort-link-left--no-link:before{position:absolute;content:"|";top:2px;right:10px}.order__sort-link-right{color:#000}.order__no-contents{font-size:18px;line-height:1.6;margin-bottom:120px}.blog-contents{margin-bottom:80px}.blog-contents__block{margin-bottom:40px;border:1px solid #DBDBDB}.blog-contents__link{position:relative;display:flex;justify-content:space-between;text-decoration:none}.blog-contents__link:hover{opacity:0.7}.blog-contents__link:hover .blog-contents__image{transform:scale(1.1)}.blog-contents__main{width:730px;padding:29px 0 0 29px}.blog-contents__image{transition:1s;width:300px;height:300px;object-fit:contain}.blog-contents__sub{position:relative;width:300px;height:300px;overflow:hidden;background:#FFF}.blog-contents__tag{margin-right:15px;border:1px solid #DBDBDB;height:24px;display:inline-block;line-height:24px;padding:0 15px;font-size:14px}.blog-contents__date{font-size:16px;line-height:26px}.blog-contents__new{margin-left:5px;line-height:26px;font-size:14px;color:#EC0000}.blog-contents__title{font-size:24px;padding:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#EC0000}.blog-contents__text{font-size:16px;line-height:1.8;height:9em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;word-break:break-all}.pagenavi{width:400px;margin:80px auto 120px;text-align:center}.pagenavi .nolink{pointer-events:none;opacity:0.5}.pagenavi .next__large{width:100%;height:70px;margin:0 0 20px;display:block;position:relative;border:1px solid #EC0000;line-height:70px;font-size:22px;text-decoration:none;background:#FFF}.pagenavi .next__large-link{color:#EC0000;display:block;text-decoration:none;position:relative}.pagenavi .next__large-link:before{position:absolute;content:"";top:0;bottom:0;right:-25px;margin:auto;box-sizing:border-box;width:40px;height:20px;background:url(../../common/img/ico_arrow_01.svg) center/40px 20px no-repeat;transition:1s}.pagenavi .next__large-link:hover:before{transform:translate(10px,0)}.pagenavi .next__large:hover{opacity:0.7}.page{position:relative}.page .next,.page .prev{width:56px;height:44px;line-height:44px;border:1px solid #D6D6D6;border-radius:2px;box-sizing:border-box;background:#FFF;display:inline-block;vertical-align:middle;text-decoration:none}.page .next:hover,.page .prev:hover{color:#333;opacity:0.7}.page .page-number{width:162px;height:44px;margin:0 3px;line-height:44px;display:inline-block;vertical-align:middle;position:relative;cursor:pointer}.page .page-number__label{width:100%;height:100%;text-align:center;border:1px solid #D6D6D6;border-radius:2px;box-sizing:border-box;position:relative;background:#FFF;display:inline-block}.page .page-number__label:after{position:absolute;width:5px;height:5px;right:9px;top:20px;content:"";transform:rotate(135deg);transition:0.5s;vertical-align:middle;border-top:1px solid #C8C4BE;border-right:1px solid #C8C4BE}.page .page-number__select{-moz-appearance:button;-webkit-appearance:button;appearance:button;width:162px;height:44px;opacity:0;position:absolute;top:0;left:0;cursor:pointer}