@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の未表示され、予約画面側では切り取られ表示される。*/

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

.yoyakuInfo {
}
	.yoyakuInfo p {
		text-align: center;
		line-height: 1.5em;
		margin-bottom: 1em;
	}
	.yoyakuInfo p .title {
		font-size: 125%;
		color: #67482C;
		line-height: 1.8em;
	}
	
	.yoyakuInfo .hosoku_yoyakutime {
		color: #FF0000;
	}
	

	table.tt70 {
		width: 98%;
		max-width: 280px;
		background-color: #FFFFA0;
		border-spacing: 0px;
		margin: 0 auto 5px auto;
	}
		table.tt70 td {
			padding: 8px 0;
			border-bottom: solid 1px #FFDC63;
			color: #A98300;
		}
			table.tt70 td.borderNone {
				padding: 8px 0;
				border: none;
			}
	
input.wide2 {/*予約を進んでいくボタンのみ→adminのwide2も書き換えられるのでログインボタンも*/
		padding: 0 0px;
		font-size: 100%;
		height: 40px;
		width: 70px;
		background-color: #E2E5E9;

}
	input.color_btn {
		background-color: #FFBABB;
	}

/*****************************************
　■デバイス別
*****************************************/
@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) {
	
}