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

/** * Main 900px : content */.page_post .content_title,.page_gallery .content_title { margin-bottom: 40px; font-size: 2.125rem; font-weight: 700; text-align: center; color: #e6371d; line-height: 1.25; margin-bottom: 10px; text-align: left; color: #333;}@media (max-width: 768px) {.page_post .content_title,.page_gallery .content_title { margin-left: 5%; margin-right: 5%; width: 90%; margin-bottom: 10px; font-size: 6.8vw; }}.content_info { margin-bottom: 30px; width: 100%; display: flex; justify-content: space-between; align-items: center;}.content_info .content_info_left { display: flex; justify-content: flex-start; align-items: center;}.content_info .content_info_right { display: flex; justify-content: flex-end; align-items: center;}.content_img { margin-bottom: 40px;}.content_img figure { margin: 0 auto; text-align: center;}.page_post .content_sns,.page_gallery .content_sns { margin-top: 0; margin-bottom: 0; margin-left: auto;}.page_post .l-main .content_sns:last-of-type,.page_gallery .l-main .content_sns:last-of-type { margin-top: 0;}.page_gallery .gallery { position: relative; padding-bottom: 30px; padding-top: 160px; margin-top: -160px;}.page_gallery .content_gallery { width: 100%; aspect-ratio: 4 / 3; background-color: #333; display: flex; justify-content: center; align-items: center;}.page_gallery .content_gallery { display: none;}.page_gallery .content_gallery.slick-initialized{ display: block;}.page_gallery .content_gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain;}.page_gallery .pagenation { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center;}.page_gallery .pagenation ul { padding: 0;}.slick-prev,.slick-next,.page_gallery .pagenation ul li,.slide-arrow { width: 64px; aspect-ratio: 1/1; border-radius: 32px; background-color: #333; position: absolute; list-style: none; cursor: pointer;}.slide-arrow { background-color:rgba(51,51,51,0.6);}.slick-prev,.page_gallery .pagenation ul li.prev,.prev-arrow { top: calc(50% - 32px); left: 0; z-index:3;}.slick-next,.page_gallery .pagenation ul li.next,.next-arrow { top: calc(50% - 32px); right: 0; z-index:2;}.slick-prev.slick-disabled,.slick-next.slick-disabled,.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before,.slide-arrow.slick-disabled,.slide-arrow.slick-disabled:before {display:none !important;}.slick-prev a,.slick-next a,.page_gallery .pagenation ul li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.slide-arrow { display: grid !important; place-items: center;}.slick-next .arrow-right,.page_gallery .pagenation .arrow-right,.slide-arrow .arrow-right { padding-left: 18px; width: 28px; height: 28px; background: url("/assets/images/common/arr_right_wh.svg") no-repeat center; opacity: 0.6;}.slick-prev .arrow-left,.page_gallery .pagenation .arrow-left,.slide-arrow .arrow-left { padding-left: 18px; width: 28px; height: 28px; background: url("/assets/images/common/arr_left_wh.svg") no-repeat center; opacity: 0.6;}.page_gallery .pagenation span { font-size: 10px; display: table;}.page_gallery .l-main .content_body ul { padding-left: 0;}.slick-dots { bottom: -30px;}.slick-dots li { margin: 0; padding: 0 0.2em; width: 10px; height: 10px;}.slick-dots li button { padding: 0; width: 10px; height: 10px;}.slick-dots li button:before { font-size: 10px; opacity: 1;}.slick-dots li button::before,.page_gallery .pagenation .linkPage { color: #333;}.slick-dots li.slick-active button::before,.page_gallery .pagenation .currentPage { color: #e6371d;}.page_gallery .read_article { margin: 40px auto; width: 460px; height: 60px; font-size: 1.25rem; font-weight: 700; text-align: center; position: relative;}.page_gallery .read_article::after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 2px #333; border-right: solid 2px #333; transform: rotate(45deg); position: absolute; top: 0; right: 30px; bottom: 0; margin: auto;}.page_gallery .read_article a { width: 100%; height: 100%; background-color: #fff; border: 2px solid #333; border-radius: 30px; display: flex; justify-content: center; align-items: center;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .content_info { justify-content: space-between; flex-direction: column; } .content_info .content_info_left { width: 90%; } .content_info .content_info_right { width: 90%; } .content_img { margin-bottom: 20px; } .page_post .l-main .content_sns:last-of-type, .page_gallery .l-main .content_sns:last-of-type { margin-top: 20px; } .page_gallery .gallery { padding-top: 130px; margin-top: -130px; } .page_gallery .read_article { margin: 20px auto 40px;/* width: 61.3%; */ width: 80%; height: 50px; font-size: 4.8vw; } .page_gallery .read_article a { border-radius: 25px; }}.content_info .category { margin-right: 10px; padding-top: 3px;}.content_info .category a {/* margin-right: 10px; font-size: 0.875rem; */ font-weight: 500; color: #fff;/* No.25 */ margin-bottom: 4px; font-size: 0.75rem; }.content_info .category .p-genre_tag,.content_info .category a .p-genre_tag{/* margin-top: 5px; margin-bottom: 5px; *//* No.25 */ margin-top: 4px; margin-bottom: 4px;}.content_info .date { font-size: 1.25rem; color: #666;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .content_info .category a {/* font-size: 3.73vw; *//* No.25 - 12/14*3.73 */ font-size: 3.2vw; } .content_info .date { font-size: 4vw; }}.content_body_more .more_text { margin-bottom: 80px;}/* 続きを読む start */.content_body_more .show_more { display: none;}/* 続きを読む end 動作するならここと入れ替え、display: block;を消去 */@media (max-width: 768px) { /* 続きを読む start */ .content_body_more .more_text { margin-bottom: 40px; height: 160px; overflow: hidden; } .content_body_more .show_more { display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100px; padding-top: 70px; text-align: center; line-height: 20px; background: linear-gradient( 180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 40% ); cursor: pointer; transition: bottom 0.2s; } .content_body_more .show_more span { margin-bottom: 30px; font-size: 0.875rem; font-weight: 700; line-height: 1; display: inline-block; position: relative; } .content_body_more .show_more span::after { content: ""; width: 10px; height: 10px; border: 0; border-top: solid 2px #333; border-right: solid 2px #333; transform: rotate(135deg); position: absolute; left: 0; right: 0; bottom: -20px; margin: auto; } .content_body_more .show_more span:hover { opacity: 0.7; } .andmore { text-align: center; } /* 続きを読む end */ .content_body_more .show_more span { margin-bottom: 30px; font-size: 3.73vw; }}/* writer profile */.writer_info { margin-bottom: 20px; padding: 20px; width: calc(100% - 40px); background-color: #fff; border: 1px solid #333;}.writer_info .wrap { display: flex; justify-content: space-between; align-items: flex-start;}.writer_info figure { width: 100px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;}.writer_info .writer_prof { width: calc(100% - 120px); max-width: 740px;}.writer_info p { font-size: 0.875rem;}.writer_info .writer_name { font-size: 1.125rem; font-weight: 700;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .writer_info { margin-left: 5%; margin-right: 5%; padding-left: 5%; padding-right: 5%; width: 80%; } .writer_info .wrap { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; } .writer_info figure { width: 47.5%; border: 1px solid #ddd; } .writer_info .writer_prof { width: 47.5%; max-width: inherit; max-width: initial; } .writer_info p { font-size: 3.733vw; } .writer_info .writer_name { font-size: 4.8vw; display: flex; flex-direction: column; } .writer_info .writer_name span { font-size: 3.733vw; }}/* 放送情報, 作品情報 *//* 放送・作品情報 となったことで小変更.content_broad_info,.content_prod_info { margin-bottom: 80px;} */.content_broad_info { margin-bottom: 40px;}.content_broad_info:has(+ .content_broad_info),.content_prod_info { margin-bottom: 80px;}.content_broad_info .ttl,.content_prod_info .ttl { padding: 0; font-size: 1.625rem; color: #333;}.content_broad_info .memo,.content_prod_info .memo,.broadcast_info .memo { padding: 0.2em 0; font-size: 0.8125rem; text-align: right;}.content_broad_info .memo { margin-top: -20px;}.broadcast_info .memo { margin-top: 20px;}.content_broad_info .card,.content_prod_info .card { margin-bottom: 40px; position: relative; padding: 20px 60px 20px 20px; width: calc(100% - 84px); border: 2px solid #ed654d; border-radius: 20px;}.content_broad_info .card > a,.content_prod_info .card > a {}.content_broad_info .card-inner,.content_prod_info .card-inner { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row;}.content_broad_info .p-title_ph,.content_prod_info .p-title_ph { position: relative; width: 240px; aspect-ratio: 4 / 3; background-color: #333; display: flex; justify-content: center; align-items: center;/* overflow: hidden; */}.content_broad_info .p-title_ph img,.content_prod_info .p-title_ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain;}.content_broad_info .card_inf,.content_prod_info .card_inf { width: calc(100% - 260px);}/* 画像（.p-title_ph）がないときの隣の要素（.card_inf） */.content_broad_info .card-inner:not(:has(.p-title_ph)) .card_inf,.content_prod_info .card-inner:not(:has(.p-title_ph)) .card_inf { width: 100%;}.content_broad_info .card::after,.content_prod_info .card::after { content: ""; width: 40px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #ed654d; position: absolute; top: calc(50% - 20px); right: 20px; z-index: -1;}.content_broad_info .card.nolink::after,.content_prod_info .card.nolink::after { background-color: #eee;}.content_broad_info .card::before,.content_prod_info .card::before { content: ""; width: 12px; height: 12px; border: 0; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); position: absolute; top: calc(50% - 6px); right: 35px;}.content_broad_info .p-title,.content_prod_info .p-title { margin-bottom: 20px; font-size: 1.25rem;}.content_broad_info .p-date,.content_prod_info .p-date { margin-bottom: 10px; font-size: 1.125rem; color: #333;}.content_broad_info .p-channel { font-size: 1rem;}.content_prod_info .p-genre { margin-bottom: 10px;}.content_prod_info .p-channel { font-size: 1.125rem; font-weight: 700;}.content_prod_info .p-status { padding-left: 0.5em; font-size: 1.125rem; color: #d82c2a; font-weight: 400;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .content_broad_info .ttl, .content_prod_info .ttl { font-size: 5.33vw; } .content_broad_info, .content_prod_info { margin-left: 5%; margin-right: 5%; width: 90%; } .content_broad_info .card, .content_prod_info .card { margin-bottom: 40px; position: relative; padding: 20px 40px 20px 20px; width: calc(100% - 64px); border: 2px solid #ed654d; border-radius: 20px; }.content_broad_info .card-inner,.content_prod_info .card-inner { width: calc(100% - 30px); display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;} .content_broad_info .p-title_ph, .content_prod_info .p-title_ph { margin-bottom: 20px; width: 100%; aspect-ratio: 4 / 3; background-color: #333; position: relative; } .content_broad_info .card_inf, .content_prod_info .card_inf { width: 100%; } .content_broad_info .p-title, .content_prod_info .p-title { margin-bottom: 20px; font-size: 4.26vw; } .content_broad_info .p-date, .content_prod_info .p-date { margin-bottom: 10px; font-size: 4.26vw; color: #333; } .content_broad_info .p-channel { font-size: 4.26vw; } .content_prod_info .p-genre { } .content_prod_info .p-channel { font-size: 4.26vw; display: flex; flex-direction: column; } .content_prod_info .p-status { padding-left: 0; font-size: 4.26vw; }}/* calendar */.check_calendar { margin-bottom: 40px;}.check_calendar .ttl { padding: 0;}.check_calendar .btn_calendar { border: 2px solid #ee5d44; border-radius: 16px; overflow: hidden;}.check_calendar .btn_calendar a { display: flex; justify-content: space-between; align-items: stretch;}.check_calendar .btn_calendar .btn_wrap { width: 530px; min-height: 150px; background-color: #fff; display: flex; justify-content: space-between; align-items: flex-start;}.check_calendar .btn_calendar .more { width: 180px; min-height: 150px; background-color: #ee5d44; display: flex; justify-content: center; align-items: center;}.check_calendar .btn_calendar figure { margin: 20px 0 20px 20px; width: 240px;}.check_calendar .btn_calendar .info { margin: 20px 0; width: 255px;}.check_calendar .btn_calendar .title { font-size: 1.375rem; font-weight: 700;}.check_calendar .btn_calendar .onair,.check_calendar .btn_calendar .channel { font-size: 1rem;}.check_calendar .btn_calendar .onair span,.check_calendar .btn_calendar .channel span { font-weight: 700;}.check_calendar .btn_calendar .more span { font-size: 1.25rem; font-weight: 700; color: #fff; text-align: center; position: relative; display: inline-block; padding-right: 30px;}.check_calendar .btn_calendar .more span::after { content: ""; width: 18px; height: 18px; border: 0; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); position: absolute; top: 0; right: 0; bottom: 0; margin: auto;}@media (min-width: 769px) and (max-width: 1300px) { .check_calendar .btn_calendar .btn_wrap { width: 73.6%; } .check_calendar .btn_calendar .more { width: 25%; } .check_calendar .btn_calendar figure { margin: 20px 0 20px 3.7%; width: 45.28%; } .check_calendar .btn_calendar .info { margin: 20px 0; width: 48.11%; } .check_calendar .btn_calendar .more span { padding-right: 20px; }}@media (max-width: 768px) { .check_calendar { margin-left: 5%; margin-right: 5%; width: 90%; } .check_calendar .btn_calendar a { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; } .check_calendar .btn_calendar .btn_wrap { margin-left: 5%; margin-right: 5%; width: 90%; min-height: auto; background-color: #fff; display: flex; justify-content: space-between; align-items: flex-start; } .check_calendar .btn_calendar .more { padding: 1em 0; width: 100%; min-height: auto; background-color: #ee5d44; display: flex; justify-content: center; align-items: center; } .check_calendar .btn_calendar figure { margin: 20px 0; width: 47.81%; } .check_calendar .btn_calendar .info { margin: 20px 0; width: 50%; } .check_calendar .btn_calendar .title { font-size: 4.26vw; } .check_calendar .btn_calendar .onair, .check_calendar .btn_calendar .channel { font-size: 3.46vw; }}/* broadcast information */.broadcast_info { margin-bottom: 80px; padding: 40px; display: flex; justify-content: center; flex-direction: column; width: calc(100% - 84px); border: 2px solid #ed654d; border-radius: 20px;}.broadcast_info .ttl { padding: 0;}.broadcast_info .broadcast_body { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: row; flex-wrap: wrap;}.broadcast_info .ttl { margin-bottom: 20px; font-size: 1.25rem; font-weight: 700; text-align: left;}.broadcast_info .card { margin-right: auto; margin-bottom: 15px; padding-bottom: 15px; width: 300px; width: 48%; border-bottom: 1px solid #646464;}.broadcast_info .card:nth-child(2n) { margin-right: 0;}/* .broadcast_info .card:nth-child(5),.broadcast_info .card:last-child */.broadcast_info .card:nth-last-child(-n+2) { margin-bottom: 0; padding-bottom: 0; border-bottom: none;}.broadcast_info .card a { text-decoration: underline;}.broadcast_info .card p { padding: 0.2em;}.broadcast_info .card .title { font-size: 1rem; font-weight: 700;}.broadcast_info .card .onair,.broadcast_info .card .channel { font-size: 0.8125rem;}.broadcast_info .card .onair span,.broadcast_info .card .channel span { font-weight: 700;}.broadcast_info .more { font-size: 1rem; font-weight: 400; text-align: center;}.broadcast_info .more span { position: relative; display: inline-block; padding-right: 20px;}.broadcast_info .more span::after { content: ""; width: 6px; height: 6px; border: 0; border-top: solid 1px #333; border-right: solid 1px #333; transform: rotate(135deg); position: absolute; top: 0; right: 0; bottom: 0; margin: auto;}@media (min-width: 769px) and (max-width: 1300px) { .broadcast_info .card { width: 46.875%; }}@media (max-width: 768px) { .broadcast_info { margin-left: 5%; margin-right: 5%; padding: 20px; width: calc(90% - 40px); } .broadcast_info .broadcast_body { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; flex-wrap: wrap; } .broadcast_info .ttl { margin-bottom: 10px; font-size: 5.33vw; } .broadcast_info .card { margin-right: 0; margin-bottom: 15px; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #646464; } .broadcast_info .card:nth-child(3) { margin-bottom: 20px; padding-bottom: 0; border-bottom: none; } .broadcast_info .card:nth-child(n + 4) { display: none; } .broadcast_info .card .title { font-size: 4.26vw; } .broadcast_info .card .onair, .broadcast_info .card .channel { font-size: 3.46vw; }}.content_broad_info .p-category,.content_prod_info .p-category { margin-top: 8px;}.content_broad_info .p-category .stream,.content_prod_info .p-category .stream,.broadcast_info .card .p-category .stream {/* font-size: 0.875rem; color: #333; */ padding: 0 1em; font-size: 0.75rem; font-weight: 500; color: #9f1807; background-color: #fff; border: 1px solid #9f1807; border-radius: 20px; display: inline-flex;}.content_broad_info .p-category .p-genre_tag,.content_prod_info .p-category .p-genre_tag,.broadcast_info .card .p-category .p-genre_tag { margin-right: 4px; padding: 0 1em; font-size: 0.75rem; font-weight: 500; color: #333; background-color: #fff; border: 1px solid #333; border-radius: 20px; display: inline-flex;}.content_broad_info .p-category .p-genre_tag:empty,.content_prod_info .p-category .p-genre_tag:empty,.broadcast_info .card .p-category .p-genre_tag:empty,.content_broad_info .p-category .stream:empty,.content_prod_info .p-category .stream:empty,.broadcast_info .card .p-category .stream:empty { display: none;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) {.content_broad_info .p-category .stream,.content_prod_info .p-category .stream,.broadcast_info .card .p-category .stream {/* font-size: 3.733vw; */ padding: 0 1em; font-size: 3.2vw;}.content_broad_info .p-category .p-genre_tag,.content_prod_info .p-category .p-genre_tag,.broadcast_info .card .p-category .p-genre_tag { margin-right: 4px; padding: 0 1em; font-size: 3.2vw;} }/* other banners */.content_banner { margin-bottom: 80px;}.content_banner .wrap + .wrap { margin-top: 40px;}.content_banner .lead { padding-bottom: 1em; font-size: 1.375rem; font-weight: 500; line-height: 1.3; text-align: center;}.content_banner .lead span { font-size: 1.625rem; font-weight: 700;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .content_banner { margin-left: 5%; margin-right: 5%; width: 90%; margin-bottom: 40px; } .content_banner .wrap + .wrap { margin-top: 20px; } .content_banner .lead { font-size: 4.8vw; } .content_banner .lead span { font-size: 5.33vw; }}/* other images */.content_other { margin-bottom: 80px;}.content_other .ttl { font-size: 1.5rem; color: #333;}.content_other ul .slick-list,.content_other ul .slick-track { width: 100% !important;}.content_other ul .slick-track { transform: unset!important;}.content_other ul,.content_other ul.slick-slider { margin-bottom: 20px; width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}.content_other ul li,.content_other ul.slick-slider li.slick-slide { margin-right: 2.7%; margin-bottom: 20px; width: 31.38% !important;/* overflow: hidden; display: flex; justify-content: center; align-items: flex-start; */ aspect-ratio: 4 / 3; background-color: #333; display: flex; justify-content: center; align-items: center; cursor: pointer;}.content_other ul li:nth-child(3n),.content_other ul.slick-slider li.slick-slide:nth-child(3n) { margin-right: 0;}.content_other ul li img,.content_other ul.slick-slider li.slick-slide img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain;}.content_other .photo { margin: 10px auto; font-size: 1rem; font-weight: 700; text-align: center; position: relative;}.content_other .photo::before { content: ""; display: inline-block; width: 1em; height: 1em; background: url(/assets/images/common/icon_camera.svg) no-repeat; background-size: contain; background-position: center bottom; margin-right: 3px;}@media (min-width: 769px) and (max-width: 1300px) { .content_other ul li, .content_other ul.slick-slider li.slick-slide { margin-right: 2.7%; margin-bottom: 20px; width: 31.38%; } .content_other ul li:nth-child(3n), .content_other ul.slick-slider li.slick-slide:nth-child(3n) { margin-right: 0; }}@media (max-width: 768px) { .content_other { margin-left: 5%; margin-right: 5%; width: 90%; } .content_other .ttl { font-size: 4.8vw; } .content_other ul li, .content_other ul.slick-slider li.slick-slide, .content_other ul li:nth-child(3n), .content_other ul.slick-slider li.slick-slide:nth-child(3n) { margin-right: 4.48%; margin-bottom: 4.48vw; width: 47.76% !important; } .content_other ul li:nth-child(2n), .content_other ul.slick-slider li.slick-slide:nth-child(2n) { margin-right: 0; } .content_other .photo { font-size: 4.26vw; } .content_other .photo::before { width: 4.26vw; height: 4.26vw; }}/* tags */.content_tags { margin-bottom: 80px;}.content_tags .ttl { font-size: 1.5rem; color: #333;}.content_tags .p-genre { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .content_tags { margin-left: 5%; margin-right: 5%; width: 90%; } .content_tags .ttl { font-size: 5.86vw; }}/* Expert's view! */.content_experts { margin-bottom: 80px;}.content_experts .ttl { margin-bottom: 20px; font-size: 1.75rem; font-weight: 700; color: #e93817; text-align: center;}.content_experts .content_wrap { margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}.content_experts .card { margin-right: 20px; margin-bottom: 20px; padding: 20px 10px; width: 200px; background-color: #fff; border-radius: 20px; border: 2px solid #333;}.content_experts .card:nth-child(3n) { margin-right: 0;}.content_experts .card .p-title { margin: 20px 0; font-size: 1rem; font-weight: 700;}.content_experts .card .p-text { font-size: 0.875rem;}@media (min-width: 769px) and (max-width: 1300px) { .content_experts .card { margin-right: 2.7%; margin-bottom: 20px; padding: 20px 1.3%; width: 27.7%; background-color: #fff; border-radius: 20px; border: 2px solid #333; } .content_experts .card:nth-child(3n) { margin-right: 0; }}@media (max-width: 768px) { .content_experts { margin-left: 5%; margin-right: 5%; width: 90%; } .content_experts .ttl { margin-bottom: 20px; font-size: 5.86vw; } .content_experts .content_wrap { margin-bottom: 20px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } .content_experts .card { margin-right: 0; margin-bottom: 20px; width: 100%; } .content_experts .card a { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; } .content_experts .card_prg_ph { width: 43.58%; } .content_experts .card_prg_inf { width: 53.72%; } .content_experts .card .p-title { margin: 0 0 20px 0; font-size: 4.26vw; } .content_experts .card .p-text { font-size: 3.2vw; }}/* 関連記事 */.l-main .content_relate { margin-top: 80px;}.l-main .content_relate .content_wrap { margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}.l-main .content_relate .card { margin-right: 4%; margin-bottom: 30px; width: 48%; position: relative;}.l-main .content_relate .card:nth-child(2n) { margin-right: 0;}.content_relate .card_prg_ph { margin-bottom: 10px; width: 100%; aspect-ratio: 4 / 3; background-color: #333; display: flex; justify-content: center; align-items: center;}.content_relate .card_prg_ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain;}.content_relate .card_prg_inf { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row;}.content_relate .card .p-title { /* margin: 20px 0; */ font-size: 1.125rem; font-weight: 700;}.content_relate .card .p-date { font-size: 0.875rem;}@media (min-width: 769px) and (max-width: 1300px) {}@media (max-width: 768px) { .content_relate .ttl { font-size: 6.8vw;/* No.21 */ font-size: 4.4vw; } .content_relate { margin-left: 5%; margin-right: 5%; width: 90%; } .content_relate .card_prg_inf { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .content_relate .card .p-title { font-size: 4.26vw; } .content_relate .card .p-date { font-size: 3.2vw; }}/* インタビュー + 連載コラム */.content_interview,.content_column { margin-bottom: 90px; padding: 30px 30px 40px; width: calc(100% - 60px); background-color: #fff; border: 1px solid #333;}.content_interview .ttl,.content_column .ttl { /* font-size: 2.125rem; font-weight: 700; text-align: center; color: #e6371d;*/ line-height: 1.5;}.content_interview .content_wrap,.content_column .content_wrap { margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}.content_interview .card,.content_column .card { margin-right: auto; margin-bottom: 20px; width: 48.21%; display: block;}.content_interview .card:nth-child(2n),.content_column .card:nth-child(2n) { margin-right: 0;}.content_interview .card_inf,.content_column .card_inf { margin-bottom: 5px; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row;}.content_interview .card_prg a,.content_column .card_prg a { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row;}.content_interview .p-date,.content_column .p-date { margin-top: 5px;}.content_interview .p-title_ph,.content_column .p-title_ph { position: relative; width: 190px; aspect-ratio: 4 / 3; background-color: #333; display: flex; justify-content: center; align-items: center;}.content_interview .p-title_ph img,.content_column .p-title_ph img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain;}.content_interview .p-title { width: 195px;}.content_column .card_prg_inf { width: 195px;}.l-main .content_column .p-text { margin-bottom: 10px; font-weight: 700;}.content_column .p-title { font-weight: 400;}@media (min-width: 769px) and (max-width: 1300px) { .content_interview, .content_column { margin: 0 2% 45px; padding: 15px; width: calc(96% - 30px); } .content_interview .content_wrap, .content_column .content_wrap { margin-bottom: 20px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } .content_interview .card, .content_column .card { margin-right: 0; margin-bottom: 15px; padding: 0 0 15px; width: 100%; border-bottom: 1px solid #ddd; } .content_interview .card:nth-child(n + 4), .content_column .card:nth-child(n + 4) { display: none; } .content_interview .p-title_ph, .content_column .p-title_ph { width: 43.58%; } .content_interview .p-title { width: 53.72%; } .content_column .card_prg_inf { width: 53.72%; }}@media (max-width: 768px) { .content_interview, .content_column { margin: 0 5% 45px; padding: 0; width: 90%; border: none; } .content_interview .content_wrap, .content_column .content_wrap { margin-bottom: 20px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } .content_interview .card, .content_column .card { margin-right: 0; margin-bottom: 15px; padding: 0 0 15px; width: 100%; border-bottom: 1px solid #ddd; } .content_interview .card:nth-child(n + 4), .content_column .card:nth-child(n + 4) { display: none; } .content_interview .p-title_ph, .content_column .p-title_ph { width: 43.58%; } .content_interview .p-title { width: 53.72%; } .content_column .card_prg_inf { width: 53.72%; } .content_column .p-text { margin-bottom: 10px; font-size: 4.26vw; } .content_interview .p-date, .content_column .p-date { font-size: 3.2vw; } .content_interview .p-genre_tag, .content_column .p-genre_tag { font-size: 3.73vw; }}.l-main .content_body p.btn_link, .l-main .content_body_more p.btn_link,.btn_link { margin: 10px auto; width: 60%; font-size: 0.875rem; font-weight: 700;}.l-main .content_body p.btn_link a, .l-main .content_body_more p.btn_link a,.btn_link a { width: 100%; height: auto; min-height: 32px; padding: 0.3em 0.3em 0.3em 1em; background-color: #fff; border: 2px solid #999; border-radius: 20px; display: flex; justify-content: center; align-items: center;}.l-main .content_body p.btn_link a:hover, .l-main .content_body_more p.btn_link a:hover,.btn_link a:hover { opacity: 0.7;}.l-main .content_body p.btn_link .icon-outer, .l-main .content_body_more p.btn_link .icon-outer,.btn_link .icon-outer { padding-left: 2em; width: 1em; height: 1em; background: url("/assets/images/common/icn-link-blank-black.svg") no-repeat center;}@media (max-width: 768px) { .l-main .content_body p.btn_link, .l-main .content_body_more p.btn_link, .btn_link { width: 80%; height: auto; min-height: 42px; font-size: 3.2vw; border-radius: 25px; } .l-main .content_body p.btn_link .icon-outer, .l-main .content_body_more p.btn_link .icon-outer, .btn_link .icon-outer { padding-left: 1.5em; width: 3.73vw; height: 3.73vw; }}