/*.tanabata */
.tanabata .p-top-kv{
  background-image:none;
  background-position:center bottom;
}
.tanabata .p-top-kv2 {
  background:
  url(/my-koala/assets/img/top/kv_tanabata_bg.jpg) no-repeat bottom center;
  background-color:#8883bf;
  padding-top: 102px;
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width:1756px) { 
  .tanabata .p-top-kv2 {
    background-size:100% auto;
  }
}
.tanabata .p-top-kv__onpu--1{
  top:40px;
  left:100px;
}
/* .tanabata .p-top-kv__onpu--2{
  top:270px;
  left:75px;
} */
.tanabata .p-top-kv__stamp{
  top:230px;
  left:110px;
  opacity:1;
}
.tanabata .p-top-kv__onpu--3{
  top:30px;
  right:150px;
}
.tanabata .p-top-kv__onpu--4{
  top:270px;
  right:90px
}
@media print, screen and (min-width: 751px) {
  .tanabata .p-top-kv {
    height: 707px; }
    .tanabata .p-top-kv__ttl{
      width:400px;
    }
    .tanabata .p-top-kv__figure{
      width:400px;
      text-align: center;
      margin-top: -22px;
    }
    .tanabata .p-top-kv__figure picture img{
      /* width:93%; */
    }
    .tanabata .p-top-kv__btn{
      top:335px;
      left:10px;
    }
}
@media print, screen and (max-width: 750px) {
  .tanabata .p-top-kv2 {
    padding-top: 3%;
    padding-bottom: 13%;
    background:
    url(/my-koala/assets/img/top/kv_tanabata_bg_sp.jpg) no-repeat center bottom / 100% auto !important;
    background-color:#8883bf !important;
    }
    .tanabata .p-top-kv__ttl{
      z-index:auto;
    }
    .tanabata .p-top-kv__figure{
      width:100%;
      text-align: center;
      margin-top: -3vw;
      z-index:2;
    }
    .tanabata .p-top-kv__figure picture img{
      width:88.9%;
    }
    .tanabata .p-top-kv__btn{
      top:auto;
      bottom:-11vw;
    }
    .tanabata .p-top-kv__onpu--1{
      display:inherit;
      top: 80%;
      left: 1%;
      width: 15%;
    }
    /* .tanabata .p-top-kv__onpu--2{
      display:inherit;
      top:67%;
      left:-1%;
      width:15%;
    } */
    .tanabata .p-top-kv__stamp{
      opacity:1;
      top: 60%;
      left: 1.5%;
      width: 16%;
    }
    .tanabata .p-top-kv__onpu--3{
      top:60%;
      right:-1%;
      width:13%;
    }
    .tanabata .p-top-kv__onpu--4{
      display: inherit;
      top:74%;
      right:-1%;
      width:14%;
    }
}