/* ページ表示用基本CSS*/
@charset "utf-8";

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{font-size:120%;font-weight:bold; line-height:1.4}

small { font-size:90%;}
select,input,textarea,option{
	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;}

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

/* コンテンツ横幅 */
.main_width{width:97%;}
/* 入力フォーム */
.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);}

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

/* 部屋紹介 */
.menu_table{border:1px solid #c6c6c6;width:100%;padding:10px;box-sizing:border-box;margin-bottom:10px;}
.menu_image{float:right;margin:2px;}
.menu_table div{ margin:1px 0 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;
}
/* 最下段の下線 */
.bottom_line{ border-top: 1px solid #a9a9a9; }
/* 予約確認 キャンセルなしの時の区切り*/
.space{padding:10px 0 10px;border:0;}

/* 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;}


/* 予約フォーム送信完了後メッセージ */
.endmsg{ text-align:left; }
/* 予約フォーム エラーメッセージ */
.errormsg{
 border:1px solid #ff0000;width:100%;
 padding:7px; margin:0 0 10px; box-sizing:border-box;
 text-align:left;font-weight:bold;
 border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(255,150,150,0.1);
}
/* 予約日時選択 */
.timesel{font-size:120%;font-weight:bold; line-height:200%;}
.timesel select, big option{font-size:15px;font-weight:bold;}
/* 内容選択 */
.plan_select{ }
.plan_select label{white-space:nowrap;margin-right:20px;font-size:110%;font-weight:bold;line-height:200%;}
.plan_select input[type=radio] {width: 15px;height: 15px;vertical-align: middle;margin-right:5px;}

/* [キャンセル]ボタン*/
.cancel_txt{margin:0; text-align:center; background-color:#ffe8d0;}
.cancel_txt input{margin:7px 0 25px; }
/* キャンセルはお電話にて・・・・メッセージ */
.cancel_txt p{margin:1px 0 28px; padding:3px 10px 3px;}
.cancel_txt #p2{background-color:#fff01a;}

/* ヘッダ部  リンク  */
.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;}
/* 戻るボタン */
.back{padding:3px 8px 3px;}
/* ボタン */
input[type="button"] {
	border-radius: 4px;
}
.btn: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]{background-color: #e9e9ed;}

/* ボタン マウスオーバー */
.smit:hover{
    cursor:pointer;
    opacity:0.6;
}


/* 郵便番号検索用 削除不可 */
.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:910px){ 
.main_width{width:96%;}  
.over_table{width:100%;}
}

/******** 720未満 ******/
@media screen and (max-width:720px){ 
.formtd1{ 
	width:100%; display:block;text-align:left;padding:5px 0 5px 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;}
.space{border-top:1px dotted #a9a9a9;width:99%;margin:0 auto 0;}
.cancel_txt{margin:0 0 40px;;}
.cancel_txt input, .cancel_txt p{margin:0; }
}


/******** 620未満 ******/
@media screen and (max-width:620px){ 
body{margin-top : 110px;}
.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:14px;padding:4px 3px 4px;}
.hiddentxt1{display:none;}
.chweek_btn,.chmont_btn{width:67px;font-size:12px;}
}

/******** 450未満 ******/
@media screen and (max-width:450px){ 
.menu_image{float:none;}
}