@charset "UTF-8";
/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); } */
/* Arrows */
.top-banner-slider .slick-prev, .top-banner-slider .slick-next { font-size: 12px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 242px; margin: -121px 0 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
@media screen and (max-width: 640px) {
body#home .top-banner-slider .slick-prev { left: 2vw; }
body#home .top-banner-slider .slick-next { right: 2vw; }
.pickup-movie-slider .slick-list { padding-bottom: 6.4%; }
.pickup-movie-slider .slick-prev { width: 6.4%; position: absolute; left: 6.4%; bottom: -32px; display: block; margin: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; }
.pickup-movie-slider .slick-next { width: 6.4%; position: absolute; right: 6.4%; bottom: -32px; display: block; margin: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; }
}
@media screen and (min-width: 641px) {
/* メインカラム（トップ） */
#home .pickup-movie-slider .slick-prev, #home .pickup-movie-slider .slick-next { font-size: 12px; line-height: 0; position: absolute; top: 0; display: block; width: 30px; height: 147px; margin: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: #f6ba00; }
/* 右カラム（第二階層以下） */
.tree .pickup-movie-slider .slick-list { padding-bottom: 4px; }
.tree .pickup-movie-slider .slick-prev { width: 7.2%; position: absolute; left: 6.4%; bottom: -30px; display: block; margin: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; }
.tree .pickup-movie-slider .slick-next { width: 7.2%; position: absolute; right: 6.4%; bottom: -30px; display: block; margin: 0; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; }
}

.slick-prev, .slick-next { z-index: 999; }

.top-banner-slider .slick-prev:hover, .top-banner-slider .slick-prev:focus, .top-banner-slider .slick-next:hover, .top-banner-slider .slick-next:focus { color: transparent; outline: none; background: transparent; }

.top-banner-slider .slick-prev:hover:before, .top-banner-slider .slick-next:hover:before { opacity: 1; }

.top-banner-slider .slick-prev.slick-disabled:before, .top-banner-slider .slick-next.slick-disabled:before { opacity: .7; }
.top-banner-slider .slick-prev:before, .top-banner-slider .slick-next:before { font-family: FontAwesome; font-size: 56px; line-height: 1; opacity: .7; color: #e60a26; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.top-banner-slider .slick-prev { left: -24px; }
[dir='rtl'] .top-banner-slider .slick-prev { right: 0; left: 0; }
.top-banner-slider .slick-prev:before { content: "\f104"; cursor: pointer; }
[dir='rtl'] .top-banner-slider .slick-prev:before { content: ''; }
.top-banner-slider .slick-next { right: -24px; }
[dir='rtl'] .top-banner-slider .slick-next { right: 0; left: 0; }
.top-banner-slider .slick-next:before { content: "\f105"; cursor: pointer; }
.top-banner-slider .pickup-movie-slider .slick-next:before { padding-left: 8px; }
[dir='rtl'] .top-banner-slider .slick-next:before { content: ''; }
@media screen and (max-width: 640px) {
.pickup-movie-slider .slick-prev { display: block; background: url(../images/carousel/btn-prev.png) no-repeat center top; font-size: 0; line-height: 0; text-indent: -9999px; padding: 6.4% 0 0; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; }
.pickup-movie-slider .slick-next { display: block; background: url(../images/carousel/btn-next.png) no-repeat center top; font-size: 0; line-height: 0; text-indent: -9999px; padding: 6.4% 0 0; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; }
}
@media screen and (min-width: 641px) {
/* 共通 */
.pickup-movie-slider .slick-prev:hover, .pickup-movie-slider .slick-prev:focus, .pickup-movie-slider .slick-next:hover, .pickup-movie-slider .slick-next:focus { color: transparent; outline: none; background: transparent; }

.pickup-movie-slider .slick-prev:hover:before, .pickup-movie-slider .slick-next:hover:before { opacity: 1; }

.pickup-movie-slider .slick-prev.slick-disabled:before, .pickup-movie-slider .slick-next.slick-disabled:before { opacity: .7; }
/* メインカラム（トップ） */
#home .pickup-movie-slider .slick-prev:before, #home .pickup-movie-slider .slick-next:before { font-family: FontAwesome; font-size: 56px; line-height: 1; opacity: .7; color: #e60a26; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#home .pickup-movie-slider .slick-prev { left: -24px; }
[dir='rtl'] #home .pickup-movie-slider .slick-prev { right: 0; left: 0; }
#home .pickup-movie-slider .slick-prev:before { content: "\f104"; cursor: pointer; }
[dir='rtl'] #home .pickup-movie-slider .slick-prev:before { content: ''; }
#home .pickup-movie-slider .slick-next { right: -24px; }
[dir='rtl'] #home .pickup-movie-slider .slick-next { right: 0; left: 0; }
#home .pickup-movie-slider .slick-next:before { content: "\f105"; cursor: pointer; padding-left: 8px; }
[dir='rtl'] #home .pickup-movie-slider .slick-next:before { content: ''; }
/* 右カラム（第二階層以下） */
.tree .pickup-movie-slider .slick-prev:before, .tree .pickup-movie-slider .slick-next:before { opacity: .7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tree .pickup-movie-slider .slick-prev { display: block; background: url(../images/carousel/btn-prev.png) no-repeat center top; font-size: 0; line-height: 0; text-indent: -9999px; padding: 6.4% 0 0; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; }
.tree .pickup-movie-slider .slick-next { display: block; background: url(../images/carousel/btn-next.png) no-repeat center top; font-size: 0; line-height: 0; text-indent: -9999px; padding: 6.4% 0 0; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; }
}

@media screen and (min-width: 641px) and (max-width: 980px) {
.top-banner-slider .slick-prev { left: 136px; z-index: 100; }
.top-banner-slider .slick-next { right: 136px; z-index: 99; }
}
@media screen and (min-width: 981px) {
.top-banner-slider .slick-prev { left: calc((100vw - 720px) / 2); z-index: 100; }
.top-banner-slider .slick-next { right: calc((100vw - 720px) / 2); z-index: 99; }
}

/* Dots */
.top-banner-slider .slick-dots { position: absolute; bottom: -16px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
@media screen and (max-width: 640px) {
.pickup-movie-slider .slick-dots { position: absolute; bottom: -26px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
}
@media screen and (min-width: 641px) {
.pickup-movie-slider .slick-dots { position: absolute; bottom: -28px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
}
.slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 6px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { background: #e60a26; }
.top-banner-slider .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 8px; height: 8px; content: ''; text-align: center; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #ccc;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.pickup-movie-slider .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 8px; height: 8px; content: ''; text-align: center; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.slick-dots li.slick-active button:before { background: #e60a26; }