@charset "utf-8";
/************* スマホ専用CSS (カレンダー,予約フォーム,お知らせ) *****************/

body{background-color:#ffffff;color:#333333;}
body,td{
	padding:0; margin:0;
	line-height:130%;
	-webkit-text-size-adjust: none;
	font-size:100%;
}
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:120%; line-height:140%; }
small{ font-size:85%; 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;}
.Mark{vertical-align:middle;} /* ○△アイコン */

/*** ページタイトル ***********************/
.title1{
	display:table-cell;
	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(#c6ceff));
	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%;
	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;}


/*** テキストエリア ************************/
.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;
}


/***メニュー1  [ LINK + > ] ************************/
.menulist1{
	clear:both;
}
.menulist1 ul{
	list-style:none;
	display:block;
	padding:0; margin:0 0 10px;
}
.menulist1 li>a{
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	line-height:35px;
	font-size:80%;
	width:100%;
	float:left;
	text-align:left;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#dde5ea));
	-webkit-box-sizing: border-box;
	padding:0 15px 0;
	border-bottom:1px solid #d4dadd;
}
.menulist1 li>a:after{
	content:url(arrow.png);
	display:table-cell;
	position:relative;
	float:right;
	vertical-align:middle;
}


/***メニュー2  [ LINK ] ************************/
.menulist2{
	clear:both;
}
.menulist2 ul{
	list-style:none; 
	display:block;
	padding:0; margin:0 0 10px;
}
.menulist2 li>a{
	display:table-cell;
	vertical-align:middle;
	font-size:80%;
	width:100%;
	float:left;
	text-align:left;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#e6f2e7));
	-webkit-box-sizing: border-box;
	padding:4px 15px 4px 15px;
	border-bottom:1px solid #d4dadd;
}



/**** カレンダー ************************/
.clentable {width:100%;margin:7px 0 5px;}
.clentable a{display: block;}
/* 次の月 前の月*/
.NextBack{width:100%;text-align:center;}
/* 年月*/
.topYM{padding:3px 0 3px;}


/*** 予約フォーム ************************/
/* 項目名 */
.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:20%;}
.f11{width:35%;}
.f12{width:54%;}
select{font-size:100%;padding:1px; }
input,textarea{font-size:110%;padding:3px;margin:1px;}
select,input,textarea,option{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size:13px;
	margin:1px;padding:2px;line-height:120%;border:1px solid #949494;
}
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}

/* 送信/確認 ボタン */
.button1{padding:3px 30px 3px;}
/* 戻る ボタン */
.button2{padding:3px 10px 3px;}
/* 確認 戻るボタン外枠 */
.submit{margin:10px 0 20px;width:100%;padding:0;border-spacing:0;text-align:center;}

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; }
input[type=submit], input[type=button]{background-color: #e9e9ed; color:#000000; }
input,select,option{ 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:90%; padding-top:8px;
	width:100%;
	float:left;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#edeff0),
		to(#ffffff));
}

/* 〒→住所 選択窓 */
.seltable{
font-size:1.1rem; line-height:1.8;
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}






/*** お知らせ ************************/

/* 外枠 */
#osirase_outer{ width:100%;margin:1px auto 1px; padding:0; border-spacing:0; }
/* ヘッダ */
#osirase_head{ 
	text-align:center; padding:7px 0 7px; width:100%;
	border-radius: 9px 9px 0 0 / 9px 9px 0 0;
}
/* メッセージ部構成Table */
#osirase_table{
	margin:0; border-spacing:0; 
	border-radius: 10px;
}
#osirase_table td{ border:0; vertical-align:top; line-height:1.4; }
/* 文頭マーク○ */
#osirase_table .osirase_td01{ width:1%; white-space:nowrap; text-align:right; padding:1px 2px 1px; }
/* メッセージ */
#osirase_table .osirase_td02{ width:99%; text-align:left; padding:1px 2px 1px; }
/* メッセージ間隔 */
#osirase_table .osirase_td03{ padding:0; height:7px;}




/*** 角丸・影 ****/
/* 外枠 */
.clentable{ border-radius:4px; 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 4px; }  
.clentable .under_R{ border-radius:0 0 4px 0; }