/**
 * Override CSS
 * オーバーライドCSS
 * 
 * このファイルは非エンジニアがサーバー上で直接編集できます。
 * 全てのスタイルの最後に読み込まれるため、
 * ここに記載したスタイルが最優先で適用されます。
 * 
 * ========================================
 * 注意事項
 * ========================================
 * 
 * 1. 編集前に必ずバックアップを取ってください
 * 
 * 2. !important は基本的に不要です
 *    （このファイルが最後に読み込まれるため）
 * 
 * 3. 変更後はブラウザのキャッシュをクリアしてください
 *    - Windows: Ctrl + F5
 *    - Mac: Cmd + Shift + R
 * 
 * 4. CSSの書き方例:
 *    .クラス名 {
 *      プロパティ: 値;
 *    }
 * 
 * ========================================
 * 使用例
 * ========================================
 * 
 * 文字色を変更:
 * .header { color: #333; }
 * 
 * 背景色を変更:
 * .section { background-color: #f5f5f5; }
 * 
 * フォントサイズを変更:
 * .title { font-size: 24px; }
 * 
 * 余白を変更:
 * .content { padding: 20px; margin-bottom: 30px; }
 * 
 * 要素を非表示:
 * .banner { display: none; }
 * 
 */

/* ===== カスタムスタイルをここに記載 ===== */

/*ここからTOP*/
.old_reservation_news{
	width: 70%;
	font-size: 1rem;
	color: red;
	border: solid 1px red ;
	padding: 3rem 2rem ;
	margin: 2rem auto;
}

.p-home-hotspring__headingMain {
    font-size: 1.375rem!important;
}

.p-home-dish__heading, .p-home-room__heading {
    flex-wrap: wrap;
}

.p-home-access__text {
    line-height: 1.5!important;
}

@media screen and (max-width: 767px) {
    .p-home-hero__copy {
        font-size: 1.375rem;
        line-height: 1.4545454545;
        letter-spacing: .1em!important;
    }
}

/*ここからHotspring*/

.p-hotspring-hanare__heading {
    letter-spacing: 0.15em!important;
}

.p-hotspring-hanare__subTitle {
    letter-spacing: .2em!important;
}

.p-hotspring-hanare__slopecarTitle {
    letter-spacing: .2em!important;
}

.p-hotspring-section__heading {
    letter-spacing: .1em!important;
}

.p-hotspring-kashikiri__heading {
    letter-spacing: .15em!important;
	    line-height: 1.3em!important;
}

.p-hotspring-kashikiri__bathName {
	letter-spacing: .15em!important;
}

.l-headline-02__title {
	letter-spacing: .1em!important;
}
@media screen and (min-width: 768px) {
.p-hotspring-quality__tableTerm {
    flex: 0 0 15rem!important;
}
}

/*ここからDish*/

.p-dish-dinner__title {
    letter-spacing: .15em!important;
}

.p-dish-dinner__subTitle {
	letter-spacing: .15em!important;
}
.p-dish-morning__title {
	letter-spacing: .15em!important;
}

.p-dish-children__title {
	letter-spacing: .15em!important;
}
@media screen and (min-width: 768px) {
.p-dish-children__infoLabel {
    width: 8rem!important;
}
}
/*ここからFAQ*/

@media screen and (min-width: 768px) {
    .c-anchor-01--col5 .c-anchor-01__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr)!important;
        gap: 1rem 1.875rem;
    }
}

.p-room-featured__titleJa {
    letter-spacing: .1em!important;
}

/*ここからROOM*/

.p-room-item__infoLabel {
    flex-shrink: 0;
    width: 6rem!important;
}

.p-room-featured__infoLabel {
    flex-shrink: 0;
    width: 6rem!important;
}

/*ここからSightseeing*/


.p-sightseeing-spots__item--row {
    display: flex;
    margin-top: 5rem!important;
}

.p-sightseeing-spots__itemTitleText {
    letter-spacing: .1em!important;
}

@media screen and (min-width: 768px) {
    .p-sightseeing-spots__itemTitleText--row2 {
        min-height: 0rem!important;
    }
}

/*ここからStay*/


.p-stay-timeline__itemText {
    max-width: 20rem!important;
}