@charset "utf-8";
@media screen and (max-width : 2000px) {
    .format_free #tmp_wrap_main{
        background: transparent;
        padding: 0;
    }
}
@media screen and (min-width : 641px) and (max-width: 860px) {
    #tmp_movie_related .section_inner{
        padding: 0 20px 30px;
    }
    #tmp_movie_related .sec_title{
        margin-bottom: 30px;
    }
    .list_movie_related{
        gap: 10px;
    }
    .list_movie_related li{
        width: calc(50% - 5px);
    }
}
@media screen and (max-width : 640px) {
.format_free #tmp_wrap_main .container{
    padding: 0 10px;
}
.format_free #tmp_pankuzu .container{
	padding: 0 25px;
}
.sec_title h2{
    font-size: 112.5%;
}
/* Banner */
#tmp_banner_mv{
    margin-bottom: 35px;
    padding: 96px 0 83px 0;
    background-image: url(/shared/templates/movie_channel_rn2026/images/main/banner_bg03_sp.png),url(/shared/templates/movie_channel_rn2026/images/main/banner_bg04_sp.png),url(/shared/templates/movie_channel_rn2026/images/main/banner_bg01_sp.png),url(/shared/templates/movie_channel_rn2026/images/main/banner_bg02_sp.png),url(/shared/templates/movie_channel_rn2026/images/main/banner_bg05_sp.png);
    background-size: 364px auto, 371px auto, 325px auto, 321px auto, cover;
    background-position: calc(50% + 12px) -19px,left calc(50% + -14px) bottom -12px, left -9px top -9px, right 0px bottom, center center;
}
#tmp_banner_mv h1{
    font-size: 281.2%;
    line-height: 1.1;
    padding-bottom: 42px;
    background-image: url(/shared/templates/movie_channel_rn2026/images/main/tt_en_banner_sp.png);
    background-size: auto 18px;
    background-position: calc(50% + 3px) bottom;
    max-width: 400px;
}
#tmp_banner_mv h1 br{
	display: block;
}
/* Recommended MOVIEs */
#tmp_recommended .recommended_des{
    line-height: 1.8;
}
.recommended_wrap_inner{
    padding-top: 41px;
    padding-bottom: 47px;
}
#tmp_recommended .sec_title{
    padding-left: 15px;
}
#tmp_recommended .sec_title h2{
    background-image: url(/shared/templates/movie_channel_rn2026/images/main/ttl_recommended_sp.png);
    background-size: 100% auto;
    padding-top: 90px;
    max-width: 298px;
}
.recommended_wrap_inner::before{
    top: 53px;
    height: calc(100% - 26px);
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
}
.recommended_splide_wrap{
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
    gap: 17px;
}
#tmp_splide_recommended{
    width: 100%;
}
#tmp_splide_recommended .splide_item .title {
    top: -1px;
    margin-top: -13px;
    max-width: 90%;
    min-width: clamp(260px, 91%, 280px);
    margin-left: 0;
    width: auto;
}
#tmp_splide_recommended .splide_item a{
    font-size: 87.5%;
    padding: 11px 10px 9px 8px;
    background-position: 9px center;
}
#tmp_splide_recommended .splide_item .title a .link_wrapper{
    background-image: url(/shared/templates/movie_channel_rn2026/images/icon/icon_arrow_sp.png);
    background-position: 1px 10px;
}
#tmp_splide_recommended .splide_item.active .img img {
	transform: scale(1);
}
#tmp_splide_recommended_thumbnail .splide__list{
    gap: 10px;
}
#tmp_splide_recommended_thumbnail .splide__slide{
    width: calc((100% - 30px) / 4) !important;
}
#tmp_splide_recommended .splide__controls{
    bottom: -6px;
    right: -17px;
}
#tmp_recommended{
    margin-bottom: 56px;
}
#tmp_splide_recommended_thumbnail .splide__slide:hover .img::before{
    opacity: 1;
}
#tmp_splide_recommended_thumbnail .splide__slide:hover{
    border: 2px solid transparent; 
}
/* YouTube CHANNEL */
.title_movie_secondary {
	margin-bottom: 24px;
	padding-bottom: 23px;
	background-size: 85px auto, calc(100% - 94px) 2px;
}
.title_movie_secondary h3 {
	font-size: 131.25%;
    line-height: 1.5;
}

.block_movie_youtube {
    margin-bottom: 47px;
}
.block_movie_youtube .splide_common .splide {
    width: calc(100% + 10px);
	margin-bottom: 30px;
}
.block_movie_youtube .splide_common .splide__slide {
	width: 100%;
    padding-right: 10px;
}
.block_movie_youtube .splide_common .splide__arrows + .splide__arrows {
    margin-left: 60px;
}
.block_movie_youtube .splide_common .splide__arrow:hover {
	background-color: #FFFFFF;
}
.block_movie_youtube .splide_common .splide__controls {
    width: 100%;
    max-width: none;
    margin: 30px auto 0;
    justify-content: center;
}
.block_movie_youtube .splide_common .splide__progress .progress_total {
    min-width: 40px
}
.block_movie_youtube .splide_common .splide_footing {
    width: 100%;
    max-width: none;
    margin: 30px 0 0;
}
.block_movie_youtube .splide_common .splide_footing .link_common {
    width: 100%;
}
.block_movie_youtube .splide_common .splide_footing .link_common a {
    width: 100%;
    background-image: url(/shared/templates/movie_channel_rn2026/images/icon/icon_arrow_sp.png);
	background-position: 14px 21px;
	padding: 13px 9px 8px 38px;
}
.block_movie_youtube .splide_common .splide_footing .link_common a:hover::after {
	right: 9px;
}
.block_movie_youtube .splide_common .splide_footing .link_common a::after {
	left: 38px;
	bottom: 8px;
}

.card_movie_youtube .card_inner {
	padding: 14px 0 11px 10px;
}
.card_movie_youtube .card_category {
    min-width: 87px;
	margin-bottom: 8px;
	font-size: 81.25%;
}
.card_movie_youtube .link_common .link_wrapper {
    background-image: url(/shared/templates/movie_channel_rn2026/images/icon/icon_arrow_sp.png);
}

#tmp_movie_youtube {
	margin-bottom: 67px;
}
#tmp_movie_youtube .sec_title {
	margin-bottom: 31px;
}
#tmp_movie_youtube .sec_title h2 {
	padding-top: 92px;
	background-image: url(/shared/templates/movie_channel_rn2026/images/main/ttl_youtube_sp.png);
    background-size: auto 75px;
}
#tmp_movie_youtube .anchor_cnt {
	margin-bottom: 46px;
}
#tmp_movie_youtube .anchor_cnt::after {
	background-image: url(/shared/templates/movie_channel_rn2026/images/icon/pattern_gradient_01_sp.png), url(/shared/templates/movie_channel_rn2026/images/icon/pattern_gradient_02_sp.png);
}
#tmp_movie_youtube .anchor_cnt ul {
    flex-flow: row wrap;
}
#tmp_movie_youtube .anchor_cnt li {
	width: calc((100% - 1px) / 2);
	line-height: 1.5;
}
#tmp_movie_youtube .anchor_cnt li::before {
    right: 4px;
    left: 4px;
}
#tmp_movie_youtube .anchor_cnt li::after {
    top: 12px;
    bottom: 12px;
}
#tmp_movie_youtube .anchor_cnt a {
	padding: 11px 12px 8px 38px;
	background-image: url(/shared/templates/movie_channel_rn2026/images/icon/decoration_anchor_sp.png);
    background-position: 14px center;
	background-size: 15px auto;
    font-size: 87.5%;
}
/* reset */
#tmp_movie_youtube .anchor_cnt li:nth-child(5n + 1):nth-last-child(-n + 5)::before,
#tmp_movie_youtube .anchor_cnt li:nth-child(5n + 1):nth-last-child(-n + 5)~li::before,
#tmp_movie_youtube .anchor_cnt li:nth-child(5n)::after {
	display: block;
}
#tmp_movie_youtube .anchor_cnt li:nth-child(5n - 4),
#tmp_movie_youtube .anchor_cnt li:nth-child(5n) {
	width: calc((100% - 1px) / 2);
}
#tmp_movie_youtube .anchor_cnt li:nth-child(5n - 4) a {
	padding-left: 38px;
	background-position: 14px center;
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2n + 1):nth-last-child(-n + 2)::before,
#tmp_movie_youtube .anchor_cnt li:nth-child(2n + 1):nth-last-child(-n + 2)~li::before,
#tmp_movie_youtube .anchor_cnt li:nth-child(2n)::after {
    display: none !important;
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2n + 1):nth-last-child(-n + 2)::after,
#tmp_movie_youtube .anchor_cnt li:nth-child(2n + 1):nth-last-child(-n + 2)~li::after {
    bottom: 21px;
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2n + 1):nth-last-child(-n + 2) a,
#tmp_movie_youtube .anchor_cnt li:nth-child(2n + 1):nth-last-child(-n + 2)~li a {
    padding-top: 13px;
    padding-bottom: 18px;
    background-position: 14px calc(50% - 3px);
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2)::after,
#tmp_movie_youtube .anchor_cnt li:first-child::after {
    top: 21px;
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2) a,
#tmp_movie_youtube .anchor_cnt li:first-child a {
    padding-top: 20px;
    padding-bottom: 11px;
    background-position: 14px calc(50% + 4px);
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2n - 1)::before {
    right: 7px;
}
#tmp_movie_youtube .anchor_cnt li:nth-child(2n)::before {
    left: 7px;
}

/* Instagram */
#tmp_instagram .sec_title{
    margin-top: -16px;
}
#tmp_instagram .sec_title h2{
    background-image: url(/shared/templates/movie_channel_rn2026/images/main/ttl_instagram_sp.png);
    background-size: 170px auto;
    padding-top: 54px;
}
#tmp_instagram{
    margin-bottom: 98px;
    padding: 0 15px 29px;
}
#tmp_instagram_splide .splide__controls{
	display: flex;
    margin: 23px auto 0;
}
#tmp_instagram_splide .splide__arrows + .splide__arrows {
    margin-left: 60px;
}
#tmp_instagram_splide .splide__progress .progress_current{
    color: #7d3d99;
}
#tmp_instagram_splide .splide__arrow{
    background: transparent;
    border: 1px solid #7d3d99;
}
#tmp_instagram .more_instagram_btn a{
    width: 100%;
    text-align: center;
    padding-left: 14px;
}

/* Related MOVIEs */
.list_movie_related {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	gap: 10px;
}
.list_movie_related li {
	width: calc(50% - 5px);
	border-radius: 8px;
	background-image: url(/shared/templates/movie_channel_rn2026/images/icon/background_related_sp.png);
    background-position: calc(100% + 43px) calc(100% + 10px);
	background-size: 75px auto;
}
#tmp_movie_related .list_movie_related a {
    min-height: 60px;
    font-size: 87.5%;
    padding: 8px 10px 7px;
}
#tmp_movie_related .list_movie_related a > span.link_txt{
    padding-left: 22px;
    background-image: url(/shared/templates/movie_channel_rn2026/images/icon/icon_arrow_sp.png);
    background-position: left 7px;
}
#tmp_movie_related .list_movie_related a > span.link_txt::after {
	left: 23px;
}
.sec_bottom_wrap{
	margin-top: 97px;
}
#tmp_movie_related {
	margin: 0;
}
#tmp_movie_related .section_wrapper::before {
	clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
}
#tmp_movie_related .section_wrapper::after {
	clip-path: polygon(21px 0%, calc(100% - 21px) 0%, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 21px 100%, 0% calc(100% - 21px), 0% 21px);
}
#tmp_movie_related .section_inner {
	padding: 0 14px 29px;
}
#tmp_movie_related .sec_title {
	max-width: 197px;
	margin: -39px 0 22px;
	padding: 0 10px;
}
#tmp_movie_related .sec_title h2 {
    padding-top: 91px;
	background-image: url(/shared/templates/movie_channel_rn2026/images/main/ttl_related_sp.png);
    background-size: calc(100% - 20px) auto;
}
/* Reset Hover */
#tmp_movie_youtube .anchor_cnt a:hover{
    background-color: #ffffff;
}
.list_movie_related a > span.link_txt::after,
#tmp_movie_youtube .anchor_cnt a span::after{
    content: none;
}
.card_movie_youtube a:hover .card_thumbnail img{
    transform: none;
}
/* ==================================================
accessibility style change:fsize
================================================== */
/* YouTube CHANNEL */
.fsize_small #tmp_wrapper .block_movie_youtube .splide_common .splide_footing .link_common a {
	background-position: 14px 12px;
}
/* ==================================================
Nojs
================================================== */
/* Recommended MOVIEs */
.no_javascript #tmp_splide_recommended{
    height: auto;
}
#tmp_splide_recommended.no-splide .splide__slide,
.no_javascript #tmp_splide_recommended .splide__slide{
    width: 100%;
}
#tmp_splide_recommended.no-splide{
    margin-bottom: -50px;
    width: 100%;
}
/* YouTube CHANNEL */
.no_javascript .block_movie_youtube .splide_common .splide__slide {
    padding-right: 10px;
}
/* Instagram */
.no_javascript #tmp_instagram_splide .splide__list {
    flex-wrap: wrap;
    gap: 20px;
}
#tmp_instagram_splide.no-splide .splide__slide, 
.no_javascript #tmp_instagram_splide .splide__slide{
    width: 100%;
}
/* Related MOVIEs */
.no_javascript #tmp_movie_related{
    margin-bottom: 50px;
}
/* ==================================================
accessibility style change: color
================================================== */
/* YouTube CHANNEL */
.color_blue #tmp_wrapper #tmp_movie_youtube .anchor_cnt a,
.color_black #tmp_wrapper #tmp_movie_youtube .anchor_cnt a {
	background-image: url(/shared/templates/movie_channel_rn2026/images/icon/decoration_anchor_white_sp.png) !important;
}
.color_yellow #tmp_wrapper #tmp_movie_youtube .anchor_cnt a {
	background-image: url(/shared/templates/movie_channel_rn2026/images/icon/decoration_anchor_blue_sp.png) !important;
}
}