@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 */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 50px;
height: 50px;
padding: 0;
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
opacity: 0.7;
transition: opacity 0.2s ease;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
opacity: .25;
}
.slick-prev::before,
.slick-next::before {
line-height: 1;
display: block;
width: 100%;
height: 100%;
content: "";
}
.slick-prev {
left: 25px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev::before {
background: url(../img/pickup-prev.svg) no-repeat center / contain;
}
[dir='rtl'] .slick-prev::before {
content: '竊�';
}
.slick-next {
right: 25px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next::before {
background: url(../img/pickup-next.svg) no-repeat center / contain;
}
[dir='rtl'] .slick-next::before {
content: '竊�';
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -48px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin: 0 8px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100%;
height: 100%;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
background: #aaa;
border-radius: 50%;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
opacity: 0.5;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}
.slick-dots li button::before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
opacity: .75;
color: black;
background: #000;
}
.slick-dots li.slick-active button {
opacity: 1;
background: #000;
}
/*////////////////////////////////////////////////////////////////////
霑ｽ蜉�
////////////////////////////////////////////////////////////////////*/
/* slick init
   ========================================================================== */
.slick-list {
height: 100%;
}
.slick-track {
height: 100%;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
display: block;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev::before,
.slick-next::before {
line-height: 1;
display: block;
width: 100%;
height: 100%;
content: "";
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
[dir='rtl'] .slick-prev::before {
content: '竊�';
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
[dir='rtl'] .slick-next::before {
content: '竊�';
}
.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100%;
height: 100%;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
border-radius: 50%;
}
.slick-dots li button::before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
opacity: 0.75;
color: #000;
background: #000;
}
.slick-dots li.slick-active button {
opacity: 1;
background: #000;
}
/* slick default layout
   ========================================================================== */
.slick-loading .slick-list {
background: #fff url('../slick/ajax-loader.gif') center center no-repeat;
}
.slick-prev,
.slick-next {
top: 50%;
width: 50px;
height: 50px;
background: #4d4d4d;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
opacity: 0.7;
transition: opacity 0.2s ease;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
opacity: 1;
}
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
opacity: .25;
}
.slick-prev::before {
background: url(../img/pickup-prev.svg) no-repeat center / contain;
}
.slick-next::before {
background: url(../img/pickup-next.svg) no-repeat center / contain;
}
.slick-dots li {
width: 8px;
height: 8px;
margin: 0 6px;
}
.slick-dots li button {
background: #aaa;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
opacity: 0.5;
}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
opacity: 1;
}
 @-webkit-keyframes pounding {
0% {
 transform: scale(1.1);
}
100% {
 transform: scale(1);
}
}
 @keyframes pounding {
0% {
 transform: scale(1.1);
}
100% {
 transform: scale(1);
}
}

@media screen and (min-width: 750px) {
.slick-prev,
.slick-next {
top: 50%;
width: 50px;
height: 50px;
transform: translate(0, -50%);
background: #4d4d4d;
}
.slick-prev {
left: 25px;
}
.slick-next {
right: 25px;
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
bottom: -48px;
}
.slick-dots li {
width: 14px;
height: 14px;
margin: 0 8px;
}
}

@media screen and (max-width: 750px) {
.slick-prev,
 .slick-next {
top: 0;
width: 20px;
height: 100%;
color: transparent;
background: transparent;
}
.slick-dotted.slick-slider {
}
.slick-dots {
bottom: -24px;
}
.slick-dots li {
width: 8px;
height: 8px;
margin: 0 6px;
}
}