@charset "utf-8";

/* search */
.header__search-wrap,
.no_view .menu-tool-wrap .btn-open,
.no_view .header__inner-bottom,
.no_view .container,
.no_view .skip,
.no_view .footer,
.no_view .header__inner-top .logo
{}
/* .no_view{background:#f2f2f2}
.no_view .header-wrap{height:100%}
.no_view .header{height:100%}
.no_view .header__inner-top{height:100%;padding:0} */

@media screen and (min-width:768px){
.header__search-wrap {display:none;}
}


@media screen and (max-width:768px){
    .header__search-wrap{display:block}
    .btn-search--open{position:absolute;right:0;top:0;z-index:10;}
    .btn-search--open{padding:14px 18px;text-align:center;}

    .btn-search--open2{position:absolute;right:0;top:0;z-index:10;}
    .btn-search--open2{padding:14px 18px;text-align:center;}

    .header__search-wrap .btn-search--open .sp-search{width:26px;height:26px;background-position:-165px -106px}

    .header__search-wrap .btn-search--open2 .sp-search{width:26px;height:26px;background-position:-165px -106px}

    /*.search-all-wrap {display:none;position:fixed;top:0;right:-100%;z-index:1000;width:100%;padding:0;opacity:1;background:#fff;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}*/
    .search__utils-wrap{position:absolute;top:0;left:0;z-index:200;width:100%;height:5.4rem;padding:5px 0;border:2px solid #5b95be;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,0.2), 0 -1px 0px rgba(0,0,0,0.02)}
    .search-all-inner--scrollbox{height:100%;}
    .btn-search--close{overflow:hidden;position:absolute;top:7px;right:0;padding:9px 19px;}
    .btn-search--close .btn_cancel{width:18px;height:18px;background:url(../img/common/sp.png) -108px -63px;}
    .search-all-inner--scroll{overflow:hidden;overflow-y:auto;height:100%;padding-top:6.4rem;box-sizing:border-box;-webkit-box-sizing:border-box}

    .sub .search-all-wrap .search-form_group{width:auto;margin:0 55px 0 12px;background:#fff}
    .sub .search-all-wrap .search-text-wrap{margin-right:105px}
    .sub .search-all-wrap .sp-worldword{width:27px;height:18px;margin-right:0px;background-position:-136px -106px}
    .sub .search-all-wrap .btn-search{width:58px;height:100%;margin-left:10px;background:#5692bc;text-align:center}
    .sub .search-all-wrap .sp-search{width:20px;height:20px;background-position:-175px 0}

    .sub .header .search-form_group {height:41px;}

    .sub .header .input-text-wrap label:before{display:none;}

	.search-all-wrap {position:absolute;top: 0;left: 100%;height: 55px;z-index:1000;width:0;overflow:hidden;padding:0;opacity:0;background:#fff;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);}
    .search-all-wrap.on{-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);overflow:visible;width:100%;opacity:1;-webkit-transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);}


}