@charset "utf-8";
/*=======メインビジュアル============*/
.SEC_container70_2 {
  max-width: 1920px;
  width: 70vw;
  margin: 0 auto;
  word-break: break-all;
}
.SEC_container60 {
  max-width: 1920px;
  width: 60vw;
  margin: 0 auto;
  word-break: break-all;
}
/*==============================================*/
.yok01 .yok01_inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  column-gap: 10%;
	margin-bottom: 8vh;
}
.yok01 .logo {
  width: clamp(185px, 17vw, 245px);
  height: auto;
  margin-bottom: 3.0em;
}
.yok01 h3 {
  font-size: var(--fs-20);
  line-height: 1.8em;
  margin-bottom: 3.0em;
  white-space: nowrap;
}
.yok01_Rbox, .yok01_image {
  flex: 1;
}
/**/
.yok02 {
  text-align: center;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;
  padding: 5vh 0;
}
.yok02 .O_design_tx {
  font-family: var(--font-cin);
  font-size: var(--fs-20);
  text-transform: capitalize;
  margin-bottom: 5vh;
}
.yok02 .O_logo {
  width: clamp(30px, 4.13vw, 60px);
  height: auto;
  position: relative;
  margin: 0 auto 5vh;
}
.yok02 .O_logo::before {
  content: "";
  width: clamp(11px, 1.5vw, 25px);
  height: 20px;
  background-image: url("../images/yokoku/ten.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  position: absolute;
  top: 0;
  left: -1.2em;
}
.yok02 .O_logo::after {
  content: "";
  width: clamp(11px, 1.5vw, 25px);
  height: 20px;
  background-image: url("../images/yokoku/ten.webp");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  transform: rotate(180deg);
  position: absolute;
  top: 0;
  right: -1.2em;
}
.yok02 h2 {
  font-size: var(--fs-18);
  margin-bottom: 2.0em;
}
.yok02 .lead_O {
  padding: 0 5%;
}
/**/
.yok03 h2 {
  font-family: var(--font-cin);
  font-size: var(--fs-40);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: capitalize;
  margin-bottom: 1.5em;
}
.yok03 {
  text-align: center;
  border-bottom: solid 1px #333333;
  padding: 5vh 0;
  margin-bottom: 15vh;
}
/**/
.yok04 {
  margin-bottom: 20vh;
}
.yok04 .yok04_title {
  display: flex;
  justify-content: flex-start;
  column-gap: 1.5em;
  align-items: center;
  margin-bottom: 5vh;
}
.yok04 img {
  width: clamp(75px, 15vw, 160px);
  height: auto;
}
.yok04 h2 {
  font-size: var(--fs-16);
}
.room_no1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 1.0em;
}
.room_no1 .size {
  font-family: var(--font-cin);
  font-size: clamp(35px, 5.37vw, 78px);
  line-height: 1;
}
.room_no1 ul {
  font-family: var(--font-cin);
  font-size: var(--fs-23);
  text-transform: capitalize;
  line-height: 1;
}
.room_no1 li span {
  font-family: var(--font-cin);
  font-size: var(--fs-14);
}
.yok04_inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  column-gap: 10%;
  padding-bottom: 1.3em;
  border-bottom: solid 1px #333333;
  margin-bottom: 1.5em;
}
.yok04 .lead {
  font-size: var(--fs-30);
  line-height: 1.1;
}
.yok04 .lead2 {
  text-align: center;
}
.yok04 .lead span {
  font-size: var(--fs-16);
}
.yok04 .lead .middle {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0.5em;
}
/**/
footer {
  background-color: #333333;
  padding: 8vh 0;
  color: #ffffff;
  text-align: center;
}
.yok05 h2 {
  font-size: var(--fs-30);
  margin-bottom: 1.5em;
  line-height: 1.8em
}
.yok05 h2 span {
  font-size: var(--fs-18);
}
.entry_btn {
  font-family: var(--font-cin);
  font-size: var(--fs-28);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #333333;
  background-color: #ffffff;
  border: solid 1px #ffffff;
  display: inline-block;
  width: 12em;
  transition: background-color 0.2s ease-in; /* ホバー時のアニメーション */
  margin-bottom: 2.5em;
}
.entry_btn:hover {
  background-color: #333333;
  color: #ffffff;
}
.yok05 ul {
  font-size: var(--fs-14);
  line-height: 2.0em;
  margin-bottom: 1.0em;
}
.footer_button {
  text-align: end;
  margin-bottom: 10vh;
}
.detailBtn {
  font-size: var(--fs-14);
}
.detailLink {
  position: relative;
  display: inline-block;
  transition: color 0.3s ease;
}
/* hover */
.detailLink:hover {
  text-decoration: underline;
  color: #aaaaaa;
}
.shopinfo {
  display: flex;
  justify-content: center;
  align-items: baseline;
  column-gap: 2.5em;
}
.shopinfo .shop {
  width: clamp(220px, 22.7vw, 330px);
  height: auto;
}
.shopinfo .tel {
  width: clamp(175px, 13.7vw, 200px);
  height: auto;
  padding-bottom: 10%;
}
@media (max-width: 1024px) {
.SEC_container70_2 {
  max-width: 768px;
  width: 80vw;
  margin: 0 auto;
  word-break: break-all;
}
  .yok01 .yok01_inner {
    display: block;
	margin-bottom: 8vh;
  }
  .yok01_Rbox{
    margin-bottom: 3.5em;
  }
}
@media (max-width: 768px) {
	.SEC_container60 {
  max-width: 768px;
  width: 75vw;
  word-break: break-all;
}
.yok04_inner {
    align-items: center;
	}
.footer_button {
    text-align: center;
}
}
@media (max-width: 500px) {
    .yok01 .yok01_inner {
        margin-bottom: 8vh;
	}
.yok01 h3 {
    white-space: normal;
	}
.yok03 {
    margin-bottom: 8vh;
	}
.yok04_inner {
    flex-wrap: wrap;
    row-gap: 1.2em;
	}
.footer_button {
    margin-bottom: 5vh;
	}
.shopinfo {
    flex-direction: column;
	align-items: center;
    row-gap: 1.0em;
}
}