/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2025 | 06:35:20 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*==============================================================
lodge全般
==============================================================*/
/*----------------------------------------------------
バー / bar_lodge（ロッジ選択バー）
----------------------------------------------------*/
body, html {overflow-x:clip;} /*こうしないと、display:stickyが有効にならない*/
.insert-page {position: sticky; position: -webkit-sticky; bottom:0; z-index:2; display:block; width:100%;}

.bar_lodge {width:100%; background-color:#d3d3d333; backdrop-filter:blur(8px);}
/*----------------------------------------------------
リスト / li_sel_lodge
----------------------------------------------------*/
.li_sel_lodge {display:flex; width:90%; margin:0 auto; flex-wrap:nowrap; column-gap:2px; justify-content:center;}
.li_sel_lodge div {width:calc((100% - (2px * 2)) / 3); max-width:340px; font-size:1.2rem; line-height:0.8;}
/*----sp時----*/
@media (max-width:780px) {.li_sel_lodge div {max-width:145px;}}
/*----文字----*/
.li_sel_lodge span {font-size:0.8rem;}
/*----リンク----*/
.li_sel_lodge a {display:block; width:100%; padding:10px 0;
	background-color:transparent; transition-duration:0.2s;}
.li_sel_lodge a:hover {text-decoration:none; color:#fff; background-color:#000; transition-duration:0.2s;}
/*----ページ表示中にhoverと同じ挙動----*/
body.post-name-akatsuki .li_sel_lodge div:nth-child(1) a, 
body.post-name-akebono .li_sel_lodge div:nth-child(2) a, 
body.post-name-tenkyu .li_sel_lodge div:nth-child(3) a
{color:#fff; background-color:#000;}
/*----------------------------------------------------
ヘッダー画像
----------------------------------------------------*/
.top_lodge {width:100%; height:26vw; height:380px;}
.top_lodge img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----------------------------------------------------
（swiper）スライド / 部屋の中（インテリア）
----------------------------------------------------*/
.slide_int.swiper {margin:0 auto; padding:0 0 8px 0; width:86%;}
@media (max-width:780px) {.slide_int.swiper {margin:0 16px; width:auto;}}

.slide_int .swiper-pagination {text-align:right;}
/*----------------------------------------------------
間取り図
----------------------------------------------------*/
.room_lodge {opacity:0.5;}

/*==============================================================
暁 Akatsuki
==============================================================*/
.mess_akatsuki {height:28rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_akatsuki {height:auto;}}

/*==============================================================
曙 Akebono
==============================================================*/
.mess_akebono {height:32rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_akebono {height:auto;}}

/*==============================================================
天宮 Tenkyu
==============================================================*/
.mess_tenkyu {height:32rem;}
/*----sp時----*/
@media (max-width:780px) {.mess_tenkyu {height:auto;}}
/*----------------------------------------------------
リスト / フロア
----------------------------------------------------*/
.li_floor {display:flex; flex-wrap:nowrap; align-items:end; column-gap:32px; row-gap:32px;}
/*----sp時----*/
@media (max-width:780px) {.li_floor {flex-direction:column; align-items:start;}}