@charset "utf-8";

body{margin:0;padding:0;}
body,tr,td,th{
	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;}
.center{text-align:center;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.nobr{ white-space:nowrap; }
img{border:0;}
/* 横スクロール注意文 */
.scroll_msg{display:none; font-weight: bold;color:#ed0000;}



/********************* ↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓ *********************/
/*Temp_StyleSheetIN*/
body { font-size:14px; line-height:125%; color: #333333; background-color:#ffffff; }
tr,td,th { font-size:14px; line-height:125%; }
big { font-size: 15px; }
small { font-size: 13px;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #f7657b; }
a:hover { color: #f7657b }
.YY { font-size: 15px; line-height:120%;}
.MM { font-size: 30px; line-height:120%; font-family:Times New Roman;font-style: italic;}
.base{ font-size: 14px; }
.textDay { font-size:14px; font-weight:bold; text-decoration:none; }
.textWekn { font-size:14px; }
.textMrk { font-size:15px; text-decoration:none; }
.pagewidth{ width:900px;}
.colorset1{ border:1px solid #dfdfdf;background-color:#ffffff;}
.colorset2{ background-color:#dedeff;height:60px; background-image:url(../cgiimg/h_1469427212.gif);background-repeat;}
.colorset5{ background-color:#dedeff;height:60px; background-image:url(../cgiimg/f_1334984655.gif);background-repeat;}
.addframe{ position:static;}
.tname{background-color: #e6e6ff;}
.outtable{width:880px; }
.calen_ym{background-color:#ffffff;}
.Mdez{width:150px;}
@media screen and (max-width:900px){ 
.colorset1{ width:100%; }
.colorset2{ width:100%; }
.pagewidth{ width:100%;}
.scroll_msg{display:block}
}
/*Temp_StyleSheetOUT*/
/*********************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑ *********************/



/* ↓追加CSSは、これより下にお書き下さい↓ */
.nobr{ white-space:nowrap; }
.wid100{width:100%;}

/* ページタイトル */
.title{text-align:center;vertical-align:middle;font-size:130%;padding-top:10px;font-weight:bold;}
/* HOME などのリンク */
.toplink{text-align:right;vertical-align:bottom;padding:0 7px 3px;} 

.outtable{ margin:0; border-top:1px solid #bbbbbb;border-right:1px solid #bbbbbb;}
.outtable td{border-bottom:1px solid #bbbbbb;border-left:1px solid #bbbbbb;}
.outtable small{font-size:85%;}
.outtable a{ display: block; margin:0;}

/* ○△ホバー色 */
.link:hover{ background-color: #95e9f9; }
/* 〇 */
.mark1{width:13px; height:13px;}
/*  △ */
.mark2 {width:14px; height:14px;}
/* × */
.mark3{width:12px; height:12px;}
/* 休(文字) */
.mark4{width:15px; height:15px;}

/* 日付 */
.textDay { font-size:90%;}
/* カレンダー プラン名表示部 */
.Mdez{padding:5px;font-size:90%;box-sizing:border-box;} 
.Mdez a:hover{ text-decoration:underline; font-weight:bold;}
/* 日付幅調整*/
.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日 */

/* E-Mail他 */
#mail{ime-mode:disabled;width:250px;}
#maC{ime-mode:disabled;width:250px;}

/* カレンダー 年月 */
.calen_ym{font-size: 15px; line-height:120%;font-weight:bold;text-align:center;}
.calen_m{font-size: 30px; line-height:120%; 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:10px 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:0 auto 10px; text-align:left; padding:7px;
	border:1px solid #ff0000; color:#ff0000;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}

/* 〒→住所 選択窓 */
.seltable{
font-size:14px; line-height:1.7;
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}
/* 郵便番号住所検索ボタン */
.postsrch{ padding:3px 5px 3px; }

/* フッタ */
.L_titile{padding-top:15px;}
/* QR */
.QRcord{margin:-35px 0 0;}

/* カレンダー横スクロール */
.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;
}

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

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



/*********** ↓ フォーム専用 レスポンシブ ↓ ***********/
/* 650未満 */
@media screen and (max-width:650px){ 
select,input,textarea,option{font-size:14px;}
.title{font-size:100%;}
.sftable{width:98%;}
.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%;}
}
/*********** ↑ フォーム専用 レスポンシブ ↑ ***********/



/*** 外枠デザイン   角丸・影  ****/
/* 外枠*/
.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;}

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