.blog{margin:0 auto}.category{background:#F5F5F5;padding:0;margin-bottom:30px}.category__key{padding-left:30px;height:70px;line-height:70px;cursor:pointer;position:relative}.category__key--top-space{border-top:1px solid #CCC}.category__key:after,.category__key:before{position:absolute;content:"";width:8px;height:2px;background:#ec0000;right:30px;bottom:0;top:0;margin:auto}.category__key:before{transform:rotate(45deg)}.category__key:after{transform:rotate(135deg);margin-right:5px}.category__key.active:before{transform:rotate(-45deg)}.category__key.active:after{transform:rotate(45deg)}.category__value{padding:0 20px 20px 30px;display:none}.category__list{display:flex;flex-wrap:wrap}.category__list--date{justify-content:space-between}.category__item--date{width:50%}.category__item--date--all{width:100%}.category__link{display:inline-block;margin:0 10px 10px 0;padding:10px 20px 10px 15px;border:1px solid #DDD;text-decoration:none;background:#FFF}.category__link:before{content:"";width:11px;height:11px;margin-right:10px;border:5px solid #FFF;box-shadow:0 0 0 1px #d8d8d8;border-radius:10px;vertical-align:middle;display:inline-block}.category__link--date{display:block}.category__link--current{color:#EC0000;border-color:#EC0000;pointer-events:none}.category__link--current:before{background:#D83A3A}.order{margin:0 30px 30px;overflow:hidden}.order__display{margin-bottom:10px;text-align:right;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;float:right}.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:0 30px 80px}.blog-contents__block{margin-bottom:40px;border:1px solid #DBDBDB}.blog-contents__link{padding:19px;position:relative;text-decoration:none;display:block}.blog-contents__link:hover{opacity:0.7}.blog-contents__link:hover .blog-contents__image{transform:scale(1.1)}.blog-contents__tag{margin-bottom:10px;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}.blog-contents__new{margin-left:5px;line-height:16px;font-size:14px;color:#EC0000}.blog-contents__title{font-size:24px;margin:15px 0;color:#EC0000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all;max-height:108px;line-height:1.5}.blog-contents__text{font-size:16px;line-height:1.8;max-height:90px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-all}.blog-contents__sub{margin-top:15px;overflow:hidden}.blog-contents__image{transition:1s;width:100%;height:auto;object-fit:cover}.pagenavi{margin:80px 30px 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: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}