@charset "UTF-8";
/* 文字コード */
.notSp {
  display: none !important; }

@media screen and (min-width: 769px) {
  .notPc {
    display: none !important; }

  .notSp {
    display: block !important; } }
.lp_wrapper {
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed; }

.shortLp {
  width: 100%;
  margin-top: 5px;
  background: #FFF; }
  .shortLp .shortLp_product {
    margin-bottom: 60px; }

@media screen and (min-width: 769px) {
  .shortLp {
    max-width: 640px;
    margin: 60px auto;
    padding-bottom: 40px;
    box-shadow: -8px 0 20px rgba(0, 0, 0, 0.15), 20px 0 20px rgba(0, 0, 0, 0.15), 0 -20px 20px rgba(0, 0, 0, 0.15), 0 20px 20px rgba(0, 0, 0, 0.15); } }
.shortLpProduct .shortLpProduct_img {
  display: block;
  width: 100%; }
.shortLpProduct .slick-slider .slick-dots {
  display: flex;
  height: 30px;
  justify-content: space-around;
  align-items: center;
  bottom: -45px;
  left: 55px; }
  .shortLpProduct .slick-slider .slick-dots li {
    margin: 0; }
    .shortLpProduct .slick-slider .slick-dots li button {
      padding: 0;
      width: 100%; }
      .shortLpProduct .slick-slider .slick-dots li button:before {
        width: 100%; }
.shortLpProduct .slick-slider .slick-next,
.shortLpProduct .slick-slider .slick-prev {
  display: block;
  width: 80px;
  height: 80px;
  bottom: -70px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 50%;
  top: auto;
  transform: translate(0); }
  .shortLpProduct .slick-slider .slick-next:before,
  .shortLpProduct .slick-slider .slick-prev:before {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    width: 10px;
    height: 10px; }
.shortLpProduct .slick-slider .slick-next {
  right: -30px; }
  .shortLpProduct .slick-slider .slick-next:before {
    left: 20px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(-45deg); }
.shortLpProduct .slick-slider .slick-prev {
  left: -30px; }
  .shortLpProduct .slick-slider .slick-prev:before {
    right: 20px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg); }
.shortLpProduct .shortLpProduct_inner {
  width: 98%;
  margin: 0 auto 60px; }
.shortLpProduct .shortLpProduct_imgLists {
  border: 1px solid #aaa; }
.shortLpProduct .shortLpProduct_imgList {
  position: relative; }
.shortLpProduct .shortLpProduct_underContent img {
  display: block;
  width: 100%; }
.shortLpProduct .movieArea {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: #000; }
  .shortLpProduct .movieArea .movieArea_inner {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
    .shortLpProduct .movieArea .movieArea_inner:before {
      content: "";
      display: block;
      padding-top: 56%; }
    .shortLpProduct .movieArea .movieArea_inner iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      width: 100%;
      height: 100%; }

@media screen and (min-width: 769px) {
  .shortLpProduct .shortLpProduct_inner {
    width: 100%; }
  .shortLpProduct .slick-slider .slick-next,
  .shortLpProduct .slick-slider .slick-prev {
    background: none !important;
    border: 1px solid rgba(0, 0, 0, 0.5);
    width: 120px;
    height: 120px;
    top: 320px;
    transition: all .25s;
    transform: translateY(-50%); }
    .shortLpProduct .slick-slider .slick-next:before,
    .shortLpProduct .slick-slider .slick-prev:before {
      top: 50%;
      width: 30px;
      height: 30px; }
    .shortLpProduct .slick-slider .slick-next:hover,
    .shortLpProduct .slick-slider .slick-prev:hover {
      background: rgba(0, 0, 0, 0.5) !important; }
  .shortLpProduct .slick-slider .slick-next {
    right: -90px; }
    .shortLpProduct .slick-slider .slick-next:before {
      left: 40px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5);
      border-right: 1px solid rgba(0, 0, 0, 0.5);
      transform: translateY(-50%) rotate(-45deg); }
    .shortLpProduct .slick-slider .slick-next:hover:before {
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff; }
  .shortLpProduct .slick-slider .slick-prev {
    left: -90px; }
    .shortLpProduct .slick-slider .slick-prev:before {
      right: 40px;
      border-left: 1px solid rgba(0, 0, 0, 0.5);
      border-bottom: 1px solid rgba(0, 0, 0, 0.5);
      transform: translateY(-50%) rotate(45deg); }
    .shortLpProduct .slick-slider .slick-prev:hover:before {
      border-bottom: 1px solid #fff;
      border-left: 1px solid #fff; } }

/*# sourceMappingURL=shortLp_base.css.map */