@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

予約システム・会員ページ共通（システム作成ページ）

------------------------------------------------------------ */

/* header
---------------------------------------------- */
#header{border-bottom: 1px solid #F1F4F5;}

/* ボタンエリア
---------------------------------------------- */
.btn_area_btm01{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 60px;
}

/* ボタン
---------------------------------------------- */
/*--btn_system_type01--*/
.btn_system_type01 a{
	display: inline-block;
	background: #1C2D47;
	color: #FFFFFF;
	font-weight: 700;
	min-width: 320px;
	line-height: 1;
	text-align: center;
	padding: 22px 10px;
	transition: background .3s;
}

.btn_system_type01 a:hover{background: #537898;}

/*--btn_system_type02--*/
.btn_system_type02 a{
	display: inline-block;
	background: #EEEEEE;
	color: #333;
	font-weight: 700;
	min-width: 320px;
	line-height: 1;
	text-align: center;
	padding: 22px 10px;
	transition: background .3s;
}

.btn_system_type02 a:hover{background: #CDCDCD;}

/*--btn_system_back01--*/
.btn_system_back01 a{
	display: inline-block;
	background: #FFF;
	color: #333;
	font-weight: 700;
	min-width: 320px;
	line-height: 1;
	text-align: center;
	padding: 22px 10px;
	border: 1px solid #CCCCCC;
	transition: background .3s;
}

.btn_system_back01 a:hover{background: #F9FAFB;}

/* ポップアップ
---------------------------------------------- */
.modal_overlay{
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	z-index: 999;
	overflow-y: scroll;
	-ms-overflow-style: none;/* Edge 対応 */
	scrollbar-width: none;/* Firefox 対応 */
	pointer-events: none;
	opacity: 0;
	transition: opacity .33s;
}
.modal_overlay.show{
	opacity: 1;
	pointer-events: auto;
}
.modal_overlay::-webkit-scrollbar {/* Chrome, Safari 対応 */
	display:none;
}
.modal_window{
	background: #FFF;
	width: 500px;
	padding: 40px;
	margin: auto;
	position: relative;
}
.btn_modal_btm{
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.alert-danger {
    color: #772b35;
    background-color: #fadddd;
    border-color: #f8cfcf;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	予約システム・会員ページ共通（システム作成ページ）

	------------------------------------------------------------ */

	.btn_system_type01 a{min-width: 280px;}

	.btn_system_back01 a{min-width: 280px;}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	予約システム・会員ページ共通（システム作成ページ）

	------------------------------------------------------------ */
	
	/* ボタンエリア
	---------------------------------------------- */
	.btn_area_btm01{margin-top: 25px;}
	
	/* ボタン
	---------------------------------------------- */
	.btn_system_type01 a{
		min-width: 230px;
		padding: 18px 10px;
	}
	
	.btn_system_type02 a{
		min-width: 230px;
		padding: 18px 10px;
	}
	
	.btn_system_back01 a{
		min-width: 230px;
		padding: 18px 10px;
	}
	
	/* ポップアップ
	---------------------------------------------- */
	.modal_overlay{padding: 40px 15px;}
	
	.modal_window{
		width: 100%;
		padding: 40px 30px;
	}
	
.btn_modal_btm{
	max-width: 335px;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
}

	
}/*--@media--*/