/* ------------------------------------------------
  �Ǐ]�{�^��
------------------------------------------------- */
#fixed-btn {
  z-index: 50;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 0;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
#fixed-btn.is-show {
  position: fixed;
  visibility: visible;
  opacity: 1;
}
#fixed-btn.is-show .fixed-btn-inner {
  margin-top: -170px;
}
@media screen and (max-width: 1024px) {
  #fixed-btn.is-show .fixed-btn-inner {
    margin-top: -265px;
  }
}
@media print, screen and (min-width: 1201px) {
  #fixed-btn.is-show .fixed-btn-inner {
    padding-right: 20px;
  }
}
#fixed-btn.is-bottom {
  position: static;
}
#fixed-btn.is-bottom .fixed-btn-inner {
  top: max(-35vw, -550px);
  margin-top: 0 !important;
}
@media screen and (max-width: 1024px) {
  #fixed-btn.is-bottom .fixed-btn-inner {
    top: -490px;
  }
}
@media screen and (max-width: 767px) {
  #fixed-btn.is-bottom .fixed-btn-inner {
    top: -350px;
  }
}
#fixed-btn .fixed-btn-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 0;
  margin: 0 auto;
  padding-right: 3%;
  padding-left: 3%;
  text-align: right;
}

/* --------------------------------------------------
  pageTop
--------------------------------------------------- */
#pagetop {
  margin: 20px 25px 0 auto;
  z-index: 998;
}
@media screen and (max-width: 1024px) {
  #pagetop {
    margin-top: 90px;
    margin-right: 15px;
  }
}
#pagetop .pagetop-btn {
  display: table;
  width: 80px;
  height: 80px;
}
#pagetop .pagetop-btn a {
  display: table-cell;
  width: 100%;
  padding: 5px;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  background: #042e60;
  border-radius: 50%;
  -webkit-box-shadow: 4px 8px 17px 0px rgba(53, 53, 53, 0.35);
          box-shadow: 4px 8px 17px 0px rgba(53, 53, 53, 0.35);
}
#pagetop .pagetop-btn a:hover {
  background: #08549c;
  opacity: 1;
}
#pagetop .pagetop-btn a .icon {
  display: block;
  padding-top: 25px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  #pagetop .pagetop-btn a .icon {
    padding-top: 14px;
  }
}
#pagetop .pagetop-btn a .icon:before {
  display: block;
  content: '';
  width: 12px;
  height: 20px;
  margin-left: -6px;
  background: url(/guide/plan/int-info/travel-support24/images/icon_top01.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: 50%;
}
@media screen and (max-width: 1024px) {
  #pagetop .pagetop-btn a .icon:before {
    width: 8px;
    height: 14px;
    margin-left: -4px;
    background-size: 8px 14px;
  }
}