@charset "utf-8";

#header {
	background: url(../img/format_mobile_title2.jpg) no-repeat center;
}
    @media screen and (max-width: 339px) {
        #header {
            background: url(../img/format_mobile_title2.jpg) no-repeat center;
        }
    }

#outline {
	background: url(../img/format_backShadow2.jpg) repeat-y center;
}

body {
	background: url(../img/format_background2.jpg);
}






	table.entry_input tr.title td {
		background: #2F496E;
	}

		table.entry_input tr.note p {
			background: #F2F8FB;
		}

		table.entry_input tr.note2 p {
			background: #F2F8FB;
		}

	h2.list1 {
		background: #E4F0F6;
	}
	h2.list2 {
		background: #E4F0F6;
	}

	table.waitingList td.tdTitle {
		border-color: #2F496E;
		background: #2F496E;
	}

#timeTable {
	background-color: #FBF8EE;
}
	#timeTable p.ttTitle {
		background-color: #2F496E;
		color: #FFFFFF;
	}
		#timeTable table.tt td {
			border-bottom: solid 1px #E3D8C8;
		}

	h2.middle {/*ページ中間部に出現するh2*/
		color: #014995;
		margin-top: 50px;
		margin-bottom: 0.5em;
		max-width: 420px;
		width: 95%;
		padding-bottom: 0.4em;
		padding-top: 0.4em;
		background-color: #F2F8FB;
		border-bottom: 2px #A6D2EA solid;
		border-top: 2px #A6D2EA solid;
	}

/*ボタンをCSSにしたCLIENT_ID190以上*/
p.btn_selectTime2 {
    background-color: #014995;
}
    p.btn_selectTime2 a {
        background-color: #014995;
        color:#FFFFFF;
    }




body.inline_display {
	width:320px;
	height: 213px;
	/*以下は確認用に色を付ける時*/
	/*background-image: url(../img/format_background.jpg);
	background-repeat: no-repeat;
	background-size: 320px 213px;*/
}

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

	body.inline_display .before {
		font-size:190%;
		margin-bottom: 0.2em;
		line-height: 1.2em;
	}
	
	body.inline_display .body {
		letter-spacing: 0.1em;
	}
		body.inline_display .number {
			font-size: 550%;
		line-height: 1.2em;
		}
		body.inline_display .ban {
			font-size: 400%;
		line-height: 1.2em;
		}
	
	body.inline_display .after {
		font-size: 180%;
		margin-top: 0.2em;
		letter-spacing: 0.1em;
		line-height: 1.2em;
	}


	
/*順番待ちリストを表示*/
	body.inline_display p.notice2 .list_number {
		font-size:175%;
		width: 100%;
		line-height: 2em;
		vertical-align: middle;
		letter-spacing: -0.1em;
		/*4：3モニターに3桁の番号がぎりぎり3個収まるよう設定。5個や4個なら<br />で折り返す。*/
	}
	
	body.inline_display .arrow {
		font-size: 45%;
		margin: 0 1px 0 3px;
		vertical-align: middle;
		font-weight: bold;
	}
	
	body.inline_display .before2 {
		font-size:190%;
		margin-bottom: 0.2em;
		line-height: 2em;
		letter-spacing: 0em;
	}


	
body.inline_display p.waitnum {
	text-align:center;
	color: #007D5C;
	position: relative;
	top: 47%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
	body.inline_display p.waitnum .waitnum1 {
		font-size:170%;
	}
	body.inline_display p.waitnum .waitnum2 {
		font-size:250%;
		line-height: 1.8em;
	}
	body.inline_display p.waitnum .waitnum3 {
		font-size:170%;
	}
	body.inline_display p.waitnum .waitnum4 {
		/*font-size: 350%;
		line-height: 2em;
		letter-spacing: 0.1em;*/
	}
		
body.inline_display .emergency {
	font-size: 120%;
	letter-spacing: 0.1em;
	line-height: 2em;
	color: #FF2361;
	
}

body.inline_display p.logo {/*現在お待ちの方はいません*/
	font-size: 135%;
	text-align: center;	
	letter-spacing: 0em;	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}