@charset "utf-8";

body{ color: #333333; background-color:#ffffff; margin:0;padding:0;}
body,tr,td,th{
	line-height:125%; margin-top:0px;   -webkit-text-size-adjust: 100%; 
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
input,textarea,select,option{
	font-size:13px;color:#333333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	margin:1px;padding:3px;line-height:130%; 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; }
input[type=button]:hover { background-color: #d1ddf0;}
input[type=submit]:hover { background-color: #d1ddf0;}

a{text-decoration:none;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #ff0000; }
.nobr{ white-space:nowrap; }
/* 横スクロール注意文 */
.scroll_msg{display:none; font-weight: bold;color:#ed0000;}


/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
body,tr,td,th { font-size:14px; }
.pagewidth{ width:900px;} /* ページ幅 */
.outtable{width:880px; } /*カレンダーtable*/
.outtable{border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9;background-color:#ffffff;}
.outtable td{border-bottom:1px solid #a9a9a9;border-left:1px solid #a9a9a9;}
.calen_ym{background-color:#ffffff;}
.Mdez{width:150px;} /* プラン名 */
.textMrk{ font-size:16px; font-weight:normal;} /*○△*/
.header{ background-image:url(../cgiimg/h_1470656312.gif);background-repeat;height:60px; background-color:#e6e6ff; }
.footer{ background-image:url(../cgiimg/f_1470616152.gif);background-repeat;height:60px; background-color:#e6e6ff; }
.tname{ background-color:#e6e6ff;}  /*予約フォーム項目名の背景*/
big{ font-size:16px;font-weight:bold; }
.small { font-size: 13px;}
@media screen and (max-width:900px){ 
.colorset1, .colorset2, .pagewidth{ width:100%; }
.scroll_msg{display:block}
}
/*Temp_StyleSheetOUT*/
/* ************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑************ */


/* ↓追加CSSは、これより下にお書き下さい↓ */
.wid100{width:100%;}
.colorset1{ height:100%; border:1px solid #cbcbcb;margin:0 auto 0; }
.footer{text-align:center;}
/*カレンダーtable*/
.outtable a{ display: block; margin:0;}
/*カレンダー日にち*/
.textDay{margin:1px 0 3px;font-weight:bold;}
/* ○△ホバー色 */
.link:hover{ background-color: #95e9f9; }
/*カレンダーどうしの隙間*/
.cmgn{padding:5px;} 
/* 日付幅調整*/
.f1{padding:0 1.1px 0;text-align:center;}/* 1～9 */
.f2{padding:0;text-align:center;}/* 10～15 */
.f3{padding:0;text-align:center;}/* 16～ */
.f0{padding:0 0.8px 0;text-align:center;background-color:#f4f4f4; color:#f4f4f4;}/* 空 */
.ur31{ border-radius: 0 3px 0 0;}/* 角丸右上 31日 */
.dr31{ border-radius: 0 0 3px 0;}/* 角丸右下 31日 */

/* ページタイトル */
.title{text-align:center;vertical-align:bottom;font-size:130%;padding-top:10px;font-weight:bold;}
/* HOME などのリンク */
.toplink{text-align:right;vertical-align:bottom;padding:0 7px 3px;} 
/* カレンダー プラン名表示部 */
.Mdez{padding:5px;font-size:90%;box-sizing:border-box;} 
.Mdez a:hover{ text-decoration:underline; font-weight:bold;}
/* E-Mail他 */
#mail{ime-mode:disabled;width:250px;}
#maC{ime-mode:disabled;width:250px;}

/* カレンダー 年月 */
.calen_ym{font-size: 15px; font-weight:bold;text-align:center;}
.calen_m{font-size: 30px; font-family:Times New Roman;font-style: italic;}
/* 土曜 */
.saturday{ color:#0000ff;background-color:#e6f5ff; }
/* 日・祝  */
.holiday{ color:#ff0000;background-color:#ffe8e8; }

/* 月移動リンク */
.mantlink{text-align:left;margin:5px 5px 20px;font-weight:bold;}
.mantlink ul{margin:0;padding:0;}
.mantlink li{
	width:95px; text-align:center;white-space:nowrap;
	margin:1px 2px 1px; border-radius: 6px;
	list-style-type:none;  float:left;
	border:1px solid #bbbbbb;
	box-shadow: 2px 2px 4px rgba(50,50,50,0.1);
}
.mantlink a { display: block;margin:0; padding:5px 0 5px;  background-color: #ffffff;border-radius: 6px;}
.mantlink a:hover { background-color: #c9e2f6;}
.nowmnt{padding:5px 0 5px; background-color: #0e8ff3; color: #ffffff;}

/* マーク凡例 */
.headlist{margin:8px 7px 8px;text-align:left;}
.list{ float:right; font-size:90%;}

/* 角丸 */
.round{ border-radius: 10px;}
/* 影 */
.shadow{box-shadow: 2px 2px 10px rgba(0,0,0,0.4);}

.colorset4{text-align:center; vertical-align:top;}
/* 予約フォーム */
.sftable{width:90%; margin:5px auto 5px;} /* 閉じるtable */
/* フォームエリア */
.inform_area{ width:610px; text-align:left; margin:0 auto 15px; box-sizing:border-box;}/* 外枠 */
.yform{clear:both;width:100%;}
/* 項目名 */
.tname{ width:170px; display:table-cell; padding:7px; vertical-align:top; font-weight:bold; box-sizing:border-box;}
.bdr1{ border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb;}
.bdr11{ border:1px solid #bbbbbb;}
/* 入力部 */
.tform{ width:430px;display:table-cell;padding:7px;box-sizing:border-box;}
.bdr2{ border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; }
.bdr22{ border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; }
/* 入力フォームサイズ */
.form1{width:220px;}
.form2{width:300px;font-size:13px;}
/* E-Mailフォームサイズ */
.form_mail1{width:220px;}
.form_mail2{width:100px;}
.form_mail3{width:120px;}
/* エラーメッセージ */
.ermsg{
	width:400px; margin:0px auto 10px; text-align:left; padding:7px;
	border:1px solid #ff0000; color:#ff0000;font-weight:bold;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.fmod{ display:none; }
/* 〒→住所 選択窓 */
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
/* 送信/確認 ボタン */
.button1{padding:3px 30px 3px;}
/* 戻る/閉じる ボタン */
.button2{padding:3px 10px 3px;}

/* フッタ */
.L_titile{padding-top:15px;}
/* QR */
.QRcord{margin:-35px 0 0;}
/* 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;}

/* カレンダー横スクロール */
.x_scroll{
position:static;padding:0 1px 0 0; margin:3px auto 15px;
overflow:auto; -webkit-overflow-scrolling:auto;
overscroll-behavior:auto;   /* none */
border-radius: 3px;
}
/* スクロール用プラン名table*/
.sticky{
  position: sticky;
  position: -webkit-sticky;
  left: 0;
}


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

/********** キャンセル ***********/
#cancel_msg_area{
margin:7px 0 10px;
}
/* キャンセルエラーメッセージ */
.errormsg{
	border:1px solid #ff0000;margin:10px auto 10px;border-spacing:0;border:1px solid #ff0000;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.errormsg td{padding:8px;color:#ff0000;font-weight: bold;text-align:left;}


/*********** ↓ フォーム専用 レスポンシブ ↓ ***********/
/* 650未満 */
@media screen and (max-width:650px){ 
select,input,textarea,option{font-size:14px;}
.title{font-size:100%;}
.sftable{width:98%;}
.colorset4{padding-left:4px;}
.inform_area{ width:96%; }
.tname{ 
width:100%; display:block;
border-radius: 4px;
box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.tform{ width:100%; display:block; margin-bottom:7px;}
.bdr1{border:0;}
.bdr11{border:0;}
.bdr2{border:0;}
.bdr22{border:0;}
.ermsg{width:90%;}
}
/* 400未満 */
@media screen and (max-width:400px){ 
.form2{width:280px;}
/* ○△ */
.textMrk{font-size:130%;}
}
/*********** ↑ フォーム専用 レスポンシブ ↑ ***********/


/* 〇年〇月〇日 現在 スマホ用配置 */
@media screen and (max-width:350px){ 
.list{width:100%;text-align:right;}
}



/*** 外枠デザイン   角丸・影  ****/
/* 外枠*/
.outtable{ border-radius: 4px; box-shadow: 1px 1px 2px rgba(50,50,50,0.1); border-collapse: separate;}
/* プラン名 左上,左下 */
.calen_ym{ border-radius: 3px 0 0 0;}
.under_L{ border-radius: 0 0 0 4px;}