@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes bgAnime {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
}

@keyframes bgAnime {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
}

@-webkit-keyframes textAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes textAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes scroller {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  15% {
    -webkit-transform: translate3d(0, -98%, 0);
            transform: translate3d(0, -98%, 0);
  }
  85% {
    -webkit-transform: translate3d(0, 98%, 0);
            transform: translate3d(0, 98%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes scroller {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  15% {
    -webkit-transform: translate3d(0, -98%, 0);
            transform: translate3d(0, -98%, 0);
  }
  85% {
    -webkit-transform: translate3d(0, 98%, 0);
            transform: translate3d(0, 98%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes slideInImg {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideInImg {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes headerSlide {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes headerSlide {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media print, screen and (min-width: 641px) {
  .c-MoviesList {
    margin-bottom: -3.75rem;
    margin-right: -3.75rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: initial;
  }
  .c-MoviesList:after {
    content: '';
    width: 100%;
    height: 0.12rem;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 1.87rem;
    z-index: 1;
  }
}

@media print, screen and (min-width: 641px) {
  .c-MoviesList__Item {
    width: calc(50% - 3.75rem);
    margin-bottom: 1.87rem;
    padding-bottom: 1.87rem;
    padding-right: 3.75rem;
    border-bottom: 1px solid #cdd4d9;
  }
}

@media screen and (max-width: 640px) {
  .c-MoviesList__Item + .c-MoviesList__Item {
    margin-top: 8vw;
    padding-top: 8vw;
    border-top: 1px solid #cdd4d9;
  }
}

.c-MoviesList__Card {
  display: block;
}

@media print, screen and (min-width: 1025px) {
  .c-MoviesList__Card {
    transition: opacity 0.4s ease;
  }
  .c-MoviesList__Card:hover {
    opacity: 0.4;
    color: inherit;
  }
}

.c-MoviesList__Img img {
  width: 100%;
}

.c-MoviesList__Body {
  margin-top: 0.93rem;
  display: grid;
  grid-template-columns: 100%;
  gap: 0.62rem;
}

.c-MoviesList__Title {
  font-size: 0.87rem;
  font-weight: 600;
}

.c-MoviesList__Tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

@media print, screen and (min-width: 641px) {
  .c-MoviesList__Tag {
    margin-right: -0.32rem;
    margin-bottom: -0.32rem;
  }
}

@media screen and (max-width: 640px) {
  .c-MoviesList__Tag {
    margin-right: -1.34vw;
    margin-bottom: -1.34vw;
  }
}

.c-MoviesList__TagItem, .c-MoviesList__TagItem--01, .c-MoviesList__TagItem--02, .c-MoviesList__TagItem--03, .c-MoviesList__TagItem--04, .c-MoviesList__TagItem--05, .c-MoviesList__TagItem--06, .c-MoviesList__TagItem--07 {
  color: #fff;
  background: #2d3a43;
}

@media print, screen and (min-width: 641px) {
  .c-MoviesList__TagItem, .c-MoviesList__TagItem--01, .c-MoviesList__TagItem--02, .c-MoviesList__TagItem--03, .c-MoviesList__TagItem--04, .c-MoviesList__TagItem--05, .c-MoviesList__TagItem--06, .c-MoviesList__TagItem--07 {
    margin-right: 0.31rem;
    margin-bottom: 0.31rem;
    padding: 0.18rem 0.31rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
  }
}

@media screen and (max-width: 640px) {
  .c-MoviesList__TagItem, .c-MoviesList__TagItem--01, .c-MoviesList__TagItem--02, .c-MoviesList__TagItem--03, .c-MoviesList__TagItem--04, .c-MoviesList__TagItem--05, .c-MoviesList__TagItem--06, .c-MoviesList__TagItem--07 {
    margin-right: 1.33vw;
    margin-bottom: 1.33vw;
    padding: 0.8vw 1.06vw;
    font-size: 2.13vw;
    border-radius: 1.06vw;
  }
}

.c-MoviesList__TagItem--01 {
  background: #2d3a43;
}

.c-MoviesList__TagItem--02 {
  background: #80be5a;
}

.c-MoviesList__TagItem--03 {
  background: #720649;
}

.c-MoviesList__TagItem--04 {
  background: #235a9c;
}

.c-MoviesList__TagItem--05 {
  background: #a07b73;
}

.c-MoviesList__TagItem--06 {
  background: #868686;
}

.c-MoviesList__TagItem--07 {
  background: #008578;
}

.c-MoviesList__Footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.31rem;
}

.c-MoviesList__Time {
  color: #7b7b7b;
  font-weight: 400;
  font-size: 0.75rem;
}

@media screen and (max-width: 640px) {
  .c-MoviesList__Time {
    font-size: 0.62rem;
  }
}

.c-Radio__Input {
  display: none;
}

.c-Radio__Input:checked + .c-Radio__Check::after {
  opacity: 1;
}

.c-Radio__Check {
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: auto;
}

.c-Radio__Check::before, .c-Radio__Check::after {
  content: '';
  display: block;
  border-radius: 50%;
}

.c-Radio__Check::before {
  background: #fff;
  border: 1px solid #d3d3d3;
  position: absolute;
  left: 0;
  z-index: 1;
}

.c-Radio__Check::after {
  background: var(--c-Radio__Check__Active-Color, #80be5a);
  opacity: 0;
  position: absolute;
  z-index: 2;
}

.is-State--Active .c-Radio__Check::after {
  opacity: 1;
}

@media print, screen and (min-width: 641px) {
  .c-Radio__Check {
    padding-left: 1.68rem;
  }
  .c-Radio__Check::before {
    width: 1.12rem;
    height: 1.12rem;
    top: 0.06rem;
  }
  .c-Radio__Check::after {
    width: 0.62rem;
    height: 0.62rem;
    top: 0.37rem;
    left: 0.31rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Radio__Check {
    padding-left: 7.19vw;
  }
  .c-Radio__Check::before {
    width: 4.8vw;
    height: 4.8vw;
    top: 0.26vw;
  }
  .c-Radio__Check::after {
    width: 2.66vw;
    height: 2.66vw;
    top: 1.6vw;
    left: 1.33vw;
  }
}

.c-Sort {
  background: #f5f5f5;
  font-weight: 500;
}

@media print, screen and (min-width: 641px) {
  .c-Sort {
    padding: 1.87rem;
    border-radius: 0.62rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Sort {
    padding: 5.33vw;
    border-radius: 2.66vw;
  }
}

.c-Sort__Box + .c-Sort__Box {
  border-top: 1px solid #dfe6eb;
}

@media print, screen and (min-width: 641px) {
  .c-Sort__Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .c-Sort__Box + .c-Sort__Box {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Sort__Box + .c-Sort__Box {
    margin-top: 5.33vw;
    padding-top: 5.33vw;
  }
}

.c-Sort__Title {
  color: var(--c-Sort__Title__Color, #80be5a);
  font-weight: 600;
}

@media print, screen and (min-width: 641px) {
  .c-Sort__Title {
    width: 5.62rem;
    margin-right: 1.25rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Sort__Title {
    margin-bottom: 4vw;
  }
}

@media print, screen and (min-width: 641px) {
  .c-Sort__Check {
    width: calc(100% - 6.87rem);
  }
}

.c-Sort__CheckList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

@media print, screen and (min-width: 641px) {
  .c-Sort__CheckList {
    margin-bottom: -1.88rem;
    margin-right: -1.88rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Sort__CheckList {
    margin-bottom: -4vw;
    margin-right: -4vw;
  }
}

@media print, screen and (min-width: 641px) {
  .c-Sort__CheckItem, .c-Sort__CheckAll {
    margin-bottom: 1.87rem;
    margin-right: 1.87rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Sort__CheckItem, .c-Sort__CheckAll {
    margin-bottom: 4vw;
    margin-right: 4vw;
  }
}

.c-Sort__None {
  display: none;
  text-align: center;
}

.c-Sort__None.is-State--Active {
  display: block;
}

@media print, screen and (min-width: 641px) {
  .c-Sort__None {
    margin-top: 3.75rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Sort__None {
    margin-top: 16vw;
  }
}

.c-Wistia, .wistia_responsive_padding {
  padding: 56.25% 0 0 0;
  position: relative;
}

.c-Wistia_Wrapper, .wistia_responsive_wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.c-Wistia_Embed, .wistia_embed {
  width: 100%;
  height: 100%;
  position: relative;
}

.c-Wistia_Swatch, .wistia_swatch {
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: opacity 200ms;
}

.c-Wistia_Swatch img, .wistia_swatch img {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media print, screen and (min-width: 641px) {
  .c-Wistia__Caption {
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 640px) {
  .c-Wistia__Caption {
    margin-top: 10.66vw;
  }
}

.c-AnnotationText, .c-AnnotationText--NoIcon, .c-AnnotationText--Icon1, .c-AnnotationText--Icon2, .c-AnnotationText--Margin, .c-AnnotationText--MarginBottom {
  color: #7b7b7b;
  font-weight: 500;
  position: relative;
  letter-spacing: 0;
}

.c-AnnotationText::before, .c-AnnotationText--NoIcon::before, .c-AnnotationText--Icon1::before, .c-AnnotationText--Icon2::before, .c-AnnotationText--Margin::before, .c-AnnotationText--MarginBottom::before {
  content: '\FF0A';
  display: inline-block;
  position: relative;
  padding-left: 1em;
}

@media print, screen and (min-width: 641px) {
  .c-AnnotationText, .c-AnnotationText--NoIcon, .c-AnnotationText--Icon1, .c-AnnotationText--Icon2, .c-AnnotationText--Margin, .c-AnnotationText--MarginBottom {
    padding-left: 0.62rem;
    text-indent: -0.63rem;
    font-size: 0.62rem;
  }
  .c-AnnotationText::before, .c-AnnotationText--NoIcon::before, .c-AnnotationText--Icon1::before, .c-AnnotationText--Icon2::before, .c-AnnotationText--Margin::before, .c-AnnotationText--MarginBottom::before {
    margin-right: 0.06rem;
    top: -0.1em;
  }
}

@media screen and (max-width: 640px) {
  .c-AnnotationText, .c-AnnotationText--NoIcon, .c-AnnotationText--Icon1, .c-AnnotationText--Icon2, .c-AnnotationText--Margin, .c-AnnotationText--MarginBottom {
    padding-left: 2.13vw;
    text-indent: -2.14vw;
    font-size: 2.13vw;
  }
  .c-AnnotationText::before, .c-AnnotationText--NoIcon::before, .c-AnnotationText--Icon1::before, .c-AnnotationText--Icon2::before, .c-AnnotationText--Margin::before, .c-AnnotationText--MarginBottom::before {
    margin-right: 0.26vw;
  }
}

.c-AnnotationText--NoIcon {
  padding-left: 0;
  text-indent: 0;
}

.c-AnnotationText--NoIcon::before {
  display: none;
}

.c-AnnotationText--Icon1::before {
  content: '\203B';
}

.c-AnnotationText--Icon2::before {
  content: '\2020';
}

@media print, screen and (min-width: 641px) {
  .c-AnnotationText--Margin {
    margin-top: 0.62rem;
  }
}

@media screen and (max-width: 640px) {
  .c-AnnotationText--Margin {
    margin-top: 2.66vw;
  }
}

@media print, screen and (min-width: 641px) {
  .c-AnnotationText--MarginBottom {
    margin-bottom: 0.62rem;
  }
}

@media screen and (max-width: 640px) {
  .c-AnnotationText--MarginBottom {
    margin-bottom: 2.66vw;
  }
}

:root {
  --l-Side__NaviLevel3--Item__Active-Color: #EAD9E4;
  --l-Header__NaviLevel3--Item__Active-Color: #EAD9E4;
  --c-Sort__Title__Color: #720649;
  --c-Radio__Check__Active-Color: #720649;
  --p-HeadlineLevel2__Color: #720649;
}
