.x_btn{transition-duration:.6s;position:relative;text-align:center;font-size:16px;color:#000;width:600px;height:60px;margin:auto;overflow:hidden;box-sizing:border-box;line-height:1}.x_btn .btn_inner{height:100%}.x_btn p{display:flex;align-items:center;justify-content:center;height:100%}.x_btn .btn_item01,.x_btn .btn_item02{position:absolute;border-color:#000;width:320px;height:280px;border-width:1px;border-style:solid;-webkit-transition:border-color .3s,opacity .3s,-webkit-transform .6s cubic-bezier(.79,.17,.15,.96);transition:border-color .3s,opacity .3s,-webkit-transform .6s cubic-bezier(.79,.17,.15,.96);transition:transform .6s cubic-bezier(.79,.17,.15,.96),border-color .3s,opacity .3s;transition:transform .6s cubic-bezier(.79,.17,.15,.96),border-color .3s,opacity .3s,-webkit-transform .6s cubic-bezier(.79,.17,.15,.96);border:1px solid #000}.x_btn .btn_item01{top:0;left:calc(100% - 20px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0,0,0) rotate(-45deg);transform:translate3d(0,0,0) rotate(-45deg)}.x_btn .btn_item02{bottom:0;right:calc(100% - 20px);-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0) rotate(-45deg);transform:translate3d(0,0,0) rotate(-45deg)}.x_btn .btn_item01:before,.x_btn .btn_item02:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background:#f6f6f6;opacity:0;-webkit-transition:.4s .1s;transition:.4s .1s;box-sizing:border-box}.h_point:hover .x_btn .btn_item01,.h_point:hover .x_btn .btn_item02,.x_btn:hover .btn_item01,.x_btn:hover .btn_item02{-webkit-transition:-webkit-transform .45s cubic-bezier(.79,.17,.15,.96);transition:-webkit-transform .45s cubic-bezier(.79,.17,.15,.96);transition:transform .45s cubic-bezier(.79,.17,.15,.96);transition:transform .45s cubic-bezier(.79,.17,.15,.96),-webkit-transform .45s cubic-bezier(.79,.17,.15,.96)}.h_point:hover .x_btn .btn_item01,.x_btn:hover .btn_item01{-webkit-transform:translate3d(-100%,0,0) rotate(-45deg);transform:translate3d(-100%,0,0) rotate(-45deg);-webkit-transition:.5s cubic-bezier(.29,.8,.35,1);transition:.5s cubic-bezier(.29,.8,.35,1);border-color:#262626;opacity:0}.h_point:hover .x_btn .btn_item02,.x_btn:hover .btn_item02{-webkit-transform:translate3d(100%,0,0) rotate(-45deg);transform:translate3d(100%,0,0) rotate(-45deg);-webkit-transition:.5s cubic-bezier(.29,.8,.35,1);transition:.5s cubic-bezier(.29,.8,.35,1);border-color:#262626;opacity:0}.h_point:hover .x_btn,.x_btn:hover{color:#fff;background-color:#262626}.x_btn:hover{color:#fff;background-color:#262626}.x_btn .arrow{position:absolute;top:1px;bottom:0;margin:auto;width:9px;height:13px;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-transition:.3s;transition:.3s;opacity:0;left:-5px}.x_btn .arrow:before{content:'';position:absolute;right:0;top:6px;height:2px;width:100%;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:translate3d(0,0,0) rotate(45deg);transform:translate3d(0,0,0) rotate(45deg);box-sizing:border-box;background-color:#fff}.x_btn .arrow:after{content:'';position:absolute;right:0;top:6px;height:2px;width:100%;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:translate3d(0,0,0) rotate(-45deg);transform:translate3d(0,0,0) rotate(-45deg);box-sizing:border-box;background-color:#fff}.h_point:hover .x_btn .arrow,.x_btn:hover .arrow{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:opacity .2s .2s,-webkit-transform .3s .1s cubic-bezier(.79,.17,.15,.96);transition:opacity .2s .2s,-webkit-transform .3s .1s cubic-bezier(.79,.17,.15,.96);transition:transform .3s .1s cubic-bezier(.79,.17,.15,.96),opacity .2s .2s;transition:transform .3s .1s cubic-bezier(.79,.17,.15,.96),opacity .2s .2s,-webkit-transform .3s .1s cubic-bezier(.79,.17,.15,.96);left:17px}.x_btn:before,.x_btn:after,.x_btn .btn_inner:before,.x_btn .btn_inner:after{content:'';position:absolute;background:#000;transition-duration:.3s;transition-timing-function:ease-in-out}.x_btn .btn_inner:before{top:0;right:-100%;width:100%;height:1px;transition-delay:.3s}.x_btn .btn_inner:after{top:-100%;left:0;width:1px;height:100%;transition-delay:.6s}.x_btn:before{bottom:0;left:-100%;width:100%;height:1px;transition-delay:.3s}.x_btn:after{bottom:-100%;right:0;width:1px;height:100%;transition-delay:.6s}.inview .x_btn .btn_inner:before{right:0}.inview .x_btn .btn_inner:after{top:0}.inview .x_btn:before{left:0}.inview .x_btn:after{bottom:0}.x_btn:hover:before,.x_btn:hover:after,.x_btn:hover .btn_inner:before,.x_btn:hover .btn_inner:after{background:#262626;transition-delay:inherit}.fade_under .item{opacity:0;transition:opacity 1.25s cubic-bezier(.215,.61,.355,1),transform 1.25s cubic-bezier(.215,.61,.355,1);transform:translate(0,20px)}.inview .fade_under .item,.fade_under.inview .item{opacity:1;transform:translate(0)}.fade_under .item:nth-child(2){transition-delay:.1s}.fade_under .item:nth-child(3){transition-delay:.2s}.fade_under .item:nth-child(4){transition-delay:.3s}.fade_under .item:nth-child(5){transition-delay:.4s}.fade_under .item:nth-child(6){transition-delay:.5s}.fade_under .item:nth-child(7){transition-delay:.6s}.fade_under .item:nth-child(8){transition-delay:.7s}.fade_under .item:nth-child(9){transition-delay:.8s}@keyframes boundIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.8,.8,.8) rotate(0deg);transform:scale3d(.8,.8,.8) rotate(0deg)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.95,.95,.95) rotate(0deg);transform:scale3d(.95,.95,.95) rotate(0deg)}60%{opacity:1;-webkit-transform:scale3d(1.01,1.01,1.01);transform:scale3d(1.01,1.01,1.01)}80%{-webkit-transform:scale3d(.99,.99,.99);transform:scale3d(.99,.99,.99)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.m_f{opacity:0}.inview .m_f{animation:boundIn .8s ease 0s 1 forwards}.mask span{opacity:0}.inview .mv_txt span{animation:fadeDown .6s cubic-bezier(0,0,.25,1) both;display:inline-block}.inview .mask span{animation:mask 1.1s both cubic-bezier(0,0,.25,1);-webkit-mask-image:url(//bini-kate.com/wp-content/themes/vinyl_child/css/../img/header/mask-img.png);mask-image:url(//bini-kate.com/wp-content/themes/vinyl_child/css/../img/header/mask-img.png);-webkit-mask-size:200% auto;mask-size:200% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:1}@keyframes mask{0%{-webkit-mask-position:100% 0}100%{-webkit-mask-position:0 0}}@keyframes fadeUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.fade_l{opacity:0;transform:translateX(-10px);transition-duration:.5s;transition-timing-function:ease-in-out}.fade_r{opacity:0;transform:translateX(10px);transition-duration:.5s;transition-timing-function:ease-in-out}.fade_u{opacity:0;transform:translateY(10px);transition-duration:.5s;transition-timing-function:ease-in-out}.fade_o{opacity:0;transform:translateY(-10px);transition-duration:.5s;transition-timing-function:ease-in-out}.inview .fade_l,.inview .fade_r{opacity:1;transform:translateX(0)}.inview .fade_u,.inview .fade_o{transform:translateY(0);opacity:1}.img-zoom{opacity:0}.inview .img-zoom{opacity:1;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-animation-name:kf-img-show;animation-name:kf-img-show;-webkit-animation-duration:2.1s;animation-duration:2.1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:normal;animation-fill-mode:normal}@-webkit-keyframes kf-img-show{0%{opacity:0}50%{opacity:0}50.1%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:1}}@keyframes kf-img-show{0%{opacity:0}50%{opacity:0}50.1%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:1}}.bg_clip_l{transition:clip-path 1.3s cubic-bezier(.165,.84,.44,1),-webkit-clip-path 1.3s cubic-bezier(.165,.84,.44,1);clip-path:inset(0 100% 0 0)}.bg_clip_r{transition:clip-path 1.3s cubic-bezier(.165,.84,.44,1),-webkit-clip-path 1.3s cubic-bezier(.165,.84,.44,1);clip-path:inset(0 0 0 100%)}.bg_clip_l.inview{-webkit-clip-path:inset(0);clip-path:inset(0)}.pin_btn{width:380px;height:60px;box-sizing:border-box;position:relative}.pin_btn p{box-sizing:border-box;font-size:14px;line-height:1;position:relative;transition-duration:.5s;width:100%;height:100%;border:1px solid rgba(0,0,0,.2)}.pin_btn p:after{content:'';position:absolute;background:#ff8a00;width:50px;height:1px;right:-25px;top:0;bottom:0;margin:auto;transition-duration:.5s}.pin_btn p:hover{background:#ff8a00;color:#fff;border-color:#ff8a00}.pin_btn p:hover:after{content:'';transform:translateX(25px);opacity:0}