.search-title{font-weight:700;font-size:2rem;margin-bottom:3rem;letter-spacing:0.05em;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}
@media screen and (min-width:769px){.search-title{font-size:2.5rem;line-height:3.7rem;margin-bottom:3rem}}
.search-title::after{content:"";position:absolute;inset:0;margin:auto;z-index:2;background:#181922;width:100%;height:1px;z-index:-1}
.search-title span{display:inline-block;padding:0 2rem;background:#F6F6F6}
@media screen and (min-width:769px){.search-title span{padding:0 3rem}}
.search{width:calc(100% - 3rem);max-width:50rem;margin-left:auto;margin-right:auto}
@media screen and (min-width:769px){.search{max-width:1140px}}
.search-product{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem;grid-row-gap:2rem;margin-bottom:8rem}
@media screen and (min-width:769px){.search-product{grid-template-columns:repeat(3,1fr);grid-column-gap:4.5rem;grid-row-gap:4rem;margin-bottom:8rem}}
@media screen and (min-width:1140px){.search-product{grid-template-columns:repeat(4,1fr)}}
.search-link{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:18rem;height:18rem;padding-top:2rem;background:#FFFFFF;box-shadow:0px 2px 2px rgba(0,0,0,0.1);border-radius:1rem;box-sizing:border-box}
.search-image{margin-bottom:1rem;box-sizing:border-box}
@media screen and (min-width:769px){.search-image{margin-bottom:.8rem;padding:0 .5rem}}
.search-image img{width:100%;height:auto;border-radius:.5rem}
.search-item-wrap{display:flex;justify-content:center;align-items:center;min-height:5rem}
@media screen and (min-width:769px){.search-item-wrap{min-height:4rem}}
.search-item-text{font-weight:500;font-size:1.5rem;line-height:2.2rem;margin-right:1rem;text-align:center}
@media screen and (min-width:769px){.search-item-text{margin-right:.5rem;text-align:left}}
.search-item-text small{display:block;font-size:1.3rem}
.search-slide-wrap{position:relative;left:50%;width:100vw;margin-left:-50vw}
.search-item{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;width:100%;min-height:29.9rem;padding:1rem;background:#fff;box-sizing:border-box;box-shadow:0 0.2rem 0.2rem rgba(0,0,0,0.1);border-radius:.5rem}
@media screen and (min-width:769px){.search-item{min-height:30.9rem;padding:1.5rem 1rem}}
.search-text{font-weight:500;font-size:1.5rem;line-height:2.2rem;letter-spacing:0.02em;margin-bottom:1.5rem;color:#000000}
@media screen and (min-width:769px){.search-text{margin-bottom:.5rem}}
.search-tax{font-weight:400;font-size:1.5rem;line-height:2.2rem;color:#000000;margin-bottom:1.1rem}
@media screen and (min-width:769px){.search-tax{margin-bottom:0}}
.search-delet{font-family:"Roboto",sans-serif;font-size:1.5rem;line-height:1.8rem;text-align:right;text-decoration-line:line-through;color:#000000;display:inline-block;margin-top:-1rem;margin-bottom:-.1rem;width:100%}
.search-delet small{font-size:1.2rem}
.search-price{font-family:"Roboto",sans-serif;font-weight:700;font-size:2.5rem;line-height:2.9rem;text-align:right;color:#FF9D00;width:100%}
.search-price small{font-weight:400;font-size:1.3rem;line-height:1.9rem;text-align:right;color:#000000}
.search{background:#F6F6F6;padding:6.5rem 0 9.8rem;overflow:hidden}
@media screen and (min-width:769px){.search{padding:8.5rem 0 20rem}}
.search__result{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column;border-bottom:solid 1px #323441;padding-bottom:.6rem;margin-bottom:4rem}
@media screen and (min-width:769px){.search__result{flex-direction:row}}
.search__result-heading{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;margin-bottom:2.2rem}
@media screen and (min-width:769px){.search__result-heading{width:initial;align-items:flex-end;flex-direction:row;margin-bottom:0}}
.search__result-title{font-weight:700;font-size:2.2rem;line-height:3.2rem;letter-spacing:0.1em;margin-right:2rem}
.search__result-title strong{font-size:3.5rem;line-height:5.1rem;color:#FFA600}
.search__result-text{font-weight:500;font-size:1.6rem;letter-spacing:0.05em}
.search__sort{display:flex;justify-content:flex-end;align-items:flex-end}
.search__latest,.search__price-asc{font-weight:500;font-size:1.6rem;letter-spacing:0.05em;margin-left:2rem}
@media screen and (min-width:769px){.search__latest,.search__price-asc{margin-left:3rem}}
.page-nav{margin:6rem auto 4rem;max-width:37rem}
@media screen and (min-width:769px){.page-nav{margin:8rem auto 6rem}}
.page-nav ul{display:flex;justify-content:space-between;align-items:center;gap:1rem}
@media screen and (min-width:769px){.page-nav ul{justify-content:center}}
.page-nav ul li:first-child a{background:#181922;color:#fff}
.page-nav ul li:first-child a::before{background:url("../images/info/icon-arrow-white.svg") no-repeat;background-size:contain;width:.7rem;height:1.2rem;background-size:contain;background-position:center;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;content:""}
.page-nav ul li:last-child a{background:#181922;color:#fff}
.page-nav ul li:last-child a::before{background:url("../images/info/icon-arrow-white.svg") no-repeat;background-size:contain;width:.7rem;height:1.2rem;background-size:contain;background-position:center;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;content:"";transform:scale(-1,1)}
.page-nav ul li a{font-size:1.8rem;width:4rem;height:4rem;border-radius:4rem;background:#fff;line-height:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;box-sizing:border-box;color:#316FB3;font-weight:700;font-family:"Roboto",sans-serif}
.page-nav ul li a:active{background:#316FB3;color:#fff;border:none;opacity:1}@media (hover:hover){.page-nav ul li a:hover{background:#316FB3;color:#fff;border:none;opacity:1}}
.page-nav ul li .active{color:#fff;pointer-events:none;background:#316FB3}
.page-nav ul li .active::after{content:"";background:#316FB3;width:4rem;height:4rem;border-radius:4rem;position:absolute;left:0;top:0;opacity:0}
.page-nav ul .active a{background:#316FB3;color:#fff;pointer-events:none}