.editor-viewer-sub[data-v-a1b92302]{--grid-template-columns:repeat(3,1fr);--grid-template-columns-md:repeat(2,1fr);--grid-template-columns-xs:1fr;--gap:20px 20px;--gap-md:15px 15px;--gap-xs:10px 10px}.editor-viewer-sub .box-list[data-v-a1b92302]{display:grid;gap:var(--gap);grid-template-columns:var(--grid-template-columns)}@media (max-width:767px){.editor-viewer-sub .box-list[data-v-a1b92302]{gap:var(--gap-md);grid-template-columns:var(--grid-template-columns-md)}}@media (max-width:480px){.editor-viewer-sub .box-list[data-v-a1b92302]{gap:var(--gap-xs);grid-template-columns:var(--grid-template-columns-xs)}}.editor-viewer-sub .box-list .box-item[data-v-a1b92302]{height:auto;width:100%}.editor-viewer-sub .box-list .box-item .img-btn[data-v-a1b92302]{aspect-ratio:1.5/1;border-bottom:2px solid transparent;height:100%;overflow:hidden;width:100%}.editor-viewer-sub .box-list .box-item .img-btn:hover .box-title[data-v-a1b92302]{color:#b31b1b;transition:all .3s ease}.editor-viewer-sub .box-list .box-item .img-btn img[data-v-a1b92302]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.editor-viewer-sub .box-list .box-item .img-btn .box-title[data-v-a1b92302]{color:#333;font-size:1.125rem;letter-spacing:.15rem;padding:16px 0;text-align:left;transition:all .3s ease}.editor-viewer-sub .btn-wrap[data-v-a1b92302]{align-items:center;display:flex;justify-content:center;width:100%}.editor-viewer-sub .btn-wrap .more-btn[data-v-a1b92302]{border:1px solid #d9d9d9;border-radius:100px;color:#4f4f4f;font-family:"Noto Serif JP",Noto Sans TC,system-ui;line-height:2.125rem;margin-top:50px;padding:3px 22px;transition:all .3s ease}.editor-viewer-sub .btn-wrap .more-btn[data-v-a1b92302]:hover{border:1px solid #bdbdbd}.editor-viewer-sub{--bs-backdrop-bg:red!important}.editor-viewer-sub .content-group{align-items:center;display:flex;justify-content:space-between;padding-top:15px}.editor-viewer-sub .content-group .btn-group{justify-content:end}.editor-viewer-sub .modal{--bs-modal-bg:gray1;--bs-modal-width:none}.editor-viewer-sub .modal .close-btn{color:#fff}.editor-viewer-sub .modal .close-btn span{height:20px;width:20px}.editor-viewer-sub .modal .left-arrow{transform:rotate(180deg)}.editor-viewer-sub .modal .swiper-button{border:1px solid #fff;border-radius:50%;height:50px;margin-left:15px;width:50px}.editor-viewer-sub .modal svg{color:#fff!important}.editor-viewer-sub .modal-content{border:0;border-radius:0;padding:0 1rem}.editor-viewer-sub .modal-header{border-bottom:0;color:#fff;display:flex;font-size:1.5rem;justify-content:end!important;letter-spacing:.13rem;padding:.6rem 0;text-align:left}.editor-viewer-sub .modal-body{padding:0}.editor-viewer-sub .swiper-slide{align-items:center;background:transparent;color:#b31b1b;display:flex;flex-direction:column;font-size:1.125rem;justify-content:center;text-align:center}.editor-viewer-sub .swiper-slide .img{display:block;height:100%;max-height:75vh;max-width:100%;max-width:auto}.editor-viewer-sub .swiper-slide .img img{aspect-ratio:auto;height:auto;max-height:75vh;-o-object-fit:contain;object-fit:contain;width:100%}
