/*
Theme Name:hello-child
Template:hello-elementor
Version:1.0
*/
html,body{overflow-x: hidden;}

/*animation 無限ループ*/
.infinate{animation-iteration-count:infinite !important;}

/*グラデテキスト*/
.gradient_text_pink h2{
background: linear-gradient(90deg, rgba(149,0,255,1) 0%, rgba(255,23,90,1) 48%, rgba(255,121,162,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color:inherit !important;
}

.gradient_text_yellow h2{
background: linear-gradient(144deg, rgba(255,123,28,1) 4%, rgba(255,236,0,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color:inherit !important;
}

/*Text 省略*/
.ellipsis h2{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/*スクロール矢印*/
.scroll_down{
display: inline-block;
  position: absolute;
  right: 40px;
  bottom: 0;
  z-index: 2;
  padding: 10px 10px 110px;
  overflow: hidden;
  color: #000000;
  font-size: 14px;
  font-family: 'Josefin Sans', sans-serif;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  writing-mode: vertical-lr;
}

.scroll_down:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100px;
  background: #000000;
  animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  35% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  35.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  70%, 100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
/*/スクロール矢印*/

/*リンクアニメーションボーダー*/

/*++++++++++++++++++
アニメーションボーダー
++++++++++++++++++*/

/*ボーダーを付ける要素の定義*/
.border-ani h2{
  position: relative;
  display: inline-block;
}

/*ボーダーデザイン*/
.border-ani:before {
  width: 100%;
  content: "";
  display: block;
  bottom: 0;left: 0;position: absolute;
  background: #E4E4E4;
  height: 1px;
  z-index: 1;
  transform: scaleX(0);
  transform-origin: right top;
  transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1),-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
}

.border-ani:after {
    width: 100%;
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #000000;
    height: 1px;
    z-index: 1;
    transform: scaleX(0);
    transform-origin: right top;
    transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
    transition: transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1),-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
}

/*ボーダーデザインホバー時*/

.border-ani:hover:before{
transform:scaleX(1);
transform-origin:left top;
transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1),-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.border-ani:hover:after{
transform:scaleX(1);
transform-origin:left top;
transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition:transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1),-webkit-transform 0.3s cubic-bezier(0.37, 0.16, 0.12, 1);
transition-delay:0.35s
}



/*Woovariationtable*******************/

#variations-table h3.available-title{display:none;}
#variations-table table.variations thead{font-size:10px;
background-color: #fbfbfb;
}
#variations table.variations th{
  padding: 5px;text-align: center;
  border-width: 0px 0px 1px 0px!important;
}
#variations table.variations td{text-align: center;font-size:12px;border-width: 0px 0px 1px 0px!important;}

#variations table.variations th.image_link{
  min-width: inherit;
}
#variations .item img{width:50px;border-radius: 5px !important;}

#variations .add-to-cart button{height:40px !important;border-radius: 60px !important;}

#variations table.variations td span.item p.stock
{margin:0 !important;}


@media only screen and (max-width: 1024px) {
#variations table.variations tr{
  display: flex;
}
#variations table.variations td{
  display: flex !important;
  align-items: center;
}
#variations table.variations td:before{
  display: none;
}
.variations tbody tr{
  border:inherit;
}
}
/********************/