/* -------------------------------------------------- */
/* 汎用 */
/* -------------------------------------------------- */

/* ベース */
.content { background-color:transparent; }

/* 余白 */
.accordion { margin-top:24px; }

/* 値引きアイコン */
.off-5 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-5.png'); height:46px; width:46px; }
.off-5-8 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-5-8.png'); height:46px; width:46px; }
.off-5-10 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-5-10.png'); height:46px; width:46px; }
.off-7 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-7.png'); height:46px; width:46px; }
.off-8 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-8.png'); height:46px; width:46px; }
.off-10 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-10.png'); height:46px; width:46px; }
.off-10-12 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-10-12.png'); height:46px; width:46px; }
.off-15 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-15.png'); height:46px; width:46px; }
.off-20 { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-20.png'); height:46px; width:46px; }
.off-200yen { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-200yen.png'); height:46px; width:46px; }
.off-500yen { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-500yen.png'); height:46px; width:46px; }
.off-600yen { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-600yen.png'); height:46px; width:46px; }
.off-800yen { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-800yen.png'); height:46px; width:46px; }
.off-1000yen { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-1000yen.png'); height:46px; width:46px; }
.off-sp { aspect-ratio:1/1; background-image:url('../img/page/preferred/off-icon/off-sp.png'); height:46px; width:46px; }

@container( min-width:1000px ) {

/* ベース */
.content { padding:0; }

/* 余白 */
.accordion { margin-top:40px; }

}

/* -------------------------------------------------- */
/* 宿泊施設 */
/* -------------------------------------------------- */

/* ページタイトル */
.page-title.lodge { margin-bottom:0; }
.page-title.lodge::before { aspect-ratio:67/60; background-image:url('../img/page/preferred/lodge/title-lodge.png'); height:60px; width:68px; }

/* リスト */
.preferred-info { flex-direction:column; }
.preferred-info h3 { align-items:center; font-size:16px; font-weight:700; justify-content:space-between; line-height:28px; padding:10px 20px; max-width:100%; width:100%; }
.preferred-info h3 a { color:var(--gr-3); text-decoration:underline; }
.preferred-info h3 span { display:inline-block; }
.preferred-info ul { padding:0 20px 10px 20px; }
.tel { align-items:center; gap:5px; justify-content:flex-start; }
.tel span { aspect-ratio:1/1; background-image:url('../img/page/preferred/lodge/icon-tel.svg'); height:16px; width:16px; }

@container( min-width:1000px ) {

/* ページタイトル */
.page-title.lodge { margin-bottom:40px; }
.page-title.lodge::before { height:98px; width:109px; }

/* リスト */
.preferred-info { flex-direction:row; flex-wrap:wrap; padding:10px 20px; }
.preferred-info h3 { width:40%; }
.preferred-info ul { width:60%; }

}

/* -------------------------------------------------- */
/* ジム */
/* -------------------------------------------------- */

/* ページタイトル */
.page-title.gym { margin-bottom:0; }
.page-title.gym::before { aspect-ratio:74/41; background-image:url('../06preferred/gym/img/title-icon.png'); height:41px; width:74px; }

@container( min-width:1000px ) {

.page-title.gym::before { aspect-ratio:160/87; background-image:url('../06preferred/gym/img/title-icon.png'); height:87px; width:160px; }

}