/*
pagetop.css
*/
#sideicon {
  text-align: right;
  display: block;
  position: fixed;
  bottom: 5%;
  right: 0;
}
@media (orientation: landscape) and (min-width: 768px){
  #sideicon { bottom: 5%;}
}
@media screen and (max-width: 767px){
  #sideicon { bottom: 13%;}
}
/*
#contact {
  display: block;
  position: fixed;
  bottom: 5%;
  right: 0;
}
*/
#pageTop a,
#contact a, {
  display: block;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover,
#contact a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#floating-banner {
  position: fixed;
  right: 7.5%;
  bottom: 20px;
  z-index: 9999;
}

#floating-banner img {
  width: 36vw; /* サイズ調整 */
  max-width: 450px;
  height: auto;
  display: block;
}
#close-banner {
  position: absolute;
  top: -10px;
  left: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 14px;
}
/* ×の線（共通） */
#close-banner::before,
#close-banner::after {
  content: "";
  position: absolute;

  width: 60%;
  height: 2px;
  background: #fff;

  top: 50%;
  left: 50%;

  transform-origin: center;
}
/* 斜め線① */
#close-banner::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* 斜め線② */
#close-banner::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 1079px){

  #floating-banner{
    bottom: 9.5vh;
    right: auto;
    left: 3vw;
  }
  #floating-banner img {
    width: 75vw;
  }
  #close-banner {
    font-family: sans-serif;
    width: 30px;
    height: 30px;
  }

}