
/* 予約申請フォーム */
.form-tbl {
	margin-left: 1.5em;
}
.form {
	border-collapse: collapse;
	margin: 1em 0;
}
.form th, .form td {
	border: 1px solid #666;		/* 予約申請フォームテーブルのボーダー */
	padding: 8px;				/* 予約申請フォームテーブルのパディング */
}
.form th {
	background: #EBEFFF;		/* 予約申請フォームテーブルヘッダー背景色 */
}
.form td {
	background: #fff;			/* 予約申請フォームテーブルデータ背景色 */
}

.form  {
	width: 700px;				/* 予約申請フォームの幅 */
}

.form th {
	width: 180px;				/* 予約申請フォームのテーブルヘッダの幅 */
	text-align: left;			/* 予約申請フォームのテーブルヘッダ左寄せ */
}

/* 確認、送信ビッグボタン */
.big_button {
	width: 150px;				/* ビッグボタン幅 */
	height: 50px;				/* ビッグボタン高さ */
}
/* リセットボタン */
input#reset_button {
	width: 150px;				/* リセットボタン幅 */
	height: 50px;				/* リセットボタン高さ */
}
/* 前に戻るボタン */
input#back_button {
	width: 150px;				/* 戻るボタン幅 */
	height: 50px;				/* リセットボタン高さ */
}

/* グーグルカレンダーここから */
.cal_wrapper {					/* Googleカレンダーラッパー */
max-width: 960px;				/* ラッパー幅が960pxより大きくならないように */
min-width: 300px;				/* ラッパー幅が300pxより小さくならないように */
margin: 2.0833% auto;			/* Googleカレンダーラッパーに必要なマージン数値だと思う */
}

.googlecal {					/* Googleカレンダー */
position: relative;				/* 位置：相対的 */
padding-bottom: 100%;			/* 相対的なボトム100％ */
height: 0;						/* 相対的な高さ0 */
}

.googlecal iframe {				/* iframe */
position: absolute;				/* 位置：絶対的 */
top: 0;							/* iframeの絶対的な上からの位置 */
left: 0;						/* iframeの絶対的な左からの位置 */
width: 100% !important;			/* 絶対的幅　!importantは最優先の意味 */
height: 100% !important;		/* 絶対的高さ　!importantは最優先の意味 */
}
/* グーグルカレンダーここまで */



/* 成人当日テーブル */
#seijintoujitu_form  {
	width: 600px;					/* 成人当日テーブル幅 */
}
#seijintoujitu_form  table th {
	width: 180px;					/* 成人当日テーブルヘッダ幅 */
	background: #EBEFFF;			/* 成人当日テーブルヘッダ背景色 */
}


/* スマホ用 */
@media only screen and (max-width: 480px) {
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	.form-tbl { margin: 0 auto; text-align: center; }
	.form { width: 96%; margin: 10px auto; }
    .form th, .form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    .form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
    
	/* 小見出し */
	h2 { margin: 1em 3px; width: 90%; }
	
	/* サンクス */
	p.msg { margin: 1em auto; }

	/* グーグルカレンダースマホ用 */	
.googlecal { 
	padding-bottom: 120%; 		/* パディングボトム12% ※もとは75％だった！ */
	}

	
}
