@charset "utf-8";
/* CSS Document */


#mainout{
	  background-color: #2B2B2B;
	width: 680px;
}

/* =========================
   スマホ用 メインビジュアル
   （540px）
========================= */

#mainout {
  width: 680px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

/* メインビジュアル枠 */
#main {
  position: relative;
  width: 100%;
  
  background: #000;
}

/* 動画 */
#main video {
  width: 680px;
 
  object-fit: cover;     /* はみ出さず、余白なし */
  display: block;
}
#annai {
  width: 680px;
  max-width: 100%;
  margin: 32px auto 48px;
  text-align: left;
}

/* タイトル（必要なら後で文字入れる想定） */
#annai .title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 16px;
  padding-left: 8px;
  color: #333;
}

/* 画像 */
#annai img {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   部屋案内リスト（スマホ用）
========================= */

#annailisut {
    width: 680px;
    max-width: 100%;
    margin-top: 24px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

/* ul 初期化（1カラム） */
#annailisut ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* li */
#annailisut li {
  border-bottom: 1px solid #e0e0e0;
}

/* リンク */
#annailisut a {
  display: block;
  padding: 10px 8px;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  text-decoration: none;
  text-align: left;
}

/* タップ時 */
#annailisut a:active {
  background-color: #f5f1ec;
  color: #8b5a2b;
}
/* =========================
   部屋紹介セクション
   （スマホ基準）
========================= */

.kakuheya {
    width: 680px;              /* ← スマホ基準 */
    max-width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
}

/* タイトル */
.kakuheya .title {
  width: 100%;
  font-size: 28px;
  margin-bottom: 20px;
  text-align: left;
}

/* 左：画像 */
.kakuheya > div:nth-of-type(1) {
  width: 100%;
}

/* 画像 */
.kakuheya img {
  width: 100%;
  height: auto;
  display: block;
}

/* 右：文章 */
.kakuheya > div:nth-of-type(2) {
  width: 100%;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  text-align: left;
}

/* 見出し */
.kakuheya h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #b23a2b;
    margin-left: 15px;
}

/* 本文 */
.kakuheya p {
    line-height: 1.9;
    margin-bottom: 16px;
    color: #333;
    margin-left: 15px;
	font-size: 22px;
}

/* ボタン（画像下と自動で高さ揃え） */
.kakuheya a {
    margin-top: auto;
    align-self: flex-start;
    padding: 12px 24px;
    background-color: #8b5a2b;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    border-radius: 6px;
    transition: background-color 0.3s, transform 0.2s;
    margin-left: 15px;
}

.kakuheya a:hover {
  background-color: #6f4521;
  transform: translateY(-2px);
}