/** Shopify CDN: Minification failed

Line 170:7 Expected ":"
Line 2483:15 Expected ":"

**/
img{
    width: 100%;
    height:auto;
}
body{
    font-family: "Inter", sans-serif!important;
    color:#5C5851;
    line-height:1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;

}
*:focus-visible,:focus{
    outline: none!important;
    box-shadow: none!important;
    border: none!important;
}
.field__input:focus {
    border: none!important;;
    box-shadow: none !important;
}
.field__input:hover{
    border: none!important;;
    box-shadow: none !important;
}

.thumbnail[aria-current]{
    border:none!important;
    box-shadow: none!important;
    opacity: 1;
    filter: brightness(100%);

}
.thumbnail {
    opacity: 0.7;
    filter: brightness(60%);
}

button.c-o{
    color: #fff;
   background-color: #ec9926;
   border: none!important;
   box-shadow: none!important;
   border-radius: 5px;
}
button.c-o:after{
   border: none!important;
   box-shadow: none!important;
}
 
.full-unstyled-link{
    font-size: clamp(13px, 3vw, 15px);
}
main#MainContent{
    background-color: #FFFFFF; /*#F8F8F7*/
    overflow: clip;
}
main#MainContent:not(.template-index main#MainContent){
    padding-bottom:50px;
}
.search-form {
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 1px solid #777777;
    border-radius: 20px;
    display: none;
    background-color: #fff;
}
.search-form {
    display: flex;
    top:40px;
    /* left:50%; */
    z-index: 2;
    width: 100%;
    z-index: 10;
    /* min-width: 240px; */
    max-width: 230px;

}
.search-forme label {
    width: 100%;
}
.search{
    position: relative;
    margin-left:auto;
}
.drawer-logo{
    margin:20px auto 0;
    display: table;
    width: fit-content;
    max-width: 130px;
    min-width: 130px;
}
.drawer-content-inner .search-form{
    display: flex;
    border-radius:10px;
}
.search-form input {
    width: 100%;
    height: 38px;
    padding: 5px 25px 5px 10px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
    background-color:#fff;
    color:#4F4A4A;
}
h2.title.title--primary.ap-not-product {
    background: #fff;
    padding: 50px;
    margin: 0px auto;
    border-radius: 10px;
    position: relative;
    font-size:clamp(18px, 3vw, 20px)
}
h2.title.title--primary.ap-not-product:before {
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/feet3.svg?v=88646008067983336571758769359') no-repeat center right;  
    width: 135px;
    height: 125px;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    bottom: -25%;
    right: -18px;
    transform: translatey(-0%);
    background-size: contain;
}



body.gradient.fixed:before {
    background: #999ea382;
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
}
body.gradient.fixed main{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: -1;
}
body.gradient.fixed footer{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    bottom: 0;
    left: 0;
    z-index: -1;
}
body.gradient.fixed .slideshow__slide {
    z-index: -1;
}
body.gradient.fixed{
    top
}
.drawer-content-inner .search-form input{
    width: 100%;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.drawer-content-inner .search-form input:focus {
    outline: none;
    box-shadow: none;
}
.drawer-content-inner .search-form label{
    flex-grow:1;
}
.drawer-content-inner .search-form button{
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.search-form input::placeholder{
    color: #777777;
}
.search-form button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 38px;
    min-height: 38px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    background-color:#fff;
    padding-right:20px;
    position: relative;
}
.search-form button::after {
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M27.2499%2028.9837L16.3889%2018.1223C15.5401%2018.8743%2014.5548%2019.4505%2013.4331%2019.851C12.3117%2020.2515%2011.184%2020.4517%2010.0501%2020.4517C7.32245%2020.4517%205.01396%2019.5089%203.12461%2017.6233C1.23555%2015.7379%200.291016%2013.4375%200.291016%2010.7221C0.291016%208.00676%201.2337%205.70453%203.11906%203.81547C5.0047%201.9264%207.30465%200.981873%2010.0189%200.981873C12.7331%200.981873%2015.0391%201.92512%2016.9367%203.81162C18.834%205.69812%2019.7827%207.99864%2019.7827%2010.7132C19.7827%2011.8913%2019.5723%2013.0416%2019.1516%2014.1642C18.7309%2015.2867%2018.1554%2016.2607%2017.425%2017.0862L28.2929%2027.919L27.2499%2028.9837ZM10.0433%2019.0055C12.369%2019.0055%2014.3327%2018.2066%2015.9343%2016.6089C17.536%2015.0113%2018.3368%2013.0472%2018.3368%2010.7166C18.3368%208.38602%2017.536%206.4219%2015.9343%204.82423C14.3327%203.22656%2012.369%202.42773%2010.0433%202.42773C7.71411%202.42773%205.74743%203.22656%204.1432%204.82423C2.53898%206.4219%201.73687%208.38602%201.73687%2010.7166C1.73687%2013.0472%202.53898%2015.0113%204.1432%2016.6089C5.74743%2018.2066%207.71411%2019.0055%2010.0433%2019.0055Z%22%20fill%3D%22%239E9CA0%22%2F%3E%3C%2Fsvg%3E');    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
}
header{
    background-color: #E5E5E5;/*#EEECE9*/
    position: sticky;
    top:0;
    z-index: 10;
    /* height:60px; */
}
main{
    z-index: 8;
}
.header-inner{
    max-width:1200px;
    width: 100%;
    padding:5px 10px;
    display: flex;
    flex-direction: column;
    margin:0 auto;
}
.header-top{
    display: flex;
    align-items:center;
    justify-content: center; 
  }
.header-sub{
    display: none;
    gap:10px;
}
header ul{
    list-style: none;
    padding-left:0px!important;
}
header a{
    text-decoration:none;
    color:#4F4A4A;
}
.header-sub li a{
    display: flex;
    flex-direction:column;
    max-width:50px;
    font-size:10px;
    text-align:center;
    text-decoration: none;
    color:#4F4A4A;
}
.header-sub li img{
    max-width:35px;
    margin:0 auto;
    height:31px;
}
.header-sub li span:not(.cart-count-bubble span){
    display: none;
}
.bottom-nav{
    display: none;
}
.sub-list{
    display: none;
    position: absolute;
    top: 100%; /* liの真下に表示 */
    background-color:#EEECE9;
    padding:0px 30px 25px!important;
    border-radius:10px;
    z-index: 1000;
    min-width: 200px; 
    padding:10px;
}
.sub-list >li{
    position: relative;
    margin-top:25px;
}
li:has(.sub-list){
    position: relative;
}
.sub-list li span{
    color: #69676B;
    padding-right:5px;
}
.bottom-nav>li> span:after{
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/arrow-gry.svg?v=15981616126780033871757040652') no-repeat center right;  
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top:50%;
    left: 20px;
    transform: translateY(-50%);
}
.bottom-nav>li> span{
    position: relative;
}
.bottom-nav>li a{
    font-size:clamp(13px, 6vw, 15px)
}
.sub-list li:after,.sub-list li:before{
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: -4px;
    width: 8px;
    height: 2px;
    border-radius: 9999px;
    background-color: #70706fff;
    transform-origin: calc(100% - 1px) 50%;
}
.sub-list li:before {
    transform: rotate(45deg);
}
.sub-list li:after {
    transform: rotate(-45deg);
}
.sub-list li:hover:after,.sub-list li:hover:before {
    right: -15px;
}
.bottom-nav > li{
    min-width: 50px;
}
.bottom-nav li:hover .sub-list{
    display: block;
}
.btn-trigger {
    position: relative;
    width: 30px;
    height: 18px;
}
.btn-trigger span:first-child {
    top: 6px;
}
.header-ttl {
    display: none;
}
  
.btn-trigger span:nth-child(3) {
    bottom: -5px;
}

.btn-trigger span:nth-child(2) {
    top: 14px;
}
  
.btn-trigger span {
    position: absolute;
    width: 100%;
    height: 1px;
    background:  #5C5851;
    left: 0;
    z-index: 120;
    transition: all 0.5s ease;
}
.btn-trigger.active span{
    background:  #5C5851;
}
.btn-trigger.active {
    top: 5px;
}
.btn-trigger.active span:nth-child(2) {
    opacity: 0;
}
.btn-trigger.active span:nth-child(3) {
    top: 12px;
    transform: rotate(45deg);
}
.trigger-box.active{
    /* position: fixed; */
    left:10px;
}

.btn-trigger.active span:first-child {
    top: 12px;
    transform: rotate(-45deg);
}
span.trigger-txt {
    font-size: 10px;
    z-index: 90;
    position: relative;
    display: block;
    margin-top:10px;
    word-break: keep-all;
}
.btn-trigger.active + span.trigger-txt {
    margin-top:15px;
}
.trigger-box{
    cursor: pointer;
    z-index: 999;
    margin-right:auto;
    position:absolute;
    top:47%;
    left:10px;
    transform: translateY(-50%);
}
.search-icon img{
    max-width:35px;
}
.drawer-content {
    transform: translateX(-100%);
    transition: .5s ease;
    background-color: #fff;
    position: fixed;
    padding: 30px 20px 30px;
    left: 0;
    overflow-y: scroll;
    z-index: 55;
    height: 100vh;
    top: 0;
    background-color:#EEECE9 ;      
  }
.drawer-content .logo-icon:has(img) {
    max-width: 250px;
    min-width: 230px;
    margin:10px auto;
}
.drawer-content .logo-icon ,.footer-logo {
    font-size: 18px;
    padding: 0 10px;
}

.drawer-content .logo-icon :has(img) {
    max-width: 250px;
    min-width: 250px;
}
.drawer-content .logo-icon img{
    object-fit: contain;
    min-width: 200px;
    max-height: 100%;
}
.drawer-content .logo-icon{
    margin-top:30px;
    display: table;
    margin: 0 auto;
    width:fit-content;
}
.drawer-content.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    transition: .5s ease;
    top: 0;
    width: 90%;
    background-color:#EEECE9;
    z-index: 55;
    height: 100vh;
    position: fixed;
}
ul.drawer-nav__list{
    margin-top:30px;
}
ul.drawer-nav__list{
    font-size:17px;
}

ul.drawer-nav__list > li{
    padding: 15px 10px;
    border-bottom:0.7px solid #C7C4C3;
    margin-top:10px;

}
.category-menu {
  position: relative;
}

.category-menu:after {
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/arrow-gry.svg?v=15981616126780033871757040652') no-repeat center right;  
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
}
.category-menu.open:after {
    transform: translateY(-50%) rotate(180deg);
}
.category-menu{
    display: block;
    width: 100%;
}
ul.drawer-nav__list .sub-list {
    display: none;
    position:relative;
    top: 100%;
    background-color: #eeece9;
    padding: 0px!important;
    border-radius: 10px;
    z-index: 1000;
    width: 100%;
    border-bottom:none;
    left:0;
}
  
li.drawer-nav__item a {
    padding: 10px 40px 10px 10px;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color:#4F4A4A;
}

li.drawer-nav__item {
    position: relative;
    border-bottom: 1px solid var(--drawer-border-bottom);
}
li.drawer-nav__item::after {
    position: absolute;
    display: inline-block;
    margin-bottom: 40px;
    width: 10px;
    height: 15px;
    background: #fff;
    clip-path: polygon(0% 10%, 0% 0%, 85% 50%, 0% 100%, 0% 90%, 68% 50%);
    content: "";
    right: 18px;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 0.2s;
}
li.drawer-nav__item:hover::after {
    transform: translate(10px, -50%);
    transition: all 0.2s;

}
li.drawer-nav__item:hover a{
    opacity: 1;
}

.drawer-sns {
    padding: 15px 10px 15px 10px;
}
.contact-pc {
    display: none;
}
.sp-right {
    display: flex;
    align-items: center;

}
.search-icon{
    display: flex;
}
.sp-btn.contact-btn a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 1;
    font-size: 8px;
    color: #4f4a4a;
    font-weight: 700;
     border-radius: 8px;
     min-width: 63px;
}
.sp-btn.contact-btn a img {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.sp-btn.contact-btn{
    position: absolute;
    top:50%;
    right: 0px;
    transform: translateY(-50%);
}
.sp-btn.contact-btn a span{
    text-align: center;
    font-size:7px;
    font-weight:500;
}
.pc-show{
    display: none;
}
.sp-show{
    display: block;
}
.inner{
    max-width:1100px;
    margin:50px auto 0px;
    padding:0 10px;
    box-sizing: border-box;
}
.ttl-fx{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 0;
    margin: 10px 0;
}
.ttl-fx span a{
    font-size:clamp(13px, 3vw, 17px);
    color: #4F4A4A;
    position: relative;
    text-decoration: none;
}
a.ap-common-link{
    position: relative;
    text-decoration: none;
    margin-left:auto;
}
.ttl-fx span a:after,.ttl-fx span a:before,a.ap-common-link:before,a.ap-common-link:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: -10px;
    width: 8px;
    height: 2px;
    border-radius: 9999px;
    background-color: #70706fff;
    transform-origin: calc(100% - 1px) 50%;
}
.ttl-fx span a:before,a.ap-common-link:before {
    transform: rotate(45deg);
}
.ttl-fx span a:after,a.ap-common-link:after {
    transform: rotate(-45deg);
}
.ttl-fx span a:hover:after,.ttl-fx span a:hover:before,a.ap-common-link:hover:after,a.ap-common-link:hover:before {
    right: -15px;
}
.test{
    overflow: auto;
    margin-bottom: 20px;
    width: 100vw;
}
.test{
    scrollbar-width: none; /* Firefox */
  
}
.test::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.ap-list, .wish-list{
    display: flex;
    gap: 60px;/*20*/
    padding-bottom: 10px;
    flex-wrap: nowrap;
    list-style: none;
    padding:10px;
    overflow: auto;
    margin:0px 0 0px;
    align-items: select;
}
.ap-list a, .wish-list a{
    text-decoration: none;
    color: #4f4a4a;
    flex-direction: column;
    display: flex;
}
.ap-list{
    scrollbar-width: none; /* Firefox */
  
}
.ap-list::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
:where(.dog-list,.cat-list,.category-list,.brand-list) li{
    max-width: 65px;
    min-width: 65px;
    border-radius:50%;
    text-align: center;
    display: flex;
    flex-direction: column; /* 縦並びにする */
    align-items: flex-start;/*center*/
    justify-content: flex-start;
}
:where(.dog-list,.cat-list,.category-list,.brand-list) li img{
    max-width: 100px;/*65*/
    min-width: 100px;/*65*/
    border-radius:50%;
    text-align: center;
    object-fit: cover;
    min-height:100px;/*65*/
    max-height:100px;/*65*/
    background:#D5CDC2;
}
:where(.dog-list,.cat-list,.category-list,.brand-list)  li span{
    font-size: clamp(8px, 3vw, 14px);
    margin-top:10px;
    text-align: center;
    width: 100%; /* 親要素の幅に合わせる */
}
.ttl-fx h3{
    font-size: clamp(17px, 3vw, 22px);
    margin:0;
    color:#6f6c6c;
    font-weight:550;
}
:is(.product-list,.top-protection,.dantai-list,.wish-list) img{
    width: 100%;
    vertical-align: bottom;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px;
    height: auto;
    transition: transform .6s ease; /* ゆっくり変化させる */
    min-height:200px;
    object-fit: contain;
    max-height:200px;
    margin-bottom:0px!important;
    border:none!important;
    background:#fff;
    border-radius:10px;
}
/* :is(.product-list a,.top-protection img,.product-list li a,.top-protection a,.dantai-list a,.wish-list a):hover img{
  transform: scale(1.1);
  pointer-events: auto; 
  
} */
:is(.product-list a,.top-protection a,.product-list li a,.top-protection a,.dantai-list a,.wish-list a){
    text-decoration: none;
    color:#4F4A4A;
}
:is(.product-list a,.top-protection a,.product-list li a,.top-protection a,.dantai-list a,.cart-item__details a,.wish-list a):hover{
    text-decoration: underline;
    color:#4F4A4A;
    text-decoration-thickness: 0.7px; /* 線の太さ */
}
.dantai-list,#wishlist-container .ap-list{
    gap: 10px;
}
.ap-nocart-ttl h1.cart__empty-text{
    font-size:clamp(24px, 3vw, 28px);
    font-family: "Inter", sans-serif!important;

}


:where(.product-list) a {
    position: relative;
}
span.category-tag{
    display: inline-block;
    color: #fff;
    font-size: clamp(10px, 3vw, 11px);
    padding: 7px 10px;
    border-radius: 5px;
    position: absolute;
    content: "";
    top:0px;
    left:0px;
    width: auto!important;
    z-index: 10;
    min-width: 50px;
    text-align: center;
}
.dog-tag{
    background-color: #b1aeab;
}

.cat-tag{
    background-color: #B1A08A;
}
:where(.product-list:not(#wishlist-container .product-list),.top-protection) li{
    max-width: 180px!important;
    width: 100%;
    min-width: 180px;
    overflow:hidden;
    background-color:#fff;
}
.dantai-list,#wishlist-container .ap-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
ul.dantai-list{
    padding-left:0;
}

.product-list,.top-protection{
    gap: 10px;
    padding-left:0;
}
.product-box,.top-protection-box {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding:20px 10px;
    box-sizing: border-box;
    z-index: 10;
    min-height:90px;
}
.top-protection-box{
    position: relative;

}
.top-protection-box::before{
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/feet-r.svg?v=45621963190612570491757040690') no-repeat center right;  
    width: 85px;
    height: 85px;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: -30%;
    right: 10px;
    transform: translatey(-0%);
    background-size: contain;
}
.product-box h4{
    font-size: clamp(12px, 2.5vw, 14px);
    margin: 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Inter", sans-serif!important;
    min-height: 32px;
    max-height: 32px;
}
.product-code-fx span{
    font-size: clamp(10px, 2.5vw, 12px);
}
.product-code-fx{
    display: flex;
    gap: 2px;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
    font-family: "Inter", sans-serif!important;
}
span.f-s{
    font-size: clamp(11px, 2.5vw, 12px);
}
.protectio-Prefecture{
    font-size: clamp(13px, 2.5vw, 14px);
}
.protection-name{
    font-size: clamp(14px, 3vw, 16px);
    margin: 10px 0;
    font-weight:550;
    overflow: hidden;          
    text-overflow: ellipsis;  
    white-space: normal;  

}
.protectio-Prefecture{
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden; 
}

.ranking-list {
    counter-reset: rank;
    list-style: none;
    padding: 0;
    margin: 0px 0 0;
}
.r-img {
    position: relative;

}
.r-img .card__badge{
    position: absolute;
    bottom: 10px;
    left: 5px;
    z-index: 18;
}
.product-img .card__badge{
    bottom: -20px;
}

.ranking-txt::before {
    counter-increment: rank;
    content: counter(rank);
    background: #fff;
    font-size: 14px;
    z-index: 4;
}
.ranking-txt::after {
    width: 30px;
    height: 29px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3.52705%2015.3612L1.84009%205.66596C1.45544%205.69079%201.12746%205.57233%200.856165%205.31058C0.584867%205.04884%200.449219%204.72702%200.449219%204.34513C0.449219%203.98086%200.573576%203.66878%200.822289%203.40887C1.071%203.14897%201.3753%203.01901%201.73517%203.01901C2.08375%203.01901%202.38239%203.14897%202.63111%203.40887C2.87982%203.66878%203.00418%203.98086%203.00418%204.34513C3.00418%204.52428%202.97206%204.694%202.90783%204.85429C2.84345%205.01459%202.7526%205.15374%202.63529%205.27174C2.9016%205.41196%203.1715%205.5295%203.445%205.62436C3.71864%205.71937%204.0049%205.76687%204.30376%205.76687C5.02791%205.76687%205.68753%205.5511%206.28262%205.11956C6.87771%204.68817%207.3574%204.14001%207.72167%203.47507L8.00103%202.94821C7.79001%202.83864%207.62077%202.67835%207.49334%202.46733C7.3659%202.25631%207.30218%202.02169%207.30218%201.76347C7.30218%201.3992%207.42654%201.08711%207.67525%200.827205C7.92397%200.567299%208.22261%200.437347%208.57119%200.437347C8.91977%200.437347%209.21842%200.567299%209.46713%200.827205C9.71585%201.08711%209.8402%201.3992%209.8402%201.76347C9.8402%202.02169%209.77649%202.25631%209.64905%202.46733C9.52161%202.67835%209.35238%202.83864%209.14136%202.94821L9.42072%203.47507C9.78499%204.14001%2010.2647%204.68817%2010.8598%205.11956C11.4549%205.5511%2012.1145%205.76687%2012.8386%205.76687C13.1375%205.76687%2013.4237%205.72029%2013.6974%205.62711C13.9709%205.53394%2014.2408%205.41724%2014.5071%205.27702C14.3898%205.15918%2014.2989%205.01918%2014.2346%204.85705C14.1703%204.69492%2014.1382%204.52428%2014.1382%204.34513C14.1382%203.98086%2014.2626%203.66878%2014.5113%203.40887C14.76%203.14897%2015.0586%203.01901%2015.4072%203.01901C15.7671%203.01901%2016.0714%203.14897%2016.3201%203.40887C16.5688%203.66878%2016.6932%203.98086%2016.6932%204.34513C16.6932%204.72702%2016.5575%205.04884%2016.2862%205.31058C16.0149%205.57233%2015.6926%205.69079%2015.3192%205.66596L13.6153%2015.3612H3.52705ZM4.27341%2014.4417H12.869L14.3074%206.38201C14.067%206.45986%2013.825%206.52797%2013.5815%206.58636C13.3377%206.64475%2013.0901%206.67394%2012.8386%206.67394C11.926%206.67394%2011.0964%206.41457%2010.3497%205.89583C9.60278%205.37709%209.00996%204.69813%208.57119%203.85896C8.12113%204.68649%207.52267%205.36253%206.77579%205.8871C6.02907%206.41166%205.20506%206.67394%204.30376%206.67394C4.05226%206.67394%203.80465%206.64475%203.56092%206.58636C3.31734%206.52797%203.07537%206.45986%202.83502%206.38201L4.27341%2014.4417Z%22%20fill%3D%22%2369676B%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 40%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-size:cover;
}
.ranking-list li:nth-child(1) .ranking-txt::after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.52705%2015.781L1.84009%206.08579C1.45544%206.11062%201.12746%205.99216%200.856165%205.73041C0.584867%205.46867%200.449219%205.14685%200.449219%204.76496C0.449219%204.4007%200.573576%204.08861%200.822289%203.8287C1.071%203.5688%201.3753%203.43884%201.73517%203.43884C2.08375%203.43884%202.38239%203.5688%202.63111%203.8287C2.87982%204.08861%203.00418%204.4007%203.00418%204.76496C3.00418%204.94411%202.97206%205.11383%202.90783%205.27412C2.84345%205.43442%202.7526%205.57357%202.63529%205.69157C2.9016%205.83179%203.1715%205.94933%203.445%206.04419C3.71864%206.1392%204.0049%206.18671%204.30376%206.18671C5.02791%206.18671%205.68753%205.97093%206.28262%205.53939C6.87771%205.108%207.3574%204.55984%207.72167%203.8949L8.00103%203.36804C7.79001%203.25847%207.62077%203.09818%207.49334%202.88716C7.3659%202.67614%207.30218%202.44152%207.30218%202.1833C7.30218%201.81903%207.42654%201.50694%207.67525%201.24704C7.92397%200.98713%208.22261%200.857178%208.57119%200.857178C8.91977%200.857178%209.21842%200.98713%209.46713%201.24704C9.71585%201.50694%209.8402%201.81903%209.8402%202.1833C9.8402%202.44152%209.77649%202.67614%209.64905%202.88716C9.52161%203.09818%209.35238%203.25847%209.14136%203.36804L9.42072%203.8949C9.78499%204.55984%2010.2647%205.108%2010.8598%205.53939C11.4549%205.97093%2012.1145%206.18671%2012.8386%206.18671C13.1375%206.18671%2013.4237%206.14012%2013.6974%206.04694C13.9709%205.95377%2014.2408%205.83707%2014.5071%205.69685C14.3898%205.57901%2014.2989%205.43902%2014.2346%205.27688C14.1703%205.11475%2014.1382%204.94411%2014.1382%204.76496C14.1382%204.4007%2014.2626%204.08861%2014.5113%203.8287C14.76%203.5688%2015.0586%203.43884%2015.4072%203.43884C15.7671%203.43884%2016.0714%203.5688%2016.3201%203.8287C16.5688%204.08861%2016.6932%204.4007%2016.6932%204.76496C16.6932%205.14685%2016.5575%205.46867%2016.2862%205.73041C16.0149%205.99216%2015.6926%206.11062%2015.3192%206.08579L13.6153%2015.781H3.52705ZM4.27341%2014.8615H12.869L14.3074%206.80184C14.067%206.87969%2013.825%206.9478%2013.5815%207.00619C13.3377%207.06458%2013.0901%207.09377%2012.8386%207.09377C11.926%207.09377%2011.0964%206.8344%2010.3497%206.31566C9.60278%205.79692%209.00996%205.11796%208.57119%204.27879C8.12113%205.10632%207.52267%205.78236%206.77579%206.30693C6.02907%206.83149%205.20506%207.09377%204.30376%207.09377C4.05226%207.09377%203.80465%207.06458%203.56092%207.00619C3.31734%206.9478%203.07537%206.87969%202.83502%206.80184L4.27341%2014.8615Z%22%20fill%3D%22%23D9B677%22%2F%3E%3C%2Fsvg%3E')
}

.ranking-list li:nth-child(2) .ranking-txt::after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.08564%2015.781L1.39869%206.08579C1.01403%206.11062%200.686055%205.99216%200.414758%205.73041C0.143461%205.46867%200.0078125%205.14685%200.0078125%204.76496C0.0078125%204.4007%200.132169%204.08861%200.380883%203.8287C0.629596%203.5688%200.933889%203.43884%201.29376%203.43884C1.64234%203.43884%201.94099%203.5688%202.1897%203.8287C2.43841%204.08861%202.56277%204.4007%202.56277%204.76496C2.56277%204.94411%202.53066%205.11383%202.46642%205.27412C2.40205%205.43442%202.3112%205.57357%202.19388%205.69157C2.46019%205.83179%202.7301%205.94933%203.00359%206.04419C3.27724%206.1392%203.56349%206.18671%203.86236%206.18671C4.5865%206.18671%205.24612%205.97093%205.84121%205.53939C6.43631%205.108%206.91599%204.55984%207.28026%203.8949L7.55962%203.36804C7.3486%203.25847%207.17937%203.09818%207.05193%202.88716C6.9245%202.67614%206.86078%202.44152%206.86078%202.1833C6.86078%201.81903%206.98513%201.50694%207.23385%201.24704C7.48256%200.98713%207.78121%200.857178%208.12979%200.857178C8.47837%200.857178%208.77701%200.98713%209.02573%201.24704C9.27444%201.50694%209.3988%201.81903%209.3988%202.1833C9.3988%202.44152%209.33508%202.67614%209.20764%202.88716C9.08021%203.09818%208.91098%203.25847%208.69995%203.36804L8.97931%203.8949C9.34359%204.55984%209.82327%205.108%2010.4184%205.53939C11.0135%205.97093%2011.6731%206.18671%2012.3972%206.18671C12.6961%206.18671%2012.9823%206.14012%2013.256%206.04694C13.5295%205.95377%2013.7994%205.83707%2014.0657%205.69685C13.9484%205.57901%2013.8575%205.43902%2013.7932%205.27688C13.7289%205.11475%2013.6968%204.94411%2013.6968%204.76496C13.6968%204.4007%2013.8212%204.08861%2014.0699%203.8287C14.3186%203.5688%2014.6172%203.43884%2014.9658%203.43884C15.3257%203.43884%2015.63%203.5688%2015.8787%203.8287C16.1274%204.08861%2016.2518%204.4007%2016.2518%204.76496C16.2518%205.14685%2016.1161%205.46867%2015.8448%205.73041C15.5735%205.99216%2015.2512%206.11062%2014.8778%206.08579L13.1739%2015.781H3.08564ZM3.832%2014.8615H12.4276L13.866%206.80184C13.6256%206.87969%2013.3836%206.9478%2013.1401%207.00619C12.8963%207.06458%2012.6487%207.09377%2012.3972%207.09377C11.4846%207.09377%2010.655%206.8344%209.90825%206.31566C9.16138%205.79692%208.56856%205.11796%208.12979%204.27879C7.67973%205.10632%207.08126%205.78236%206.33439%206.30693C5.58766%206.83149%204.76365%207.09377%203.86236%207.09377C3.61086%207.09377%203.36324%207.06458%203.11952%207.00619C2.87594%206.9478%202.63397%206.87969%202.39361%206.80184L3.832%2014.8615Z%22%20fill%3D%22%23908C85%22%20fill-opacity%3D%220.96%22%2F%3E%3C%2Fsvg%3E')
}
.ranking-list li:nth-child(3) .ranking-txt::after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.64228%2015.781L1.95533%206.08579C1.57067%206.11062%201.2427%205.99216%200.971399%205.73041C0.700102%205.46867%200.564453%205.14685%200.564453%204.76496C0.564453%204.4007%200.68881%204.08861%200.937523%203.8287C1.18624%203.5688%201.49053%203.43884%201.8504%203.43884C2.19898%203.43884%202.49763%203.5688%202.74634%203.8287C2.99506%204.08861%203.11941%204.4007%203.11941%204.76496C3.11941%204.94411%203.0873%205.11383%203.02306%205.27412C2.95869%205.43442%202.86784%205.57357%202.75052%205.69157C3.01683%205.83179%203.28674%205.94933%203.56023%206.04419C3.83388%206.1392%204.12013%206.18671%204.419%206.18671C5.14314%206.18671%205.80276%205.97093%206.39785%205.53939C6.99295%205.108%207.47263%204.55984%207.8369%203.8949L8.11626%203.36804C7.90524%203.25847%207.73601%203.09818%207.60857%202.88716C7.48114%202.67614%207.41742%202.44152%207.41742%202.1833C7.41742%201.81903%207.54177%201.50694%207.79049%201.24704C8.0392%200.98713%208.33785%200.857178%208.68643%200.857178C9.03501%200.857178%209.33366%200.98713%209.58237%201.24704C9.83108%201.50694%209.95544%201.81903%209.95544%202.1833C9.95544%202.44152%209.89172%202.67614%209.76428%202.88716C9.63685%203.09818%209.46762%203.25847%209.25659%203.36804L9.53596%203.8949C9.90023%204.55984%2010.3799%205.108%2010.975%205.53939C11.5701%205.97093%2012.2297%206.18671%2012.9539%206.18671C13.2527%206.18671%2013.539%206.14012%2013.8126%206.04694C14.0861%205.95377%2014.356%205.83707%2014.6223%205.69685C14.505%205.57901%2014.4142%205.43902%2014.3498%205.27688C14.2856%205.11475%2014.2534%204.94411%2014.2534%204.76496C14.2534%204.4007%2014.3778%204.08861%2014.6265%203.8287C14.8752%203.5688%2015.1739%203.43884%2015.5225%203.43884C15.8823%203.43884%2016.1866%203.5688%2016.4353%203.8287C16.684%204.08861%2016.8084%204.4007%2016.8084%204.76496C16.8084%205.14685%2016.6728%205.46867%2016.4015%205.73041C16.1302%205.99216%2015.8078%206.11062%2015.4345%206.08579L13.7306%2015.781H3.64228ZM4.38864%2014.8615H12.9842L14.4226%206.80184C14.1822%206.87969%2013.9403%206.9478%2013.6967%207.00619C13.453%207.06458%2013.2054%207.09377%2012.9539%207.09377C12.0413%207.09377%2011.2116%206.8344%2010.4649%206.31566C9.71802%205.79692%209.1252%205.11796%208.68643%204.27879C8.23637%205.10632%207.6379%205.78236%206.89103%206.30693C6.1443%206.83149%205.32029%207.09377%204.419%207.09377C4.1675%207.09377%203.91988%207.06458%203.67616%207.00619C3.43258%206.9478%203.19061%206.87969%202.95025%206.80184L4.38864%2014.8615Z%22%20fill%3D%22%23996C1B%22%2F%3E%3C%2Fsvg%3E');
}
.ranking-list li:nth-child(n+4) .ranking-txt::after{
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3.52705%2015.3612L1.84009%205.66596C1.45544%205.69079%201.12746%205.57233%200.856165%205.31058C0.584867%205.04884%200.449219%204.72702%200.449219%204.34513C0.449219%203.98086%200.573576%203.66878%200.822289%203.40887C1.071%203.14897%201.3753%203.01901%201.73517%203.01901C2.08375%203.01901%202.38239%203.14897%202.63111%203.40887C2.87982%203.66878%203.00418%203.98086%203.00418%204.34513C3.00418%204.52428%202.97206%204.694%202.90783%204.85429C2.84345%205.01459%202.7526%205.15374%202.63529%205.27174C2.9016%205.41196%203.1715%205.5295%203.445%205.62436C3.71864%205.71937%204.0049%205.76687%204.30376%205.76687C5.02791%205.76687%205.68753%205.5511%206.28262%205.11956C6.87771%204.68817%207.3574%204.14001%207.72167%203.47507L8.00103%202.94821C7.79001%202.83864%207.62077%202.67835%207.49334%202.46733C7.3659%202.25631%207.30218%202.02169%207.30218%201.76347C7.30218%201.3992%207.42654%201.08711%207.67525%200.827205C7.92397%200.567299%208.22261%200.437347%208.57119%200.437347C8.91977%200.437347%209.21842%200.567299%209.46713%200.827205C9.71585%201.08711%209.8402%201.3992%209.8402%201.76347C9.8402%202.02169%209.77649%202.25631%209.64905%202.46733C9.52161%202.67835%209.35238%202.83864%209.14136%202.94821L9.42072%203.47507C9.78499%204.14001%2010.2647%204.68817%2010.8598%205.11956C11.4549%205.5511%2012.1145%205.76687%2012.8386%205.76687C13.1375%205.76687%2013.4237%205.72029%2013.6974%205.62711C13.9709%205.53394%2014.2408%205.41724%2014.5071%205.27702C14.3898%205.15918%2014.2989%205.01918%2014.2346%204.85705C14.1703%204.69492%2014.1382%204.52428%2014.1382%204.34513C14.1382%203.98086%2014.2626%203.66878%2014.5113%203.40887C14.76%203.14897%2015.0586%203.01901%2015.4072%203.01901C15.7671%203.01901%2016.0714%203.14897%2016.3201%203.40887C16.5688%203.66878%2016.6932%203.98086%2016.6932%204.34513C16.6932%204.72702%2016.5575%205.04884%2016.2862%205.31058C16.0149%205.57233%2015.6926%205.69079%2015.3192%205.66596L13.6153%2015.3612H3.52705ZM4.27341%2014.4417H12.869L14.3074%206.38201C14.067%206.45986%2013.825%206.52797%2013.5815%206.58636C13.3377%206.64475%2013.0901%206.67394%2012.8386%206.67394C11.926%206.67394%2011.0964%206.41457%2010.3497%205.89583C9.60278%205.37709%209.00996%204.69813%208.57119%203.85896C8.12113%204.68649%207.52267%205.36253%206.77579%205.8871C6.02907%206.41166%205.20506%206.67394%204.30376%206.67394C4.05226%206.67394%203.80465%206.64475%203.56092%206.58636C3.31734%206.52797%203.07537%206.45986%202.83502%206.38201L4.27341%2014.4417Z%22%20fill%3D%22%2369676B%22%2F%3E%3C%2Fsvg%3E');
}
.ranking-box{
    position: relative;
}
.ranking-item{
    background:#E5E5E5;/*#D6C4B8*/
    border-radius:50%;
    width: clamp(60px, 50%, 60px);
    min-height:60px;
    position: absolute;
    top: -10px;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translatex(-50%);
}
.ranking-item:before{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
    width: clamp(40px, 50%, 40px);
    min-height:40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content:"";
    border-radius:50%;
}
span.ranking-txt{
    position: relative;
    display: block;
    line-height:2;
}
.ranking-box{
    background:#ECECEC;/*#D6C4B8*/
}
.ranking-details{
    margin-top:35px;
}
.animal-fx{
    display: flex;
    list-style-type: none;
    padding-left:0px;
    margin-top:60px;
    margin-bottom:0px;
    justify-content:center;
}
.animal-fx li{
    width: calc(100%/ 3 - 10px);
    flex-grow:2;
}
.animal-fx li img{
    width: 100%;
    vertical-align: bottom;
}
.animal-fx li:nth-child(3),.animal-fx li:nth-child(5){
    display: none;
}
.footer-inner{
    max-width:650px;
    width: 100%;
    margin:0 auto;
    padding:0 10px;
}
.footer-menu{
    list-style-type: none;
    padding-left:0px;
    display: flex;
    gap:15px;
    justify-content:center;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
}
/*
.footer-menu:after{
    width: 50px;
    height: 50px;
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/feet.svg?v=13046699018704707681757040691') no-repeat center right;  
    content: '';
    position: absolute;
    top: 45%;
    left: 10%;
    transform: translate(-50%, -50%);
    background-size: contain;
    z-index: -1;
}
*/
.pagination__item--current::after, .pagination__item:hover::after {
    content: '';
    width: 38px!important;
    height: 42px!important;
    /* background: url('//shop.petkifu.com/cdn/shop/t/8/assets/feet2.svg?v=135319692355526422381757545851') no-repeat center right;   */
    position: absolute;
    top: -7px;
    left: 10%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-color:rgb(18 18 18 / 0%)!important;
    /* color:#fff!important; */
    z-index: -1;
    /* border-bottom:1px solid #69676b;  */


}
.pagination__item--current::before, .pagination__item:hover::before {
    width: 12px;
    height:1px;
    content: '';
    position: absolute;
    bottom:8px;
    background: #69676b;

}

.pagination__item--current{
    position: relative;
    z-index: 1;
   
}
a.pagination__item{
    font-size:16px;
    font-weight:550;
    opacity: 0.5;
}
a.pagination__item.pagination__item--current.light{
    opacity: 1;
    /* color:#fff; */
}    

.footer-menu li{
    padding:0 15px 0 0;
    font-size:clamp(12px,3vw,17px);
}
.footer-menu li a{
    color:#6f6c6c;
    text-decoration:none;
    font-size:13px;
}
.footer-menu li:not(:last-child){
    border-right:1px solid #fff;
}
.footer{
    background: #E5E5E5;/*#69676B*/
    padding:15px 0px 100px;
}
span.copy-right  {
    color:#6f6c6c;
    font-size:clamp(10px,3vw,12px);
    text-align :center;
    display:block;
    z-index: 2;
    position: relative;
    margin-top:10px;
    display:block;
}
span.copy-right a{
    color:#6f6c6c;
    text-align:center;
    font-size:clamp(10px,3vw,12px);
}
section:has(.product-list:not(.template-page .product-list),.top-protection){
    margin-top:42px;
}
.page-width {
    margin-top: 20px;
    padding: 0 5rem;
}
.page-width:has(.top-slide){
    padding: 0!important;
}
.top-slide{
    width: 100vw;
     margin:0 calc(50vw - 50%)!important; 
}
.glnv-item {
    width: 20vw;
    height: 75px;
    background: #ECECEC;/*#69676b*/
    border-left: 1px solid #c3c1c1ff;
    border-right: 1px solid #c3c1c1ff;
    border-top: 1px solid #c3c1c1ff;
}
.glnv-list{
    display:flex;
    list-style-type: none;
    padding:0px;
    margin-bottom:0;
}
.glnv-sp {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 100003;
}

.glnv-item>div a {
  display: inline-block;
  padding: 50px 0 3px;
  text-align: center;
  width: 100%;
  font-size: 10px;
  /* border-left: 1px solid #c3c1c1ff;
  border-right:1px solid #c3c1c1ff;
  border-top:1px solid #c3c1c1ff; */
  display: flex;
  justify-content: center;
  color: #6f6c6c;
  text-decoration:none;
}
.glnv-item a:hover {
  opacity: 1;
}
.glnv-item:first-child .ap-home>a {
  background: #ECECEC url('//shop.petkifu.com/cdn/shop/t/8/assets/home.svg?v=160700664255080000271765961507') no-repeat center top 10px / 28px;
}
.glnv-item .ap-protection>a {
  background: #ECECEC url('//shop.petkifu.com/cdn/shop/t/8/assets/protection.svg?v=106331509903475908991765961587') no-repeat center top 9px / 25px;
}
.glnv-item .ap-my-page>a {
  background: #ECECEC url('//shop.petkifu.com/cdn/shop/t/8/assets/my-page.svg?v=41420024009769962171765961611') no-repeat center top 12px / 30px;
}
.glnv-item .ap-cart>a {
  background: #ECECEC url('//shop.petkifu.com/cdn/shop/t/8/assets/cart.svg?v=93322189811201393101765961639') no-repeat center top 10px / 32px;
  position: relative;
}
.glnv-item .ap-favorite>a {
  background: #ECECEC url('//shop.petkifu.com/cdn/shop/t/8/assets/f-favorite.svg?v=153664108269414910541765961660') no-repeat center top 13px / 32px;
}
.glnv-sub a {
    font-size: 12px;
    text-decoration: none;
    color: #333;
}
.footer-menu li a {
    font-size: 14px;
}

input {
  box-sizing: border-box;
}
.card__information:has(.price) .card__heading{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
font-family: "Inter", sans-serif!important;

}
.facets__heading {
  color: #5C5851!important;
}
.template-collection .card__content:has(img):not(.card__content:has(.price)) {
    background-color: #eeece9;
    z-index: -1;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;

}
.template-collection .card__content{
    z-index: 99;
}
.gravity-button{
    background-color: #eeece9!important;
}
.template-collection .field__input:focus{
     padding:8px 5px;
     border: 2px solid #5C5851;
     outline-offset: 0cap;
}
.template-collection .card__information > h3{
    font-size: clamp(12px, 3vw, 14px);
}
.template-collection .scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    margin-bottom: 10px;
}
.card-information > .price {
    color: #5C5851!important;
}
.facets-vertical .active-facets facet-remove:last-of-type {
    margin-bottom: 0!important;
}
.template-collection facet-remove.active-facets__button-wrapper a.active-facets__button-remove.underlined-link{
  text-decoration: none;
  background-color: #d5cdc2;
  border-radius: 15px;
  padding:10px;
  color: #5f5c5c;
}
.ap-remove-m a{
  text-decoration: none;
  background-color: #d5cdc2;
  border-radius: 5px;
  padding:10px;
  color: #5f5c5c;
  min-height:48px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.mobile-facets__footer:has(.ap-remove-m){
  padding:10px 10px;
}
.template-collection .facets__summary span:first-of-type {
   font-size: 16px;
}
.template-collection .facets__heading--vertical {
    margin: 0;
   font-size: 16px;
}
.template-collection .facets__price .field {

  border-radius: 5px!important;
}
.template-collection .field__input,.template-collection .field__input:not(:placeholder-shown)  {
    padding: 8px 5px;
    margin: var(--inputs-border-width);
    min-height: 41px;
    max-height: 41px;
}
.template-collection .facets-vertical .active-facets-vertical-filter {
  align-items: center;
  margin-bottom:20px;
}
.template-collection .card__information:has(.price) {
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding:10px!important;

}
.template-collection .page-width:has(.price){
   padding: 0 2rem;

}
.template-collection .active-facets {
    margin: 0px;
}
.template-collection .facets__price {
    align-items: center;
    gap: 5px;
}
.template-collection .facets-vertical .facets__price .field:last-of-type {
    margin-left: 0rem!important;
}
.template-collection .grid:has(.price) {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
    row-gap:20px;
    margin-top:0px;
}
li.grid__item.scroll-trigger.animate--slide-in:has(.price) .card .card__inner .card__media ,li.grid__item.scroll-trigger.animate--slide-in:has(.price) .card__inner.color-scheme-2.gradient.ratio {

  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem!important;
}

body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

.page-width.drawer-menu {
  max-width: 100%;
}

.page-width-desktop {
  padding: 0;
  margin: 0 auto;
}

.utility-bar__grid.page-width {
  padding-left: 3rem;
  padding-right: 3rem;
}
/* 商品詳細 */
.template-product .product__title h1{
  font-size: clamp(18px, 3vw, 24px);
  color:#5C5851;
  font-weight:550;
  font-family: "Inter", sans-serif!important;
  text-align:left;
 
}
.template-product .product__info-container > * + * {
    margin: 1.3rem 0;
}
.template-product .product-form__quantity .form__label {
   font-size: clamp(14px, 3vw, 16px);
}
.template-product .price.price--large.price--show-badge{
    margin-top:8px;

}
.template-product .product__info-wrapper span.price-item.price-item--regular{
    font-size:clamp(22px, 3vw, 24px);
    color:#5C5851;

}
.template-product .collapsible-content__heading.inline-richtext h1{
    font-size:clamp(22px, 3vw, 24px);

}
.template-product .quantity {
    border-radius:5px;
    background-color:#fff;
}
.template-product :is(.product-form__input--pill,.product-form__input--swatch) .form__label {
    font-size: clamp(14px, 3vw, 16px);
}

.template-product .product-form__input--pill input[type='radio']:checked + label {
    background-color:#807B74;
    border: 1px solid #807B74;
}
.template-product .product-form__buttons .button::after{
      border-radius:5px;
}
.gravity-button {
      background-color:#807B74;
}
.template-product .product-form__buttons .button {
    color: #fff!important;
    background-color: #ec9926;
    border: 1px solid #ec9926#ec9926;
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 700;
}
.ap-product__box{
    margin-top:30px
}
.template-product .product-form__buttons .button:hover{
    opacity: 0.7;
    transition: all 0.4s ease;
}

 .button:not([disabled]):hover::after, .template-product .shopify-challenge__button:hover::after{
    border:none;
    box-shadow: none;

} 
.template-product .button--secondary, .template-product .button--tertiary {
    border:none;
}

.template-product .button:after{
    box-shadow: none;
    border:none;
}
.template-product .product-form__buttons .button:after span{
    color: #fff;
}
.template-product .button--secondary:after{
    border:none;
}
.template-product button.favorite.button{
    background-color: #fff;
    color: #5C5851;
    border:none;
    position: relative;
    padding-left:50px;
    border:1px solid #5C5851;
}
.template-product .button{
    border-radius:5px;
}
.template-product .product__media-list .product__media-item {
    width: 100%;
}


.template-product button.favorite.button::before{
    width: 28px;
    height: 28px;
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/favorite-p.svg?v=147013858023638464841758037588') no-repeat center right;  
    content: '';
    position: absolute;
    top: 50%;
    left: 27px;
    transform: translate(-50%, -50%);
    background-size: contain;
    z-index: 2;
}
.template-product button.favorite.button.is-saved::before{
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/favorite-active.svg?v=82001121295929581751758037588') no-repeat center right;  
    width: 28px;
    height: 28px;
    max-width:28px;
    background-size: contain;
    content: '';

}
.template-product button.wish.button.add,.template-product button.wish.button.remove{
    background-color: #fff;
    color: #5C5851;
    border:none;
    position: relative;
    padding-left:55px;
    border:1px solid #5C5851;

}
.template-product button.wish.button.add:before{
    width: 30px;
    height: 30px;
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/list.svg?v=149877391636592742151757545851') no-repeat center right;  
    content: '';
    position: absolute;
    top: 50%;
    left: 27px;
    transform: translate(-50%, -50%);
    background-size: contain;
    z-index: 2;
}
.template-product button.wish.button.remove:before{
    width: 30px;
    height: 30px;
    background: url('//shop.petkifu.com/cdn/shop/t/8/assets/list2.svg?v=50326261705254837101759122916') no-repeat center right;  
    content: '';
    position: absolute;
    top: 50%;
    left: 27px;
    transform: translate(-50%, -50%);
    background-size: contain;
    z-index: 2;
    max-width:30px;

}
.template-product button.wish.button.remove{
    position: relative;
    background:#fff!important;
}
.template-product .product-media-modal__content.color-scheme-1.gradient img{
    max-height: 100vh;  
    max-width: 100%;   
    object-fit: contain; 
    width: 100vw;
}
.template-product .product-media-container.constrain-height .media{
    width: 100vw;
    margin:0 calc(50% - 50vw);
    aspect-ratio: 42 / 7;
}
.template-product .media > *:not(.zoom):not(.deferred-media__poster-button){
    padding:0px;
}
.template-product .gradient {
    padding:0px
}
.template-product .product-media-modal__toggle {
    top: 8rem!important;
    background: #FFC107;
    color: #6f6c6c;
    border:none;
}
.price:not(.price-item.price-item--regular .price){
    font-size: clamp(14px, 3vw, 16px)!important;
    font-weight: 700;
    display:block;
    margin-top:15px;
    text-align:left;
}
.card-information{
    font-size: clamp(14px, 3vw, 16px)!important;
    color:#5C5851;

}
.template-product h2.collapsible-content__heading.inline-richtext.h1{
    font-size:clamp(18px, 3vw, 28px);
    color:#5C5851;
}
.template-product h2.h2.serif{
    font-size:clamp(18px, 3vw, 20px);
    color:#666666;
    font-weight:600;
    border-bottom:1px solid #b3ada3ff;
    padding:10px 0;
    margin-top:25px;
}
.main {
    padding-top: 110px;
    min-height: calc(100vh - 110px - 649px);
}

.template-product main#MainContent {
    overflow-x:hidden!important;
    overflow-y:auto!important;

}
.template-product .bg-wrapper img{
    max-width:250px;
    object-fit:contain;
}
.template-product .page-width {
    margin: 0 auto;
    padding: 0 1.5rem;
    max-width: 1300px;
    width: 100%;
}
.template-product .product--no-media{
    margin-top: 20px;
}
.template-product .product--no-media :is(.product__title,.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__quantity, .product--no-media .product-form,.product--no-media .product__inventory){
    text-align: left!important;
    justify-content: flex-start!important;
    align-items: flex-start!important;
    margin-left:0px!important;

}

.template-product .sp-box.clearfix p{
    font-size:14px;
    line-height:1.3;
}
.template-product .sp-box.clearfix h4,.template-product .sp-box.clearfix p{
    color:#5b5353;
    line-height:1.3;
}
.template-product .bg-wrapper.bg-white,.template-product .feed-wrap,.template-product .row.wrap{
    font-size:14px;
    line-height:1.3;
}

.template-product .product-media-container.constrain-height.media-fit-contain {
    width: 100%;
    
}
.template-product .collapsible-content-wrapper-narrow {
    margin: 40px auto;
}
.template-product .product__info-wrapper {
    width: 100%;
}
.slideshow__controls {
    border: none!important;
}
.slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: #69676b!important;
}

.template-cart select#dantai-select{
    border:1px solid #5C5851;
    border-radius:5px;
    padding:8px 5px;
    max-width:100%;
    font-size:16px; 
    color:#5C5851;
    background-color:#fff;
    max-width: 300px;
    cursor: pointer;
}
.template-cart #dantai-select-wrap{
    display: flex;
    gap:10px;
    margin-top:10px;
    flex-direction: column;
}
.cart__checkout-button.button{
    background-color:#ec9926;
    border:1px solid #ec9926;
    color:#fff!important;
    border-radius:5px;
    font-size: clamp(16px, 3vw, 18px);
    font-weight:550;
    margin-top:10px;
}
th.caption-with-letter-spacing.ap-common-ttl{
    font-size: clamp(14px, 3vw, 16px);
    color:#5C5851;
    font-weight:600;
    border-bottom:1px solid #b3ada3ff;
    padding-bottom:10px;
}
.template-cart .button:not([disabled]):hover::after, .template-product .shopify-challenge__button:hover::after, .template-cart .button:after{
    border:none;
    box-shadow: none;
}
.totals.ap-totals{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:50px;
    
}
.ap-totals h2.totals__total{
    font-size: clamp(18px, 3vw, 20px);
    color:#5C5851;
    font-weight:400;
    margin:0;
}
p.totals__total-value{
    font-size: clamp(18px, 3vw, 20px);
    color:#5C5851;
    font-weight:700;
    margin:0;
}
.cart__ctas:hover{
    opacity: 0.7;
    transition: all 0.4s;
}
.cart__cta{
    transition: all 0.4s;
}
.ap-common-top-ttl h1{
    font-size: clamp(25px, 3vw, 28px);
    color:#5C5851;
    font-weight:400;
    margin:20px 0px 40px;
    font-family: "Inter", sans-serif!important;
}
.ap-cart-form{
    margin-top:50px;
}
td.cart-item__totals.right span.price.price--end{
    color:#5C5851;
    font-weight:700;
}
svg.icon.icon-remove {
    width: 50px;
    height: 50px;
}
a.button.ap-btn,.ap-btn{
    background-color:#B1A08A;
    border:none;
    color:#fff!important;
    border-radius:5px;
    font-size: clamp(16px, 3vw, 18px);
    font-weight:550;
    margin-top:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px 20px;
    box-shadow:none;
    max-width:200px;
    margin:20px auto;
}
a.button.ap-btn:hover,.ap-btn:hover{
    opacity: 0.7;
    transition: all 0.4s ease;
    box-shadow:none;

}
.btn-o{
    background-color:#ec9926;
    border:none;
    box-shadow:none;
}
a.button.ap-btn::after,a.button.ap-btn::after,.ap-btn::after{
    border:none;
    box-shadow:none;
}
.not-found-text {
    text-align: center;
    padding: 50px 20px;
    font-size: clamp(30px, 3vw, 80px);
    font-weight: 600;
    color: #5C5851; 
    font-family: "Inter", sans-serif!important;
    padding:0px;
}
 .not-found-ttl{
    font-size: clamp(25px, 3vw, 35px);
    color:#5C5851;
    font-weight:400;
    margin-top:10px;
    margin-bottom:30px;
    font-family: "Inter", sans-serif!important;
}
.submit-button{
    background-color:#ec9926;
    border:1px solid #ec9926;
    color:#fff!important;
    border-radius:5px;
    font-size: clamp(16px, 3vw, 18px);
    font-weight:550;
    margin-top:10px;
    padding:10px 20px;
    box-shadow:none;
}
.ap-policy * {
    line-height: 1.5;
    margin-bottom: 10px;
    font-family: "Inter", sans-serif!important;
}
.ap-policy h2 {
    font-size: clamp(18px, 3vw, 22px);
    color:#5C5851;
    font-weight:600;
    margin:25px 0;
    border-left: 5px solid #69676B;
    padding-left:10px;
    line-height:1.3;
    font-family: "Inter", sans-serif!important;
}
section.c-table,section.ap-policy{
    max-width:800px;
    margin:40px auto;
    width: 100%;
    font-family: "Inter", sans-serif!important;
}
section.c-table tr{
    display: flex;
    flex-direction: column;
    height: auto!important;

}
section.c-table ul{
    padding-left:0px;
    list-style: none;
    line-height:1.5;
}

section.c-table :is(th,td){
    background:#fff;
    text-align: left;
    line-height:1.5;
    width: 100%!important;
    height: 100%!important;
}
section.c-table th{
    background: #f8f8f7;
    width: 100%!important;
    height: 100%!important;
}
body:has(.c-table,.ap-policy) .ap-common-top-ttl h1 {
    text-align: center;
    margin-bottom: 40px;
}
.ap-right{
    list-style: none;
}
.footer-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    margin :50px 0 0;
    padding-left:0px;
    list-style: none;
}
.footer-bottom a{
    font-size: clamp(10px,3vw,12px);
    color:#6f6c6c;
    text-decoration:none;
    
}
button.ap-remove-button{
    background-color:#fff;
    border:none;
    color: #736e68ff;;
    border-radius:5px;
    font-size: clamp(16px, 3vw, 18px);
    font-weight:550;
    margin-top:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:5px 20px;
    box-shadow:none;
    width: 100%;
    margin:20px auto;
    border:1px solid #c0bcb8ff;
    cursor: pointer;
}
.title--primary{
    color:#5C5851;
    font-weight:600;
    margin:25px 0;
    padding-left:10px;
    line-height:1.3;
    font-family: "Inter", sans-serif!important;
}
thumbnail[aria-current] {
    box-shadow: none!important;;
    border-color:none!important;;
}
.product-form__buttons.sticky-add-to-cart {
    position: fixed;
    bottom: 70px;
    z-index: 99;
    width: 98%;
    left: 50%;
    right: 10px;
    transform: translate(-50%);
}
#wishlist-container .ap-list{
    overflow-x: unset;
}
.wish-list-box {
    margin-top: 60px;
    position: relative;
    
}
.template-page .ap-list.product-list  {
    padding-left: 0px;
}
/* お問い合わせ */
.contact-form-section{
    max-width:900px;
    margin:40px auto;
    padding:40px 20px;
}
.contact-form-section .field__input{
    border:none;
    border-radius:8px;
    padding:10px 20px;
    max-width:100%;
    font-size:16px; 
    color:#5C5851;
    background-color:#fff;
    width: 100%;
    min-height:60px;

}
.ap-contact{
    text-align: center;
}
.ap-contact .button{
    font-size: clamp(16px, 3vw, 18px);
    font-weight:550;
    margin-top:10px;
    padding:10px 20px;
    box-shadow:none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:70px auto 0;
    max-width:200px;
    width: 200px;
}
body:has(.contact-form-section) h1{
    font-size: clamp(25px, 3vw, 28px);
    color:#5C5851;
    font-weight:500;
    margin:50px 0px 40px;
    text-align: center;
}
.contact-form-section .field:after, .contact-form-section .field:before,  .contact-form-section .field__input:focus{
    border: none;
    outline-offset: 0cap;
    box-shadow:none;
}
.contact-form-section .field:after {
    box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
}
.contact-form-section textarea.field__input{
    min-height:170px;
    resize: vertical;
    padding:18px 20px;
}
/* .top-slide :empty{
    display: none!important;
} */
.template-index .banner--mobile-bottom .slideshow__text.banner__box{
    display: none;
 } h2.form-status.form-status-list.form__message +.contact__fields,h2.form-status.form-status-list.form__message +.contact__fields + .field,h2.form-status.form-status-list.form__message +.contact__fields + .field + .field,
h2.form-status.form-status-list.form__message +.contact__fields + .field + .field + .contact__button{
    display:none
 }
h2.form-status.form-status-list.form__message{
    justify-content:center;
 }
.template-collection .card__inner.color-scheme-2.gradient.ratio{
    max-height:220px;
    background:#fff;
}
.template-search .card__inner.color-scheme-2.gradient.ratio{
    max-height:180px;
    background:#fff;
}
.template-search .card__media img{
    max-height:180px;
    background:#fff;
}

.template-collection .card__media .media img,.template-search .card__media .media img{
    object-fit:contain;
}
.a-box{
    margin-top:20px;
    line-height:2;
}
.c-fx{
  display: flex;
  gap: 10px;
  margin-top:10px;
  flex-direction: column;

}
.dantai-link{
    color: #ec9926;
}
.dantai-list li {
    overflow: hidden;
}
.dantai-list,#wishlist-container .ap-list {
    grid-template-columns: 1fr, 1fr;
    display: grid;
}
.cart-count-bubble,.ap-count{
    background-color: #FFF;/*ec9926*/
    color: #000;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;

}
.ap-count {
    border-radius: 50%;
    width: 23px;
    height: 23px;
    font-size: 13px;
    position: absolute;
    top: 4px;
    right: 9px;
}
.badge {
    background-color: #F44336;
}

.arrow {
    position: relative;
    width: 100px;
    height: 40px;
    margin: 0 auto;
    z-index: 3;

}
.product-list, .top-protection,.ap-list,.wish-list {
    border-top: 1px solid #ebe7e7;
    padding-top:10px;

}
.arrow-box::before {
    content: "";
    position: absolute;
    top: 33%;
    right: -10px;
    width: 8px;
    height: 8px;
    border: solid #6f6c6c;
    border-width: 3px 3px 0 0;
    transform: translateY(-50%) rotate(45deg);
    animation: arrow-right 2.5s infinite;
}
    @keyframes arrow-right {
    0% {
        transform: translate(0, -50%) rotate(45deg);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        transform: translate(30px, -50%) rotate(45deg);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
    }
    .arrow-box {
        position: relative;
        width: 90%;
        height: 20px;
    }
    section:has(.arrow-box){
        position: relative;
    }
    .arrow-box{
        display: flex;
        gap:20px;
        justify-content:flex-end;
    }
/* guide */
.guide-inner{
    max-width: 800px;
    margin: 40px auto;
    padding: 0 20px;
    width: 100%;
}
h1.guide-title {
    font-size: clamp(25px, 3vw, 28px);
    font-weight:400;
    color:#5C5851;
    margin:25px 0;
    padding-left:10px;
    line-height:1.3;
    font-family: "Inter", sans-serif!important; 
    text-align: center;
}
.guide-section h2{
    font-size: clamp(22px, 3vw, 24px);
    color:#5C5851;
    font-weight:500;
    margin:47px 0 20px;
    border-bottom: 1px solid #D9D9D9;
    padding:10px;
    line-height:1.3;
    font-family: "Inter", sans-serif!important;

}
.guide-section h3{
    font-size: clamp(19px, 3vw, 22px);
    color:#B1A08A;
    font-weight:700;
    margin:36px 0 0px;
    padding-left:10px;
    line-height:1.3;
    font-family: "Inter", sans-serif!important;
}
.guide-section img{
    max-width:100%;
    margin:30px 0 0;
}
.guide-section p{
    margin-bottom:25px;
    line-height:1.75;
    font-family: "Inter", sans-serif!important;
}
a.link-o{
    color:#EC9926;
    text-decoration: underline;
    position: relative;
    padding-left:20px;
    font-weight: 700;
    margin:30px 0 10px;
    display: inline-block;
}
a.link-o::before {
    content: "";
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: #EC9926;
    width: 9px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 2px;
}
.g-hr{
    display: block;
    border-top: 1px solid #D9D9D9;
    margin: 40px 0;
}



@media screen and (min-width: 1020px) {
  .search-form {
      display: flex;
      justify-content: space-between;
      align-items: center;
      overflow: hidden;
      border: 1px solid #CBC4B4!important;
      border-radius: 20px;
  }
  .contact-pc {
      display:block;
  }
  .search-form input {
      display: block;
      font-size:16px;
      color:#4F4A4A;
  }
  .header-sub li a {
      max-width: 80px;
  }
  .header-sub li span:not(.cart-count-bubble span) {
      width: 100%;
      display: block;
      margin-top:5px;
  }
  .header-sub {
      gap: 20px;
      display: flex;
  }
  .search-form button {
      width: 40px;
  }
  .header-sub {
      margin:0 0 0 auto;
  }
  .bottom-nav{
      display: flex;
      gap:30px;
      position: relative;
  }
  .search-icon{
      display: none;
  }
  .pc-show{
      display: block;
  }
  .sp-show{
      display: none;
  }
    .trigger-box{
      display: none;
  }
  .sp-btn.contact-btn{
      display: none;
  }
  .search {
      margin-left: 0; 
  }
  .logo{
      max-width:200px;
  }
  .logo img{
     max-width:200px;
     object-fit:contain;
  }
  .bottom-nav{
     margin:10px 0px 10px;
  }
  .header-top {
     gap: 10px;
     justify-content:flex-start;
  }
  .sp-right{
     margin-left:auto;
     gap:15px;
  }
 .sub-list{
     left:50%;
     transform: translatex(-50%);
  } 
  

}
 @media (min-width: 550px) and (max-width: 1020px) {
  
    .search-form {
        max-width: 400px;
        min-width: 400px;
        background: #fff;
        width: 100%;
    } 
    .sp-btn.contact-btn{
        position: relative;
        transform: translateY(0%);
    }
    .header-top{
        gap: 10px;
        justify-content:flex-end;
    }
    .logo{
        max-width:180px;
    }
    .logo img{
        max-width:180px;
        object-fit:contain;
    }
    .bottom-nav{
        margin:10px 0px 10px;
    }
    .sp-right{
        margin-left:auto;
        gap:15px;
    }
    .contact-pc {
        display:none;
    }
    .search-icon{
        display: block;
    }
    .pc-show{
        display: none;
    }
    .sp-show{
        display: block;
    }
    .trigger-box{
        display: block;
    }
    .sp-btn.contact-btn{
        display: block;
    }
    .search {
        margin-left: auto;
    }
  
}
@media screen and (min-width: 768px) {
    .guide-section h2{
        margin:47px 0 20px;
    }
    .top-slide{
        border-radius: 20px;
        margin-top:20px;
        width: auto;
    }
    .drawer-content.active{
        width:70%;
        max-width:500px;
    }
    .page-width:has(.top-slide){
        padding:auto;
    }
    :where(.dog-list,.cat-list,.category-list,.brand-list) li img {
        max-width: 122px;
        min-width: 122px;
        border-radius: 50%;
        min-height: 122px;
        max-height: 122px;
    }
    :where(.dog-list,.cat-list,.category-list,.brand-list) li {
        max-width: 122px;
        min-width: 122px;
        border-radius: 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    :where(.product-list,.top-protection) li {
        max-width: 220px;
        width: 100%;
        min-width: 220px;
        border-radius: 10px;
    }
    .animal-fx li:nth-child(3),.animal-fx li:nth-child(5) {
        display: block;
    }
    .animal-fx {
        margin-top: 100px;/**/
    }
    .animal-fx li{
        width: calc(100%/ 5 - 10px);
    }
    section:has(.product-list:not(.template-page .product-list),.top-protection) {
        margin-top: 60px;
    }
    .footer {
        padding: 30px 0 ;
    }

    section:has(.category-list,.dog-list,.cat-list,.brand-list) {
        margin-top:40px;
    }
    .ap-list:where(.dog-list,.cat-list,.category-list,.brand-list){
        gap: 30px;
    }
    /*
    .footer-menu:after {
        width: 60px;
        height: 60px;
        top:50%;
        left:15%;
    }
    */
    .glnv-sp {
        display:none;
    }
    .top-protection-box:before {
        width: 105px;
        height: 90px;
    }
    
    span.copy-right  {
        margin-top:20px;
    }
   .footer-menu li a {
        font-size: 16px;
    }

    .template-product .product-media-container.constrain-height .media:not( .constrain-height .template-product .product-media-container.constrain-height .media ) {
        width: 100%; 
        margin:auto;
    }
    .template-product .product__media-item.grid__item.slider__slide.is-active.scroll-trigger.animate--fade-in .product-media-container.constrain-height .media{
        width: 100%; 
        margin:auto;
        /* min-height:520px;  */
        height:100px!important;
    }
    .template-product .product-media-container .product__modal-opener:not(.ap-product .product-media-container .product__modal-opener) {
        padding: 50px;
    }
    .template-product .product--no-media{
        max-width: 100%;
        gap: 30px!important;
        flex-wrap: nowrap;
        margin-top: 70px;
    }
    .template-product .product--no-media .grid__item.product__media-wrapper{
        max-width: 630px;
        min-height: 300px;
        height: 20px;
        background: #eee;
        max-height: 520px;
    }

    .template-product .product--no-media .ap-product__box {
        display: inline-block;
        width:calc(100% - 630px) ;
    }
    .template-product .product__media-item.grid__item.slider__slide.is-active.scroll-trigger.animate--fade-in .product-media-container .media{
    max-height:100px; 
    }
    .template-product .product__media-item.grid__item.slider__slide.is-active.scroll-trigger.animate--fade-in .product-media-container.constrain-height .media{
        max-height:100px;
      
    }
    .product__media-list li + li.ap-product{
        max-width:100px!important;
        max-height:100px!important;
        overflow:hidden;
  }

    .product__media-toggle::after {
        max-width:100px!important;
        max-height:100px!important;

    }
    .template-product .product--no-media .product-form > .form {
        max-width: 44rem; 
    }
    .grid--peek.slider .grid__item:first-of-type{
         margin-left: 0px!important; 
    }
    .template-product .price.price--large.price--show-badge{
        margin-top:8px;
        text-align: left;
    }
    .template-product .product.grid {
        margin-top: 70px;
    }
    .template-product h2.collapsible-content__heading.inline-richtext.h1{
        font-size:clamp(18px, 3vw, 28px);
    }
     .template-produc .product:not(.product--columns) .product__media-list .product__media-item:first-child, .product:not(.product--columns) .product__media-list .product__media-item--full {
        width: 100%;
        max-width: 100%;
        position: sticky;
        top:0px;
    }
    .template-product main#MainContent {
        overflow: clip!important;
    }
    .template-product .product-media-container.constrain-height.media-fit-contain {
        width: 100%;
    }
    .template-product .collapsible-content-wrapper-narrow {
        margin: 80px auto 80px 0;
        max-width: 800px;
        width: 100%;
    }

    .template-product:has(.product--no-media) .collapsible-content-wrapper-narrow {
        margin: 160px auto 80px 0;
        max-width: 800px;
        width: 100%;
    }
    .template-product .product__info-wrapper {
        width: calc(100% - 630px);
    }
    .template-product .product-media-modal__toggle {
        top: 2rem!important;
    }
    .page-width:has(.top-slide){
        max-width:1280px;
        margin:20px auto;
    }
    .ap-cart-form{
        margin-top:90px;
    }
    .ap-product__box{
        margin-top:0px
    }
    .totals.ap-totals{
        margin-top:0px;
    }
    .dantai-list li,#wishlist-container .ap-list li {
        min-width: 210px;
        max-width: 250px!important;
        overflow: hidden;
    }
    .dantai-list,#wishlist-container .ap-list {
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr))!important;
    }
    section.c-table th{
        width: 35%!important;
    }
    section.c-table tr{
        flex-direction: row;
        height: auto!important;
    }
    section.c-table td{
        width: 65%!!important;;
    }
    .facets-vertical:has(.ap-not-product) {
        display: block;
    }
    .facets-vertical:has(.facets__header-vertical) {
        display: flex;
    }
    .product-form__buttons.sticky-add-to-cart {
        position: static;
        transform: translate(0%);
    }
    .wish-list-box {
        margin-top: 90px;
    }
    .ap-common-top-ttl h1{
        margin:40px 0px 40px;
    }
    section.c-table tr{
        display: table-row;

    }
    .template-search .card__inner.color-scheme-2.gradient.ratio{
        max-height:260px;
        background:#fff;
    }
    .template-search .card__media img{
        max-height:260px;
        background:#fff;
    }

    .c-fx{
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }
    .arrow {
        position: relative;
        width: 100px;
        height: 40px;
        margin: 0 auto;
        z-index: 3;

    }

    .arrow-box::before {
        content: "";
        position: absolute;
        top: 60%;
        left: 0;
        width: 18px;
        height: 18px;
        border: solid #6f6c6c;
        border-width: 3px 3px 0 0;
        transform: translateY(-50%) rotate(45deg);
        animation: arrow-right 2.5s infinite;

    }

    @keyframes arrow-right {
    0% {
        transform: translate(0, -50%) rotate(45deg);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        transform: translate(30px, -50%) rotate(45deg);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
    }
    .arrow-box{
        position: absolute;
        content="";
        top:50%;
        transform: translateY(-50%);
        width: 60px;
        height:60px;
        /* border-radius:50%;  */
        /* background:#fff; */
        right:15px;
        z-index: 2;
        /* box-shadow: -2px 9px 15px -8px #86919975; */

    }
    section:has(.arrow-box){
        position: relative;
    }
    .arrow-box span{
        bottom: -10px;
        left: 15px;
        width: 18px;
        height: 18px;
        border-width: 3px 3px 0 0;
        position: absolute;
        font-size:12px;
    }
    section:has(.product-list:not(.template-page .product-list),.top-protection) {
        padding:0 75px 0 0;
    }
    .product-list, .top-protection,.ap-list,.wish-list {
    border-top: none;
    padding-bottom:0px;
    }
    section:has(.ap-list),  section:has(.wish-list){
        padding:0 75px 0px 0px;
    
    }
    .wish-list-box {
    margin-top: 60px;
    position: relative;
    padding: 0 75px 0px 0px;
    }
}

footer {
    margin-top: auto;
}
main{
    flex-grow:1;
}
.facets-vertical-sort{
    margin-bottom:15px;
}
.template-product span.badge.price__badge-sold-out.color-scheme-3 {
    margin-top: 5px;
}
.product__media.media.media--transparent img {
    object-fit: contain;
    margin:0 auto;
    display: table
}


@media screen and (max-width: 749px) {
    .template-product .grid--peek.slider .grid__item:first-of-type {
     margin-left:0px; 
    }
    .template-product .slider.slider--mobile {
        scroll-padding-left:0px; 
    }
    .template-product .product-media-modal__dialog {
        align-items: flex-start;
        margin-top: 130px;
    }

}