@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
html{
    /*font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #262626;
    background: #ffffff;
    }
@media all and (-ms-high-contrast:none){html{font-family: 'メイリオ', 'Meiryo', sans-serif;}}

body{
    /*font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #262626;
    background: #ffffff;
    }
body a{transition:0.2s;color: #262626}
body a:hover{text-decoration: none;color: #262626}

p{margin-bottom: 0!important;}
.tategaki{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}
.font-en{font-family: 'Prata', serif;}
.font-en2{font-family: 'Yeseva One', cursive;}
.text-center{}
.sp{display: none;}	
.pc{display: block;}
.point{color: #146337;}

/* head*/
/* fotter*/
/* top*/
.slider {
    /*height: 53vw;*/
    margin-inline: auto;
    overflow: hidden; /* 画像がはみ出ないようにする */
    /*width: 80vw;*/
    }
.slick-img img {width: 100%;}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.slider .add-animation {animation: zoomUp 10s linear 0s normal both;}

.main .c6587{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
}
.ttl01{font-family: 'Yeseva One', cursive;}
.btn01{border-bottom: 1px solid #262626;}
.btn01.btn01_wh{border-bottom: 1px solid #fff;}
.btnarea{overflow: hidden;}
.btn02{
    background-image: url(https://okeeffe-furniture.jp/system_panel/uploads/images/arw02.png);
    background-position: 90% center!important;
    }
.top_con_mail {
    background-image: url(https://okeeffe-furniture.jp/system_panel/uploads/images/arw04.png);
    background-position: 90% center!important;
    }

.top_works .c4268 {
    line-height: 24px!important;
    margin-bottom: 40px;
    }
.top_works .btnarea{margin-top: 20px!important;}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    }
.slick-next:before{
    background: url(https://okeeffe-furniture.jp/system_panel/uploads/images/slider_R.png) no-repeat;
    background-size: contain!important;
    }
.slick-prev:before{
    background: url(https://okeeffe-furniture.jp/system_panel/uploads/images/slider_L.png)no-repeat;
    background-size: contain!important;
    }
.slick-arrow{
    z-index:2!important;
    width:25px!important;
    height:24px!important;
    }
.slick-next{
    right:1%!important;
    }

.slick-prev{
    left:1%!important;
    }

/* typing*/
.TextTyping span {
	display: none;
}
.main_txt_ttl:nth-of-type(2) {
    margin-left: 100px;
}

@keyframes typinganime{
	from{opacity:0}
	to{opacity:1}
}


.top_webshop {
    /*padding: 350px 0 315px 0;*/
    padding: 490px 0 480px 0!important;
    background-image: url(https://okeeffe-furniture.jp/system_panel/uploads/images/webshop_bg.jpg);
    background-position: center center!important;
    background-size: auto!important;
    background-color: #eae5e1;
}
/*@media (min-width: 1920px) {
  .top_webshop {
      padding: 600px 0 600px 0!important;
  }
}*/
/*@media (min-width: 1620px) {
.top_webshop {
    background-image: url(https://okeeffe-furniture.jp/system_panel/uploads/images/webshop_bg2.jpg)!important;
    background-position: center bottom;
  }
    
}*/

@media screen and (max-width: 767px) {
.sp{display: block;}	
.pc{display: none;}
.under.row{flex-direction: column-reverse;}
/* head*/
    .container.hd_nav_container{display: none;}
/* fotter*/
    .col-md-8.ft_right{display: none;}
/* top*/
.top_webshop {
    padding: 80px 0 80px 0!important;
    background-image: none!important;
    background-color: #eae5e1;
    }
.main_txt_ttl:nth-of-type(2) {
    margin-left: 0px;
}
}

@media screen and (max-width: 480px) {}
@media (max-width: 767px){.header.sub_header{padding: 0!important;}}
@media (min-width: 768px) {/*.header.sub_header{display: none;}*/}
@media screen and (max-width: 280px) {}