@charset "UTF-8";
/*

  Top styles（en）
  prefix: 'top-'

  01. Main visual
  02. Concept
  03. Rooms / Breakfast / Topics
  04. Gallery / Access / Reservation

*/
/* ==========================================================================
   01. Main visual
============================================================================= */
@media screen and (max-width: 767.9px) {
  .p-mv-head-logo {
    padding-bottom: 23.6vh;
  }
}

.p-mv-head-logo-text {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-mv-head-nav {
    font-size: 19px;
    font-size: 1.9rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .p-mv-head-nav {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ==========================================================================
   02. Concept
============================================================================= */
.top-concept-heading {
  line-height: 1.5;
  font-size: 32.5px;
  font-size: 3.25rem;
}

@media screen and (max-width: 767.9px) {
  .top-concept-heading {
    line-height: 1.5;
    font-size: 29px;
    font-size: 2.9rem;
  }
}

/* ==========================================================================
   03. Rooms / Breakfast / Topics
============================================================================= */
.top-rooms .c-heading-30,
.top-breakfast .c-heading-30,
.top-topics .c-heading-30 {
  font-size: 36px;
  font-size: 3.6rem;
}

@media screen and (max-width: 767.9px) {
  .top-rooms .c-heading-30,
  .top-breakfast .c-heading-30,
  .top-topics .c-heading-30 {
    font-size: 33.5px;
    font-size: 3.35rem;
  }
}

@media screen and (min-width: 1150.1px) {
  .top-topics .p-fbox-cont{
    padding-top: 40px;
    position: relative; 
    margin: 40px 0 auto auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
  .top-rooms .p-fbox-cont, .top-breakfast .p-fbox-cont, .top-topics .p-fbox-cont{
    position: relative; 
  }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
  .top-rooms .p-fbox-cont::before, .top-breakfast .p-fbox-cont::before, .top-topics .p-fbox-cont::before{
    margin-bottom: 33px;
    position: relative; 
  }
}


/* ==========================================================================
   04. Gallery / Access / Reservation
============================================================================= */
.top-gallery .c-heading-24,
.top-access .c-heading-24,
.top-reservation .c-heading-24 {
  margin-bottom: 43px;
  padding-bottom: 35px;
  position: relative;
  text-align: center;
  font-size: 29px;
  font-size: 2.9rem;
}

@media screen and (max-width: 767.9px) {
  .top-gallery .c-heading-24,
  .top-access .c-heading-24,
  .top-reservation .c-heading-24 {
    font-size: 27px;
    font-size: 2.7rem;
  }
}

.top-gallery .c-heading-24::after,
.top-access .c-heading-24::after,
.top-reservation .c-heading-24::after {
  background-color: #1a1a1a;
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top-access-info h3,
.top-access-info h4 {
  font-weight: 600;
}