.pager{margin:32px 0}
.pager__list{display:flex;justify-content:center;align-items:center;gap:10px;list-style:none;padding:0;margin:0}
.pager__link{display:inline-flex;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;line-height:1;border:1px solid #fff;color:#fff;height:24px;min-width:24px;padding:2px 8px;background:transparent;transition:transform .08s ease,opacity .2s ease;font-size:14px;background:#000}
.pager__link.prev,.pager__link.next{min-width:50px}
.pager__link.is-current{background:#00E5FF;color:#000;border-color:#00E5FF;cursor:default}
.pager__link.is-disabled{background:#555;border-color:#777;color:#bbb;pointer-events:none;opacity:.9}
.pager__link.is-dots{border:none;min-width:auto;height:auto;padding:0 2px;opacity:.8}
@media (max-width: 640px) {
.pager__list{gap:12px;flex-wrap:wrap}
.pager__link{height:24px;min-width:24px;padding:2px 8px}
.pager__link.prev,.pager__link.next{min-width:50px}
}
.modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background:#000000bb}
.modal-content{background:#202020;color:#fff;margin:auto;padding:20px;width:80%;max-width:1120px;position:relative}
@media (max-width: 768px) {
.modal-content{width:94%}
}
@media (min-width: 1024px) {
.modal-close{position:absolute;top:30px;right:40px}
}
@media (max-width: 1023px) {
.modal-close{position:absolute;top:15px;right:20px}
}
.modal-close{cursor:pointer}
#modal-body{display:flex;justify-content:space-between;padding:7%;align-items:center}
.modal-left,.modal-right{width:45%}
.modal-left{text-align:center}
.modal-left img{max-height:420px;width:auto;margin:auto}
.modal-title{line-height:1.2;border-bottom:1px solid #ffffff80;margin-bottom:.7em;padding-bottom:.5em}
#modal-body p{line-height:1.5;margin-bottom:.8em;font-weight:300}
.modal-copy{font-size:12px;margin-top:25px}
.modal-close{width:35px}
@media (max-width: 640px) {
#modal-body{display:block}
.modal-left,.modal-right{width:100%}
.modal-left{margin-bottom:1em}
.modal-close{width:20px}
}
.row-separator{flex-basis:100%;width:100%;display:none;text-align:center;margin:0}
.row-separator img{max-width:100%;height:auto;display:inline-block}
:root{--col-gap:15px;--seam-size:21px}
.work_product_img{position:relative}
.work_product_info{position:relative;z-index:2}
.seam{position:absolute;bottom:-44px;transform:translateY(-50%);width:var(--seam-size);height:var(--seam-size);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;z-index:3;background-image:url(../images/triangle_work.svg)}
.seam--right{right:calc(var(--col-gap) / -1.7)}
.seam--left{left:calc(var(--col-gap) / -1.7);transform:translateY(-50%) scaleX(-1)}
@media (min-width: 769px) {
.game-card:nth-child(3n+1) .seam--left{display:none}
.game-card:nth-child(3n+1) .seam--right{display:block}
.game-card:nth-child(3n+2) .seam--left,.game-card:nth-child(3n+2) .seam--right{display:block}
.game-card:nth-child(3n) .seam--left{display:block}
.game-card:nth-child(3n) .seam--right{display:none}
}
@media (max-width: 768px) {
.seam{display:none}
}
.game-cards{display:flex;flex-wrap:wrap;gap:15px 15px}
.game-card{width:calc((100% - 30px) / 3)}
.work_product_img{background:#000;width:100%;border:2px solid #fff;aspect-ratio:42 / 31;line-height:1}
.work_product_img img{width:100%;height:100%;object-fit:contain}
.work_product_info{position:relative;background:#00000060;width:100%;border:2px solid #fff;color:#fff;padding:1.5em;font-size:15px;margin-top:10px}
.product_title{font-size:18px}
.work_product_info p{margin-bottom:.5em;line-height:1.4em}
#archive-news .work_product_img,#archive-blog .work_product_img{border:2px solid #666}
@media (max-width: 768px) {
.game-card{width:100%}
}
@media (min-width: 769px) {
.work_product_info{position:relative;background:#00000060;border:2px solid #fff;color:#fff;padding:1.5em;font-size:15px;margin-top:10px}
.game-card.col-left .work_product_info{clip-path:polygon(0 0,calc(100% - 33px) 0,100% 33px,100% 100%,0 100%)}
.game-card.col-left .work_product_info::before{content:"";position:absolute;top:30px;right:-1px;width:46px;height:40px;border-top:2px solid #fff;transform:rotate(45deg);transform-origin:top right;pointer-events:none}
.game-card.col-left .work_product_info::after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 33px 33px 0;border-color:transparent transparent #fff;pointer-events:none}
.game-card.col-mid .work_product_info{clip-path:polygon(33px 0,calc(100% - 33px) 0,100% 33px,100% 100%,0 100%,0 33px)}
.game-card.col-mid .work_product_info::before{content:"";position:absolute;top:33px;right:-4px;width:50px;height:40px;border-top:2px solid #fff;transform:rotate(45deg);transform-origin:top right;pointer-events:none}
.game-card.col-mid .work_product_info::after{content:"";position:absolute;top:33px;left:-4px;width:50px;height:40px;border-top:2px solid #fff;transform:rotate(-45deg);transform-origin:top left;pointer-events:none}
.game-card.col-right .work_product_info{clip-path:polygon(33px 0,100% 0,100% 100%,0 100%,0 33px)}
.game-card.col-right .work_product_info::before{content:"";position:absolute;top:33px;left:-4px;width:50px;height:40px;border-top:2px solid #fff;transform:rotate(-45deg);transform-origin:top left;pointer-events:none}
.game-card.col-right .work_product_info::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 33px 33px;border-color:transparent transparent #fff;pointer-events:none}
.game-card.col-left .seam--left{display:none}
.game-card.col-left .seam--right{display:block;margin-right:-2px}
.game-card.col-mid .seam--left,.game-card.col-mid .seam--right{display:block;margin-right:-2px}
.game-card.col-right .seam--left{display:block}
.game-card.col-right .seam--right{display:none}
}
.game-cards{align-items:stretch}
.game-card{display:flex;flex-direction:column}
.work_product_img{}
.work_product_info{flex:1 1 auto;min-height:0}
@media (max-width: 768px) {
.work_product_info::after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 33px 33px 0;border-color:transparent transparent #fff;pointer-events:none}
}
.work_product_img{position:relative;overflow:visible}
.work_product_img .img-mask{overflow:hidden;width:100%;height:100%}
.work_product_img img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease;transform-origin:center center;will-change:transform}
.work_product_img.archive_thum img{object-fit:cover}
.work_product_img:hover img{transform:scale(1.1)}
.open-modal:focus-visible .work_product_img img{transform:scale(1.06)}
@media (hover: none) {
.work_product_img:hover img{transform:none}
}
.cat_button-wrap{display:flex;align-items:center;width:188px;aspect-ratio:94 / 27;height:auto;transition:.2s}
.cat_button-wrap:hover{transform:scale(1.05)}
@media (max-width: 1240px) {
.cat_button-wrap{width:20%}
}
@media (max-width: 768px) {
.cat_button-wrap{width:48%}
}
.cat_button-wrap a.btn_link{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:.5s}
.cat_button-wrap.cat_button a.btn_link{color:#000;background:url(../images/cat_button-wh.svg) no-repeat;background-size:contain}
.cat_button-wrap.cat_button a.btn_link.active{color:#fff;background:url(../images/cat_button-bl.svg) no-repeat;background-size:contain}
.category-button{text-decoration:none;transition:.2s;display:inline-block;text-align:center;font-weight:700;line-height:1em;width:auto;border-radius:50px;background-color:#fff;border:1px solid #333}
.category-button:hover{background-color:#ccc}
.category-button.active{background-color:#000;color:#fff}
.news-list--wrap__category{display:flex;flex-wrap:wrap;justify-content:center;margin:60px auto;gap:20px}
@media (max-width: 768px) {
.news-list--wrap__category{gap:15px 4%;margin:20px auto 30px}
}
@media (max-width: 428px) {
.news-list--wrap__category{gap:10px 4%}
}
.news-list--wrap__category a{min-width:inherit;padding:10px 20px}
.news-list--wrap-parent{max-width:1000px;margin:0 auto;display:flex}
.news-list--wrap-parent{display:flex;flex-wrap:wrap;gap:45px 5%;@mediascreenandmax-width:767px) { flex-direction: column}
}
.news-list--wrap-parent-flex{width:30%;list-style:none;@mediascreenandmax-width:767px) {;width:100%}
}
.category-top-message h2.category-title{color:#fff;-webkit-text-stroke:2px #000;text-stroke:2px #000;paint-order:stroke;font-weight:700;font-size:30px}
.news-ttl{color:#fff}
.news-page__date time{font-size:14px}
.news-page__date span{font-size:13px;line-height:1;margin-left:.8em;display:inline-block;background:#fff;border-radius:20px;padding:.4em .8em .45em;font-weight:700}
.date_cat .cat{font-size:13px;line-height:1;margin-right:.8em;display:inline-block;background:#fff;border-radius:20px;padding:.4em .8em .45em;font-weight:700;border:1px solid #ccc}
.news-page__date span.cat-uncategorized,.date_cat a.cat-uncategorized,a.cat-uncategorized,a.cat--blog{color:#57B0BC}
.news-page__date span.cat1,.date_cat a.cat1,a.cat-category1{color:#C32331}
.news-page__date span.cat2,.date_cat a.cat2,a.cat-category2{color:#B99A0E}
.news-page__date span.cat3,.date_cat a.cat3,a.cat-category3{color:#02429A}
main{padding-top:0!important}
#archive-news .common_background,#archive-works .common_background{background-image:url(../images/common_background_nop.png)!important}