@charset "UTF-8";
.p-brandNavi {
  --brandNavi-color: #345C9F;
  -webkit-margin-after: 0px;
          margin-block-end: 0px;
}
.p-brandNavi__header {
  background: #BAD1EC;
  padding-block: 10px;
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
  min-height: 84px;
}
.p-brandNavi__logo img {
  width: 330px;
  height: 28px;
}

#productCnt body[data-viewport="660"][data-device=pc] {
  --font-size-m: 20px;
}
#productCnt body[data-viewport="660"][data-device=sp] {
  --font-size-xl: 40px;
  --font-size-l: 30px;
  --font-size-m: 27px;
  --font-size-s: 24px;
  --font-size-xs: 19px;
  --font-size-min: 17px;
}
#productCnt {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#productCnt * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#productCnt a {
  text-decoration: none;
}
#productCnt img {
  max-width: 100%;
}

.title_label {
  background-color: #fff;
  padding-block: 14px 23px;
}
.title_label h1 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

/* アニメーション */
.fade-in {
  opacity: 0;
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.fade-in_chat {
  opacity: 0;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.fade-up {
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
}

.fade-down {
  -webkit-transform: translate(0, -100px);
          transform: translate(0, -100px);
}

.fade-left {
  -webkit-transform: translate(-200px, 0);
          transform: translate(-200px, 0);
}

.fade-right {
  -webkit-transform: translate(200px, 0);
          transform: translate(200px, 0);
}

.scroll-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@-webkit-keyframes slide-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(180px);
    transform: translateY(180px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20%, 100% {
    opacity: 1;
  }
}
@keyframes slide-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(180px);
    transform: translateY(180px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20%, 100% {
    opacity: 1;
  }
}
body[data-viewport="660"][data-device=pc] br.sp {
  display: none;
}
/*# sourceMappingURL=common.css.map */