/* TOPページ全体 */
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@600&display=swap');
.ts_maintitle {
    font-family: 'Sen', sans-serif;
}

.post_list_no_marker{
    list-style-type:none;
}
.square_thumbnail{
    width: auto;
    height: auto;
}
.square_thumbnail > img{
    object-fit: cover;
    max-width: none;
}
.ts_block{
    display: flex;
    align-items: center;
}
.ts_maintitle{
    display: block;
    font-size: 2.5rem;
}
.ts_subtitle{
    display: inline-block;
    text-align: center;
    margin-left: 1rem;
    font-size: 0.8rem;
    font-weight: 900;
}
.ts_maintitle > span{
    color: #FF4500;
}
.top_saide_column  {
    padding-top: 148px;
}
/* .tc_post_meta {
    position: absolute;
} */
.tc_post_meta {
    display: flex;
    width: 100%;
}
.pr_flag {
    display: block;
    font-size: inherit;
    margin-left: auto;
    height: 1rem;
    font-weight: 600;
    color: #A3A3A3;
}


/* TOPページ全体　レスポンシブ */
@media not screen and (min-width: 1200px){
    .ts_maintitle{
        font-size: 2.2rem;
    }
    .ts_subtitle{
        font-size: 13px;
        padding-top: 8px !important;
    }
    .top_saide_column  {
        padding-top: 127.5px;
    }
    .tc_post_meta {
        font-size: 11px;
    }
}
@media not screen and (min-width: 960px){
    .ts_maintitle{
        font-size: 2rem;
    }
    .top_saide_column  {
        padding-top: 117.3px;
    }
}
@media not screen and (min-width: 782px){
    .tc_post_meta {
        font-size: 16px;
    }
}
@media not screen and (min-width: 600px){
    .tml_area {
        font-size: 13px;
    }
}
@media not screen and (min-width: 450px){
    .tml_area {
        font-size: 11px;
    }
}

/* whats newエリア全体 */
.l-content {
    padding-top: 0 !important;
}
.top_newpost_area{
    width: 90vw;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
}
.top_main_visual::after{
    content: "";
    position: absolute;
    width: 5%;
    max-width: 75px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #D0D344;
}
.tcm_area {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 0.5rem;
}
.tcm_area .pr_flag{
    height: inherit !important;
    margin-left: 0 !important;
    width: 50%;
}
.tc_post_date {
    text-align: right;
}

/* whats newエリア左側 */
.topvisual-swiper-container {
    overflow: hidden;
    position: relative;
}
.top_new_movie{
    width: 40vw;
    max-width: 577px;
    position: relative;
}
.top_movie_viewerlist {
    margin-left: auto;
    width: 90%;
}
.tmv_panel {
    width: 100%;
    aspect-ratio: 1 / 1;
}
.tmv_panel > iframe{
    border-bottom-left-radius: 50px;
}
.top_new_movie::before{
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #D0D344;
    border-bottom-left-radius: 50px;
    z-index: -1;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 0 !important;
}
.tml_post_detail > h2.tmv_title{
    padding-top: 10px;
    font-size: 20px;
}
.whatsnew-swiper-pagination {
    text-align: center;
}
.tmv_area {
    position: static;
}
.tmv_area > .pr_flag{
    margin-left: 0;
    margin-right: auto;
}

/* whats newエリア右側 */
.top_newpost_list {
    width: 45vw;
    max-width: 723px;
}
.top_npl_titel {
    padding-top: 15px;
    margin-left: 1.5rem;
    margin-bottom: 25px;
}
.top_npl_titel > .ts_subtitle{
    width: 70px;
    height: 25px;
    padding-top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='37' viewBox='0 0 93 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M90.0901 35.5H86.11V0.75H90.0901C91.1001 0.75 91.91 1.57001 91.91 2.57001V33.67C91.91 34.68 91.0901 35.49 90.0901 35.49V35.5Z' fill='%23CED14A'/%3E%3Cpath d='M17.66 0.619995H53.49H89.6899C91.1399 0.619995 92.3199 1.56999 92.3199 2.73999V18.12V33.5C92.3199 34.67 91.1399 35.62 89.6899 35.62H53.49H17.66L1.53003 18.12L17.66 0.619995Z' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.top_movie_list{
    width: 100%;
    position: relative;
    padding: 1rem !important;
    background-color: #FFF;
    border-top-right-radius: 50px;
}
.top_movie_list::after{
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 100%;
    height: 100%;
    background-color: #D0D344;
    border-top-right-radius: 50px;
    z-index: -1;
}
.top_movie_list_posts{
    width: 40vw;
    max-width: 577px; 
    padding-left: min(5vw , 80px ) !important;
    margin:1rem auto 2rem 0 !important;
}
.top_movie_list_posts > a{
    display: flex;
    width: 100%;
}
.tml_post_thumbnail > img{
    width: calc(8vw);
    aspect-ratio: 1 / 1;
    max-width: 100px;
}
.tml_post_detail{
    width: 80%; 
    margin-left: 20px;
    position: relative;
    color: #131319;
} 
.tml_post_detail > h2{
    margin-bottom: 4px !important;
    position: inherit;
    font-size: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.tml_post_detail > .tc_post_meta {
    top: 75%;
    width: 100%;
}

/* readmore用のデザイン */
.article_link {
    color: #131319;
    width: min( 10vw, 190px);
    height: 100%;
    text-align: center;
    margin-left: auto;
    margin-bottom: 15px;
}
.article_link::after {
    content: "";
    position: absolute;
    width: min( 10vw, 190px);
    height: 20px;
    bottom: 5%;
    right: 3%;
    border-bottom: 1px solid #131319;
    border-right: 1px solid #131319;
    transform: skew(45deg);
}
.article_link > a {
    color: #131319;
    z-index: 2;
    font-size: 1.2rem;
    display: block;
    position: relative;
}
/* 動画エリア　SP用 */
@media not screen and (min-width: 1500px){
    .article_link > a {
        font-size: 1rem;
    }
    .article_link::after{
        height: 10px;
    }
}
@media not screen and (min-width: 1200px){
    .tml_post_detail > h2.tmv_title{
        font-size: 16px;
    }
    .tml_post_date {
        font-size: 15px;
    }
    .top_npl_titel {
        margin-bottom: 20px;
    }
    .top_npl_titel > .ts_subtitle {
        padding-top: 2px !important;
        margin-left: 7px;
    }
    .top_movie_list_posts {
        margin: 0 auto 18px 0 !important;
    }
    .tml_post_detail > h2 {
        font-size: 14px;
    }
}
@media not screen and (min-width: 960px){
    .top_main_visual::after{
        width: var(--logo_size_sp);
    }
    .top_movie_list_posts {
        padding-left: 2vw !important;
    }
    .top_movie_list_posts {
        margin: 0 auto 20px 0 !important;
    }
    .tml_post_detail > h2 {
        font-size: 12px;
    }
    .article_link > a {
        font-size: 0.8rem;
    }
    .article_link::after{
        height: 8px;
    }
}
@media not screen and (min-width: 782px){
    .top_main_visual::after {
        display: none;
    }
    .scroll_text {
        display: none;
    }
    .top_newpost_area {
        flex-flow: column;
        padding-bottom: 2rem;
    }
    .top_new_movie {
        width: calc(98vw - 48px);
        max-width: none;
        margin: 0 auto;
    }
    .tml_post_detail > h2.tmv_title {
        margin-bottom: 5px !important;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: -2px !important;
    }
    .top_newpost_list {
        width: calc(98vw - 48px);
        max-width: none;
    }
    .top_npl_titel {
        padding-top: 30px;
        margin-left: 0;
        margin-bottom: 5px;
    }
    .top_movie_list {
        padding: 2.5rem 1.5rem 2rem 1rem !important;
    }
    .top_movie_list_posts {
        width: 100%;
        max-width: none;
    }
    .tml_post_thumbnail > img{
        width: calc(20vw);
        max-width: 100px;
    }
    .tml_post_detail > h2 {
        font-size: 16px;
    }
    .article_link {
        width: 20vw;
        padding-right: 3vw;
        text-align: right;
    }
    .article_link::after {
        width: 20vw;
    }
    .ts_maintitle {
        font-size: 1.5rem;
    }
    .top_npl_titel > .ts_subtitle {
        height: 25px;
    }

}
@media not screen and (min-width: 600px){
    .tml_post_detail > h2 {
        font-size: 14px;
    }
}
@media not screen and (min-width: 450px){
    .tml_post_detail > h2 {
        font-size: 12px;
    }
}

/* ランキングエリア */
.top_ranking_area {
    width: 100%;
    margin-bottom: 70px;
    position: relative;
}
.top_rpl_titel > .ts_subtitle{
    width: 100px;
    height: 35px;
    padding-top: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='133' height='37' viewBox='0 0 133 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M129.93 35.98H125.95V1.22998H129.93C130.94 1.22998 131.75 2.04993 131.75 3.04993V34.1499C131.75 35.1599 130.93 35.97 129.93 35.97V35.98Z' fill='%23CED14A'/%3E%3Cpath d='M17.51 1.10999H53.34H129.54C130.99 1.10999 132.17 2.05998 132.17 3.22998V18.61V33.99C132.17 35.16 130.99 36.11 129.54 36.11H53.34H17.51L1.38 18.61L17.51 1.10999Z' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.topranking-swiper-container {
    overflow: hidden;
}
.top_ranking_panel_list {
    width: 100%;
}
.top_ranking_panels {
    display: flex;
}
.top_ranking_panel {
    width: 180px !important;
    margin: 0 auto;
    position: relative;
    justify-content: space-between;
}

/* スライダーのボタン調整 */
.swiper-button-prev,
.swiper-button-next {
  width: 3rem;
  height: 3rem;
}
@media screen and (orientation: portrait) and (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}
.swiper-button-prev img,
.swiper-button-next img {
  width: 100%;
  height: auto;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev img {
  transform: scale(-1, 1);
}

.swiper-button-disabled {
    opacity: 1 !important; /* 透明度を元に戻す */
    pointer-events: auto !important; /* クリックを有効にする */
}


.topranking-swiper-pagination {
    margin-top: 25px;
    text-align: center;
}

/* 各記事のレイアウト調整 */
.ranking_num {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 2.5rem;
    font-weight: 900;
    color: #FF4500;
}
.trl_post_thumbnail > img{
    width: 180px;
    height: 180px;
}
.trl_post_detail {
    color: #131319;
    position: relative;
    height: 92px;
}
.trl_post_title {
    font-size: 0.75rem !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    top: 12%;
    position: absolute;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.trl_post_detail > .tc_post_meta {
    top: 75%;
    font-size: 12px;
}
.trl_area {
    flex-flow: column;
}
.trl_area > .pr_flag {
    margin-left: 0;
}

/* ランキングエリア　SP用 */
@media not screen and (min-width: 1200px){
    .top_ranking_panel {
        width: 23% !important;
        margin: 0 auto;
    }
    .trl_post_thumbnail > img{
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
    }
    .ranking_num {
        font-size: 2rem;
    }
    .trl_post_title {
        font-size: 12px !important;
    }
}
@media not screen and (min-width: 960px){
    .ranking_num {
        font-size: 1.8rem;
    }
}
@media not screen and (min-width: 782px){
    .ranking_num {
        font-size: 1.4rem;
    }
    .top_ranking_panels {
        flex-wrap: wrap;
    }
    .top_ranking_panel {
        width: 48% !important;
        margin: 0 auto;
    }
    .top_ranking_panel:nth-child(3) {
        margin-top: 7%;
    }
    .top_ranking_panel:nth-child(4) {
        margin-top: 7%;
    }
    .top_rpl_titel > .ts_subtitle {
        width: 90px;
        height: 30px;
        padding-top: 4px !important;
    }
}

/* 新着ニュースエリア */
.top_news_area{
    width: 100%;
    position: relative;
    margin-bottom: 120px;
}
.top_rpl_titel {
    margin-bottom: 20px;
}
.top_news_list {
    position: relative;
}
.top_news_list::after {
    content: "";
    position: absolute;
    border-bottom: solid 0.5px #A3A3A3;
    top: 0;
    left: 0;
    width: calc(100%);
    height: calc(110%);
    background-color: #EFEFEF;
    z-index: -1;
}
.topnews-swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.topnews-swiper-container::after {
    content: "";

}
.top_news_panels {
    margin: 0 auto;
    padding: 5% 4% 2%;
}
.top_news_panel {
    position: relative;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    padding: 5px 0;
    color: #131319;
} 
.top_news_panel > a {
    display: flex;
}
.tnl_post_thumbnail > img {
    width: 70px;
    height: 70px;
}
.tnl_post_detail {
    width: 70%;
    color: #131319;
    margin-left: 20px;
} 
.tnl_post_detail > h2 {
    margin-bottom: 10px !important;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.tnl_post_detail > .tc_post_meta {
    top: 60%;
}
.topnews-swiper-pagination {
    margin-top: 25px;
    text-align: center;
}
/* 新着ニュースエリア　SP用 */
@media not screen and (min-width: 1200px){
    .tnl_post_detail > h2 {
        font-size: 12px;
    }
}
@media not screen and (min-width: 960px){
    .tnl_post_detail > h2 {
        font-size: 10px;
    }
}
@media not screen and (min-width: 600px){
    .tnl_post_detail > h2 {
        font-size: 13px;
    }
}

/* まとめ */
.top_collect_area {
    width: 100%;
    position: relative;
    margin-bottom: 120px;
}
.top_collect_list {
    position: relative;
}
.top_collect_list::after {
    content: "";
    position: absolute;
    border: solid 1px #A3A3A3;
    top: 0;
    left: 0;
    width: calc(100%);
    height: calc(110%);
    z-index: -1;
}
.topcollect-swiper-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.top_collect_panel_list {
    width: calc(100%) !important;
    padding: 10% 0 2%;
}
.top_collect_panel {
    width: 180px;
    text-align: center;
}
.tcl_post_detail {
    color: #131319;
    width: 60%;
    margin: 0 auto;
    margin-top: 30px;
}
.tcl_post_title {
    margin: 0 !important;
    margin-bottom: 0.8rem !important;
    padding: 5% 0 4%;
    border-top: solid 1px #131319;
    border-bottom: solid 1px #131319;
    font-size: 1.2rem !important;
}
.tcl_post_detail > p {
    font-size: 1.2rem;
    font-weight: 600;
}
.tcl_icon > img {
    width: 180px;
    height: 180px;
    border-radius: 10px;
    box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, .5);
}
.topcollect-swiper-pagination {
    margin-top: 25px;
    display: block !important;
    text-align: center;
}
.design_border {
    width: 100%;
    height: 14px;
    position: absolute;
    top: 112%;
    border-top: solid 1px #A3A3A3;
    border-bottom: solid 1px #A3A3A3;
}
/* まとめエリア　SP用 */
@media not screen and (min-width: 1200px){
    .tcl_post_title {
        font-size: 1rem !important;
    }
    .tcl_post_detail > p {
        font-size: 1rem;
    }
    .tcl_icon > img{
        width: 60%;
        height: 60%;
        aspect-ratio: 1 / 1;
    }
}
@media not screen and (min-width: 600px){
    .tcl_post_title {
        font-size: 15px !important;
    }
    .tcl_post_detail > p {
        font-size: 15px;
    }
}
@media not screen and (min-width: 420px){
    .tcl_post_title {
        font-size: 12px !important;
    }
    .tcl_post_detail > p {
        font-size: 12px;
    }
}

/*TOPページ縦型動画エリア*/
.secFollow__ttl {
    margin-top: 3.6rem !important;
    display: inline-block;
    width: 49%;
    font-size: 2.2rem;
    font-weight: 600;
    color: #626A71;
}
.delete__topMargin {
    margin-top: 0 !important;
}
.secFollow__linkTxt {
    display: inline-block;
    width: 50%;
    padding: 0.8rem 0;
    text-align: right;
}
@media not screen and (min-width: 600px){
    .secFollow__linkTxt {
        width: 49%;
    }
}
.secFollow__linkTxt a {
    color: #808080;
    padding: 0.8rem 0;
}
.top_colmovie_area {
    width: 100%;
    margin: 0 auto;
}
.top_col_movie {
    height: 436px;
}
.top_colmovie_area h2{
    margin: 2rem 0 0;
}
.tcm-swiper-container {
    overflow: hidden;
}
/* .tcm_list_movie {
    width: 21rem !important;
} */
.tcm_panel >iframe {
    aspect-ratio: 9 / 16;
}
.tcm_post_detail a{
    color: #131319;
    display: block;
}
.tcm_auther_area {
    padding: 0;
}
.tcm_auther_area a{
    color: #131319;
    display: inherit;
    height: inherit !important;
}
.tcm_post_title {
    font-size: 1rem !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    height: 4rem;
    top: 12%;
    position: absolute;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
@media screen and (orientation: portrait) and (max-width: 959px) {
  .post_content h2 {
    margin: 2rem 0 1rem;
  }
}
@media screen and (orientation: portrait) and (max-width: 659px) {
  .post_content h2 {
    margin: 2rem 0 1rem;
  }
  .top_colmovie_area h2{
    margin: 1rem 0 0;
  }
  .tcm_area {
    display: flex;
    align-items: baseline;
    margin-top: 0;
  }
  .pr_flag {
    width: 50%;
  }
  .tcm_post_title {
    margin-bottom: 0.3rem !important;
    -webkit-line-clamp: 2;
  }
}
@media not screen and (max-width: 659px) {
    .tcm_viewerlist.swiper-wrapper{
        width: 15rem;
    }
    .tcm_viewerlist_title.swiper-wrapper{
        width: 15rem;
    }
}
@media screen and (max-width: 659px) {
    .top_col_movie {
        height: calc(100vw * 1.522);
    }
}
@media screen and (max-width: 599px) {
    .top_col_movie {
        height: calc(100vw * 1.488);
    }
}