/* ***************************************************
 SP
*************************************************** */
@media screen and (max-width:1099px) {
  .header-nav .header-bottom {
    padding-bottom: 90px;
  }
  .header-nav .language .lang-list {
    position: absolute;
    bottom: 45px;
    left: 4vw;
    right: 4vw;
    border-top: 1px solid #cccccc;
  }
  .header-nav .language h2::after {
    transform: rotate(-135deg);
  }
  .header-nav .language h2.active::after {
    transform: rotate(45deg);
  }
}
/* ***************************************************
 PC
*************************************************** */
@media all and (min-width:1100px) {}

/* 言語毎の表示調整 */
:root:not([lang="ja"]) .for-lang-ja{
	display: none !important;
}

/* リンク削除（日本語専用コンテンツ） */
:root:not([lang="ja"]) :is(.nav-sub, .sp-sub-nav) li:has( :is(a[href*="/contact/"], a[href*="//drhm.jp/"]) ):not( :has(a[href="https://drhm.jp/privacypolicy-en/"]) ){
	display: none;
}
:root:not([lang="ja"]) a[href*="//drhm.jp/"]:not(a[href="https://drhm.jp/privacypolicy-en/"]){
	color: inherit !important;
	text-decoration: none;
	user-select: none;
	pointer-events: none;
}

/* ruby 削除 (英語のみ) */
:root[lang="en"] :is(.page-title, .section-title) > small{
	display: none;
}
:root[lang="en"] .allic-points .point h2 > small{
	display: none;
}

/* footer nav 改行問題 */
.footer-nav{
	flex-wrap: wrap;
	gap: 1em 0;
}

/* pankz スマホ折返し対策 */
@media screen and (max-width: 1099px) {
	.pankz {
		flex-wrap: wrap;
		gap: .5em 0;
	}
}

/* access > 時刻表 (崩れ対策) */
th:where(thead *){
	white-space: normal;
}

/* facilities > facilities-archive > card */
.page-facilities .facilities-archive .card dl{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px;
}
.page-facilities .facilities-archive .card dl > div{
	display: grid;
	grid-template-columns: subgrid;
	grid-column: span 2;
}
.page-facilities .facilities-archive .card dl dt{
	width: auto;
	&:where(:root[lang="en"] *){
		width: min-content;
	}
}
.page-facilities .facilities-archive .card dl dd{
	padding-left: 0;
}

/* -------- 温泉・大浴場 --------*/
@media (min-width: 1100px){
.page-wellness .wellness-col2 {
	padding: 1em 2em;
	}
}

/* -------- 宴会場 --------*/
/* events > All Inclusiveバナー */
.banner-inclusive {
	/*z-index: 999;*/
	z-index: 150;
	pointer-events: none;
}
.banner-inclusive > *{
	pointer-events: auto;
}

/*-------- 客室詳細：客室の特徴タイトル --------*/
@media (min-width: 1100px){
.single-rooms .rooms-point .item .text h3 {
    margin-bottom: 10px;
    font-family: "Cinzel","Noto Serif JP",serif;
    font-size: 24px;
    font-weight: normal;
    color: #010037;
    line-height: 1.25em;
	}
}

@media screen and (max-width: 1099px){
.single-rooms .rooms-point .item .text h3 {
    margin-bottom: 10px;
    font-family: "Cinzel","Noto Serif JP",serif;
    font-size: 22px;
    font-weight: normal;
    color: #010037;
    line-height: 1.25em;
	}
}

/*-------- よくあるご質問ページ お問い合わせ導線追加など --------*/
.faq-intro > p{
	color: #777777;
}
.faq-intro a{
	color: #bf9c61;
}
.faq-intro a:hover{
	opacity: 0.8;
}
@media (min-width: 1100px) {
.faq-intro {
	width: 1200px;
	margin: 0 auto 80px;
	text-align: center;
	}
}
@media screen and (max-width: 1099px) {
.faq-intro {
	width: 100%;
	padding: 0 4vw;
	margin: 0 auto 50px;
	}
	.faq-intro p{
		font-size: .875em;
	}
}
/*--予約人数箇所の変更・調整 20241220--*/
@media (min-width: 1100px) {
	#reservation-modal .callendar {
		width: 490px;
		}
	#reservation-modal .guests {
		position: relative;
		width: 490px;
		padding-left: 10px;
		}
	#reservation-modal #guests-modal {
		display: none;
		position: absolute;
		top: 62px;
		width: 480px;
		padding: 20px 15px;
		font-size: 14px;
		background-color: #fff;
		color: #6e6e6e;
		border: 1px solid #cccccc;
		}
}
/*--ベルトラ観光情報イントロエリアボタン調整--*/
@media (min-width: 1100px) {
    .veltra-btn2 {
        margin: 0 auto;
    }
}
/*--EN > TOPリニューアル > タイトル英字削除 @ 250529--*/
[lang="en"] .front-section-title small{
	display: none;
}
[lang="en"] .front-section-title b{
	margin-bottom: 0;
}
/*--EN > グローバルナビ調整 @ 250529--*/
[lang="en"] #headerBottom .header-list > li > a:hover .en,
[lang="en"] #headerBottom .header-list > li > a.current .en,
[lang="en"] #headerBottom .header-list > li > span:hover .en,
[lang="en"] #headerBottom .header-list > li > span.current .en{
	display: block;
}
[lang="en"] #headerBottom .header-list > li > a:hover .ja,
[lang="en"] #headerBottom .header-list > li > a.current .ja,
[lang="en"] #headerBottom .header-list > li > span:hover .ja,
[lang="en"] #headerBottom .header-list > li > span.current .ja{
	display: none;
}