@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height: 1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}img{vertical-align:top;vertical-align:bottom}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none}ul{list-style:none}ul li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}


/* !BODY
 * ---------------------------------------------------------- */
body {
    /* font-family:'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif; */
    line-height: 1.5;
    background: #000;
    color: #fff;
    /* font-weight: 500; */
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
    /* letter-spacing: 0.5px; */
    }
body a{color: #857661;text-decoration:none;cursor:pointer}
.wrap {width:1000px;}
*[class*="cp-"], *[class*="cp-"] * {
    box-sizing: border-box;
}




/*sp*/
.sponly{ display: none !important;}
.pconly{ display:block !important;}
@media screen and (max-width: 599px) {
.sponly{ display:block !important;}
 .pconly{ display:none !important;}                                    
}


/************** !Common　**************
 * ------------------------------------------------------------------------------------------------- */
.flex{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;flex-wrap:wrap;position:relative;justify-content:space-between}
.flexleft{justify-content:center;-ms-flex-pack:justify;flex-wrap:wrap}
.wrap{width:1000px;margin:0 auto;overflow:hidden}
.main{margin: 0px 0 50px;}
.each:after{border-bottom:1px solid #e8e8e6}
.each .wrap{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/bg-repeat.png) repeat}
.each .in{padding:2%}
.each .in h2{font-size:1.7em;margin:0 0 10px;text-align:center;font-weight:100}
.each .in h2 span{font-size:16px}
.bgst2{overflow:hidden}
.logo_bgw{background:#fff!important}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#fff;border:none;border-radius:10px;box-shadow:inset 0 0 2px #777}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px;box-shadow:none}
.main .footbg{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/bg-repeat.png) repeat}
.main .footbg .wrap{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/bg-repeat.png) repeat}
.each {margin: 0px 0 70px;}
.each .in .kaso_subttl{}
.each .in .kaso_subttl .title{padding:10px;color:#000;font-size:1.2em;background:#f3f3f3;border-bottom:1px solid #e6e6e6}
.bg2{background: #060606;}
.each_ktop {padding: 80px 0 0;}



/* !top_visual
 * ---------------------------------------------------------- */
.top_main_vis_wrap{position:relative}
.main_imgBox{height:700px;overflow:hidden;position:relative;transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-duration: .6s;
    transition-property: opacity transform;}
.main_logo{z-index:11;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:auto}
/*.main_img{z-index:10;opacity:0;width:100%;height:700px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0;-webkit-animation:anime 30s 0 infinite;animation:anime 30s 0 infinite}
*/
.top_main_vis {position:relative;padding: 0px 0 0;}
.main_img{
 z-index:10;
    opacity: 0;
    width: 100%;
    height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
}

 .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

.main_img:nth-of-type(1){background-image:url(../img/top5.jpg)}
.main_img:nth-of-type(2){background-image:url(../img/top2.jpg)}
.main_img:nth-of-type(3){background-image:url(../img/top3.jpg)}
.main_img:nth-of-type(4){background-image:url(../img/top1.jpg)}
.main_img:nth-of-type(5){background-image:url(../img/top4.jpg)}
.main_img:nth-of-type(6){background-image:url(../img/top7.jpg)}

/*.main_img_ami{background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,transparent),color-stop(.5,#383838),to(#404040)),-webkit-gradient(linear,0 0,100% 0,color-stop(.5,transparent),color-stop(.5,#2c2c2c),to(transparent));-webkit-background-size:2px 2px;position:absolute;z-index:999;top:0;left:0;height:700px;width:100%}*/
.main_img_iro{/* background-color:#181818a6; */position:absolute;z-index: 10;top:0;left:0;height:700px;width:100%}

.main_img_ami{background-size: auto auto;/* background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgb(22 18 18 / 60%) 3px, rgb(38 35 35 / 60%) 4px ); */position:absolute;z-index: 11;top:0;left:0;height:700px;width:100%}

.main_ilu_box {z-index: 999;position: absolute;top: 150px;/* left: 40%; *//* display: flex; */margin: 50px auto 0;text-align: center;width: 100%;}
.main_ilu_box .logo_ss{width: 180px;margin: 0 0 20px;}
.main_ilu_box h1{text-align: center;font-size: 4em;color: #fff;text-shadow: 1px 1px 4px #000;font-family: 'Libre Baskerville', serif;}
.main_ilu_box h2{text-align: center;font-size: 0.9em;color: #f1eeeb;margin: 0 0 5px;font-family: 'Libre Baskerville', serif;font-family: 'Noto Serif JP', serif;font-weight: 300;}
.main_ilu_box h3{text-align: center;font-size: 1.5em;color: #f1eeeb;font-family: 'Libre Baskerville', serif;font-family: 'Noto Serif JP', serif;font-weight: 500;}

@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.2);
                    z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         -webkit-transform: scale(1.2);
            z-index:9;
    }
    100% { opacity: 0 }
}

.bg{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/ssbg.jpg);height:1000px;width:100%;background-size:cover;background-position:center;z-index:1;position:relative}
.bgami{background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,transparent),color-stop(.5,#181818),to(#1a1a1a)),-webkit-gradient(linear,0 0,100% 0,color-stop(.5,transparent),color-stop(.5,#2c2c2c),to(transparent));-webkit-background-size:2px 2px;position:absolute;z-index:999;top:0;left:0;height:1000px;width:100%}
.bg_blk{background:#00000087;height:1000px;position:absolute;width:100%;z-index:899;top:0;left:0}

.main_txt_box{position:absolute;z-index: 999;text-align:center;width:100%;padding:9% 0 0;top:0;left:0}
.main_txt_box h1{font-size:1.2em;color:#fff;font-family:'Noto Sans JP',sans-serif;margin:0 0 10px}
.main_txt_box h2{font-size:1.1em;color:#fff;font-family: 'Noto Serif JP', serif;margin:0 0 10px}
.main_txt_box img{margin:5px 0 15px;padding:0 35px 0 0;background:#000;padding: 20px 40px;border: 2px solid #fff;/* width: 300px; */border-radius: 5px;}

    
@media all and (max-width: 480px) {
.each{}    
.each_ktop {padding: 50px 0 0;}
.main_img{height:500px;background-size: cover;}
.wrap {max-width:480px;width: 97%;padding: 0 1.5%;}
.main_img_iro{height:500px;}   
.main_img_ami{height:500px;}     
.main_imgBox{height:500px;} 
  
.main_ilu_box {top: 80px;margin: 40px auto 0;}
.main_ilu_box .logo_ss{width: 170px;margin: 0 0 20px;}
.main_ilu_box h1{text-align: center;font-size: 2.8em;color: #fff;}
.main_ilu_box h2{text-align: center;font-size: 0.9em;margin: 0 0 5px;}
.main_ilu_box h3{text-align: center;font-size: 1.3em;}


                                   
  }

.mainkaso {padding: 68px 0 80px;}
.mainkaso .sub_ttlwrap{padding: 2.5% 0 2.5%;background-size: cover !important;background: url(../img/sample.jpg) no-repeat top;border-top: 1px solid #a18968;text-align: center;}
.mainkaso .sub_ttlwrap .h2_sub_title{color: #a18968;
    font-family: 'Noto Serif JP',serif;
    font-weight: 400;
    font-size: 16px;margin: -10px 0 0;}
.mainkaso .sub_ttlwrap .h1wrap{}
.mainkaso .sub_ttlwrap .h1wrap .h1_title{color: #a18968;
    font-family: 'Libre Baskerville',serif;
    font-size: 2.5em;
    font-weight: 700;margin: 0 20px;}
.mainkaso .sub_ttlwrap .decor_wrap{ display: flex;
    align-items: center;
    justify-content: center;}
.ttlwrap{padding:2% 0}

   @media all and (max-width: 480px) {
.main{margin:0 0 0;padding:0 0 0;}
.mainkaso { padding: 68px 0 0px;}
       
.mainkaso .sub_ttlwrap .h1wrap .h1_title{font-size: 1.5em;margin: 0 10px;}


        }

/************** !SP MENU　**************
 * ------------------------------------------------------------------------------------------------- */
@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

#overlay-button{position:absolute;right:5px;top:5px;padding: 21px 11px;z-index:99999;cursor:pointer;user-select:none;color:#000}
#overlay-button span{height:4px;width:35px;border-radius:2px;background-color:#a18968;position:relative;display:block;transition:all .2s ease-in-out}
#overlay-button span:before{top:-10px;visibility:visible}
#overlay-button span:after{top:10px}
#overlay-button span:before,#overlay-button span:after{height:4px;width:35px;border-radius:2px;background-color:#a18968;position:absolute;content:"";transition:all .2s ease-in-out}
#overlay-button:hover span,#overlay-button:hover span:before,#overlay-button:hover span:after{background:#fff}
input[type=checkbox]{display:none}
input[type=checkbox]:checked ~ #overlay{visibility:visible}
input[type=checkbox]:checked ~ #overlay-button:hover span,input[type=checkbox]:checked ~ #overlay-button span{background:transparent}
input[type=checkbox]:checked ~ #overlay-button span:before{transform:rotate(45deg) translate(7px,7px)}
input[type=checkbox]:checked ~ #overlay-button span:after{transform:rotate(-45deg) translate(7px,-7px)}
#overlay{height:100vh;width:100vw;background:#ec6451;z-index:90;visibility:hidden;position:fixed}
#overlay .rel{position:relative}
#overlay.active{}
#overlay ul{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height: 70vh;padding-left:0;list-style-type:none}
#overlay ul li{padding: 1em;}
#overlay ul li a{font-size: 2.5em;color:transparent;-webkit-text-stroke:.5px rgba(255,255,255,.5);font-weight:bolder;position:relative;letter-spacing:3px;font-family:'Libre Baskerville',serif;transition:all .2s linear;box-sizing:border-box;outline:none;border:none;text-decoration:none;text-transform:uppercase;transition:all .2s linear}
#overlay ul li a::before{content:attr(data-text);position:absolute;top:0;left:0;color:rgba(255,255,255,.9);transition:.3s linear;clip-path:polygon(0 0,0 0,0 100%,0% 100%)}
#overlay ul li a:hover::before{clip-path:polygon(0 0,100% 0,99% 100%,0 100%)}
#overlay ul li a:hover{color:#fff}
.background-image{position:absolute;top:0;left:0;height:100%;width:100%;background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/istockphoto-490361148-612x612.jpg) no-repeat;background-size:cover;background-position:center;z-index:-1}
#overlay ul li a:hover:nth-child(2) ~ .background-image{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/nav-img-2.jpg) no-repeat;background-size:cover;background-position:center}
#overlay ul li a:hover:nth-child(3) ~ .background-image{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/nav-img-3.jpg) no-repeat;background-size:cover;background-position:center}
#overlay ul li a:hover:nth-child(4) ~ .background-image{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/nav-img-4.jpg) no-repeat;background-size:cover;background-position:center}
#overlay ul li a:hover:nth-child(5) ~ .background-image{background:url(https://the-cask-ginza.com/wp-content/themes/wp/img/nav-img-5.jpg) no-repeat;background-size:cover;background-position:center}

@media all and (max-width: 480px) {
#overlay ul li{padding: 0.5em 1em;}
#overlay ul li a{font-size: 2.4em;}
}
  
/************** !header　**************/
.header {background: #c31616;/* position: relative; */position: fixed;z-index: 9999;width: 100%;}
.header .wrap{display:flex;overflow:hidden;width:95%;padding:10px 2.5%;align-items:center;justify-content:space-around}
.header .wrap{vertical-align:middle}
.header .wrap .logo_wrap{width:220px;display:inline-block;text-align:center}
.header .wrap .logo_wrap a img{width:100%}
.logo_wrap .a_logo{color: #fff;font-family:'Libre Baskerville',serif;font-size:30px;font-weight:700}
.header .wrap .nav_wrap{display:inline-block}
.header .wrap .nav_wrap ul{}
.header .wrap .nav_wrap ul li{display:inline-block;margin:0 15px 0 0;font-weight:700;position:relative;padding:0 0 0 16px}
.header .wrap .nav_wrap ul li a{color:#fff;font-weight:400;font-family:'Libre Baskerville',serif;font-size:.85em;text-transform:uppercase}
.header .wrap .nav_wrap ul li::before{font-size:15px;font-weight:900;font-family:'Material Icons';color:#fff;top:3px;position:absolute;left:0;content:"\e5df"}


@media all and (max-width: 480px) {
.header .wrap{width:95%;padding:10px 2.5%;align-items:center;justify-content:space-around}
.header .wrap .logo_wrap{width:200px;}
.header .wrap .logo_wrap .a_logo{font-size:25px;}
.header .wrap .nav_wrap ul li{display:inline-block;margin:0 15px 0 0;font-weight:700;position:relative;padding:0 0 0 16px}
.header .wrap .nav_wrap ul li::before{font-size:15px;}
}

/************** !title/txt**************/
.ttl_wrap{text-align:center;margin:0 0 30px}
.ttl_wrap .h2_sub_title{color:#a18968;font-family:'Noto Serif JP',serif;font-weight:400;font-size:15px}
.ttl_wrap .decor_wrap{display:flex;align-items:center;justify-content:center}
.ttl_wrap .decor_wrap .h1wrap{padding:0 15px}
.ttl_wrap .decor_wrap .decor{}
.ttl_wrap .decor_wrap .decor svg{color:#a18968}
.ttl_wrap .decor_wrap .h1_title{color:#a18968;font-family:'Libre Baskerville',serif;font-size:30px;font-weight:700}
.txtbox{text-align:center}
.txtbox p{font-size:1.2rem}


.tbox {
    margin: 20px 0 20px;
}
.tell_box {
    /* margin: 15px 0 15px; */
}
.tell_box p{}
.tell_box2 {}
.tell_box2 .cp-footer01__icons{
    display: flex;
    justify-content: center;
    margin-top: -20px;
    align-items: flex-start;
    vertical-align: top;
}
.tell_box2 .cp-footer01__icons .cp-footer01__icon{

    vertical-align: top;
}




.tell_box3 {}
.tell_box4 {}


/**************concept**************/
.figbox {text-align: center;padding: 10px 0 30px;}
.figbox img{width: 70%;height:auto;}

@media all and (max-width: 480px) {
.ttl_wrap .decor_wrap .h1_title{font-size:24px;}
.txtbox p{font-size:1rem}

  
}



/************** btn**************/
.btn_wrap{text-align:center;margin:40px 0}
.btn{color:#c9ab81;box-sizing:border-box;display:inline-block;padding:15px 60px 15px 50px;margin-bottom:0;font-size:.9em;font-weight:400;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;box-sizing:border-box;background-image:none;border:1px solid transparent;border:none;position:relative;border:1px solid #a18968;cursor:pointer;transition:all ease-out .3s;-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;-o-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;padding:12px 38px;cursor:pointer;font-family:'Noto Sans JP',sans-serif}
.btn::after{font-size:20px;opacity:1;font-weight:700;font-family:'Material Icons';color:#c9ab81;content:"\e409";position:absolute;right:10px;top:8px}
.btn:hover{background:#a18968;color:#fff}
.btn_300{max-width:250px;width:250px}


/************** top effect**************/
.bgsea {background: url(../img/deepsea.jpg) no-repeat;background-size: cover;background-position: center;}

.blackgra {background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5858718487394958) 46%, rgba(255,255,255,0) 100%);/* text-align: center; */}

.blackgra2 {background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.41780462184873945) 19%, rgba(255,255,255,0) 100%);}

.bubbles{display:inline-block;font-family:arial;position:relative}
.individual-bubble{position:absolute;border-radius:100%;bottom:10px;background-color:#fff;z-index:1}
.sea_wrap{text-align:center;padding:80px 0 0}

@media all and (max-width: 480px) {
.sea_wrap{text-align:center;padding:40px 0 0}
.bgsea {background: url(../img/deepsea_sp.jpg) no-repeat;background-size:cover;}    
}


/************** menu**************/
.menubox{display:flex;align-items:center;justify-content:space-between}
.menubox_wrap{width:45%;display:inline-block;padding:0 1%}
.eltdf-pricing-holder .eltdf-pricing-item{margin-bottom:37px}
.eltdf-pricing-holder .eltdf-pricing-lines{display:table-cell;width:98%;border-bottom:1px solid #715b3e;position:relative;bottom:8px}
.eltdf-pricing-holder .eltdf-pricing-lines:before{content:'';position:absolute;bottom:5px;width:100%;border-bottom:1px solid #715b3e}
.eltdf-pricing-holder .eltdf-pricing-price{font-family:caviar_dreamsbold,sans-serif;font-weight:700;text-transform:uppercase;-ms-word-wrap:break-word;word-wrap:break-word;color:#c9ab81;font-size: 19px;line-height: 1.3em;;letter-spacing:.23em;letter-spacing:.03em;margin:0;padding-left:15px}
.eltdf-pricing-holder .eltdf-pricing-main{color:#c9ab81}
.eltdf-pricing-holder .eltdf-pricing-desc{margin:4px 0 0}
.eltdf-pricing-holder .eltdf-pricing-price,.eltdf-pricing-holder .eltdf-pricing-title{display:table-cell;width:1%;white-space:nowrap;vertical-align: middle;}
.eltdf-pricing-holder .eltdf-pricing-title{color:inherit;padding-right:5px;margin:0}
.eltdf-pricing-holder .eltdf-pricing-desc span{display:block;}

.menubox_under_txt {padding: 0px 10px 10px;
    margin: 0px 10px 10px;
    text-align: center;}
.menubox_under_txt .txt33{}


.menu_header {margin: 50px 0;}
.menu_header ul{text-align:center;}
.menu_header ul li{display: inline-block;margin: 0 7px 20px 0;}
.menu_header ul li a{border: 1px solid #a18968;padding: 5px 10px;/* color: #fff; */}
.menu_header p{margin: 5px 0 0;text-align: center;}

.menuttl_wrap {margin: 0 0 30px;}
.menuttl_wrap .menu_ttlh2{font-size: 1.3em;/* background: #a18968; */padding: 3px 10px;border: 1px solid #a18968;color: #a18968;}
.menuttl_wrap .menu_ttlh3{}
.menuttl_wrap .menu_ttlh2 span{font-size:75%;margin-left:20px;}


@media all and (max-width: 480px) {
.menubox {display: block;} 
.menubox_wrap {width: 90%; padding: 0 5%;} 
 .menuttl_wrap .menu_ttlh2 span{display:block;margin:0;}   
}







@media all and (min-width: 480px) and (max-width: 768px) {.wrap {max-width:768px;width:100%;}

}




.cp-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    /* color: #707070; */
}
* + .cp-text {
    margin: 16px 0 0 0;
}

/* スライダー ------------------------------*/
.cp-slider01 {
    width: calc(100% - 120px);
    margin: auto;
}

/* アイテム */
.cp-slider01__item {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.cp-slider01__info {
    padding: 16px;
}

/* 見出し */
.cp-slider01__title {
    font-size: 22px;
    line-height: 1.2;
    color: #a18968;
    font-weight: bold;
    text-align: center;
}

/* 次前ボタン */
.cp-slider01 .slick-prev,
.cp-slider01 .slick-next {
    height: 64px;
    width: 40px;
    z-index: 1;
    /* background: #707070; */
border: 1px solid #a18968;}
.cp-slider01 .slick-prev {
    left: -60px;
}
.cp-slider01 .slick-next {
    right: -60px;
}
.cp-slider01 .slick-prev:hover,
.cp-slider01 .slick-next:hover {
    color:#fff !important;
   
}
.cp-slider01 .slick-prev:focus,
.cp-slider01 .slick-next:focus {
  
}
.cp-slider01 .slick-prev:focus:hover,
.cp-slider01 .slick-next:focus:hover {

}
.cp-slider01 .slick-prev:before,
.cp-slider01 .slick-next:before {
    font-size: 32px;
    opacity: 1;
    font-weight: 900;
    font-family: 'Material Icons';
}
.cp-slider01 .slick-prev:before {
    content: "\e5de";
}
.cp-slider01 .slick-next:before {
    content: "\e5df";
}

/* ドット */
.cp-slider01 .slick-dots {
    bottom: -40px;
}
.cp-slider01 .slick-dots li button:before,
.cp-slider01 .slick-dots li.slick-active button:before {
    color: #fff;
}
.cp-slider01 .slick-dots li button:before {
    font-size: 16px;
}

.cp-slider01 .slick-slide {
    margin: 0 20px 8px;
}
.cp-slider01 .slick-slide img {
    width: 100%;
}

@media screen and (max-width: 599px) {
    .cp-slider01 {
        width: calc(100% - 30px);
        margin: auto;
    }

    /* 次前ボタン */
    .cp-slider01 .slick-prev,
    .cp-slider01 .slick-next {
        height: 40px;
        width: 24px;
    }
    .cp-slider01 .slick-prev {
        left: -15px;
    }
    .cp-slider01 .slick-next {
        right: -15px;
    }
    .cp-slider01 .slick-prev:before,
    .cp-slider01 .slick-next:before {
        font-size: 24px;
    }

    /* ドット */
    .cp-slider01 .slick-dots {
        bottom: -32px;
    }
}



/* フッター ------------------------------*/



/* ページトップ ------------------------------*/

.top_re {padding: 10px;text-align: right;position: fixed; right: 0px;bottom: 0px;}
.top_re a{}


.cp-footer01 {
    background: #0c0c0c;
}

.cp-footer01__container {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 40px 20px;
}

.cp-footer01__container .logo_wrap{
text-align:center;
}




/* ロゴ */
.cp-footer01__logo {
    text-align: center;
}
.cp-footer01__logo img {
    height: 32px;
}

/* ナビゲーション */
.cp-footer01__navi {
    margin-top: 20px;
}
.cp-footer01__navi__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cp-footer01__navi__item a {
    display: inline-block;
    padding: 12px 16px;
    transition: .2s ease-in-out;
    color: #fff;
    text-decoration: none;
}
.cp-footer01__navi__item a:hover {
    opacity: 0.7;
}

/* SNSアイコン */
.cp-footer01__icons {
    display: flex;
    justify-content: center;
    margin-top: 12px;
}
.cp-footer01__icon:not(:last-child) {
    margin-right: 24px;
}
.cp-footer01__icon a {
    font-size: 38px;
    color: #fff;
    transition: .2s ease-in-out;
}
.cp-footer01__icon a:hover {
    opacity: 0.7;
}

/* コピーライト */
.cp-footer01__copywriter {
    padding: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    background: #000;
    text-align: center;
}

@media screen and (max-width: 599px) {
    .cp-footer01__container {
        padding-right: 15px;
        padding-left: 15px;
    }
}