/*
Theme Name: gt2024
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
    
    @font-face{
        font-family:"Moneta";
        src:url("./fonts/6048286/091d4bae-7584-4d52-837b-2e9fa43c5d4e.woff2") format("woff2"),url("./Fonts/6048286/b45ee86e-3d25-4be2-92a3-9a3f4f994ead.woff") format("woff");
    }
    @font-face{
        font-family:"MonetaSans-Bold";
        src:url("./fonts/6048286/091d4bae-7584-4d52-837b-2e9fa43c5d4e.woff2") format("woff2"),url("./Fonts/6048286/b45ee86e-3d25-4be2-92a3-9a3f4f994ead.woff") format("woff");
    }


html {
  touch-action: manipulation;
}

* {
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*ck*/

body:not(.ck) .on_ck{
display: none !important;
}
body.ck .no_ck{
display: none !important;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.none{
display:none !important;
}

body{
  -webkit-font-smoothing: antialiased;
  font-family: 'Lato', sans-serif;

color: #6A6F60;
}

a{
  color:inherit;
  text-decoration: none;
}

.blw{
  display: block;
  height: auto;
}

.fit{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-size: cover;
  background-position: center center;
}

[vb]{
  position: relative;
}

[vb]:before{
display: block;
content:"";
width:100%;
padding-top:100%;
  }


[vb] svg,
[vb] img{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}
[vbc="g"] *{
fill:#ECF2DC !important;
}
[vbc="p"] *{
fill:#FFF4F0 !important;
}
[vbc="b"] *{
fill:#E7F4EB !important;
}



.cont_wrap{
  overflow: hidden;
}


.nearc{
  -webkit-mask-image: url(./img/nearc.svg);
  mask-image: url(./img/nearc.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

/*c_ocha*/

.c_matcha{
color: #4D6D16 !important;
}


.c_gyokuro{
color: #8D953A !important;
}


.c_sencha{
color: #857626 !important;
}


.c_hojicha{
color: #9D5830 !important;
}


.c_genmaicha{
color: #92922A !important;
}


.c_other{
color: #6A6F60 !important;
}


[vbc="c_matcha"] *{
fill:#E7EEDC !important;
}

[vbc="c_gyokuro"] *{
fill:#E1E1C8 !important;
}

[vbc="c_sencha"] *{
fill:#F5F0E2 !important;
}

[vbc="c_hojicha"] *{
fill:#FCEEEA !important;
}

[vbc="c_genmaicha"] *{
fill:#F4F4D4 !important;
}

[vbc="c_other"] *{
fill:#EDEEE6 !important;
}

/*loader*/


.loaders{
  position: fixed;
  top:0;
  left: 0;
  width:100%;
  height: 100%;
  background:#fefefe;
  z-index: 3000;
}
.loaded .loaders{
  transition: all 1500ms cubic-bezier(0.475, 0.120, 0.005, 0.975); /* custom */
  transition-delay: 0.5s;
  opacity: 0;
  pointer-events: none;
}
.loaded.loadedd .loaders{
  transition: all 500ms cubic-bezier(0.475, 0.120, 0.005, 0.975); /* custom */


opacity: 1;
}



/*sei*/

.sei:before{
  width:100%;
  padding-top:100%;
  display: block;
  content:"";
}


.is_policy .shopnow_area{
  display: none;
}

/*kv_mov*/

.kv_mov{
  position: absolute;
  top:50%;
  left: 50%;
  width:100%;
  height: 100%;
transform: translate(-50%,-50%);
}
@media (max-aspect-ratio: 2/3) {

.kv_mov{
  width:66.6vh;
  height: 100vh;
}

}

@media (min-aspect-ratio: 2/3) {

.kv_mov{
  width:100vw;
  height: 150vw;
}

}

.fv_dark{
  background:#000;
  opacity: 0.3;
  z-index: 5;
}

.ocha_alist_mov{

  position: absolute;
  top:50%;
  left: 50%;
  width:100%;
  height: 100%;
transform: translate(-50%,-50%);
}


[dotn2="1"] [dotn="1"],
[dotn2="2"] [dotn="2"],
[dotn2="3"] [dotn="3"],
[dotn2="4"] [dotn="4"],
[dotn2="5"] [dotn="5"],
[dotn3="1"] [dotn="1"],
[dotn3="2"] [dotn="2"],
[dotn3="3"] [dotn="3"],
[dotn3="4"] [dotn="4"],
[dotn3="5"] [dotn="5"],
[dotnd="1"] [dotn="1"],
[dotnd="2"] [dotn="2"],
[dotnd="3"] [dotn="3"],
[dotnd="4"] [dotn="4"],
[dotnd="5"] [dotn="5"]{
    background: #CE193A;
    opacity: 1;
}



/* sort */
[sorted="nr"] [sorter="nr"].redb,
[sorted="ph"] [sorter="ph"].redb,
[sorted="pl"] [sorter="pl"].redb,
[sorted="az"] [sorter="az"].redb{
  background:#CE193A;
}


[sorted="nr"] [sorter="nr"].redb .redb_in,
[sorted="ph"] [sorter="ph"].redb .redb_in,
[sorted="pl"] [sorter="pl"].redb .redb_in,
[sorted="az"] [sorter="az"].redb .redb_in{
  color:#fff;
  }


  .ocha_items{
      transition: all 900ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  }
  .ocha_items.sorting{
          transition: all 0ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
opacity: 0;
  }


/*spop*/

  [s_pop]{
opacity: 0;
pointer-events: none;

transition: all 500ms cubic-bezier(0.950, 0.050, 0.795, 0.035); /* easeInExpo */

  }

  [s_popd="1"] [s_pop="1"],
  [s_popd="2"] [s_pop="2"]{
opacity: 1;
pointer-events: auto;
      transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

  }


  .s_fil_cont input{
    display: none;
  }

      .s_fil_cont input + span{
font-weight: bold;
cursor: pointer;
}
    .s_fil_cont input:checked + span{
color:#CE193A;
}


.ocha_items .cm_item_box:not([f_val="3"]){
display: none !important;
}



.ocha_single .no_osi{
display: none;
}