@charset "UTF-8";

/*
 * [header]
 * .header
 * .header_area
 * .header_navigation
 * .header_navigation_list
 * .header_booking_link
 * .header_title
 */

.header {
  position: fixed;
  width: 100%;
  z-index: 2000;
  transition: transform .8s ease;
}

.header.is_hide {
  transform: translateY(-30rem);
}

header.no_transition {
  transition: none !important;
}

.header_area {
  display: flex;
  position: relative;
}

.header_navigation {
  width: 100%;
  height: 7rem;
  background-image: url('/wp-content/themes/toritsubame/img/background.jpg');
  object-fit: cover;
  display: inline-block;
}

.header_navigation_list {
  padding: 2rem 22.3rem 0 0;
}

.header_booking_link {
  position: relative;
}

.header_booking_link img {
  width: 19.1rem;
  height: auto;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
}

.header_booking_link img:last-of-type {
  opacity: 0;
  transition: opacity .7s;
}

.header_booking_link:hover img {
  opacity: 1;
}

.header_title {
  position: absolute;
  top: 4rem;
  left: 0;
}

/* レスポンシブ対応 */
@media screen and (max-width:690px) {

  /*
 * [header]
 * .header_navigation
 * .header_hamburger
 * .header_booking_link_sp
 * .header_title
 */

  .header.is_hide {
    transform: translateY(-9rem);
  }

  .header_navigation {
    height: 5rem;
  }

  .header_hamburger {
    top: 0;
  }

  .header_booking_link_sp img {
    width: 8rem;
    height: 5rem;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header_title {
    position: absolute;
    top: 0;
  }

}