@charset "utf-8";

/* ページ表示用基本CSS*/
body{ 
  -webkit-text-size-adjust: 100%; 
	margin:0 0 0;
	font-size:14px;
	line-height:1.3;
	color:#333333;
	background-color:#ffffff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
table{border-spacing:0;padding:0;border:0;}
tr,td,th{ font-size:13px; line-height:1.4;}
big{font-size:120%;font-weight:bold; line-height:1.4;}

small { font-size:90%;}
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;}

select,input,textarea{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	color: #333333; 
	font-size:13px;margin:1px;padding:3px;line-height:1.3; border:1px solid #949494;
}
input,textarea,select{ border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}
select{ padding:1px; }

/* メニュ-固定 */
.menudiv {
  position: sticky;  background-color:#ffffff;width:100%; margin-bottom:10px;
  top: 0px;  border:0;
  z-index: 100;
}

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

/* 外枠 */
.content{ margin:0 auto 0;}
.colorset1{ width:100%;height:100%; }
/* ヘッダ */
.colorset2{ height:40px;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);}

/* ヘッダ部  リンク  */
.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;}
/* フッタ部  リンク  */
.under_link{margin:10px auto 0; font-size:12px;}
.under_link a{ border-right:1px solid #989898;padding:0px 6px 0px 1px;white-space:nowrap;}
.under_link .l_top{border-left:1px solid #989898;padding:0px 6px 0px;}
/* ページ枠 */
.colorset10{ border:1px solid #a7a7a7;width:820px;height:100%; }/* 外枠 */
.colorset20{ border-bottom:1px solid #a7a7a7;height:80px;text-align:center; background-image:url(bbglue100.gif);font-size:22px;}/* ヘッダ */
.colorset30{ vertical-align:top; }/* コンテンツ部 */
.colorset40{ border-top:1px solid #a7a7a7;height:50px;text-align:center;vertical-align:middle; background-image:url(bbglue100.gif);}/* フッタ */

/* 月カレンダー幅 */
.calen{
	float:right;width:49%;
	box-sizing:border-box;margin:8px 0 8px;
}
.calentable {width:100%;box-sizing:border-box;}


/* シフト表 タイトル帯 */
.time_title{background-color:#e8e4fc;width:100%;text-align:center;margin-bottom:10px;padding:3px 0 3px;}
/* シフト表 日付 */
.timehead{ 
	font-size:19px; color:#352681;font-family: 'Tahoma','Arial Black'; font-weight:bold;
	margin:5px 2px 10px; float:left; width:130px; 
}
/* 次・前*/
.time_next_back{
	text-align:right;margin:5px 2px 5px;float:right;width:170px;
}
/* シフト表table */
#ftable{ overflow:auto;width:100%;}
#ftable table{ 
background-color:#a7a7a7;margin:3px 0 0;border-spacing:1px;
border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1); 
}
#ftable td{ background-color:#ffffff;}
#ftable tr:first-child td:first-child{ border-radius: 4px 0 0 0; }
#ftable tr:first-child td:last-child{ border-radius: 0 4px 0 0; }
#ftable tr:last-child td:first-child{ border-radius: 0 0 0 4px; }
#ftable tr:last-child td:last-child{ border-radius: 0 0 4px 0; }


.stfname{ padding:3px; }/* スタッフ名 */
.stftime{ padding:3px; text-align:center;}/* 時刻表示 */
/* シフト表 凡例 */
.shift_top{width:100%;}
.shift_1{text-align:left; padding:0 0 4px; font-size:12px; }
.shift_1 span{white-space:nowrap;}
.shift_2{text-align:right; padding:0 0 4px;white-space:nowrap;}


/* ページタイトル(カレンダーページ以外) */
.p_title{
	margin:10px 0 5px; text-align:center; 
	font-weight:bold; font-size:16px;
}
/* 入力フォーム */
.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; vertical-align:middle;
	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;
}
/* 最下段の下線 */
.bottom_line{ border-top: 1px solid #a9a9a9; }

/* E-Mail */
#mail, #maC{ime-mode:disabled;width:100%;max-width:282px}
.mail{font-weight:bold;font-size:15px;}
/* textarea */
textarea{width:100%;max-width:400px;box-sizing:border-box;}
/* input */
.form1{width:100%;max-width:300px;box-sizing:border-box;}

.optxt{margin:3px 2px 0;}/* 追加フォーム注釈 */
.welcome{width:100%;background-color:#ffeef2;padding:1px 4px 1px;}/* 「いらっしゃいませ○○様」と|ログイン|新規会員登録| などのリンク */

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

/* ご予約方法 */
.yoyaku{ 
	float:left;width:49%;overflow:auto;height:160px;
	border:1px solid #cec6f7; background-color:#f9f8ff;
	padding:8px;margin:4px 0 8px;
	box-sizing:border-box;
}
.yoyaku ol{ margin:10px 0 0 23px;padding:0}


/* お知らせ */
.osirase{ 
	float:right;width:49%;overflow:auto;height:160px;
	border:1px solid #cec6f7; background-color:#ffffff;
	padding:8px;margin:4px 0 8px;
	box-sizing:border-box;
}
.messageList ul{ margin:0 0 0 18px;padding:0;list-style-type:none; list-style-image: url(dot.gif);padding:8px 0 8px;}



/*** メニュー(トップページ) ***/
.menu{
	float:left;width:49%;
	box-sizing:border-box;margin:8px 0 8px;
}
/* メニュー タイトル帯 */
.menu_title{background-color:#e8e4fc;width:100%;text-align:center;margin-bottom:10px;padding:3px 0 3px;box-sizing:border-box;}
.menulist ul{ margin:0 0 0 5px;padding:0;list-style-type:none;}
.menulist li{font-weight:bold;padding:0 0 5px}
/* メニュー チェックボックス */
.menulist input[type=checkbox] {
    width: 21px; height: 21px;
    vertical-align: middle; margin-right:7px; 
}

/* 全メニュー・スタッフ一覧 リンク */
.menu_staff{margin-top:8px;padding:8px 0 0 9px;line-height:1.4;font-weight:bold;border-top:1px solid #989898;}


/*** メニュー・スタッフ紹介ページ ***/
.subpage{background-color:#f6f6f6;}
.subtitle{
	font-size:160%; padding:4px 3px 4px;letter-spacing:0.2em;
	 color:#000000;
	text-shadow: 1px 1px 2px #8385e1;
}
/* 個別データ */
.sub_table{border:1px solid #a7a7a7;width:100%;margin:13px 0 1px;padding:6px 8px 6px;}


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

/* ページトップに戻る ボタン */
#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;}

/* 送信ボタン */
.submit{padding:3px 20px 3px;}
/* 戻るボタン */
.back{padding:3px 8px 3px;}

/* ボタン風リンク */
.link_btn , .members_link a{
	border:1px solid #c2c4c9;padding:1px 5px 1px;
	white-space:nowrap;line-height:2.0;
	background-color:#f8f9f9;
	border-radius: 4px;
}

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

/* BOX影 */
.shadow, .yoyaku, .osirase, .sub_table{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
/* 角丸 4辺 */
.round, .yoyaku, .osirase, .sub_table, .menu_title, .time_title, .calen_title{
	border-radius: 4px;
}
/* ユーザ登録内容変更・削除終了メッセージ */
.endigMSG{
text-align:center; font-weight:bold; padding:10px 0 20px;
}


/******** 820未満 ******/
@media screen and (max-width:910px){ 
.main_width{width:96%;}  
}
/******** 720未満 ******/
@media screen and (max-width:720px){ 
.yoyaku, .osirase{clear: both;width:100%;} 
}
/******** 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:13px;padding:1px 3px 1px;}
.hiddentxt1{display:none;}
.chweek_btn,.chmont_btn{width:67px;font-size:12px;}
.menu, .calen{clear: both;width:100%;} 
.formtd1{ 
	width:100%; display:block;text-align:left;padding:3px 0 3px 10px; border:1px solid #a9a9a9;
	border-radius: 4px;
}
.formtd2{ width:100%; display:block; margin-bottom:8px;border:0; padding:6px 0 3px 3px;}
.bottom_line{border:0;}
}

/******** 370未満 ******/
@media screen and (max-width:370px){ 
.time_next_back, .timehead{width:100%;text-align:center;}
}