@charset "UTF-8";
:root{
    --width-movie-box:100%;
    --pd-movie-box:0 1.5rem;
    --fs-movie-parts-heading-description:1.5rem;
    --ta-movie-parts-heading-description:left;
    --gtc-anchor-button-list:repeat(2,1fr);
    --ta-anchor-button-item:left;
    --gap-anchor-button-list:2rem 1.5rem;
    --fs-anchor-button-item:1.5rem;
    --ta-anchor-button-item:left;
    --pd-anchor-button-item:1.7rem 0 1.5rem;
    --size-anchor-button-item-rect:2rem;
    --image-anchor-button-item-rect:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20transform%3D%22translate(-155%20-659)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2220%22%20height%3D%2220%22%20transform%3D%22translate(155%20659)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M4.167%2C0%2C8.333%2C5H0Z%22%20transform%3D%22translate(169.167%20672)%20rotate(180)%22%20fill%3D%22%23143a60%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    --mg-movie-list:5rem auto 0;
    --mt-movie-category-stack:8rem;
    --fs-movie-category-heading:2rem;
    --fs-movie-category-heading-description:1.3rem;
    --fs-movie-category-block-heading:1.6rem;
    --pd-movie-category-block-heading:1.5rem;
    --gtc-movie-category-items:repeat(2,1fr);
    --gap-movie-category-items:0.9rem 2rem;
    --po-l-movie-category-items-play-icon:0.5rem;
    --size-movie-category-items-play-icon:1.8rem;
    --mt-movie-category-items:2.5rem;
    --fs-movie-category-item:1.2rem;
    --mt-movie-category-item:0.8rem;
    --pd-movie-information-area:0 1.5rem;
    --mg-movie-information-area:8rem auto 0;
    --pt-movie-information-area-inner:8rem;
    --fs-movie-information-description:1.6rem;
    --ta-movie-information-description:left;
    --gtc-button-movie-parts:4rem 1fr 4rem;
    --pd-button-movie-parts:1rem 2rem 1rem 0.5rem;
    --width-button-movie-parts-icon:4rem;
    --gtc-movie-information-button-area:repeat(1,1fr);
    --gap-movie-information-button-area:6rem 0;
    --mt-movie-information-button-area:6rem auto 0;
    --fs-movie-information-button-unique:1.3rem;
    --mb-movie-information-button-unique:1rem;
}
@media (min-width: 768px) {
    :root{
        --width-movie-box:114rem;
        --pd-movie-box:0;
        --fs-movie-parts-heading-description:1.8rem;
        --ta-movie-parts-heading-description:center;
        --gtc-anchor-button-list:repeat(4,1fr);
        --gap-anchor-button-list:0 4.6rem;
        --fs-anchor-button-item:1.6rem;
        --ta-anchor-button-item:center;
        --pd-anchor-button-item:2.35rem 0 1.95rem;
        --size-anchor-button-item-rect:3rem;
        --image-anchor-button-item-rect: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203%22%20transform%3D%22translate(-461%20-556.5)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22translate(461%20556.5)%22%20fill%3D%22rgba(255%2C255%2C255%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M5%2C0l5%2C6H0Z%22%20transform%3D%22translate(478%20571.5)%20rotate(180)%22%20fill%3D%22%23143a60%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
        --mg-movie-list:7rem auto 0;
        --mt-movie-category-stack:9rem;
        --fs-movie-category-heading:2.5rem;
        --fs-movie-category-heading-description:1.4rem;
        --fs-movie-category-block-heading:2rem;
        --pd-movie-category-block-heading:2rem;
        --gtc-movie-category-items:repeat(4,1fr);
        --po-l-movie-category-items-play-icon:1rem;
        --size-movie-category-items-play-icon:2.5rem;
        --gap-movie-category-items:2.5rem 2.7rem;
        --mt-movie-category-items:3rem;
        --fs-movie-category-item:1.5rem;
        --mt-movie-category-item:1.5rem;
        --pd-movie-information-area: 0;
        --mg-movie-information-area:8.5rem auto 0;
        --pt-movie-information-area-inner:8.2rem;
        --fs-movie-information-description:2rem;
        --ta-movie-information-description:center;
        --gtc-button-movie-parts:5rem 1fr 5rem;
        --pd-button-movie-parts:0.5rem 2rem 0.5rem 0.5rem;
        --width-button-movie-parts-icon:5rem;
        --gtc-movie-information-button-area:repeat(2,1fr);
        --gap-movie-information-button-area:0 6rem;
        --mt-movie-information-button-area:8rem auto 0;
        --fs-movie-information-button-unique:1.5rem;
        --mb-movie-information-button-unique:1.5rem;
    }
}

[data-page-content="movie_parts"] figure,
[data-page-content="movie_parts"] figure figcaption{
    padding: 0;
    margin: 0;
}
.p-movie-parts__heading{
    max-width: var(--width-movie-box);
    padding: var(--pd-movie-box);
    margin: 0 auto;
}
.c-page-title__item.c-page-title--ja{
    color: var(--color-text-default);
}
.c-page-title__item.c-page-title--en{
    color: var(--color-bid3-secondary);
}
.p-movie-parts__heading-description{
    font-size: var(--fs-movie-parts-heading-description);
    text-align: var(--ta-movie-parts-heading-description);
    letter-spacing: 0.08em;
    line-height: 1.8;
}

.anchor-button-list{
    display: grid;
    grid-template-columns: var(--gtc-anchor-button-list);
    gap: var(--gap-anchor-button-list);
    margin-top: 5rem;
}
.anchor-button-item{
    font-size: var(--fs-anchor-button-item);
    color: var(--color-text-default);
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: var(--ta-anchor-button-item);
    font-weight: var(--fw-bold);
    padding: var(--pd-anchor-button-item);
    border-top: 2px solid var(--color-text-default);
    border-bottom: 2px solid var(--color-text-default);
    position: relative;
    text-decoration: unset;
}
.anchor-button-item::after{
    content: "";
    width: var(--size-anchor-button-item-rect);
    height: var(--size-anchor-button-item-rect);
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: var(--image-anchor-button-item-rect);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    transform: translateY(0);
    margin: auto;
}

.c-movie-list{
    max-width: var(--width-movie-box);
    padding: var(--pd-movie-box);
    margin: var(--mg-movie-list);
}
.c-movie-category + .c-movie-category{
    margin-top: var(--mt-movie-category-stack);
}
.c-movie-category__heading{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: var(--fs-movie-category-heading);
    letter-spacing: 0.15em;
    line-height: 1.5;
    text-align: center;
    font-weight: var(--fw-bold);
    background: var(--color-bid3-secondary);
    padding: 2rem 0;
}
.c-movie-category__heading[data-layout="stack"]{
    flex-direction: column;
    gap: 1.5rem 0;
}
.c-movie-category__heading-description{
    font-size: var(--fs-movie-category-heading-description);
    line-height: 1.3;
    letter-spacing: 0.08em;
    font-weight: var(--fw-medium);
}
.c-movie-category-block{
    margin: 4rem auto 0;
}
.c-movie-category-block__heading{
    font-size: var(--fs-movie-category-block-heading);
    font-weight: var(--fw-bold);
    letter-spacing: 0.15em;
    line-height: 1.3;
    color: var(--color-text-default);
    background: var(--color-bg-primary);
    border-left: 4px solid var(--color-bid3-secondary);
    padding: var(--pd-movie-category-block-heading);
}
.c-movie-category-items{
    display: grid;
    grid-template-columns: var(--gtc-movie-category-items);
    gap: var(--gap-movie-category-items);
    margin-top: var(--mt-movie-category-items);
}
.c-movie-category-item-image{
    position: relative;
    border: 1px solid #EEEEEE;
}
.c-movie-category-item-image::after{
    content: '';
    position: absolute;
    left: var(--po-l-movie-category-items-play-icon);
    bottom: 0.78rem;
    display: block;
    width: var(--size-movie-category-items-play-icon);
    aspect-ratio: 1;
    transform: scale(1);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(-1105%20-1221.25)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2225%22%20height%3D%2225%22%20transform%3D%22translate(1105%201221.25)%22%20fill%3D%22none%22%20opacity%3D%220.8%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_276%22%20data-name%3D%22%E3%83%91%E3%82%B9%20276%22%20d%3D%22M2.793.37a.861.861%2C0%2C0%2C1%2C1.414%2C0L6.872%2C4.4a.787.787%2C0%2C0%2C1-.707%2C1.2H.835A.787.787%2C0%2C0%2C1%2C.128%2C4.4Z%22%20transform%3D%22translate(1121.1%201229.553)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-color: rgba(43,124,205,.8);
    border-radius: 5px;
    /* background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(-260%20-1001.25)%22%3E%20%3Crect%20id%3D%22bg%22%20width%3D%2225%22%20height%3D%2225%22%20rx%3D%225%22%20transform%3D%22translate(260%201001.25)%22%20fill%3D%22%232b7ccd%22%20opacity%3D%220.8%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_276%22%20data-name%3D%22%E3%83%91%E3%82%B9%20276%22%20d%3D%22M2.793.37a.861.861%2C0%2C0%2C1%2C1.414%2C0L6.872%2C4.4a.787.787%2C0%2C0%2C1-.707%2C1.2H.835A.787.787%2C0%2C0%2C1%2C.128%2C4.4Z%22%20transform%3D%22translate(276.1%201009.553)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') */
}
.c-movie-category-item .c-movie-category-item-title{
    font-size: var(--fs-movie-category-item);
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: var(--color-text-default);
    margin-top: var(--mt-movie-category-item);
}
a.c-movie-category-item{
    text-decoration: unset;
}
.p-movie__information-area{
    max-width: var(--width-movie-box);
    width: 100%;
    padding: var(--pd-movie-information-area);
    margin: var(--mg-movie-information-area);
}
.p-movie__information-area-inner{
    border-top: solid 2px var(--color-bid3-secondary);
    padding-top: var(--pt-movie-information-area-inner);
}
.p-movie__information-description{
    font-size: var(--fs-movie-information-description);
    line-height: 1.8;
    letter-spacing: 0.08em;
    font-weight: var(--fw-bold);
    text-align: var(--ta-movie-information-description);
    color: var(--color-text-default);
}
.p-movie__information-button-area{
    display: grid;
    grid-template-columns: var(--gtc-movie-information-button-area);
    gap: var(--gap-movie-information-button-area);
    max-width: 90rem;
    width: 100%;
    margin: var(--mt-movie-information-button-area);
}
.p-movie__information-button-unique p{
    font-size: var(--fs-movie-information-button-unique);
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: var(--fw-bold);
    color: var(--color-text-default);
    text-align: center;
    margin-bottom: var(--mb-movie-information-button-unique);
}
.c-button-movie-parts{
    --border-radius: .4rem;
    --transition-hover-button:
    background-color var(--transition-duration-short) var(--transition-timing-function),
    border-color var(--transition-duration-short) var(--transition-timing-function),
    color var(--transition-duration-short) var(--transition-timing-function),
    translate var(--transition-duration-short) var(--transition-timing-function),
    scale var(--transition-duration-short) var(--transition-timing-function);
    --color: var(--color-text-default);
  
    min-width: unset;
    border-radius: var(--border-radius);
  
    font-size: 1.8rem;
    font-weight: var(--fw-bold);
    letter-spacing: .15em;
    line-height: 1;

    background-color: var(--color);
    border-color: var(--color);
    color: var(--color-white);
  
    overflow: hidden;
    text-decoration: unset;

    display: grid;
    grid-template-columns: var(--gtc-button-movie-parts);
    justify-content: center;
    align-items: center;

    border: 1px solid var(--color-primary);
    text-align: center;
    text-decoration: none;

    padding: var(--pd-button-movie-parts);
}
.c-button-movie-parts:hover {
    --color: var(--color-text-default);
    --button-arrow: var(--icon-arrow-blue);
    background-color: var(--color-white);
    color: var(--color);

}

.c-button-movie-parts::before{
    content: "";
    width: var(--width-button-movie-parts-icon);
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1);
    transition: transform 0.15s ease;
}
.c-button-movie-parts:hover::before{
    transform: scale(1.2);
}
.c-button-movie-parts.c-button-movie-parts-faq::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-365%20-4588)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2250%22%20height%3D%2250%22%20transform%3D%22translate(365%204588)%22%20fill%3D%22rgba(232%2C232%2C232%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_272%22%20data-name%3D%22%E3%83%91%E3%82%B9%20272%22%20d%3D%22M369-351a13.908%2C13.908%2C0%2C0%2C1-9.9-4.1A13.908%2C13.908%2C0%2C0%2C1%2C355-365a13.908%2C13.908%2C0%2C0%2C1%2C4.1-9.9A13.909%2C13.909%2C0%2C0%2C1%2C369-379a13.909%2C13.909%2C0%2C0%2C1%2C9.9%2C4.1A13.908%2C13.908%2C0%2C0%2C1%2C383-365a13.908%2C13.908%2C0%2C0%2C1-4.1%2C9.9A13.908%2C13.908%2C0%2C0%2C1%2C369-351Zm-1.278-9.309h0v2.484h2.412v-2.484h-2.412Zm1.313-9.8a1.512%2C1.512%2C0%2C0%2C1%2C1.225.422%2C1.67%2C1.67%2C0%2C0%2C1%2C.375%2C1.1%2C1.613%2C1.613%2C0%2C0%2C1-.258.862l0%2C.005a2.274%2C2.274%2C0%2C0%2C1-.391.478l-.645.636a5.279%2C5.279%2C0%2C0%2C0-1.284%2C1.745%2C5.518%2C5.518%2C0%2C0%2C0-.3%2C1.989v.412H370v-.412a3.562%2C3.562%2C0%2C0%2C1%2C.193-1.354%2C4%2C4%2C0%2C0%2C1%2C.9-1.128%2C11.13%2C11.13%2C0%2C0%2C0%2C1.458-1.617%2C2.864%2C2.864%2C0%2C0%2C0%2C.416-1.6%2C3.435%2C3.435%2C0%2C0%2C0-1.075-2.593%2C3.917%2C3.917%2C0%2C0%2C0-2.8-1.011%2C3.876%2C3.876%2C0%2C0%2C0-2.976%2C1.181%2C4.328%2C4.328%2C0%2C0%2C0-1.084%2C3.054v.412h2.229l.015-.4a3.486%2C3.486%2C0%2C0%2C1%2C.282-1.416A1.48%2C1.48%2C0%2C0%2C1%2C369.035-370.105Z%22%20transform%3D%22translate(21%204978)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-button-movie-parts:hover.c-button-movie-parts-faq::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-365%20-4588)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2250%22%20height%3D%2250%22%20transform%3D%22translate(365%204588)%22%20fill%3D%22rgba(232%2C232%2C232%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_272%22%20data-name%3D%22%E3%83%91%E3%82%B9%20272%22%20d%3D%22M369-351a13.908%2C13.908%2C0%2C0%2C1-9.9-4.1A13.908%2C13.908%2C0%2C0%2C1%2C355-365a13.908%2C13.908%2C0%2C0%2C1%2C4.1-9.9A13.909%2C13.909%2C0%2C0%2C1%2C369-379a13.909%2C13.909%2C0%2C0%2C1%2C9.9%2C4.1A13.908%2C13.908%2C0%2C0%2C1%2C383-365a13.908%2C13.908%2C0%2C0%2C1-4.1%2C9.9A13.908%2C13.908%2C0%2C0%2C1%2C369-351Zm-1.278-9.309h0v2.484h2.412v-2.484h-2.412Zm1.313-9.8a1.512%2C1.512%2C0%2C0%2C1%2C1.225.422%2C1.67%2C1.67%2C0%2C0%2C1%2C.375%2C1.1%2C1.613%2C1.613%2C0%2C0%2C1-.258.862l0%2C.005a2.274%2C2.274%2C0%2C0%2C1-.391.478l-.645.636a5.279%2C5.279%2C0%2C0%2C0-1.284%2C1.745%2C5.518%2C5.518%2C0%2C0%2C0-.3%2C1.989v.412H370v-.412a3.562%2C3.562%2C0%2C0%2C1%2C.193-1.354%2C4%2C4%2C0%2C0%2C1%2C.9-1.128%2C11.13%2C11.13%2C0%2C0%2C0%2C1.458-1.617%2C2.864%2C2.864%2C0%2C0%2C0%2C.416-1.6%2C3.435%2C3.435%2C0%2C0%2C0-1.075-2.593%2C3.917%2C3.917%2C0%2C0%2C0-2.8-1.011%2C3.876%2C3.876%2C0%2C0%2C0-2.976%2C1.181%2C4.328%2C4.328%2C0%2C0%2C0-1.084%2C3.054v.412h2.229l.015-.4a3.486%2C3.486%2C0%2C0%2C1%2C.282-1.416A1.48%2C1.48%2C0%2C0%2C1%2C369.035-370.105Z%22%20transform%3D%22translate(21%204978)%22%20fill%3D%22%23143a60%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-button-movie-parts.c-button-movie-parts-contact::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-365%20-4588)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2250%22%20height%3D%2250%22%20transform%3D%22translate(365%204588)%22%20fill%3D%22rgba(232%2C232%2C232%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_2%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%202%22%20d%3D%22M11708-10373.5h-22a2%2C2%2C0%2C0%2C1-2-2v-15.5a2%2C2%2C0%2C0%2C1%2C2-2h22a2%2C2%2C0%2C0%2C1%2C2%2C2v15.5A2%2C2%2C0%2C0%2C1%2C11708-10373.5Zm-20.457-17.022a1%2C1%2C0%2C0%2C0-.712.283.686.686%2C0%2C0%2C0-.2.552.741.741%2C0%2C0%2C0%2C.333.536l9.46%2C7.458a1.036%2C1.036%2C0%2C0%2C0%2C.582.174%2C1.024%2C1.024%2C0%2C0%2C0%2C.578-.174l9.46-7.458a.741.741%2C0%2C0%2C0%2C.333-.536.686.686%2C0%2C0%2C0-.2-.552.994.994%2C0%2C0%2C0-.711-.283%2C1.03%2C1.03%2C0%2C0%2C0-.579.175l-8.878%2C7.059-8.879-7.059A1.043%2C1.043%2C0%2C0%2C0%2C11687.541-10390.524Z%22%20transform%3D%22translate(-11306.999%2014996)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
.c-button-movie-parts:hover.c-button-movie-parts-contact::before{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%20%3Cg%20id%3D%22icon%22%20transform%3D%22translate(-365%20-4588)%22%3E%20%3Crect%20id%3D%22base%22%20width%3D%2250%22%20height%3D%2250%22%20transform%3D%22translate(365%204588)%22%20fill%3D%22rgba(232%2C232%2C232%2C0)%22%2F%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_2%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%202%22%20d%3D%22M11708-10373.5h-22a2%2C2%2C0%2C0%2C1-2-2v-15.5a2%2C2%2C0%2C0%2C1%2C2-2h22a2%2C2%2C0%2C0%2C1%2C2%2C2v15.5A2%2C2%2C0%2C0%2C1%2C11708-10373.5Zm-20.457-17.022a1%2C1%2C0%2C0%2C0-.712.283.686.686%2C0%2C0%2C0-.2.552.741.741%2C0%2C0%2C0%2C.333.536l9.46%2C7.458a1.036%2C1.036%2C0%2C0%2C0%2C.582.174%2C1.024%2C1.024%2C0%2C0%2C0%2C.578-.174l9.46-7.458a.741.741%2C0%2C0%2C0%2C.333-.536.686.686%2C0%2C0%2C0-.2-.552.994.994%2C0%2C0%2C0-.711-.283%2C1.03%2C1.03%2C0%2C0%2C0-.579.175l-8.878%2C7.059-8.879-7.059A1.043%2C1.043%2C0%2C0%2C0%2C11687.541-10390.524Z%22%20transform%3D%22translate(-11306.999%2014996)%22%20fill%3D%22%23153a60%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}

.c-button-movie-parts::after{
    --button-arrow: var(--icon-arrow-white);
    --arrow-width: .6rem;
    justify-content: flex-end;
    width: var(--arrow-width);
    aspect-ratio: 1 / 2;
    margin-left: auto;
    background-image: var(--button-arrow);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    transition: var(--transition-hover-button);
}

.c-button-movie-parts:hover:after {
    --button-arrow: var(--icon-arrow-blue);
    translate: calc(var(--arrow-width) / 2) 0;
    scale: 1.2;
}

@media (min-width: 768px) {
    .c-breadcrumb {
        margin-top: unset;
    }
    .c-breadcrumb > ol {
        padding: 1rem 0;
    }
}
@media (max-width: 767px) {
    .anchor-button-item{
        padding-left: 5px;
    }
    .c-movie-list{
        --pd-movie-box:0;
    }
    .c-movie-category-list{
        --pd-movie-box:0 1.5rem;
        padding: var(--pd-movie-box);
    }
}

@media (hover: hover){
   a.anchor-button-item:hover{
        opacity: 1;
        color: var(--color-text-default);
    }
    .anchor-button-item::after{
        transition: transform var(--transition-default);
    }
    .anchor-button-item:hover::after{
        transform: translateY(10px);
    }

    a.c-movie-category-item img{
        transition: opacity var(--transition-default);
    }
    a.c-movie-category-item:hover img{
        opacity: var(--hover-opacity);
    }
    .c-movie-category-item-image::after{
        transition: transform var(--transition-default),border-radius var(--transition-default);
    }
    .c-movie-category-item-image:hover::after{
        transform: scale(1.3);
        border-radius: 4em;
    }
}