@charset "utf-8";
/************* スマホ専用CSS (カレンダー,予約フォーム,お知らせ) *****************/
html{font-size:15px;}
body,td{
	padding:0; margin:0;
	line-height:130%;
	-webkit-text-size-adjust: none;
	color:#333333;
	background-color:#ffffff;
}
body,textarea{font-family:"Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana,"MS PGothic","ＭＳ Ｐゴシック",Arial, sans-serif;}
a{color:#0000ff;text-decoration:none;}
a:visited {color:#0000ff;}
a:hover {color:#f7657b; }
big{ font-size:1.2rem; line-height:140%; }
small{ font-size:0.95rem; line-height:120%;}
form {margin:0px; }
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.nowrap{ white-space:nowrap; }
.red{color:#ff0000;}
.bold{font-weight:bold;}
/* アイコン */
/* ◎ */
.mark1{width:15px; height:15px;}
/* 〇 */
.mark2{width:15px; height:15px;}
/*  △ */
.mark3 {width:15px; height:15px;}
/* × */
.mark4{width:14px; height:14px;}
/* 休 */
.mark5{width:16px; height:16px;}

/*** ページタイトル ***********************/
.title1{
	display:table-cell;  font-size:1.1rem;
	vertical-align:middle;
	/*font-weight:bold;*/
	line-height:30px;
	width:100%;
	float:left;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#edeff0));
	text-shadow:0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-sizing: border-box;
}


/*** 「ご予約申込みフォーム」等 ************************/
.title2{
	clear:both;
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	width:100%;  font-size:1.1rem;
	float:left;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dbf4fc),
		to(#ffffff));
	padding:3px 10px 3px;
	/*margin-top:5px;*/
	-webkit-box-sizing: border-box;
}

/* 大枠 */
.contents{width:92%;margin:0 auto 0;}
/* 次の月 前の月*/
.NextBack{width:100%; font-size:1.2rem;}
/* ご予約日時 */
.serect_date{font-size:1.1rem;font-weight:bold; padding-top:5px; }

/*** テキストエリア ************************/
.caption{ 
	width:100%; margin:2px 0 10px;box-sizing:border-box; 
	text-align:left;
}
/*** テキストエリア 角丸 ************************/
.caption_km{ 
    width:100%; padding:10px;margin:10px 0 10px;box-sizing:border-box; 
    border-radius: 10px;
    border: 1px solid #d4d4d4;
		text-align:left;
}




/**** 月カレンダー ****/
.clentable {width:100%;margin:3px 0 5px;}
.clentable img{margin-bottom:2px;}
.clentable a{display: block;}
/* 年月*/
.topYM{padding:3px 0 3px;font-size:1.1rem;}
/* 今日 */
.today{
  border:1px solid #2919ff;
	box-sizing:border-box;text-align:center;
  border-radius: 3px;
}
/* 日・祭*/
.sunBG{background-color:#ffe9e9;}
/* 土 */
.satBG{background-color:#e6f5ff;}
/* 日付 */
.sunBG, .satBG, .dateBG{font-size:1.05rem;padding:0;line-height:1.6;}
/* 「本日の日付」 */
.footerhead{width:100%;margin:0;padding:0;}
.footertxt{text-align:center;font-size:1.1rem;padding:0;margin:0;}
/* 「2017年11月7日(火)」 */
.footerdate{text-align:center;font-size:1.2rem;padding:0;margin:5px 0 0;}



/*** 時間選択 ***/
/* 年月日(曜) */
.time_head{
	margin:3px 0 10px;
	text-align:center; font-weight:bold;
}
/* コメント(この日だけの設定) */
.time_comment{
	background-color:#ffffff;
	width:100%; padding:10px;margin:10px 0 10px;box-sizing:border-box; 
	border-radius: 10px;
	border:1px solid #ff9431;
	text-align:left;
}
/* 時間テーブル */
.timetable{ 
	margin:3px auto 10px; 
	border-spacing:1px; padding:0;
}
.timetable td{
	font-weight:bold;text-align:center;
	border-bottom:1px dotted #878b9c;
	padding:3px 8px 3px;
}
.timetable .td2{text-align:right;}
.timetable .td1, .td3{text-align:center;}
.timetable a{display: block;}




/*** 予約フォーム ************************/
/* 項目名 */
.formtable2{ 
	padding:3px 10px 3px;
	margin:5px 0 5px;
	font-weight:bold; border-radius: 4px;
	background: -webkit-gradient(
		linear, left top, right top, 
		from(#dfdfe6),
		to(#ffffff));
}
/* 入力フォーム部 */
.formtable3{ 
	margin:0 0 10px;
}

/* フォームサイズ */
.f1{ width:97%;}
.f2{ width:97%;}
#postnum{ width:110px;}
.f11{width:35%;}
.f12{width:54%;}
input,textarea{font-size:1.2rem; padding:3px;margin:1px;}
select,input,textarea,option{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size:1.2rem;
	margin:1px;padding:6px;line-height:120%;border:1px solid #949494;
}
/* 送信/確認 ボタン */
.button1{padding:5px 30px 5px;}
/* 戻る ボタン */
.button2{padding:3px 10px 3px;}
/* 確認 戻るボタン外枠 */
.submit{margin:10px 0 20px;width:100%;padding:0;border-spacing:0;text-align:center;}
/* 郵便番号住所検索 */
.postsrch{font-size:0.9rem;padding:5px;margin-bottom:5px;}
/* 〒→住所 選択窓 */
.seltable{
font-size:1.1rem; line-height:1.8;
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
.seltable td{background-color: #eeeeee;}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],textarea{ -webkit-appearance: none; }
select,option,input[type=submit],input[type=button]{background-color: #e9e9ed;color:#000000;}

/* エラーメッセージ */
.errormsg{border-spacing:0;margin:0 0 10px;}
.errormsg td{padding:0;color:#ff0000;text-align:left;}


/* フッタ */
.footer{
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	line-height:30px; font-size:0.9rem;
	width:100%;
	float:left;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#edeff0),
		to(#ffffff));
}

/********** キャンセル ***********/
#cancel_msg_area{
margin:8px 0 13px
}
/* キャンセル ボタン */
#border_bk{text-align:center;}
.c_button{padding:5px 25px 5px; margin:15px auto 20px;  }



/*** 角丸・影 ****/
/* 外枠 */
.clentable{ border-radius:3px; box-shadow: 1px 1px 2px rgba(50,50,50,0.1); }
/* 年月 */
.clentable .topYM{ border-radius:3px 3px 0 0; }
/* 左右下 */
.clentable .under_L{ border-radius:0 0 0 3px; }  
.clentable .under_R{ border-radius:0 0 3px 0; }  
/* フォーム*/
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
select{ padding:1px; }