/* blue : #1984D6 */
@font-face {
  font-family: TTL;
  src: url('../fonts/commercial/TTNormsProLight.otf');
}
@font-face {
  font-family: TTLNew;
  src: url('../fonts/commercial/TTNormsProLight.otf');
}

@font-face {
  font-family: TTR;
  src: url('../fonts/TT Norms Pro Regular.otf');
}

@font-face {
  font-family: TTM;
  src: url('../fonts/TT Norms Pro Medium.otf');
}

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

#hd h2,
#hd h3,
#hd h4 {
  font-family: 'TTR',
    sans-serif !important;
}
#hd h2 {
  letter-spacing: 0px;
}

#hd h3,
#hd h4 {
  font-family: 'TTR',
    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: TTLNew, sans-serif !important;
}

#hd .cc-intro {}

#hd #feature_content>h2,
#hd .buttons h2,
#hd #product h2,
#hd #local_program h2 {
  color: #1984D6;
  font-family: 'TTR',
    sans-serif !important;
}

#hd #local_program .lang-title {
  color: #333;
}

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

desc,
title,
figure,
.item,
.introduce-container {
  color: #000;
}

#introduce .another.another {
  color: #6b6b6b;
}

#introduce .another.another:hover {
  color: #1984D6;
}

#introduce .introduce-container {
  padding-bottom: 0px;
}

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



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

  fill: #1378c5;
  stroke: #1378c5;
}

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

#introduce .learn-more-button .btn a {
  color: #0d6fbb;
  font-size: 16px;
  font-family: 'TTR',
    sans-serif !important;
}

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

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

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

#introduce .buttons {
  max-width: initial;
}

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

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

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

#scrollUp {
  border: 2px solid #146AAB;
}
@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: #146AAB;
}

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

@media (min-width: 1400px) {
  .menu-dropdown.active {
    right: auto;
  }
}

@media (min-width: 1024px) {

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

  .menu-dropdown.active {
    top: 55px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #hd_header nav a {
    opacity: 1;
  }

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

  .another-page:hover {
    background: #1984D6;
    color: #FFF;
  }

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

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



/* ハンバーガーちゃん */
@media (max-width: 1023px) {
  .cc-link:hover {
    background-color: #1984D6;
    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: 'TTL',
      sans-serif !important;
  }

  .menu-dropdown li:hover {
    color: #1984D6 !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: #1984D6;
  color: #FFF;
}

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

#introduce {
  background-color: #F8F9FB;
}

#partner-highlights .tab-header-swiper .swiper-slide > .item {
  color: #000;
}
#partner-highlights .swiper-slide.opacity-50 {
    transition: 0.4s;
}
#partner-highlights .swiper-slide.opacity-50:hover {
    opacity: 1 !important;
}

#partner-highlights h2 {
  color: #1984D6;
}
#partner-highlights .tab-content__text-wrap {
  color: #fff;
}

/* #partner-highlights .prev-btn, 
#partner-highlights .next-btn {
  background-color: #F8F9FB;
}  */

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

#banner {
  position: relative;
}

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

#banner {
  height: 30vw;
  position: relative;
  background-blend-mode: multiply;
}

#banner .banner-mask .title {
  font-size: 80px;
  letter-spacing: 4px;
  font-family: 'TTR',
    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 {
  /* display: none; */
  height: 100%;
  width: 100%;
  background-color: #00000060;
  background-blend-mode: multiply;
  background-size: cover;
}

/* test start ... */
/* #banner .banner-img {
  vertical-align: bottom;
}

#banner .banner-mask {
  background-blend-mode: multiply;
}

#banner .banner-grey-mask {
  background-blend-mode: multiply;
  width: 100%;
  height: 100%;
  background-color: #00000060;
  background-blend-mode: multiply;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#banner .banner-title {
  font-size: 80px;
  font-family: TTR !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


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

/* test end ... */




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

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

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


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

#hd .select-selected,
#hd .select-items li {
  background-color: #147ac8;
}

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

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

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

#hd .buyBTN {
  background-color: #147ac8;
}

#hd .buyBTN:hover {
  color: #1984D6;
}

#scrollUp:hover {
  background-color: #146AAB
}


.menu-dropdown .disabled button {
  color: #aaa !important;
  /* background-color: #000 !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 #1984D6;
  ;
}

::selection {
  background: #fff;
  color: #1984D6;
}

#hd .container input:checked~.checkmark {
  background-color: #1984D6;
}

#hd .container:hover input~.checkmark {
  background-color: #1984d69c;
}

@media screen and (min-width: 768px) {
  #introduce .learn-more-button .btn:hover {
    background-color: #1984D6;
    border: 1px solid #1984D6;
    color: #fff;
    box-shadow: none;
  }
}
.introduce-container {
  position: relative;
}

.deco001 {
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
}

#hd .block2 {
  position: relative;
  padding-bottom: 50px;
}

.deco002 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10%;
}

.deco003 {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10%;
  z-index: 0;
}

#hd .feature_img .owl-dot {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  margin: 20px 5px;
  border: 1px solid #1984D6;
}

#hd .feature_img .owl-dot.active {
  background: #1984D6;
}

#content-one {
  position: relative;
  z-index: 1;
}

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

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

@media screen and (max-width: 1280px) {
  .menu-dropdown.active {
    top: 66px;
  }

  .deco001,
  .deco002 {
    width: 9vw;
  }

  .deco003 {
    transform: translateY(0);
  }
}

@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;
  }

  /* #banner .banner-image {
    display: block;
  }

  #banner .banner-img {
    display: none;
  } */
}

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

#hd .content-swiper .swiper-slide p,
#hd .tab-content-swiper .swiper-slide p {
  color: #000;
}

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

.tag-swiper .swiper-slide {
  color:#6e6e6e;
}

#hd .tag-swiper {
  min-height: 100px;
}

.tag-next,
.tag-prev {
  background-color: #EFF1F5;

}

@media screen and (min-width: 768px) {
  .tag-next:hover #Path_59-2,
  .tag-prev:hover #Path_59-2,
  .next-btn:hover #Path_59-2,
  .prev-btn:hover #Path_59-2 {
    stroke: #FFF;
  }

  .tag-prev:hover #Ellipse_9,
  .tag-next:hover #Ellipse_9,
  .prev-btn:hover #Ellipse_9,
  .next-btn:hover #Ellipse_9 {
    /* transition: 0.5s; */
    stroke: #146AAB;
    fill: #146AAB;
  }
}


#hd #hd-sec-hot-deals .text .link {
  color: #1e95f1;
}
#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: #076dbb;
}
#hd #hot_deals .btn a:hover {
  background-color: #fff;
}

#hd #introduce .introduce-title {
  font-family: 'TTR',
    sans-serif !important;
}


#hd a.btn-deepblue {
  background-color:#1477c2;
}

#hd #introduce .introduce-title {
  width: 80%;
  margin: 0 auto;
}