@charset "utf-8";
/************* スマホ専用CSS *****************/

body,td{
	padding:0; margin:0;
	line-height:130%;
	-webkit-text-size-adjust: none;
	font-size:100%;
	color:#333333;
	background-color:#ffffff;
	font-family:"Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana,"MS PGothic","ＭＳ Ｐゴシック",Arial, sans-serif;
}
select,input,textarea,option{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	color: #333333; 
	font-size:13px;
	margin:1px;padding:1px;line-height:120%;
}

a{color:#0000ff;text-decoration:none;}
a:visited {color:#0000ff;}
a:hover {color:#f7657b; }
big{ font-size:120%; line-height:140%; }
small{ font-size:85%; line-height:120%;}
form {margin:0px; }
.red{color:#ff0000;}
.nowrap{ white-space:nowrap; }

/* カレンダー */
.clentable a{display: block;}
/* 年月*/
.topYM{padding:3px 0 3px;}

big{ font-size:120%; line-height:140%; }
small{ font-size:85%; line-height:120%;}
form {margin:0px; }

/* 今日 */
#todaycolor{
  border:1px solid #2919ff;
  border-radius: 3px;
}

/*入力フォーム*/
input,textarea{
	font-size:110%;
	padding:5px;margin:5px 0 0;
	border-radius: 10px;
	border: 1px solid #d4d4d4;
}
select,option{padding:3px;margin:5px 0 0;font-size:110%;}
.intxt1{ width:80%;}
.intxt2{ width:150px;}
.intxt3{ width:20%;}
.intxt4{ width:40px;}

/* 〒→住所 選択窓 */
.seltable{
font-size:1.1rem; line-height:1.8;
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}

/** ○△ **/
.clentable .textMrk{
font-size:15px;
font-family:"Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana,"MS PGothic","ＭＳ Ｐゴシック",Arial, sans-serif;
}


/*** ページタイトル ***********************/
.title1{
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	line-height:30px;
	width:100%;
	float:left;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#c6ceff));
	text-shadow:0px -1px 0px rgba(255,255,255,0.7);
	box-sizing: border-box;
}

/*** トップページ プラン名一覧 ***********************/
.planlist{
	clear:both;
}
.planlist ul{
	list-style:none;
	display:block;
	padding:0; margin:0 0 5px;
}
.planlist li>a{
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	line-height:40px;
	font-size:80%;
	width:100%;
	float:left;
	text-align:left;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#dfe6eb));
	box-sizing: border-box;
	padding:0 15px 0;
	border-bottom:1px solid #e7e7d8;
}
.planlist li>a:after{
	content:url(../cgiimg/arrow.png);
	display:table-cell;
	position:relative;
	float:right;top:12px;
	vertical-align:middle;
}

/*** カレンダー上部プラン名 ***********************/
.plan_title{
	vertical-align:middle;
	font-weight:bold;
	text-align:left; 
	font-size:80%;
	padding:3px 2px 3px;
}
/*** カレンダーページ 月移動用リンク ***********************/
.mant_link{
	font-size:90%;
	margin:0 0 5px;
}

/*** カレンダーページ 下部プラン名一覧 ***********************/
.planlist2{
	clear:both;
}
.planlist2 ul{
	list-style:none;
	display:block;
	padding:0; margin:0 0 5px;
}
.planlist2 li>a{
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	line-height:24px;
	font-size:80%;
	width:100%;
	float:left;
	text-align:left;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#dfe6eb));
	box-sizing: border-box;
	padding:0 15px 0;
	border-bottom:1px solid #e7e7d8;
}





/*** 「ご予約申込みフォーム」等のタイトル ************************/
.title2{
	clear:both;
	display:table-cell;
	vertical-align:middle;
	/*font-weight:bold;*/
	width:100%;
	float:left;
	text-align:center;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dbf4fc),
		to(#ffffff));
	padding:3px 10px 3px;
	/*margin-top:5px;*/
	box-sizing: border-box;
}



/*** テキストエリア ************************/
.caption{ 
	width:95%; margin:2px 10px 10px;
	text-align:left;
}
/*** テキストエリア 角丸 ************************/
.caption_km{ 
    width:88%; padding:10px;margin:10px;
    border-radius: 10px;
    border: 1px solid #d4d4d4;
		text-align:left;
}



/*** 予約フォーム項目名 ************************/
.title3{
	padding:3px 10px 3px;
	margin:5px 0 5px;
	background: -webkit-gradient(
		linear, left top, right top, 
		from(#dfdfe6),
		to(#ffffff));
}

/********** キャンセル ***********/
#cancel_msg_area{
margin:8px 5px 13px
}
/* キャンセル ボタン */
#border_bk{text-align:center;}
.c_button{padding:5px 25px 5px; margin:15px auto 20px;  }


/* エラーメッセージ */
.errormsg{
	border:1px solid #ff0000;margin:1px auto 1px;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;}


/* [確認/送信] [リセット]ボタン***********************/
.smit{ margin-top:5px; width:30%;}
.reset{ width:30%;}
.smit:hover { background-color: #d1ddf0;}
.reset: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;}

/*** カレンダー  角丸・影 が不要の場合はここから下を削除↓ ****/
/* 外枠 */
.clentable{ border-radius:4px; box-shadow: 1px 1px 2px rgba(50,50,50,0.1); }
/* 年月 */
.clentable .topYM{ border-radius:3px 3px 0 0; }
/* 左右下 */
.clentable .under_L{ border-radius:0 0 0 4px; }  
.clentable .under_R{ border-radius:0 0 4px 0; }