/*--top--*/

.topMImg {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 20px;
  max-width: 1200px;
  margin-right: auto; margin-left:  auto;
}
.topMImg img {
  position: relative;
}
.topMTtl {
  position: absolute;
  bottom: 0%; left: 100px;
  text-align: right;
  background-color: rgba(71, 162, 227, 0.9);
  color: white;
  padding: 10px;
  text-align: left;
  font-size: 180%;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
.topMTtl b {
  font-size: 200%;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  line-height: 160%;
  }
.topMTtl span {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.topMImg img.topMIcn01,.topMImg img.topMIcn02 {
  position: absolute;
  width: 18%;
}
.topMImg img.topMIcn01 {
  bottom: 30px;
  right: 30%;
}
.topMImg img.topMIcn02 {
  bottom: 10px;
  right: 10%;
}


@media screen and (max-width: 1224px) {
  .topMTtl { left: 5%; }
  .topMImg img.topMIcn01 {
    bottom: 6%;
    right: 25%;
  }
  .topMImg img.topMIcn02 {
    bottom: 2%;
    right: 5%;
  }

  }
@media screen and (max-width: 761px) {
  .topMTtl { font-size: 120%; }
}


.tNewsLst {
  width: 100%;
  margin-bottom: 3%;
  }
  .tNewsLst li { border-bottom: 1px dotted #8B8B8B; }
  .tNewsLst li a {
    display: block;
    background: url(./../img/top/newsIcn01.png) no-repeat 10px center / 16px;
    padding: 2.5% 2.5% 2.5% 40px;
    line-height: 140%;
  }
  .tNewsLst li a:hover { background-position: 12px center; }
  .tNewsLst li a span.newsLstDay { font-size: 80%; text-decoration: none; color: #333; }
  .tNewsLst li a span.newsLstTtl { color: #006CFF; text-decoration: underline; }
  .tNewsLst li a:hover span.newsLstTtl { text-decoration: none; }





.tabBox {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
  }
.tabLb {
  color: white;
  white-space: nowrap;
  padding: 1% 2% 1% 2% ;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3.5%;

  text-decoration: underline;

  width: 33.33%;
  background: #5E6793 url(./../img/cmn/selcetIcn01.png) no-repeat 3% center / 5%;

  }
.tabLb:not(:last-of-type) {
  margin-right: 1%;
  }
.tabLb:hover {
  text-decoration: none;
  background-position: 4%;
}



.tabCont {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: #EFEFEF;

  }

.tabSw:checked+.tabLb {
  margin-bottom: -4px;

  background: #5F6DB1 url(./../img/cmn/selcetIcn01.png) no-repeat 3% center / 5%;
  }
  .tabSw:checked+.tabLb:hover {
    margin-bottom: -4px;

    background-position: 4% center;
    }


.tabSw:checked+.tabLb+.tabCont {
  height: auto;
  overflow: auto;
  padding: 2.5% 2.5% 2.5% 2.5%;
  opacity: 1;
  transition: .5s opacity;
  border-top: solid 4px #5F6DB1;
  }

.tabSw { display: none; }


.cosLst01,.cosLst02 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  }
  .cosLst01 li,.cosLst02 li { width: 49%; margin-bottom: 2%; }

.cosLst02 li {
  position: relative;
}
.cosLst02 li img {
  position: relative;
}
.cosLst02 li p {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: white;
  padding: 1% 2.5%;
  font-size: 200%;
  font-weight: bold;
  background-color: rgba(0,0,0,0.4);
}

@media screen and (max-width: 761px) {
  .cosLst02 li p {
    font-size: 140%;
  }
}

.topBx01 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}
.topBx01-01 {
  width: 55%;
}
.topBx01-02 {
  width: 40%;
}

.topLst01 li {
  display: inline-block;
  padding: 3px;
  color: white;
  margin-right: 10px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

}
.topLst01 li:nth-child(1){ background: #CB2737; }
.topLst01 li:nth-child(2){ background: #FF4B89; }

.topLst01 li span { border-right: 3px solid white; border-left: 3px solid white; padding: 0 10px; font-weight: bold; }

.topLst02 {
  display: flex;
  justify-content: space-between;
}

.topLst02 li {
  width: 48%;
}
.topLst02-ttl {
  background:linear-gradient(transparent 75%, #EAE8A0 75%);
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 160%;
  }
  .topLst02-ttl:before {
    content: "";
    background: url(./../img/top/topIcn01.png) no-repeat 5px center / 30px;
    padding-left: 40px;
  }
.topLst02 li img {
  margin-bottom: 10px;
}
@media screen and (max-width: 761px) {
  .topLst02-ttl { font-size: 100%;}
  .topLst02-ttl:before {
    background-size: 20px;
    padding-left: 30px;
  }
}


.companyBx01 {
  display: flex;
  justify-content: space-between;
}
.companyBx01 img {
  width: 48%;
}

.companyTbl01 {
  width: 100%;
  border-spacing: 0;
}
  .companyTbl01 th { border-bottom: 1px solid #B5B5B5; padding: 2.5%; font-weight: normal; min-width: 70px;}
  .companyTbl01 td { border-bottom: 1px solid #B5B5B5; padding: 2.5%;  }
.companyTbl01 a { color: #367CB8; }





.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  }
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  }


.planBx01 {
  position: relative;
}
.planBx01 img {
  position: relative;
  width: 100%;
}
.planBx01 h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 280%;
  color: white;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-shadow: 2px 2px #000000;
  font-weight: bold;
  }
.planBx01L h2 {
  right: auto;
  left: 10%;
}




.planBx01 p {
  position: absolute;
  color: #86D828;
  font-weight: bold;
  font-size: 300%;
  line-height: 100%;
  right: 5%;
  bottom: 0;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF,
               2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
.planBx01 p span {
  font-size: 50%;
}

.planBx01 p.planBx01-txt02 { color: #D25379; }
.planBx01 p.planBx01-txt03 { color: #C8B94D; }

@media screen and (max-width: 761px) {
  .planBx01 h2 {
    top: 40%;
  }


  .planBx01 p { font-size: 240%; }


}

@media screen and (max-width: 561px) {
  .planBx01 h2 {
    font-size: 220%;
  }

  .planBx01 p {
    font-size: 180%;
  }

}

.planLst01 {
  display: flex;
  padding: 0 5%;
  justify-content: space-between;
}
.planLst01 li {
  width: 30%;
  position: relative;

}
.planLst01 li img {
  position: relative;
}
.planLst01 li p {
  background: #86D828;
  color: white;
  font-weight: bold;
  display: inline;
  position: absolute;
  padding: 2px 5px;
  bottom: 5%; right: 5%;
}


.rentalBx01 {
  width: 100%;
  max-width: 1000px;
  background: #EFEFEF;
  border-bottom: 10px solid #5F6DB1;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  padding-bottom: 2.5%;
}



.rentalBx01-ttl {
  position: relative;
}
.rentalBx01-ttl img {
  position: relative;
}


.rentalBx01 h2 {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 280%;
  color: white;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-shadow: 2px 2px #000000;
  font-weight: bold;
}



.rentalBx01L h2 {
  right: auto;
  left: 10%;
  color: black;
  text-shadow: 2px 2px white;

}


.rentalBx01-lst {
  padding: 0 2.5%;
  display: flex;
  justify-content: space-between;
  margin-top: -5%;
  z-index: 2;
  position: relative;
  flex-flow: wrap;
}
.rentalBx01-lst li {
  width: 49%;
  margin-bottom: 2%;
}
.rentalBx01-lst li a {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #DADADA;
  overflow: hidden;
  color: #2D2D2D;

}
.rentalBx01-lst li a img {
  width: 25%;
  float: left;
}

.rentalBx01-lst li a p {
  padding: 2.5% 5%;
  font-size: 140%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  width: 100%;
  background: url(./../img/rental/renLst-arrow.png) no-repeat 95% center / 15px;
}
.rentalBx01-lst li a:hover p { background-position: 98% center; }




.rentalpriceLst {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
.rentalpriceLst li {
  width: 49.5%;
  padding: 2.5% 2.5%;
}
.rentalpriceLst li:nth-child(4n+1),.rentalpriceLst li:nth-child(4n+2) { background: #F4F4F4; }


@media screen and (max-width: 761px) {
  .rentalBx01-lst li a p { font-size: 120%; }
}

@media screen and (max-width: 561px) {
  .rentalpriceLst li {
    width: 100%;
  }
  .rentalpriceLst li:nth-child(4n+1),.rentalpriceLst li:nth-child(4n+2) { background: none; }
  .rentalpriceLst li:nth-child(2n) { background: #F4F4F4; }
  .rentalBx01-lst li a p { font-size: 100%; }
}

.rentalpriceLst li span { float: right; }






.faqLst,.photoFlow01-lst {
  width: 100%;
  overflow: hidden;
  }
  .faqLst li,.photoFlow01-lst li {
    width: 100%;
    }
  .faqLst li {
    margin-bottom: 2.5%;
  }

  .faqLst li input,.photoFlow01-lst li input { display: none; }
  .faqLst li label,.photoFlow01-lst li label {
    text-decoration: none;
    color: #545454;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: white;
    }
    .photoFlow01-lst li label {
      border-bottom: dotted 2px #C9C9C9;
      padding: 2.5%  2.5% 2.5% 5%;
      position: relative;
    }
    .faqLst li label:before {
      content: "Q";
      background: #5F6DB1;
      width: 40px;
      min-height: 50px;
      text-align: center;
      color: white;
      font-size: 150%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  .faqLst-photo li label:before { background: #86D828; }

   .photoFlow01-lst li label:before {
     content: "";
     background: url(./../img/photo/chkIcn01.png) no-repeat center left / 20%;
     left: 2.5%;
     width: 20%;
     padding-top: 3%;
     position: absolute;
   }


    .faqLst span {
      margin: 0%;
      display: block;
      width: 100%;
      padding: 0% 40px 0% 2%;
      font-size: 120%;
      display: flex;
      align-items: center;
      position: relative;
      }
      .faqLst span:after  {
        content:"";
        display:block;
        width:12px; height:12px;
        border-top: #5F6DB1 3px solid;
        border-right: #5F6DB1 3px solid;
        -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);
        position:absolute;
        right: 20px; top: 0; bottom: 15%;
        margin: auto;
        }
        .faqLst-photo span:after {
          border-top: #86D828 3px solid;
          border-right: #86D828 3px solid;
        }



        .photoFlow01-lst span {
          margin: 0;
          display: block;
          width: 100%;
          padding: 0% 40px 0% 2%;
          font-size: 120%;
          display: flex;
          align-items: center;
          position: relative;
        }

        .photoFlow01-lst span:before {
          content: '';
          position: absolute;
          right: 0;
          width: 100%;
          height: 100%;
          color: #9CC860;
          line-height: 1;
          width: 1em;
          height: 0.2em;
          background: currentColor;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
        }

        .photoFlow01-lst span:after {
          content: '';
          position: absolute;
          right: 0;
          width: 100%;
          height: 100%;
          color: #9CC860;
          line-height: 1;
          width: 1em;
          height: 0.2em;
          background: currentColor;
          transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
        }


      .faqCK:checked + label span:after {
         -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg); transform: rotate(-45deg);
       }
      .photoCK:checked + label span:after { display: none; }





      .faqABx,.photoABx {
        margin: 0;
        width: 100%;
        visibility: hidden;
        transition: .5s;
        box-sizing: border-box;
        position: relative;
        }
      .faqABx {
        padding: 0 2% 0 2%;
      }
      .photoABx {
        padding: 0 1%;
      }

        .faqABx p,.photoABx p {
          visibility: hidden;
          transition: .5s;
          overflow: hidden;
          height: 0;
        }
.photoABx p {
  background: #F7F7F7;
  padding: 0 2.5%;
}

    .faqCK:checked + label + .faqABx ,.photoCK:checked + label + .photoABx {
      transition: .5s;
      overflow: hidden;
      width: 100%;

      visibility: visible;
      }
    .faqCK:checked + label + .faqABx {
      padding: 2% 2%;
    }
    .photoCK:checked + label + .photoABx {
      padding: 1%;
    }
      .faqCK:checked + label + .faqABx:after,.photoCK:checked + label + .photoABx:after {
        transition: .5s;
        overflow: hidden;
        width: 100%; height: 50px;
        visibility: visible;
     }


    .faqCK:checked + label + .faqABx p,.photoCK:checked + label + .photoABx p {
        visibility: visible;
        transition: .5s;
        height: auto;
        display: block;
        }
    .photoCK:checked + label + .photoABx p {
      padding: 2.5%;

      }

@media screen and (max-width: 761px) {
  .faqLst span { font-size: 140%;}
}

@media screen and (max-width: 561px) {
  .faqLst span { font-size: 120%;}
    .faqLst li label:before {
      background-size: 20px;
      width: 30px; height: 20px;
      font-size: 100%;
      }
    .faqLst span:after {
      width: 20px; height: 20px;
      background-size: 10px;
    }
}


.detailBox01 {
  width: 100%;
  overflow: hidden;
}

.detailCat {
  text-align: right;
  margin-bottom: 2.5%;
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 10px;
}
.detailCat a {
  padding: 2px 4px;
  color: white;
  display: inline-block;
  background: #5F6DB1;

}


.detailCat a:hover {
  background: #5680AA;
  text-decoration: none;
}
.detailCode {
  text-align: right;
  margin-bottom: 5px;
}

.detailBox01img {
  width: 50%;
  float: left;
  overflow: hidden;
  position: relative;
  }
.detailBox01cont {
  width: 46%;
  float: right;
  overflow: hidden;
  }
.detailBox01img .swiper-button-prev,
.detailBox01img .swiper-button-next {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	margin-top: -10px;
}


.detailBox01img .swiper-button-next {
	background-image: url(./../img/rental/img-arrow.png);
	transform: scale(-1, 1);
}
.detailBox01img .swiper-button-prev {
  background-image: url(./../img/rental/img-arrow.png);

}

.detailBox01img .swiper-button-prev,
.detailBox01img .swiper-button-next {
  width: 20px;
	height: 20px;
	background-size: 20px 20px;
	margin-top: -10px;
  }
  .detailBox01img .swiper-button-prev:after, .detailBox01img .swiper-button-next:after { display: none; }

  #detailSwipe { position: relative; }
  #detailSwipe .swiper-slide-next { opacity: 0.5; }
  #detailSwipe .swiper-slide-prev { opacity: 0.5; }

  .detailConBx {
    border: 1px solid #CBCBCB;
    border-top: #E4E4E4 solid 5px;
    background: #EFEFEF;
    padding: 5%;
    position: relative;
  }
  .detailConBx:after {
    position: absolute;
    content: "";
    width: 20%;
    border-top: solid 5px #5F6DB1;
    left: 0;
    top: -5px;
    z-index: 2;
  }

  .detailConBxTtl {
    font-weight: bold;
    background: url(./../img/rental/renTtl01.png) no-repeat center left / 22px;
    color: #4D4D4D;
    font-size: 120%;
    margin-bottom: 5%;
    padding-left: 30px;
  }


  @media screen and (max-width:992px){
    .detailBox01img {
      width: 100%;
      float: none;
      }
    .detailBox01cont {
      width: 100%;
      float: none;
      }


  }


  .thumblist {
    width: 100%;
  }
  .thumblist li {
    width: 18%;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    }
    .thumblist li:nth-child(5n){
      margin-right: 0;
    }
    .thumblist li img {
      width: 100%;
      opacity: 0.5;
    }
    .thumblist li.swiper-slide-thumb-active img {
      opacity: 1.0;
    }
    .thumblist li img:hover {
      opacity: 1.0;
    }

.detailPrice01,.detailPrice02 {
  display: flex;
  justify-content: space-between;
  padding: 2.5%;


}
.detailPrice01 {
  background: #EFEFEF;

}
  .detailPrice01 dt ,.detailPrice02 dt {
    font-size: 80%;
    text-align: center;
    color: #333333;
    width: 30%;

    display: flex;
    align-items: center;
    justify-content: center;
  }
  .detailPrice01 dd, .detailPrice02 dd {
    color: #D25379;
    font-size: 200%;
    font-weight: bold;
  }
  .detailPrice01 dd span,.detailPrice02 dd span {
    font-size: 60%;
  }


.detailConBxLst {}
  .detailConBxLst li { margin-bottom: 2.5%; }
  .detailConBxLst li:last-child { margin-bottom: 0%; }


  .detailConBxLst li a {
    border-radius: 10px;
    color: white;
    padding: 2.5%;
    padding-left: 20%;
    font-size: 100%;
    display: table;
    width: 100%;
    min-height: 12vh;
  }
  .detailConBxLst li a p {
    display: table-cell;
    width: 100%;
    vertical-align: middle;

  }
  .detailConBxLst li a span { font-size: 260%; }
  .detailConBxLst li:nth-child(2) a span { font-size: 160%; }

  .detailConBxLst li:nth-child(1) a { background: #D9534F url(./../img/rental/renMoreIcn01.png) no-repeat 2.5% center / 15%; }
  .detailConBxLst li:nth-child(1) a p { line-height: 200%; }
  .detailConBxLst li:nth-child(1) a:hover { background-color: #F31F19; }

  .detailConBxLst li:nth-child(2) a { background: #06C655 url(./../img/rental/renMoreIcn02.png) no-repeat 2.5% center / 15%; }
  .detailConBxLst li:nth-child(2) a:hover { background-color: #00DF5C; }




  .setBox02 ,.setBox01 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2.5%;
    display: flex;
    }
  .setBox01 { justify-content: space-around;; }
  .setBox02 { justify-content: space-between; }



  .setBox01 img ,.setBox02 img {
    width: 48.68%;
    }
  @media screen and (max-width:568px){
    .setBox01,.setBox02 { display: block; }
    .setBox01 img,.setBox02 img {
      width: 100%;
      margin-bottom: 2.5%;
      }
    .setBox01 img:nth-child(2),.setBox02 img:nth-child(2){ margin-bottom: 0; }
  }


  .setTbl01 {
    width: 100%;
    margin-bottom: 2%;
    border-spacing: 0;
    border-bottom: 1px solid #DDDDDD;

    }
    .setTbl01 td {
      width: 33.33%;
      text-align: center;
      border-top: 1px solid #DDDDDD;
      font-size: 1.0em;
      padding: 10px 0;
      }
    .setTbl01 tr:nth-child(odd) td {
      background: #F2F2F2;
    }




.productLst01 ,.eventLst01 {
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 5%;
  overflow: hidden;

  }
  .productLst01 {
    max-width: 800px;

    display: flex;

    flex-flow: wrap;

  }

    .productLst01 li  ,.eventLst01 li {
      width: 32%;
      margin-right: 2%;
      float: left;
      margin-bottom: 2%;
    }
    .productLst01 li {



    }


    .productLst01 li:nth-child(3n), .eventLst01 li:nth-child(3n) {
      margin-right: 0;
    }

@media screen and (max-width:568px){
  .eventLst01 li {
    width: 49%;
  }
  .eventLst01 li:nth-child(3n){
    margin-right: 2%;
  }
  .eventLst01 li:nth-child(2n){
    margin-right: 0;
  }
}

    .productLst01 a {
      padding: 2.5%;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid #CCC;
      display: block;

      height: 100%;
    }

    .productLst01 a {
      background: url(./../img/rental/renLst-icn.png) no-repeat 97% 98.5%;
      background-size: 10%;
      position: relative;
      transition: all .2s;
      padding-bottom: 20%;
      }
    .productLst01 a:before,
    .productLst01 a:after {
      position: absolute;
      top: -1px; left: -1px;
      z-index: 2;
      content: '';
      width: 0; height: 0;
      border: 1px solid transparent;
      }
      .productLst01 a:hover {
        border-color: #45B4E2;
      }
      .productLst01 a:hover:before,
      .productLst01 a:hover:after {
        width: 100%;
        width: calc(100% + 1px);
        height: 100%;
        height: calc(100% + 1px);
      }
      .productLst01 a:hover:before {
        border-top-color: #45B4E2;
        border-right-color: #45B4E2;
        transition: width .3s, height .3s .3s;
      }
      .productLst01 a:hover:after {
        border-bottom-color: #45B4E2;
        border-left-color: #45B4E2;
        transition: height .3s, width .3s .3s;
      }


      .productLst01 a:hover {
        background: url(./../img/rental/renLst-icn-on.png) no-repeat 97% 98.5%;
        background-size: 10%;
      }

      .productLst01 a:nth-child(3n),.twoLst01 li:nth-child(3n){
        margin-right: 0;
      }
    .productLst01 li img { width: 100%; }

    .productLst01 li a div.listPriceBox {
      padding: 5% 0 5% 2%;
      position: absolute;
      bottom: 0;
      left: 2%;
    }

     .productLst01 li a div.listPriceBox span {
      color: #333333;
      font-size: 120%;
      }
      .productLst01 a:hover{
        text-decoration: none;
      }

    .productLst01 li a div.listPriceBox span.sizeBx {
      font-size: 80%;
      margin-left: 2%;
      background: #45B4E2;
      border-radius: 10px;
      padding: 0 5px;
      color: white;
    }


.eventLst01 a {
  }

.eventLst01-img {
  position: relative;
  width: 100%;
  height: 75%;
  overflow: hidden;


}

.eventLst01-img a {
  position: relative;
  width: 100%;
  height: 25%;
  overflow: hidden;
  object-fit: cover;

}

.eventLst01-img img {
  position: relative;
  width: 100%;
  height: 15%;
  object-fit: cover;


}

.eventLst01-img p {
  position: absolute;
  background: #D4DE3B;
  color: white;
  font-weight: bold;
  width: auto;
  top: 0;right: 0;
  z-index: 2;
  display: inline-block;
  padding: 2px 10px;
  font-size: 120%;

}
.eventLst01-img p a {
  color: white;
  text-decoration: none;
}
.eventLst01-img p a:hover { text-decoration: underline; }
.eventLst01-ttl {
  padding: 5% 2.5%;
}
.eventLst01-ttl a {
  color: #3F3F3F;
  font-size: 120%;
}

.photoLst {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
}
  .photoLst li {
    width: 49%;
    margin-bottom: 2%;
  }
  .photoLst li a {
    position: relative;
    display: block;
  }
  .photoLst li a img {
    position: relative;
  }
  .photoLst li a p {
    position: absolute;
    color: white;
    z-index: 2;
    font-weight: bold;
    font-size: 200%;
    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

    top: 50%;
    left: 5%;
    padding-right: 5%;
    padding-left: 40px;
    background: url(./../img/cmn/arrowIcn04.png) no-repeat center left / 30px;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
@media screen and (max-width:768px){
  .photoLst li a p {
    background-size: 20px;
    padding-left: 25px;
    font-size: 180%;
    line-height: 120%;
  }
}

@media screen and (max-width:568px){
  .photoLst li a p {
    background-size: 15px;
    padding-left: 20px;
    font-size: 140%;
  }

}


.photoFlow > li {
  margin-bottom: 10%;
}


.photoFlowTtlWrap {
  position: relative;
  }
  .photoFlowTtlWrap img {
    position: relative;
  }
  .photoFlowTtlBx {
    position: absolute;
    left: 2.5%;
    right: 2.5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);


    }


  .photoFlowTtl {
    float: left;
    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 140%;
    margin-bottom: 1.5%;

  }

  .photoFlowTtl b {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF,
                 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF,  0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF,
                 1px 2px 0 #FFF, -1px -2px 0 #FFF, -2px 1px 0 #FFF, -1px 2px 0 #FFF, 2px -1px 0 #FFF, 2px 1px 0 #FFF;
    font-size: 200%;
  }

  .photoFlowTtl span {
    border: 3px solid white;
    background: #86D828;
    color: white;
    font-weight: bold;
    width: 40px;
    height: 40px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2.5%;

    background: linear-gradient(to bottom, #ABE06F 50%, #86D828 50%);
    font-size: 140%;

  }


.photoFlowTtl-txt {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1.5%;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
}

@media screen and (max-width:568px){
  .photoFlowTtl {
    font-size: 100%;
  }
  .photoFlowTtl span {
    width: 30px;
    height: 30px;
  }
}


.photoConLst {
  display: flex;
  justify-content: space-around;
}
.photoConLst li {
  width: auto;

}

.photoConLst-tel,.photoConLst-line {
  color: white;
  font-weight: bold;
  display: inline-block;

}

.photoConLst-tel {
  background: #D11313 url(./../img/cmn/telIcn01.png) no-repeat 2.5% center / 15%;
  font-size: 200%;
  padding: 2.5% 5% 2.5% 20%;
}
.photoConLst-line {
  background: #1ABE5E url(./../img/cmn/lineIcn01.png) no-repeat 2.5% center / 15%;
  font-size: 140%;
  white-space: nowrap;
  padding: 6% 5% 6% 20%;


}


.photoConLst-tel:hover { background-color: #FF0000; }
.photoConLst-line:hover { background-color: #00DF12; }



.photoBx01 {
  border: 2px dotted #E0E0E0;
  padding: 2.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.photoBx01 p {
  width: 70%;
}
.photoBx01 img {
  width: 25%;
}


.bosyuLst {}
  .bosyuLst li {
    border-bottom: 1px solid #B5B5B5;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .bosyuLst dl {
    width: 100%;
    display: flex;
    justify-content: space-between;

  }
  .bosyuLst dt {
    width: 20%;
    float: left;
    padding: 2.5%;
    font-weight: normal;
  }
  .bosyuLst dd {
    width: 80%;
    float: right;
    padding: 2.5%;
    line-height: 160%;

  }
@media screen and (max-width:568px){
  .bosyuLst dl { display: block; }
  .bosyuLst dt {
    width: 100%;
    font-weight: bold;
    padding-bottom: 0;
  }
  .bosyuLst dd { width: 100%;  }
}



.pagination {
  margin: 0 auto 10%;
  width: 100%;
  text-align: center;
}
.pagination h2 {
  display: none;
}


ul.page-numbers {
  display: inline-block;
  overflow: hidden;
  width: auto;
}

.page-numbers li {
  float: left;
  border: none;
  margin-right: 5px;
}

.nav-links span,.nav-links a:hover {
  background: #CAD43A;
  color: white;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.nav-links a {
  color: #8B8B8B;
  background: #EDEDED;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}


.newsMore-Cat {
  text-align: right;
  }

.newsMore-Cat a {
  background: #CAD43A;
  color: white;
  font-weight: bold;
  padding: 2px 10px 5px 10px;
  text-decoration: none;
  line-height: 100%;
  }
  .newsMore-Cat a:hover { background: #A4AA44; }


.newsMore-eye {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 5%;
}
.newsMore-eye img {
  width: 100%;
}

.newsMore-Bx {
  margin-bottom: 10%;
}
  .newsMore-Bx p {
    height: 200%;
    margin-bottom: 5%;
  }

.blogNexPreBox {
  width: 100%;
}
.blogNexPreBox li { margin-bottom: 2.5%; }

.blogPreBox,.blogNexBox {
  background: #EFEFEF;
}
.blogPreBox a,.blogNexBox a {
  width: 100%;
  display: flex;
  align-items: center;

  position: relative;
  text-decoration: underline;
}
.blogPreBox a { padding: 1% 2.5% 1% 40px; justify-content: left; }
.blogNexBox a { padding: 1% 40px 1% 2.5%; justify-content: right; }

.blogPreBox a:before,.blogPreBox a:after,.blogNexBox a:before,.blogNexBox a:after { content: ""; position: absolute; }
.blogPreBox a:after,.blogNexBox a:after {
  top: 50%;
  height: 50px; width: 20px;
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
  transition: height 0.5s, transform 1s;
}
.blogPreBox a:hover,.blogNexBox a:hover { text-decoration: none; }

.blogPreBox a:hover:after,.blogNexBox a:hover:after {
  height: 30px;
  transition: height 0.5s, transform 1s;
}
.blogPreBox a:after { left: 10px; }
.blogNexBox a:after { right: 10px; }


.blogPreBox a:before,.blogNexBox a:before {
display:block;
top: 50%;
width:16px; height:16px;
border-top: #CAD43A 4px solid;
z-index: 2;
  }

.blogPreBox a:before {
  left: 20px;
  border-left: #CAD43A 4px solid;
  -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%);
}
.blogNexBox a:before {
  right: 20px;
  border-right: #CAD43A 4px solid;
  -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);
}


.blogPreBox img ,.blogNexBox img {
}
.blogNPBoxImg {
  width: 20%;
  max-width: 100px;
  position: relative;
  padding-top: 75px;
  }
  .blogNPBoxImg img {
    position: absolute;
    width: 100%; height: 100%;
    top: 0;
    object-fit: cover;
    }

.blogPreBox p,.blogNexBox p { width: 78%; }

.blogPreBox p { text-align: left; float: left; margin-left: 2.5%; }
.blogNexBox p { text-align: right; float: right; margin-right: 2.5%; }

@media screen and (max-width: 761px) {
  .blogPreBox a:after,.blogNexBox a:after { width: 15px; }
  .blogPreBox a { padding: 2% 2.5% 2% 30px;}
  .blogNexBox a { padding: 2% 30px 2% 2.5%;}
  .blogPreBox a:before { left: 18px; }
  .blogNexBox a:before { right: 18px; }
}



.twoLst01 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;

}
.twoLst01 li {
  width: 32%;
  padding: 1%;
  box-sizing: border-box;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
  border: 1px solid #CCC;
  display: block;
  background: white;
}
.twoLst01 p {
  text-align: center;
  padding-top: 10px;
  font-size: 120%;
}


.report-time {
  text-align: right;
  font-size: 120%;
  }
  .report-time p span {
    background: #EFEFEF;
    display: inline-block;
    padding: 5px 10px 5px 5px;
  }
  .report-time p span:before {
    content: "";
    background: url(./../img/report/reportIcn01.png) no-repeat center left / 36px;
    background-size: contain;
    padding-left: 32px;
  }


.report-time p {
  background: #EFEFEF;
  border: #EFEFEF 1px solid;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  }
  /* ラベル部分 右下に表示 */
.report-time p::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #A1E435; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.report-time p::after {
    content: "";
    display: block;
    bottom: 5px;
    transform: rotate(135deg);
    color: #fff; /* 文字色はここで変更 */
    font-weight: bold;
    right: 0px;
    position: absolute;
    z-index: 101;
}


.repotBx01,.repotBx02 {
  display: flex;
  justify-content: space-between;
}
.repotBx01 img ,.repotBx01 div,.repotBx02 img ,.repotBx02 div {
  width: 48%;
}
.repotBx01 div,.repotBx02 div {
  display: flex;
  align-items: center;
}
.repotBx02-rev {
  flex-direction: row-reverse;
}


@media screen and (max-width: 561px) {
  .repotBx02 {
    display: block;
  }
  .repotBx02 img ,.repotBx02 div {
    width: 100%;
    margin-bottom: 2.5%;

  }
}


.reportImgBx01 {
  position: relative;
}
.reportImgBx01 {

}
.reportImgBx01 img {
  position: relative;
}
.reportImgBx01 div {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    color: white;
    padding: 2.5%;
    max-width: 500px;
}
.reportImgBx01 div .reportImgBx01-ttl {
  font-size: 160%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

}