@charset "UTF-8";
/*
 * category.css
 * 本ファイルは、CMS管理です。
 */

.page_cate .c-container { margin-bottom: 80px;}.page_cate .content_title { line-height: 1.25;}.page_cate .content_title span { font-size: 1.125rem; font-weight: 400; color: #333;}@media (max-width: 768px) { .page_cate .c-container { margin-left: 5%; margin-right: 5%; width: 90%; } .page_cate .content_title span { font-size: 4.8vw; }}/* Category List */.l-main .content_body .category_list p { margin-bottom: 0; line-height: 1.6;}.category_list .content_wrap { margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}.category_list .card { margin-right: 3.33%; margin-bottom: 20px; padding: 0; width: 31.11%; position: relative;}.category_list .card:nth-child(3n) { margin-right: 0;}.category_list .vignette {/* -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; */ transition: all 0.4s ease 0s;}.category_list .vignette.is-hidden { visibility: hidden; opacity: 0; height: 0; margin-bottom: 0; display: none;}.category_list .card_prg_ph { margin-bottom: 10px; width: 100%; aspect-ratio: 4 / 3; background-color: #333; display: flex; justify-content: center; align-items: center;/* overflow: hidden; */}.category_list .card_prg_ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain;}.category_list .card_prg_inf { display: flex; justify-content: space-between; align-items: flex-start; align-items: center; flex-direction: row;}.category_list .card .p-title {/* margin: 20px 0; */ font-size: 1.125rem; font-weight: 700;}.category_list .card .p-date { margin-left: 0.5em; font-size: 0.875rem;}/* rensai_column */.rensai_column .category_list .card_prg_ph { aspect-ratio: auto; height: auto; background-color: #fff;}.rensai_column .category_list .card_prg_ph img { aspect-ratio: auto; height: auto;}@media (min-width: 769px) and (max-width: 1300px) { .category_list .card, .category_list .card:nth-child(3n) { margin-right: auto; margin-bottom: 20px; width: 47.76%; } .category_list .card:nth-child(2n) { margin-right: 0; }}@media (max-width: 768px) {/* .category_list .content_wrap { margin-bottom: 20px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } */ .category_list .card, .category_list .card:nth-child(3n) { margin-right: auto; margin-bottom: 20px; width: 47.76%; } .category_list .card:nth-child(2n) { margin-right: 0; } /* .category_list .card a { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; } .category_list .card_prg_ph { width: 43.58%; } .category_list .card_prg_inf { width: 53.72%; }*/.category_list .card_prg_inf { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}.category_list .card p { margin-left: 0; margin-right: 0;}.category_list .card .p-title { /* margin: 0 0 20px 0;*/ font-size: 4.26vw; } .category_list .card .p-date { font-size: 3.2vw; }}/** * banner only Anime : category_entry_listing, category_entry_column_listing, entry */.content_bnr {margin:-40px auto 48px; width:100%; display: grid; place-items: center; text-align:center;}.content_bnr .wrap {width:100%; display: grid; place-items: center; text-align:center;}.content_bnr .wrap img {width:100%; max-width:728px;}aside.content_broad_info + .content_bnr {margin-top: 30px;}aside.content_prod_info + .content_bnr {margin-top: -40px;}.content_bnr:has(+ .content_other) {margin-bottom: 28px;}@media (max-width: 768px) { .content_bnr {margin:-40px 5% 48px; width:90%;} .content_bnr .wrap {} .content_bnr .wrap img {max-width:600px;}}/** * latest_list : archives * interview, rensai_column : Main Index */.interview .content_wrap,.rensai_column .content_wrap { width:100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: row; flex-wrap:wrap;}.interview .category_list .card,.interview .category_list .card:nth-child(3n),.rensai_column .category_list .card,.rensai_column .category_list .card:nth-child(3n) { width:48%; margin-right:auto; margin-bottom:20px;}.interview .category_list .card:nth-child(2n),.rensai_column .category_list .card:nth-child(2n) { margin-right:0;}