@charset "utf-8";
/*順番予約など携帯でも表示させたいページ用のCSS
幅を最大240pxとし、一つのURLでPCと携帯の両方に使用*/

/*****************************************
　■初期設定
*****************************************/
html {
	height: 100%;
}

body {
	color: #424646;
	height: 100%;
}
/*背景、フォント*/

* {
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-image:none;
	/*line-height: 1.2em;*//*これがあると個別のlhが効かないので*/	
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*全余白のリセット*/

/*iOS15からsubmit文字が白になり読みづらくなった*/
input[type="button"],input[type="submit"] {
    color: #000000;
}


/*****************************************
　■レイアウト
*****************************************/


p.notice {
	text-align:center;
	color: #007D5C;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.before {
		font-size:600%;
		margin-bottom: 0.2em;
		line-height: 1.2em;
	}
	
	.body {
		letter-spacing: 0.1em;
	}
		.body .number {
			font-size: 2200%;
		line-height: 1.2em;
		}
		.body .ban {
			font-size: 1200%;
		line-height: 1.2em;
		}
	
	.after {
		font-size: 600%;
		margin-top: 0.2em;
		letter-spacing: 0.1em;
		line-height: 1.2em;
	}
	
/*順番待ちリストを表示*/
p.notice2 {
	text-align:center;
	color: #007D5C;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
		/*4:3モニターに収まるかのチェック*/
		/*background-color: #CD6365;
		width: 1280px;*/
}
	p.notice2 .list_number {
		font-size:1200%;
		width: 100%;
		line-height: 1.4em;
		vertical-align: middle;
		letter-spacing: -0.05em;
		/*4：3モニターに3桁の番号がぎりぎり3個収まるよう設定。5個や4個なら<br />で折り返す。*/
	}
	
	p.notice2 .list_multiplenum {
		font-size:300%;
		width: 100%;
		letter-spacing: -0.05em;
		margin-left: 0.3em;
		vertical-align: bottom;
		position: relative;
		top: -1.5em;
		/*4：3モニターに3桁の番号がぎりぎり3個収まるよう設定。5個や4個なら<br />で折り返す。*/
	}
	
	.arrow {
		font-size: 300%;
		margin: 0 15px 0 25px;
		vertical-align: middle;
		font-weight: bold;
	}
	
	.before2 {
		font-size: 500%;
		line-height: 2.5em;
		letter-spacing: 0.1em;
	}
	
	.after2 {
		font-size: 320%;
		letter-spacing: 0;
		line-height: 4em;
	}

/*待ち時間を表示*/
p.waittime {
	text-align:center;
	color: #007D5C;
	position: relative;
	top: 47%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
		/*4:3モニターに収まるかのチェック*/
		/*background-color: #CD6365;
		width: 1280px;*/
}
	p.waittime .waittime1 {
		font-size:580%;
		line-height: 3em;
	}
	p.waittime .waittime2 {
		font-size: 1800%;
		line-height: 1.1em;
		letter-spacing: 0.1em;
		margin-top: 5em;
	}
	p.waittime .waittime3 {
		font-size: 350%;
		line-height: 1em;
		letter-spacing: 0.1em;
	}

/*待ち人数を表示*/
p.waitnum {
	text-align:center;
	color: #007D5C;
	position: relative;
	top: 47%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
		/*4:3モニターに収まるかのチェック*/
		/*background-color: #CD6365;
		width: 1280px;*/
}
	p.waitnum .waitnum1 {
		font-size:500%;
	}
	p.waitnum .waitnum2 {
		font-size:900%;
		line-height: 1.8em;
	}
	p.waitnum .waitnum3 {
		font-size:500%;
	}
	p.waitnum .waitnum4 {
		font-size: 350%;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
	
	
	
	
	
	.emergency {
		font-size: 410%;
		letter-spacing: 0.1em;
		line-height: 2em;
		color: #FF2361;
		
	}

p.logo {
	font-size: 400%;
	text-align: center;	
	letter-spacing: 0.2em;	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

p.news {
	line-height: 1.5em;
	margin: 0 1.5% 0 3%;
	color: #007D5C;
	text-align: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}