/** Shopify CDN: Minification failed

Line 214:10 Expected ":"

**/
/* 2023.03.02 add start */

  h2.custom__title {
    font-size: calc(var(--font-size-heading-2)*.65) !important;
    text-align: center;
  }

/* 2023.03.02 add end */
/* 2023.02.02 add start */
a{
  color:var(--colorTextBody);
  text-decoration:none;
  background:transparent
}

a:hover{
    color:var(--colorTextBody);
  }

.text-link{
  display:inline;
  border:0 none;
  background:none;
  padding:0;
  margin:0;
  color:currentColor;
  background:transparent
}

.text-link:hover{
    color:currentColor;
  }

.section--divider{
  border-top:1px solid;
  border-top-color:var(--colorBorder);
  padding-top:60px;
  padding-top:var(--indexSectionPadding);
}

.page-width {
  max-width: 1500px;
  margin: 0 auto;
}

.new-grid{
  display:flex;
  flex-wrap:nowrap;
  word-break:break-word;
}
/*----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.new-grid {
  display:flex;
  flex-wrap:nowrap;
  word-break:break-word;
}
/*----------------------------*/

.grid-item{
  width: 45vw;
  align-items:stretch;
  display:flex;
  margin-bottom:10px;
}
@media only screen and (min-width: 769px) {
  .grid-item {
    width: 16vw;
  }
}

.collection-image img{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
}

.image-wrap{
  background:var(--colorSmallImageBg);
  overflow:hidden;
}

.image-wrap img:not([role=presentation]){
  display:block
}

.no-js .image-wrap img:not([role=presentation]).lazyload{
  display:none
}

.collection-item {
  position: relative;
  display: block;
  flex: 1 1 100%;
  text-align: center;
  margin-bottom: 5px;
  padding-left:10px;
  padding-right:10px;
}

.collection-item__title{
  display:block;
  margin-top:5px;
  font-weight:700;
  padding:0 7%;
}

.collection-image--is-collection {
  padding-bottom:100%;
}

.collection-image-wrap{
  position:relative;
  transition:all 0.2s ease;
}

.collection-image-wrap:after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background-color:rgba(0, 0, 0, 0.027);
    pointer-events:none;
    transition:all 0.2s ease;
  }

.collection-image-wrap:hover{
    transform:translateY(-3px);
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.1)
  }

.collection-image-wrap:hover:after{
      background-color:transparent;
    }

.collection-item:active .collection-image-wrap{
    transform:scale(0.97);
    transition:transform 0.05s ease-out
}

.slider {
  display: none;
}

/* 2023.02.02 add end */

/* 2023.02.02 add end */

/* 2023.03.02 add start */
.custom-ranking-tab {
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: calc(100% / 6);
  height: 50px;
  background-color: whitesmoke;
  font-size: 15px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
  border: solid 1px white;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (max-width: 770px) {
  .tab_class {
    width: calc(100% / 3);
    font-size: 12px !important;
  }  
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: silver;
  font-weight: 700;
}
 
.content_class {
  display: none;
  width: 100%;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

.tab_div {
  padding: 5px 10px;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
/* 2023.03.02 add end */