/* Home & Header ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ */
#hd_header nav a:before {
  background: #D7B992;
}
#hd * {
  font-family: 'HL', sans-serif !important;
}
#hd p,
#hd a {
  font-family: 'HL',
      sans-serif !important;
}

#hd h3,
#hd h4 {
  font-family: 'HR',
      sans-serif !important;
}

#hd h3,
#hd h4 {
  font-family: 'HR',
      sans-serif !important;
}

#hd .hd-sec-intro {
  background: rgb(255, 255, 255);
}

#hd .hd-sec-intro .content h3 {
  color: #333;
}

#hd .hd-sec-intro .content p {
  color: #333;
  font-family: 'HL',
      sans-serif !important;
}

#hd .cc-intro {}

#hd #feature_content>h2,
#hd .buttons h2,
#hd #product h2,
#hd #local_program h2,
#hd .feature_content_title {
  color: #D7B992;
  font-family: 'HR',
      sans-serif !important;
}
#hd #local_program h2 {
  color: #8d724e;
}
#hd #local_program .lang-title {
  color: #333;
}

.font-light {
  font-family: 'HR',
      sans-serif !important;
}

#introduce .another.another {
  color: rgba(255, 255, 255, 0.5);
}

#introduce .another.another:hover {
  color: rgba(255, 255, 255, 0.7);
}

#introduce .learn-more-button .btn {
  border: 1px solid #D7B992;
}

#introduce .display-button svg:hover #Ellipse_9 {

  fill: #9D7C5A;
  stroke: #9D7C5A;
}

#introduce .display-button svg:hover #Path_59-2 {
  stroke: #FFF;
  transition: all .5s;
}

#introduce .learn-more-button .btn a {
  color: #D7B992;
}

#hd .hd-sec-product .pbox.hd-col50 h3:after {
  background: #D7B992;
}

#hd .hd-sec-product .pbox .scrollbox::-webkit-scrollbar-thumb {
  background-color: #D7B992;
}

#hd .hd-sec-product .pbox:hover {
  border-color: #D7B992;
}

#introduce .buttons {
  max-width: initial;
}
#partner-highlights .tab-content__text-wrap {
  color: #fff;
}

#hd #local_filter>li::after {
  border-bottom: 1px solid #D7B992;
}

#hd #local_filter>li.active::after {
  border-bottom: 5px solid #D7B992;
}

#hd #feature_content>li .content {
  padding: 50px 20px 50px 0px;
}

#scrollUp {
  border: 2px solid #D7B992;
}
@media screen and (min-width: 768px) {
  #introduce .learn-more-button .btn:hover {
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: none;
  }
}

#scrollUp svg {
  fill: #D7B992;
}

.content-creation-mobile {
  display: none !important;
}

.menu-dropdown li button {
  background-color: transparent;
  color: #FFF;
  border: none;
  font-family: 'HL',
      sans-serif !important;
}


@media (min-width: 1024px) {

  #hd_header nav a:before {
    top: 100%;
  }

  #hd_header nav a {
    opacity: 1;
  }

  #hd_header .header-link:hover {
    opacity: .8;
  }

  .another-page:hover {
    background: #9D7C5A;
    color: #FFF;
  }

  #hd_header nav a:before {
    bottom: -4px;
    top: initial;
  }

  .menu-dropdown li {
    font-family: 'HL',
      sans-serif !important;
    min-width: 145px;
  }
}



/* ハンバーガーちゃん */
@media (max-width: 1023px) {
  .cc-link:hover {
    background-color: #8e7052;
    color: #fff !important;
  }

  #hd_header nav {
    padding: 20px 0px;
  }

  #hd_header nav a {
    border: none;
  }

  .content-creation-header {
    display: none !important;
  }

  .content-creation-mobile.active {
    display: block !important;
  }

  .menu-dropdown {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .menu-dropdown li {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1c1c1c;
    color: #FFF !important;
    font-family: 'HL',
      sans-serif !important;
  }

  .menu-dropdown li:hover {
    color: #D7B992 !important;
  }

  .header-link span {
    display: block;
    width: 100%;
    height: 50px;
  }
}

.another-page:last-child {
  border-bottom: none !important;
}


@media (max-width: 768px) {
  #hd .hd-sec-intro .content {
    padding: 30px 0px 0px 30px;
  }

  #hd #feature_content>li .content {
    padding: 50px 0px 50px 0px;
  }
}


#home-button {
  position: relative;
}


::selection {
  background: #D7B992;
  color: #FFF;
}

#introduce .red,
#introduce .blue {
  width: 35%;
}


/* Review ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ */

#banner {
  position: relative;
}

.banner-mask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#banner {
  height: 30vw;
}

#banner .banner-mask .title {
  font-size: 80px;
  letter-spacing: 4px;
  font-family: 'HR',
      sans-serif !important;
}

#banner .banner-mask .title::after {
  content: '';
  width: 60%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

#banner .banner-image {
  height: 100%;
  width: 100%;
  background-color: #00000060;
  background-blend-mode: multiply;
  background-size: cover;
}

@media screen and (max-width: 1440px) {
  #banner .banner-image .title {
    font-size: 60px;
  }
}

@media screen and (max-width: 1024px) {
  #banner .banner-image {
    margin-top: 50px;
  }

  #banner .banner-image .title {
    font-size: 50px;
  }
}

@media screen and (max-width: 768px) {
  #banner {
    height: 100vw;
  }

  #banner .banner-image .title {
    font-size: 38px;
  }

  #banner .banner-image {
    background-position: center center;
  }
}

@media screen and (max-width: 414px) {
  #banner .banner-image .title {
    font-size: 30px;
  }
}

#hd .pba-video figure {
  border: none;
}

#hd a.btn-primary {
  background-color: #8e7052;
  color: #FFF;
  letter-spacing: 0.26px;
}
@media screen and (min-width: 768px) {
  #hd a.btn-primary:hover {
    background-color: #FFF;
    color: #8e7052;
  }
}
#hd .pba-figure figure:hover {
  border: 1px solid #D7B992;
}

#hd .pba-figure figure {
  border: 1px solid #000;
}


/* Where to buy ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ ⑅ ୨୧ */
#hd * {
  font-family: 'HL',
      sans-serif;
}

#hd .select-selected,
#hd .select-items li {
  background-color: #8e7052;
}

#hd .select-items li:hover {
  background: #FFF;
  color: #8e7052;
  cursor: pointer;
}

#contentCreation span,
#contentCreation button,
#hd .toggle-btn {
  font-family: 'HL',
      sans-serif !important;
}

#hd .spec-detail li .title {
  color: #D7B992;
}

#hd .buyBTN {
  background-color: #8e7052;
}

#hd .buyBTN:hover {
  color: #8e7052;
}

#scrollUp:hover {
  background-color: #D7B992
}

.menu-dropdown li button {
  cursor: pointer;
}

.c-link button.disabled {
  color: #aaa !important;
  /* background-color:  !important; */
  cursor: not-allowed;
}

.c-link.disabled:hover {
  color: #aaa !important;
  cursor: not-allowed;
  background-color: #000;
}

.cc-page.disabled {
  color: #aaa !important;
  cursor: not-allowed;
}

.cc-page.disabled:hover {
  color: #aaa !important;
  background-color: #000 ;
  cursor: not-allowed;
}
@media screen and (max-width: 1024px) {
  .cc-page.disabled:hover {
     
      background-color: #ffffff !important;
     
    }
}

#hd .checkmark {
  border: 1px solid #8e7052;
  ;
}

::selection {
  background: #fff;
  color: #8e7052;
}

#hd .container input:checked~.checkmark {
  background-color: #8e7052;
}

#hd .container:hover input~.checkmark {
  background-color: #8e70529a;
}


#hd .swiper-slide-active {
  color: #D7B992;
}

.tag-swiper .swiper-slide {
  color: #808080;
}

.prev-btn, 
.next-btn {
  background-color: #000;
} 
.prev-btn #Ellipse_9,
.next-btn #Ellipse_9,
.prev-btn #Path_59-2,
.next-btn #Path_59-2{
  stroke: #D7B992;
}

@media screen and (min-width: 768px) {
  .tag-prev:hover #Ellipse_9,
  .tag-next:hover #Ellipse_9,
  .prev-btn:hover #Ellipse_9,
  .next-btn:hover #Ellipse_9 {
    /* transition: 0.5s; */
    stroke: #8e7052;
    fill: #8e7052;
  }

}
#hd #hd-sec-hot-deals .text .link {
  color: #b69a77;
}

#hd #hd-sec-hot-deals .text .link:hover {
  color: #fff;
}

#hd #hd-sec-hot-deals .text .link img {
  filter:none;
}

#hd #hot_deals .btn a {
  background-color: #8e7052;
}

#hd #hot_deals .btn a:hover {
  background-color: #fff;
}