/* ページ表示用基本CSS*/

body{ 
  -webkit-text-size-adjust: 100%; 
	margin:0px;
	font-size:13px;
	line-height:1.3;
	color:#333333;
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table{border-spacing:0;padding:0;border:0;}
tr,td,th{ line-height:1.4;}
big , .big{font-size:120%;font-weight:bold; line-height:1.4;}
small { font-size:90%;}
select,input,textarea{
	color: #333333; 
	font-size:14px; margin:1px;padding:3px;line-height:1.3; border:1px solid #949494;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
select{ padding:1px; }

a{text-decoration:none;}
a:link{ color:#0000ff; }
a:visited{ color:#0000ff; }
a:active{ color:#ff0000; }
a:hover { color:#f7657b;text-decoration: underline; }
p{margin:0;padding:0;}
.top{vertical-align:top;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.nobr{white-space:nowrap;} 
.b{font-weight:bold;}
.red{color:#ff0000;}
.clear{clear:both;}


/* コンテンツ横幅 */
.main_width{width:800px;}
/* 入力フォーム */
.form_width{width:600px;}


/* 外枠 */
.content{ margin:0 auto 0;}
.colorset1{ width:100%;height:100%; }
/* ヘッダ */
.colorset2{ height:80px;text-align:center; background-image:url(bbglue100.gif);font-size:18px;}
/* フッタ */
.colorset4{ height:80px;text-align:center;vertical-align:middle; background-image:url(bbglue100.gif);}



/* メニュー詳細 */
.menu_table{border:1px solid #c6c6c6;width:100%;padding:10px;box-sizing:border-box;margin-bottom:10px;}
.menu_image{float:right;margin:5px;}


/* 入力フォーム */
.formtable{clear:both;}
/* フォームの 項目用 TDタグ */
.formtd1{
	width:150px;
	padding:8px 5px 8px;border-spacing:0;font-weight:bold;text-align:center;
	display:table-cell; box-sizing:border-box;
	border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; border-top:1px solid #a9a9a9;
	background-color:#eaf4f7;width:150px;font-weight:bold;
}
/* フォームの 入力部用 TDタグ */
.formtd2{
	width:450px;
	padding:8px 5px 8px;border-spacing:0; text-align:left;
	display:table-cell; box-sizing:border-box;
	border-right:1px solid #a9a9a9; border-top:1px solid #a9a9a9;
}
.mail{font-weight:bold;font-size:15px;}
/* 最下段の下線 */
.bottom_line{ border-top: 1px solid #a9a9a9; }
/* E-Mail */
#mail, #maC{ime-mode:disabled;width:100%;max-width:282px}
/* #maC{ime-mode:disabled;width:34%;max-width:118px;}
#maD{ime-mode:disabled;width:53%;max-width:148px;} */
/* textarea */
textarea{width:100%;max-width:400px;box-sizing:border-box;}
/* input */
.form1{width:100%;max-width:300px;box-sizing:border-box;}
.form2{width:85%;max-width:300px;box-sizing:border-box;}

/* 予約フォーム送信完了後メッセージ */
.endmsg{ text-align:left;font-size:14px; }
/* 予約フォーム エラーメッセージ */
.errormsg{
 border:1px solid #ff0000;width:100%;
 padding:7px; margin:0 0 10px; box-sizing:border-box;
 text-align:left;font-weight:bold;
}

/* 会員パス入力の目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 5px 0 1px; } 




/* ヘッダ部  リンク  */
.welcome{
width:100%;
background-color:#f1f5fc;
}
/* こんにちは ～様 */
.welcome_msg{color:#f75200;float:left;padding:5px;font-weight:bold;}
/* ログイン,キャンセル,会員登録などのリンク*/
.members_link{float:right;text-align:right;padding:1px;}
.members_link a{
	border:1px solid #c2c4c9;padding:1px 5px 1px;
	white-space:nowrap;line-height:2.0;
	background-color:#f8f9f9;
	border-radius: 4px;
}
/* フッタ部  リンク  */
.under_link{
	margin:10px auto 0; font-size:12px;border-right:1px solid #989898;padding:2px 2px 2px 0;
}
.under_link a{ border-left:1px solid #989898;padding:1px 1px 1px 5px;}

/* ページタイトル(カレンダーページ以外) */
.p_title{
	margin:15px 0 15px; text-align:center; 
	font-weight:bold; font-size:16px;
}



/* BOX影 */
.shadow{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
/* 角丸 4辺 */
.round{
	border-radius: 4px;
}
/* 角丸 上2辺 */
.round_u{
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}
/* 角丸 下2辺 */
.round_d{
    border-radius: 0 0 4px 4px / 0 0 4px 4px;
}
/* 角丸 左2辺 */
.round_l{
    border-radius: 4px 0 0 4px/ 4px 0 0 4px;
}
/* 角丸 右2辺 */
.round_r{
    border-radius: 0 4px 4px 0/ 0 4px 4px 0;
}

/* 送信ボタン */
.submit{padding:3px 20px 3px;background-color: #e9e9ed;color:#000000;}
/* 戻るボタン */
.back{padding:3px 8px 3px;}
/* ボタン */
input[type="button"] {
	border-radius: 4px;
}
/* ボタン マウスオーバー */
.smit:hover{
    cursor:pointer;
    opacity:0.6;
}

input[type=button]:hover { background-color: #d1ddf0;}
input[type=submit]: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; }


/* 郵便番号検索用 削除不可 */
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
.addframe{position:static;}
#postnum{width:120px; }

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; 
    opacity:0.8;
}
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

/* QR */
.QRcord{margin:-75px auto 10px;}






/* レスポンシブ設定 */

/******** 820未満 ******/
@media screen and (max-width:820px){ 
.main_width{width:96%;}  
}

/******** 720未満 ******/
@media screen and (max-width:720px){ 
.formtd1{ width:100%; display:block;text-align:left;padding-left:10px;}
.formtd2{ width:100%; display:block; margin-bottom:8px;border-right:0; padding:8px 0 8px;}
.bottom_line{border:0;}
}

/******** 620未満 ******/
@media screen and (max-width:620px){ 
.form_width{width:96%;}
.menulist{width:100%;}
.menulist table{ width:100%;margin:0 0 5px;}
.menulist td{height:auto;height:55px;}
.members_link a{font-size:15px;padding:4px 6px 4px;}
.hiddentxt1{display:none;}
.chweek_btn,.chmont_btn{width:67px;font-size:12px;}
.open img{padding:3px 0 3px;}
}