.room1-intro-header { margin:100px 0 -50px 0;}

.room1-intro-header h1 { font-size:1.7em; line-height: 30px; margin: 0; padding: 10px 0 10px 0; position: relative;}
.room1-intro-header h2 { font-size:1.4em;}

.room1-container-item-title-sub {
  font-size:1.2em; line-height: 10px; margin:70px auto; padding: 0; position: relative; text-align:center;
}
.room1-container-item-title h2 { font-size:0.95em; line-height: 30px; padding:0;}
.room1-intro-header{
    position: relative;
    text-align: center;
    margin: 0;
    padding:40px 0 60px 0;
    width: 100%;
}

.room1-container-item-title {
    text-align: center;
}

.room1-intro-header-image { margin: 0 auto; width: 90px; padding-top: 50px;}

.nav-room-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  padding-left:0;
  padding-right:0;
}

.nav-room-header ul {
    list-style: none;
    padding: 50px 0 0 0;
    margin: 0 auto;
}

.nav-room-header li {
    display: inline;
    margin-right: 40px; /* Adjust spacing as needed */
    position: relative;
}
.nav-room-header li a {
    font-size: 15px;
    color: #1a1a1a;
}
.nav-room-header li :hover{
    color: #cdb655;
}
.nav-room-header li:not(:last-child)::after {
    content: '|';
    position: absolute;
    right: -20px; /* Adjust position as needed */
}
.nav-room-header li:last-child {
    margin-right: 0; /* 最後の要素のみに適用されるスタイル */
}


.nav-room-header-mobile { display: none;}

@media (max-width: 650px) {
    .room1-intro-header-image { width: 100px;}
}

@media (max-width: 579px) {
    .room1-intro-header-image { width: 90px; margin: 10px auto 20px auto;}
    .room1-container-item-title h2 { font-size:0.90em; line-height: 30px; padding:0;}
    .break-mobile { display: block;}
    .nav-room-header { display: none;}

    .nav-room-header-mobile {
          display: flex;
          flex-direction: column;
          margin: 50px auto 80px auto;
      }

      .nav-room-header-mobile a {
          display: block;
          width: 80%;
          padding: 10px 20px 32px 20px;
          text-align: center;
          background-color: #193910;
          color: #cdb655;
          text-decoration: none;
          box-shadow: 0 0 0 1px #cdb655, 0 0 0 6px #193910;
          transition: color 0.3s ease, border-color 0.3s ease;

          margin: 10px auto;
      }

      .nav-room-header-mobile a:hover {
          background-color: #947e50 ;
          box-shadow: 0 0 0 1px #fff, 0 0 0 6px #947e50;
          transition: color 0.3s ease, border-color 0.3s ease;
      }
}