@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: 20px;
    height: 20px;
    padding: 0;
/*    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;*/

cursor: pointer;
color:#000;

}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
/*    color: transparent;
    outline: none;
    background: transparent;*/
}
.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
{
/*    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}
/*
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
*/
.slick-prev:before
{
/*    content: '←';*/
/*content: '＜';*/
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}
/*
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}*/
.slick-next:before
{
/*    content: '→';*/
/*content: '＞';*/
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
/*    margin-bottom: 30px; */
margin-bottom:50px;
}

.slick-dots
{
    position: absolute;
/*    bottom: -25px; */
bottom:-80px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;

padding-bottom:30px;
}
.slick-dots li
{
    position: relative;

    display: inline-block;
/*
    width: 20px;
    height: 20px;
*/
width:50px;height:50px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

/*
    width: 20px;
    height: 20px;
*/
width:50px;height:50px;
    padding: 5px;

    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
{
    opacity: 1;
}
.slick-dots li button:before
{
/*    font-family: 'slick';
    font-size: 6px;
    line-height: 20px; */
font-size:32px;
line-height:32px;

    position: absolute;
    top: 0;
    left: 0;

/*
    width: 20px;
    height: 20px;
*/
width:50px;height:50px;

    content: '•';
    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;
}

/* custom */
#slide .slick-prev, #slide .slick-next{display:none;width:0;}
#slide{background-color:#f3f3f3;display:inline-block;width:100%;}
/*
#slide{
  font-family: 'lg';
  src: url("https://www.greenmax.co.jp/img/lightGallery/fonts/lg.ttf?22t19m") format("truetype"), url("https://www.greenmax.co.jp/img/lightGallery/fonts/lg.woff?22t19m") format("woff"), url("https://www.greenmax.co.jp/img/lightGallery/fonts/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}*/
#slide .slick img{display:inline-block;height:auto;padding:0;width:100%;}
#slide{width:100%;z-index:7000;}
#slide button.slick-prev{left:0;text-indent:-9999px;z-index:7010;}
#slide button.slick-next{right:0;text-indent:-9999px;z-index:7010;}
#slide .prev, #slide .next
{
    position: absolute;top: 50%;
font-size:24px;
    display: block;width: 36px;height: 36px;padding: 0;cursor: pointer;color:#000;

  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;

}
#slide .slick-arrow{padding:0;}
#slide .prev{left:20px;z-index:7010;}
#slide .next{right:20px;z-index:7010;}
#slide .prev:before{color:#fff;/*content: "\e094";*/content:"←";font-weight:bold;margin-left:8px;}
#slide .next:before{color:#fff;/*content: "\e095";*/content:"→";font-weight:bold;margin-left:6px;}

/* custom */
#gslider{width:100%;z-index:7000;}
#gslider button.slick-prev{left:0;text-indent:-9999px;z-index:7010;}
#gslider button.slick-next{right:0;text-indent:-9999px;z-index:7010;}
#gslider .prev, #gslider .next
{
    position: absolute;top: 50%;
font-size:24px;
    display: block;width: 36px;height: 36px;padding: 0;cursor: pointer;color:#000;}
#gslider .prev{left:0;z-index:7010;}
#gslider .next{right:0;z-index:7010;}