.search{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.js .search{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100vh;}
.js .search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.btn-search-close{display:none;color:#fff;font-size:2rem;position:absolute;z-index:100;top:1.25rem;right:1.25rem;opacity:0;transform:scale3d(0.8, 0.8, 1);transition:opacity 0.6s, transform 0.6s;transition-timing-function:cubic-bezier(0.2,1,0.3,1);}
.btn-search-close .icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor;}
.js .btn-search-close{display:block;}
.search_form{margin:5em 0;}
.search_input{font-family:inherit;font-size:10vw;line-height:1;display:inline-block;box-sizing:border-box;width:75%;padding:0.05em 0;color:#787e7f;border-bottom:5px solid;}
.search_input::-webkit-input-placeholder{color:#787e7f;}
.search_input::-moz-placeholder{opacity:1;color:#787e7f;}
.search_input:-ms-input-placeholder{color:#787e7f;}
.search_input::-webkit-search-cancel-button,
.search_input::-webkit-search-decoration{-webkit-appearance:none;}
.search_input::-ms-clear{display:none;}
.search_info{font-size:1.8rem;font-weight:600;display:block;width:75%;margin:0 auto;padding:0.85em 0;text-align:right;color:#787e7f;}
.search_related{display:flex;width:75%;text-align:left;pointer-events:none;}
.search_suggestion{width:50%;}
.search_suggestion:first-child{padding:0 2em 0 0;}
.search_suggestion:last-child{padding:0 0 0 2em;}
.js .main-wrap-move .btn-search{pointer-events:none;opacity:0;}
.js .search{pointer-events:none;}
.js .search-open{pointer-events:auto;}
.js .search::before{opacity:0;transition:opacity 0.5s;}
.js .search-open::before{opacity:1;}
.btn-search-close{opacity:0;transition:opacity 0.5s;}
.search-open .btn-search-close{opacity:1;}
.search_suggestion,
.search_info{opacity:0;transform:translate3d(0, 50px, 0);transition:opacity 0.4s, transform 0.4s;}
.search-open .search_suggestion,
.search-open .search_info{opacity:1;transform:translate3d(0, 0, 0);}
.search-open .search_suggestion:first-child{transition-delay:0.15s;}
.search-open .search_suggestion:nth-child(2){transition-delay:0.2s;}
.js .search_input{transform:scale3d(0,1,1);transform-origin:0% 50%;transition:transform 0.3s;}
.js .search-open .search_input{transform:scale3d(1,1,1);transition-duration:0.5s;}
@media screen and (max-width:40em){.btn-search-close{font-size:1.25em;}
.search_suggestion{font-size:80%;width:100%;}
.search_suggestion:nth-child(2),
.search_suggestion:nth-child(3){display:none;}
}