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

html {-webkit-text-size-adjust: 100%;}

a {
text-decoration:none;
color: #000;
}

body {
}

.addition_box {
width: 640px;
margin: 20px auto;
}

.item {
margin-bottom: 20px;
}

.item img {
width: 640px;
}

.addition_tittle {
font-size: 24px;
text-align: left;
margin: 0 auto 3px;
padding-left: 3px;
}

.addition_text_area {
margin-bottom: 23px;
padding-top: 5px;
padding-left: 3px;
}

.addition_text {
font-size: 16px;
text-align: left;
margin: 0 auto 20px;
padding-top: 3px;
padding-left :3px;
}

.addition_telltap {
font-weight: bold;
font-size: 19px;
text-align: left;
margin: 10px auto 0;
}

.addition_emphasize {
    font-size: 20px;
    text-align: left;
    margin: 0 auto 5px;
    padding: 3px 3px;
}

/*--------------------------------
align
----------------------------------*/
.align-center {
	text-align: center;
}

/*--------------------------------
index
----------------------------------*/

.latest-information {
width: 640px;
margin: 0 auto;
text-align: left;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.information-box {margin-bottom: 5%;}

.latest-information h2 {
font-size: 28px;
margin-bottom: 40px;
padding: 8px 0 8px 16px;
border-left: 5px solid #ff6262;
    background-color: #ffe5e5;
}

.latest-information h3 {
font-size: 22px;
margin-top: 0;
border-bottom: 2px solid #ef4382;
margin-bottom: 30px;
}
.latest-information p {
margin-bottom: 20px;
}

body .news {
text-align: left;
font-size:22px;
}


/*--------------------------------
access
----------------------------------*/

.iframe-box {
	margin-bottom: 20px;
}
.iframe-box iframe {
	width: 640px;
	height: 360px;
}

.access-heading {
	text-align: center;
	font-size: 34px;
	font-weight: 600;
	margin: 0;
}
.access-text {
	font-size: 22px;
	margin: 0;
}
.access-notice {
	font-size: 12px;
}

.spot_maps iframe {
	height: 700px;	
}

/*--------------------------------
room
----------------------------------*/

.room_list {
	width: 640px;
	margin: 0 auto 30px;
	padding: 0;
	display: block;
}
.room_list li {
    display: flex;
    width: 640px;
    justify-content: space-between;
}
.room_frame {
	margin-bottom: 10px;
}
.room_frame p {
	font-size: 20px;
	text-align: left;
    font-weight: bold;
	margin: 0;
}
.room_frame img {
	width: 312px;
}

.room_pickup img {
	width: 635px;
}

.triming_short img {
    object-fit: cover;
    height: 175.75px;
}

/*--------------------------------
heading
----------------------------------*/

.heading-2 {
border-left: 5px solid #ff6262;
    background-color: #ffe5e5;
    margin-top: 20px;
}

/*--------------------------------
color
----------------------------------*/

.blue {color:#0000ff;}

/*--------------------------------
read more
----------------------------------*/

/* 1. スイッチは隠す */
.news-toggle-checkbox {
  display: none;
}

/* 2. まとめて囲んだ袋（.news-wrapper）の高さを制限する */
.news-wrapper {
  max-height: 120px; /* ★最初に見せておく高さをここで調整 */
  overflow: hidden;
  transition: max-height 0.4s ease; /* ふわっと開く */
}

/* 3. ボタン（ラベル）のデザイン */
.news-btn {
  display: block;
  width: 100%;
  max-width:100%;
  margin: 15px auto 40px;
  padding: 10px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 14px;
  font-weight:600;
  cursor: pointer;
  border-radius: 4px;
}

.news-btn::after {
  content: "続きを読む";
}

/* ==================================
   スイッチがON（クリック）された時の変化
   ================================== */

/* ONの時：袋（.news-wrapper）を全開にする */
.news-toggle-checkbox:checked ~ .news-wrapper {
  max-height: 2000px; /* 全文が入る余裕のある高さを指定 */
}

/* ONの時：ボタンのテキストを「閉じる」に変える */
.news-toggle-checkbox:checked ~ .news-btn::after {
  content: "閉じる";
}