/**
 * 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;
	text-align: center;
}

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

/*ここから新着情報*/
.news_frame{
	border-bottom: dotted 1px #333333;
	padding-bottom: 2rem;
}
.news_day{
	font-size: 1.2rem !important;
	margin-bottom: 0px !important;
}
.news_title{
	font-size: 1.2rem !important;
	margin-top: 0.5rem !important;
}