.archive-grist__modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);opacity:0;z-index:-1;-webkit-transition:opacity .3s;-o-transition:.3s opacity;transition:opacity .3s}.archive-grist__modal.is-zIndex-applied{z-index:100}.archive-grist__modal.is-opacity-applied{opacity:1}.archive-grist__modal__inner{position:relative;height:100%}.archive-grist__modal__carousel{position:absolute!important;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow-y:visible}.archive-grist__modal__carousel__item{position:relative;width:100%}.archive-grist__modal__carousel__item>img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.archive-grist__modal__close-btn{z-index:2}.archive-grist__modal__close-btn:after,.archive-grist__modal__close-btn:before{content:"";display:block;position:absolute;height:1px;background-color:#fff;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;top:50%;left:50%}.archive-grist__modal__close-btn:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.archive-grist__modal__close-btn:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.archive-grist__modal .swiper-button-next,.archive-grist__modal .swiper-button-prev{background-size:contain;background-size:18px 36px;outline:none}.archive-grist__modal .swiper-button-next{background-image:url(/assets/img/modal-arrow-right.png)}.archive-grist__modal .swiper-button-prev{background-image:url(/assets/img/modal-arrow-left.png)}.archive-grist__list__item{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;padding:12px}.archive-grist__list__item__img{background-size:cover;background-position:50%}.archive-grist__list__item__info{position:relative}.archive-grist__list__item__index{color:#a8a7a3;line-height:1;font-family:Roboto,NotoSans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,\\30E1\30A4\30EA\30AA,meiryo,sans-serif}.archive-grist__list__item__index>span:first-child{position:relative}.archive-grist__list__item__index>span:first-child:after{content:"";width:1px;background-color:#a8a7a3;position:absolute;right:0;top:1px}.archive-grist__list__item__link{position:relative;font-size:0}.archive-grist__list__item__link:after{content:"";display:block;position:absolute;border-style:solid;border-color:transparent transparent transparent #000;border-width:3px 0 3px 5px}.archive-grist__list__item__link>a{display:inline-block;position:relative;font-family:Roboto,NotoSans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,\\30E1\30A4\30EA\30AA,meiryo,sans-serif}.archive-grist__list__item__link>a:after{content:"";display:block;width:100%;height:1px;background-color:#000;position:absolute;bottom:1px;left:0}.archive-grist__list__item__btn{position:absolute;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (min-width:768px){.archive-grist{padding-top:45px;padding-bottom:21px}.archive-grist__modal__inner{width:calc(100% - 66*2px);max-width:1252px;margin-left:auto;margin-right:auto}.archive-grist__modal__carousel{width:calc(100% - 66*2px)}.archive-grist__modal__carousel__item{padding-top:66.66667%;overflow:hidden}.archive-grist__modal__close-btn{position:absolute;width:24px;height:24px}.archive-grist__modal__close-btn:after,.archive-grist__modal__close-btn:before{width:33px}.archive-grist__modal .swiper-button-next,.archive-grist__modal .swiper-button-prev{width:28px;height:46px;margin-top:-14px}.archive-grist__modal .swiper-button-next{right:14px}.archive-grist__modal .swiper-button-prev{left:14px}.archive-grist__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.archive-grist__list__item{width:calc((100% - 40px) / 3)}.archive-grist__list__item:not(:nth-child(3n+1)){margin-left:20px}.archive-grist__list__item:not(:nth-child(-n+3)){margin-top:20px}.archive-grist__list__item__img{width:120px;height:120px}.archive-grist__list__item__info{width:calc(100% - 120px - 11px);margin-left:11px;padding-top:4px;padding-bottom:28px}.archive-grist__list__item__index>span:first-child:after{height:13px}.archive-grist__list__item__index{font-size:13px}.archive-grist__list__item__index>span:first-child{padding-right:6px}.archive-grist__list__item__index>span:last-child{padding-left:5px}.archive-grist__list__item__name{margin-top:3px;font-size:16px;line-height:1.5}.archive-grist__list__item__link{margin-top:15px;padding-left:9px;line-height:18px}.archive-grist__list__item__link:after{top:9px;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.archive-grist__list__item__link>a{font-size:12px;-webkit-transition:all .2s;-o-transition:.2s all;transition:all .2s}.archive-grist__list__item__link>a:hover{opacity:.7}.archive-grist__list__item__link.is-en>a{font-size:14px}}@media screen and (max-width:767px){.archive-grist{margin-top:60px;padding-top:45px}.archive-grist__modal__carousel{width:100%;overflow:visible!important}.archive-grist__modal__carousel__item{padding-top:calc(100vh - 120px);overflow:hidden}.archive-grist__modal__close-btn{position:fixed;width:24px;height:24px;top:18px;right:18px}.archive-grist__modal__close-btn:after,.archive-grist__modal__close-btn:before{width:33px}.archive-grist__modal .swiper-button-next,.archive-grist__modal .swiper-button-prev{width:32px;height:44px;position:fixed;top:auto;bottom:8px;background-size:12px 24px}.archive-grist__modal .swiper-button-next{right:8px}.archive-grist__modal .swiper-button-prev{left:8px}.archive-grist__list__item:not(:first-child){margin-top:20px}.archive-grist__list__item__img{width:100px;height:100px}.archive-grist__list__item__info{width:calc(100% - 100px - 12px);margin-left:12px;padding-top:3px;padding-bottom:30px}.archive-grist__list__item__index>span:first-child:after{height:11px}.archive-grist__list__item__index{font-size:11px}.archive-grist__list__item__index>span:first-child{padding-right:8px}.archive-grist__list__item__index>span:last-child{padding-left:7px}.archive-grist__list__item__name{margin-top:3px;font-size:14px;line-height:1.4}.archive-grist__list__item__link{margin-top:7px;padding-left:11px;line-height:12px}.archive-grist__list__item__link:after{top:6px;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.archive-grist__list__item__link>a{font-size:11px}.archive-grist__list__item__link.is-en>a{font-size:12px}}@media screen and (min-width:768px) and (max-width:1000px){.archive-grist__list__item{width:calc((100% - 20px) / 2)}.archive-grist__list__item:not(:nth-child(3n+1)){margin-left:0}.archive-grist__list__item:not(:nth-child(-n+3)){margin-top:0}.archive-grist__list__item:nth-child(2n){margin-left:20px}.archive-grist__list__item:not(:nth-child(-n+2)){margin-top:20px}}