@charset "utf-8";

#main_nav .search{visibility:hidden;}

#search_content{flex:auto;}
#search_content>.inner{max-width:var(--MaxContentWidth);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;}


#search_default{display:flex;flex-direction:column;gap:var(--spacing);max-width:50em;margin:var(--spacing) auto;}
#search_default #search_empty{padding-block:unset;}
#search_default .cpt-search{--CPT-US:4em;}
#search_default .tips{text-align:center;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){}
@media only screen and (max-width:480px){}


#search_result{display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;gap:var(--spacing);align-items:start;}
#search_result>.aside{position:sticky;z-index:1;inset-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));display:flex;flex-direction:column;gap:1em;background-color:var(--background-color-L1,#fff);border-radius:1em;padding:var(--spacing);}
#search_result>.content{display:flex;flex-direction:column;gap:var(--spacing);}

#search_result_category{display:flex;flex-direction:column;}
#search_result_category .category{display:grid;grid-template-columns:1fr auto;gap:1em;align-items:center;padding:1em 1.5em;color:inherit;border-radius:var(--CPT-BDR);transition:color 300ms,background-color 300ms;}
#search_result_category .category:hover{color:var(--SiteTHM);background-color:var(--SiteTHM-A10);}
#search_result_category .category::after{content:attr(data-search-counter);display:block;min-width:1.5em;height:1.5em;padding-inline:.25em;box-sizing:border-box;font-weight:var(--SiteFW-B);text-align:center;border-radius:.5em;background-color:var(--body-text-color-a5,rgba(0 0 0 / 5%));color:var(--body-text-color,rgba(0 0 0/75%));}
#search_result_category .category span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.search_result_list{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3,#fff);border-radius:1em;scroll-margin-block-start:calc(var(--main-nav-height) * 1px + var(--spacing));}
.search_result_list h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);}
.search_result_list h3>span{}
.search_result_list .ItemList{--itemlist-column:18em;--itemlist-gap:1em var(--spacing);}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#search_result{display:flex;flex-direction:column;align-items:unset;}
	#search_result>.aside{position:unset;}
	#search_result_category{flex-direction:row;flex-wrap:wrap;}
}
@media only screen and (max-width:480px){
	#search_result>.aside{background-color:unset;border-radius:unset;padding:unset;}
	.search_result_list{margin-inline:calc(var(--spacing) * -1);}
}

