@charset "utf-8";




/*headerの仕様を変更したので、変更前の方で、ヘッダー画像が340pxより広い場合はこちらを適用*/
#header {
	width: auto;
	max-width:1070px;
	background: url(../img/format_mobile_title2.jpg) no-repeat center;
}

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

/*ID11参考に書き出す画像も変更*/
/*左右両サイドの影はadminの広いwidthの未表示され、予約画面側では切り取られ表示される。*/

/*　　編集時はマスターファイルを変更し反映させること　　*/



/*****************************************
　■全デバイス共通設定
*****************************************/

input.text_width50 {
		width: 60px;
		/*お名前→ひらがなとplaceholderが切れないように*/
	}
	
	p.only_stu {/*予約画面トップ「web予約は土曜日のみ行っております。」*/
		text-align: center;
		color: #FFFFFF;
		background-color:#EC7284;
		padding: 10px 0px;
		max-width: 300px;
		margin: 15px auto 50px auto;
		border-radius: 8px;
		font-size: 108%;
	}
	
.yoyakuInfo {
	background-color: #EC7284;
	width: 250px;
	margin: 0 auto;
	border-radius: 8px;
	padding: 10px 0 1px 0;
}
	.yoyakuInfo p {
		color: #FFFFFF;
		font-size: 115%;
		text-align: center;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.yoyakuInfo p .title {
		font-size: 115%;
		color: #67482C;
		color: #FFFFFF;
		line-height: 1.8em;
	}
	
#yoyaku_start_popup, #yoyaku_stop_popup {
	background-color: #FF0000;
}
			#yoyaku_start_popup button, #yoyaku_stop_popup button {
				background-color: #FCC72C;
			}

@media screen and (min-width: 400px) {
	
	/*午後ボタンは非表示なので午前を中央へ*/
	.btn_selectTime_float {
		/*float: left;*/
		width: 100%;
		text-align: center;
	}
}

/*****************************************
　■デバイス別
*****************************************/
@media screen and (min-width: 900px) {
	
}

@media screen and (max-width: 899px) and (min-width: 641px) {
	
}


@media screen and (max-width: 640px) and (min-width: 416px) {
	
}


@media screen and (max-width: 410px) {
	
}