@charset "UTF-8";

.color-azabu {
  color: #c19c00 !important;
}
.border-azabu {
  border-color: #c19c00 !important;
}
.c-jisage {
  text-indent: -1em;
  padding-left: 1em;
}

.bg-nesyellow {
  background-color: rgb(255, 235, 153) !important;
}
.bg-neswhite {
  background-color: #fff !important;
}

.form-font .ajax-loader {
  display: none !important;
}

@media (max-width: 767px) {
  .form-font input,
  textarea {
    font-size: 16px !important;
  }
}

.common_campaign_title img {
  height: 30px !important;
}

.campaign_top_box a {
  transition-duration: 0.3s;
}

.campaign_top_box a:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .common_campaign_title img {
    height: 20px !important;
  }
}

.footer_bannar_sections_box .left_img {
  max-width: 360px;
}
.footer_bannar_sections_box img {
  transition-duration: 0.3s;
}
.footer_bannar_sections_box img:hover {
  opacity: 0.7;
}

.campaign_outlink svg {
  width: 25px !important;
}

.campaign_outlink svg {
  top: 13px !important;
}

.footer_2nd_campoaign_img {
  height: 50px !important;
}

@media (max-width: 767px) {
  .footer_bannar_sections_box .left_img {
    max-width: 500px;
  }

  .campaign_outlink span {
    right: 10px !important;
  }

  .campaign_outlink svg {
    right: -25px !important;
    opacity: 1 !important;
  }

  .footer_bannar_sections_box
    .page-omotenashi__box__button.is-type02
    a:hover
    span {
    animation: none !important;
    transform: none !important;
    transition: 0.3s !important;
  }

  .footer_bannar_sections_box
    .page-omotenashi__box__button.is-type02
    a:hover
    svg {
    opacity: 0 !important;
  }

  .footer_bannar_sections_box
    .page-omotenashi__box__button.is-type02
    .campaign_outlink:hover
    svg {
    opacity: 1 !important;
  }

  .campaign_outlink svg {
    top: 10px !important;
  }
}

@media (max-width: 441px) {
  .footer_2nd_campoaign_img {
    height: auto !important;
  }
}

.page-top-hiroo_bread a,
li {
  color: #555555;
}

.page-top-hiroo_bread .bread1 a {
  color: #c19c00 !important;
}

.page-top-hiroo_bread {
  background-color: #f4f2ea !important;
}

.shop-azabu .footer__shop a {
  color: #cccccc !important;
}
.shop-azabu .footer__shop h2 {
  color: #cccccc !important;
}
.shop-azabu .footer__shop h3 {
  color: #cccccc !important;
}
.shop-azabu .footer__common a {
  color: #cccccc !important;
}
.shop-azabu .footer__bottom a {
  color: #cccccc !important;
}
.shop-azabu .footer__common .footer__common__info__updated {
  color: #cccccc !important;
}
.shop-azabu .footer__bottom .footer__bottom__copy {
  color: #cccccc !important;
}

.shop-azabu .footer__shop a:hover {
  color: #c19c00 !important;
}
.shop-azabu .footer__common a:hover {
  color: #c19c00 !important;
}
.shop-azabu .footer__bottom a:hover {
  color: #c19c00 !important;
}

.shop-yokohama .footer__shop a {
  color: #cccccc !important;
}
.shop-yokohama .footer__common a {
  color: #cccccc !important;
}
.shop-yokohama .footer__bottom a {
  color: #cccccc !important;
}
.shop-yokohama .footer__common .footer__common__info__updated {
  color: #cccccc !important;
}
.shop-yokohama .footer__bottom .footer__bottom__copy {
  color: #cccccc !important;
}

.shop-yokohama .footer__shop a:hover {
  color: #608b7c !important;
}
.shop-yokohama .footer__common a:hover {
  color: #608b7c !important;
}
.shop-yokohama .footer__bottom a:hover {
  color: #608b7c !important;
}

.shop-common .footer__shop a {
  color: #ffffff !important;
}
.shop-common .footer__common a {
  color: #ffffff !important;
}
.shop-common .footer__common .footer__common__info__updated {
  color: #ffffff !important;
}
.shop-common .footer__common .footer__bottom__copy {
  color: #ffffff !important;
}
.shop-common .footer__common .footer__common__info__updated {
  color: #ffffff !important;
}
.shop-common .footer__common .footer__bottom__copy {
  color: #ffffff !important;
}
.shop-common .footer__bottom a {
  color: #ffffff !important;
}
.shop-common .footer__shop a:hover {
  color: #cccccc !important;
}
.shop-common .footer__common a:hover {
  color: #cccccc !important;
}
.shop-common .footer__bottom a:hover {
  color: #cccccc !important;
}

.news-linebtn {
  display: flex;
}
.news-linebtn_sp {
  display: none !important;
}

@media (max-width: 767px) {
  .news-linebtn {
    justify-content: center !important;
  }

  .news-reservebtn a {
    max-width: none !important;
  }
  .news-reservebtn.is-type02.home__camp-btn a {
    width: 280px !important;
    font-size: 15px !important;
    height: auto !important;
  }
  .news-linebtn_sp {
    display: flex !important;
  }
  .news-linebtn_pc {
    display: none !important;
  }
}

.hover-opcity {
  transition-duration: 0.3s;
}

.hover-opcity:hover {
  opacity: 0.7;
}

.fs-14_10 {
  font-size: 14px !important;
}

@media (max-width: 767px) {
  .fs-14_10 {
    font-size: 1rem !important;
    padding: 1.75rem 0.5rem !important;
    margin-bottom: 0 !important;
  }
}

.round_btn {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: -38px;
  right: 0px;
  border: 2px solid #fff;
}

.round_btn::before,
.round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 15px;
  background: #fff;
  /* バツ印の色 */
}

.round_btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.round_btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.hiroo-top-lp-bannar {
  position: absolute;
  opacity: 1;
  top: -58%;
  right: 7px;
  display: -ms-grid;
  display: grid;
  cursor: pointer;
}

.action-close {
  position: relative;
}

.hiroo-top-lp-bannar a {
  display: block;
  position: relative;
  color: #000;
  width: 230px;
  height: 230px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}

.hiroo-top-lp-bannar a:hover {
  opacity: 0.7;
}

.hiroo-top-lp-bannar img {
  width: 230px;
  z-index: 2;
  position: relative;
}

@media (max-width: 991px) {
  .hiroo-top-lp-bannar img {
    height: 140px;
  }

  .hiroo-top-lp-bannar img {
    width: 140px;
  }

  .hiroo-top-lp-bannar a {
    width: 140px;
    height: 140px;
  }

  .hiroo-top-lp-bannar {
    right: 30px;
    top: -40%;
  }
}

@media (max-width: 767px) {
  .hiroo-top-lp-bannar {
    right: 0px;
  }

  .round_btn {
    top: -35px;
    right: 0px;
    z-index: 1;
  }
}
