/*Custom-style*/
div.add_sub_title nav.elementor-nav-menu--main a .menu-sub-title {
  display: block;          /* 下行に表示 */
  font-size: 10px;
  line-height: 1.2;
  margin-top: 4px;
  text-align: center;
  pointer-events: none;    /* クリック干渉しない */
}

div.footer_menu{
  nav.elementor-nav-menu--main li{
    display: flex;
    width:50%;
    & a{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      & span{
        color:#ffffff;
      }
    }
  }
}
div.footer_menu_wh{
  nav.elementor-nav-menu--main li{
    display: flex;
    width:50%;
    & a{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      & span{
        color:#828282;
      }
    }
  }
}
div.sidemenu{
  nav.elementor-nav-menu--main li{
    display: flex;
    width:100%;
    border-bottom:1px solid;
    border-bottom-color:rgb(var(--accent-1-c));
    &:after{
      content:">";
      position:absolute;
      top:35px;
      right:10px;
    }
    & a{
      display: flex;
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      & span{
        color:var(--accent-1-c);
      }
    }
  }
}

/*Elementor Bug Reset*/
.service-content {
    inset-inline-start: auto !important;
}
/*/Elementor Bug Reset*/

.service-content,.header-area{
  .elementor-widget-button a{
    backdrop-filter: blur(2rem);
  }
}
.service-title,.header-area {
  /*transform: translateY(-100%);*/
  /*transition: transform 0.5s ease;*/
  &:before {
    position: absolute;
    width: 100%;
    z-index: 0;
    inset: 0;
    content: "";
    backdrop-filter: blur(1rem);
    mask-image: linear-gradient(
      to top,
      rgb(0 0 0 / 0%) 0%,
      rgb(0 0 0 / 4.9%) 7.75%,
      rgb(0 0 0 / 10.4%) 11.25%,
      rgb(0 0 0 / 45%) 23.55%,
      rgb(0 0 0 / 55%) 26.45%,
      rgb(0 0 0 / 89.6%) 38.75%,
      rgb(0 0 0 / 95.1%) 42.25%,
      rgb(0 0 0 / 100%) 50%
    );
  }
  &:after {
    position: absolute;
    width: 100%;
    z-index:0;
    inset: 0;
    bottom: 25%;
    content: "";
    backdrop-filter: blur(1rem);
    mask-image: linear-gradient(
      to top,
      rgb(0 0 0 / 0%) 0%,
      rgb(0 0 0 / 4.9%) 15.5%,
      rgb(0 0 0 / 10.4%) 22.5%,
      rgb(0 0 0 / 45%) 47.1%,
      rgb(0 0 0 / 55%) 52.9%,
      rgb(0 0 0 / 89.6%) 77.5%,
      rgb(0 0 0 / 95.1%) 91.9%,
      rgb(0 0 0 / 100%) 100%
    );
  }
}



/* 初期状態：下に隠す */
.service-view-button {
  transform: translateY(100%);
  transition: transform 0.5s ease;
  &:before {
    position: absolute;
    width: 100%;
    z-index: -1;
    inset: 0;
    content: "";
    backdrop-filter: blur(1rem);
    mask-image: linear-gradient(
      to bottom,
      rgb(0 0 0 / 0%) 0%,
      rgb(0 0 0 / 4.9%) 7.75%,
      rgb(0 0 0 / 10.4%) 11.25%,
      rgb(0 0 0 / 45%) 23.55%,
      rgb(0 0 0 / 55%) 26.45%,
      rgb(0 0 0 / 89.6%) 38.75%,
      rgb(0 0 0 / 95.1%) 42.25%,
      rgb(0 0 0 / 100%) 50%
    );
  }
  &:after {
    position: absolute;
    width: 100%;
    z-index: -1;
    inset: 0;
    top: 25%;
    content: "";
    backdrop-filter: blur(2rem);
    mask-image: linear-gradient(
      to bottom,
      rgb(0 0 0 / 0%) 0%,
      rgb(0 0 0 / 4.9%) 15.5%,
      rgb(0 0 0 / 10.4%) 22.5%,
      rgb(0 0 0 / 45%) 47.1%,
      rgb(0 0 0 / 55%) 52.9%,
      rgb(0 0 0 / 89.6%) 77.5%,
      rgb(0 0 0 / 95.1%) 91.9%,
      rgb(0 0 0 / 100%) 100%
    );
  }
}

/* 親にホバーしたとき：表示位置にスライド
.service-content:hover .service-title {
  transform: translateY(0);
}
*/
.service-content:hover .service-view-button {
  transform: translateY(0);
}


/*Services child page*/
body{
  &.page-slug-full-order,
  &.page-slug-semi-order,
  &.page-slug-photo-movie,.e-off-canvas{
     backdrop-filter: blur(60px);
  }
}

/*Pagenation Design*/
nav.elementor-pagination{
  display: flex;
  justify-content: center;;
  span,a{
    border:1px solid #e8e8e8;
    padding:5px 10px 5px 10px;
    border-radius:10px;
    &.prev::before{
      content:"<";
      margin-right:10px;
    }
    &.next::after{
      content:">";
      margin-left:10px;
    }
  }
}


/*Team Archive*/

.Member-loop-archive-left {
  order: 1;
}
.Member-loop-archive-right {
  order: 2;
}

/* 偶数番目のループだけ左右入れ替え */
div[data-elementor-type="loop-item"]:nth-child(even) .Member-loop-archive-left {
  order: 2;
}
div[data-elementor-type="loop-item"]:nth-child(even) .Member-loop-archive-right {
  order: 1;
}
@media (max-width: 768px) {
  div[data-elementor-type="loop-item"]:nth-child(even) .Member-loop-archive-left {
    order: 1;
  }
  div[data-elementor-type="loop-item"]:nth-child(even) .Member-loop-archive-right {
    order: 2;
  }
}


/* FAQ */
.faq-accordion details summary span.e-n-accordion-item-title-header div:before{
  content:"Q";
  background-color:#ffffff ;
  color:#afafaf;
  border-radius: 100%;
  border:1px solid #e8e8e8;
  width:30px;
  height:30px;
  font-weight:bold;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  display: inline-block;
  font-weight: 400;
}

.faq-accordion details div[role="region"] p:before{
  content:"A";
  background-color:#AFAFAF;
  color:#ffffff;
  border-radius: 100%;
  width:30px;
  height:30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin-right: 10px;
  font-weight: 400;
}