@charset "utf-8";
/* -------------------------------------------------------------

	メインエリアを中心にコンテンツを定義します
	last-mod:00-00-00 name

   ------------------------------------------------------------- */


/* ---------------- アクセス補助 ------------- */
/* hr要素によるセパレーターを表示させない ------------- */

hr.separator {
	display: none;
}

/* アクセス補助を一旦すべてのメディアに対し非表示とする ------------- */
.Shortcut,
.LabelSummaries,
.UserSupportInstruction	{
	display:none;
}

/* アクセス補助が必要なメディアに対しては再定義し表示させる(speechはCSS3先取り) ------------- */
@media aural,speech,braille {
	.Shortcut,
	.LabelSummaries,
	hr.separator,
	.UserSupportInstruction	{
   		display:block;
	}
}

/* floatの解除 ------------- */

.fbox{
	clear:both;
	_display: inline-block;
	min-height: 1%;
}
.fbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}

/* ---------------- 上書き ------------- */
strong {
	font-weight:bold;
}
p,li,dl,dt,dd {
	line-height:1.5;
}
.red{
	color:red;
}
.red2{
	color:#DC0000;
}
.blue{
	color:blue;
}

.txt-left {
	text-align:left;
}
.txt-right {
	text-align:right;
}


/* ===================================================================
	bodyの設定
=================================================================== */
html{height:100%;}
body{
	font-size:16px;
	color:#444444;
	_text-align:center;
	line-height:1.4;
	margin:0;
	height:100%;
	background:#fff;
}
div#Contents {
	height:100%;
}



/* ===================================================================
	通常のリンク
=================================================================== */
a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #696969;
	text-decoration: none;
}
a:active {
	color: #696969;
	text-decoration: none;
}



/* ===================================================================
	#header
	ヘッダー
=================================================================== */
#header_BK {
	background:#fff;
	margin:0;
	border-bottom:1px solid #e8e5dd;
}
#header {
	width:960px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
}


/*	ロゴ
------------------------------------------------------------------ */
#header h1#top,
#header p#top {
	float:left;
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
}
#header h1#top a,
#header p#top a {
	text-decoration:none;
	line-height:30px;
}

#header_username {
	float:right;
	margin:0 20px 0 0;
	text-align:right;
	font-size:12px;
	line-height:1.2;
}
#header_username strong {
	font-weight:bold;
	color:#988084;
}

/*	ヘッダーボタン
------------------------------------------------------------------ */
#header_login_parts {
	margin:0;
	float:right;
}
#header_login_parts i {
	margin-right:5px;
}
.header_login {
	float:right;
}
a.btn_h_mypage{
	display:block;
	float:right;
	height:30px;
	padding: 0 10px;
	text-align:center;
	font-size:12px;
	color:#fff;
	border:none;
	line-height:30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-sizing:border-box;

	background:#988084;
	text-decoration:none;
}
a.btn_h_mypage {
}
a.btn_h_signup {
	margin-right:10px;
	background:#fff;
	text-decoration:none;
	border:1px solid #FF6D61;
	color:#FF6D61;
}
a.btn_h_logout {
	margin-right:10px;
	background:#999999;
	text-decoration:none;
}

.btn_sp_menu {
	display:none;
}




/*	ユーティリティナビ
------------------------------------------------------------------ */
#utility_Nav {
	margin:18px 30px 0 0;
	padding:0;
	font-size:13px;
	float:right;
}
#utility_Nav li {
	float:left;
	margin:0;
}
#utility_Nav li:before {
	display: inline-block;
	padding:0 10px;
/*	font: normal normal normal 14px/1 FontAwesome;
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	content: "/";
	color:#ccc;
}
#utility_Nav li a {
	text-decoration:none;
}
#utility_Nav_sp {
	display:none;
}



/* ===================================================================
	#main
	メイン
=================================================================== */
#main {
/*	background:#eee;*/
	width:960px;
	margin:0 auto;
	padding:50px 0 80px;
}
#mainarea {
/*	padding:40px;
	background:#fff;*/
}


/*	ページトップへ戻る
------------------------------------------------------------------ */
.rtb {
	text-align:right;
	margin:20px 0 0;
}

/* ===================================================================
	#footer
	フッター
=================================================================== */
#footer_BK {
	background:#133360;
	color:#fff;
}
#footer {
	padding:20px 0;
	width:960px;
	margin:0 auto;
	font-size:14px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}


.footer_logo {
	float:left;
}
#footer_menu {
	margin:0 0 40px;
}
#footer_menu li {
	float:left;
	margin-right:20px;
}
#footer_menu li i {
	margin-right:3px;
	font-size:12px;
}


/* -------------- address -------------- */
address {
	margin:0;
	padding:0;
	text-align:center;
}







/* ===================================================================
	共通
=================================================================== */

/* ----------------------------------------------------

  message：Flashメッセージ

 ------------------------------------------------------ */

/* エラーメッセージ系
===================================================== */

/* 大元になるもの ------------------- */
#flashMessage {
	padding:15px;
	margin:20px 0;
	text-align:left;
}
/* 追加（緑） ------------------- */
.add-message {
	border-left: 6px solid #13AE67;
	background:#A5DFC4;
}
/* 編集（青） ------------------- */
.update-message {
	color:#0099FF;
	border: 1px dashed #0099FF;
	margin:0 0 20px 0;
	padding:5px 5px 5px 32px;
}
/* 削除（赤） ------------------- */
.delete-message {
	color:#FF0000;
	border: 1px dashed #FF0000;
	background:#FFF;
	margin:10px 0 10px 0;
	padding:5px 5px 5px 32px;
}

/* エラー（赤） ------------------- */
.error-message {
	color:#FF0000;
	background:#ffeeee;
	margin:10px 0 10px 0;
	padding:5px 5px 5px 32px;
}
table td .error-message {
	font-size:100%;
}

/* 成功（緑） ------------------- */
.message {
	border-left: 6px solid #13AE67;
	background:#A5DFC4;
}




.page_h {
	margin:0 0 40px;
	padding:10px;
	font-size:22px;
	font-weight:bold;
	background:#133360;
	color:#fff;
}

.h_03 {
	margin:0 0 20px;
	padding:0 0 10px;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #e6e6e6;
}
.h_04 {
	margin:0 0 10px;
	font-size:18px;
	font-weight:bold;
}


.ex {
	margin:10px 0 20px;
}




input {
	font-size:100%;
}

input[type="text"],
input[type="password"]  {
	padding:4px 5px;
	border:1px solid #C0C0C0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-sizing:border-box;
}
.input_ss {
	width:80px;
}
.input_s {
	width:150px;
}
.input_m {
	width:300px;
}
.input_l {
	width:450px;
}
.tbl_form label {
	margin-right:1em;
}

.btn {
	text-align:center;
	margin:10px auto 0;
}
.btn input[type="button"],
.btn input[type="submit"],
.btn a {
	display:inline-block;
	width:200px;
	text-align:center;
	margin:0 10px;
	padding:10px 0;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	color:#fff;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	cursor:pointer;
}

.btn_none input[type="button"],
.btn_none input[type="submit"] {
	display:block;
	width:200px;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	border:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-weight:bold;
	background:#F1F1F1;
	color:#aaa;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	cursor:pointer;
}

.btn_next {
	background:#988084;
}

.btn_back {
	background:#133360;
}

a.btn_back_cale {
	width:300px;
	margin:0;
	padding:10px;
	color:#988084;
	border:2px solid #988084;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a.btn_back_cale i {
	float:left;
	line-height:22px;
}
.btn_cale {
	margin:40px 0 0;
}

.btn_none p {
	text-align:center;
	margin:0 0 10px;
}

.btn input.btn_confirm {
	width:300px;
	background:#133360;
}



.btn_back_news,
.btn_back_mypage {
	background:#988084;
}

input[type="checkbox"] {
	margin-right:5px;
}

textarea {
	width:100%;
	height:170px;
	padding:5px;
	border:1px solid #C0C0C0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-sizing:border-box;
}
.textarea {
	margin:10px 0 0 ;
}
.textarea label {
	font-weight:bold;
}


/* テーブル　一覧 */
table.tbl_list {
	width:100%;
	margin:0 0 20px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	border:1px solid #e6e6e6;
}
table.tbl_list th {
	background:#005292;
	padding:10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #e6e6e6;
}

table.tbl_list td {
	padding:20px;
	border-right:1px solid #e6e6e6;
}
table.tbl_list tr:nth-child(odd) td {
	background:#f6f6f6;
}
.tbl_center {
	text-align:center;
}


.tbl_form {
	width:100%;
	margin:0 0 30px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	border:1px solid #e6e6e6;
}

.tbl_form th,
.tbl_form td {
	padding:15px 10px;
	border-bottom:1px solid #e6e6e6;
}
.tbl_form th {
	width:200px;
	font-weight:bold;
	background:#f6f6f6;
}
.tbl_form td.tbl_hissu {
	width:46px;
}

.icon_hissu {
	width:46px;
	display:block;
	background:#FF6D61;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:center;
	font-size:14px;
}
.tbl_txt {
	margin-bottom:10px;
}
.form_notice {
	font-size:14px;
}




/* ページャー ------------------- */

div.pager {
	text-align:center;
	margin:20px 0;
}
div.paging {
	display:inline-block;
	background-color:#FFF;
	color:#5E3E12;
	margin:0 auto;
}
div.paging span {
	margin:0;
	float: left;
}
div.paging span a {
	margin:0 2px;
	position: relative;
	display:  inline-block;
	padding:5px 10px;
	text-decoration:none;
	border: 1px solid #FFC261;
}
div.paging span a:link,
div.paging span a:visited {
}
div.paging span a:hover,
div.paging span a:active {
	background: #FFF2D4;
}
/* 今いるページ */
div.paging span.current {
	position: relative;
	display: block;
	text-decoration: none;
	font-weight:bold;
	margin:0 2px;
	padding:5px 10px;
	background:#FFC261;
	color:#fff;
	border: 1px solid #FFC261;
}

/* 前へ、次へ、クリックできないとき */
div.paging span.disabled {
	position: relative;
	display: block;
	padding:5px 10px;
	margin:0 2px;
	color: #A5A5A5;
	text-decoration: none;
	background:#f9f8f6;
	border: 1px solid #DBDBDB;
}

div.pager span a.prev,
div.pager span a.next {
	border: 1px solid #FFC261;
}

div.pager.sp {
	display:none;
}

@media screen and (max-width:550px) {
	div.pager.sp {
	display:inherit;
	}
	div.pager.pc {
	display:none;
	}
	div.pager {
		text-align:center;
	}
}








/*	トップ
------------------------------------------------------------------ */


a.btn_yoyaku {
	display:block;
	max-width:280px;
	padding:10px;
	margin:10px auto;;
	background:#f1e2cf;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#133360;
	text-decoration:none;
	font-weight:bold;
}
a.btn_yoyaku i {
	float:right;
	line-height:20px;
}



.home_h {
	padding:5px 10px;
	background:#133360;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}


#home_current_reservation {
	padding:10px;
	background:#f3f1ee;
}


#home_current_reservation a {
	display:block;
	margin-bottom:10px;
	padding:10px;
	text-decoration:none;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 2px 2px -1px #d8ccc6;
	-moz-box-shadow:0px 2px 2px -1px #d8ccc6;
	-webkit-box-shadow:0px 2px 2px -1px #d8ccc6;
	position:relative;
}
#home_current_reservation a:last-child {
	margin-bottom:0;
}
#home_current_reservation span {

}
#home_current_reservation i {
	float:right;
/*	position:absolute;
	right:10px;
	top:40%;*/
	color:#988084;
	line-height:24px;
}



#home_mymenu {
	padding:10px;
	background:#f3f1ee;
}
#home_mymenu ul li {
	width:32%;
	float:left;
	margin:0 2% 0 0;
}
#home_mymenu ul li:last-child {
	margin-right:0;
}

#home_mymenu ul li a {
	display:block;
	padding:10px 0;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 2px 2px -1px #d8ccc6;
	-moz-box-shadow:0px 2px 2px -1px #d8ccc6;
	-webkit-box-shadow:0px 2px 2px -1px #d8ccc6;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
#home_mymenu ul li a span {
	display:block;
	margin-bottom:10px;
}





/*	ログイン
------------------------------------------------------------------ */
#login_area {
	width:400px;
	margin:0 auto;
	padding:20px;
	background:#f3f1ee;
}
#login_area .home_h {
	margin:-20px -20px 0;
}
#login_area p {
	margin:20px 0;
}
.login_form {
	margin:20px 0;
}
.login_form dt {
	font-weight:bold;
}
.login_form dd {
	margin-bottom:10px;
}
.login_form dd input {
	width:100%;
}


.btn_login {
	display:block;
	width:360px;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	background:#f1e2cf;
	color:#133360;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	cursor:pointer;
}

#signup {
	margin:40px auto;
}
a.btn_signup {
	display:block;
	width:356px;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
	background:#988084;
	background:#fff;
	border:2px solid #988084;
	color:#988084;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	cursor:pointer;
}





/*	予約
------------------------------------------------------------------ */
.reservation_ex {
	background:#F2F2F2;
	margin:0 0 30px;
	padding:10px;
}
#reservation_step {
	margin:-20px 0 20px;
}
#reservation_step li {
	float:left;
	color:#B3B3B3;
	position:relative;
	padding-right:60px;
	padding-left:40px;
}
#reservation_step li:last-child {
	line-height:3;
}
#reservation_step li.current {
	color:#133360;
}
#reservation_step li.rsv_step1,
#reservation_step li.rsv_step2 {
	padding-left:90px;
}
#reservation_step li.rsv_step1:before,
#reservation_step li.rsv_step2:before {
	display:block;
	width:50px;
	height:50px;
	content: "";
	position:absolute;
	top:0;
	left:30px;
}
#reservation_step li.rsv_step1.current:before {
	background:url(../../img/front/step1_on.png) no-repeat left top;
}
#reservation_step li.rsv_step1:before {
	background:url(../../img/front/step1_off.png) no-repeat left top;
}
#reservation_step li.rsv_step2.current:before {
	background:url(../../img/front/step2_on.png) no-repeat left top;
}
#reservation_step li.rsv_step2:before {
	background:url(../../img/front/step2_off.png) no-repeat left top;
}
#reservation_step li:after {
	display:block;
	width:20px;
	height:44px;
	content: "";
	background:url(../../img/front/step_cur.png) no-repeat left top;
	position:absolute;
	top:3px;
	right:0;
}
#reservation_step li:last-child:after {
	display:none;
}

#month_pager {
	width:700px;
	margin:10px auto;
}
#month_prev,
#month_next {
	width:30%;
	float:left;
}
#month_prev a,
#month_prev span {
	float:right;
}
#month_next a,
#month_next span {
	float:left;
}
#month_prev a,
#month_next a,
#month_prev span,
#month_next span {
	display:inline-block;
	height:30px;
	padding:0 10px;
	background:#fff;
	border:2px solid #988084;
	color:#988084;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-decoration:none;
	line-height:30px;
	font-size:16px;
}
#month_prev span,
#month_next span {
	border:2px solid #ccc;
	color:#ccc;
}
#month_prev a i.fa,
#month_next a i.fa,
#month_prev span i.fa,
#month_next span i.fa {
	line-height:30px;
}
#month_now {
	width:40%;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	line-height:34px;
}
#use_date {
	width:auto;
	text-align:center;
	font-weight:bold;
	font-size:22px;
}

.day_prev a i.fa,
.day_prev span i.fa {
	margin-right:5px;
}
.day_next a i.fa,
.day_next span i.fa {
	margin-left:5px;
}


#tbl_calender {
	width:700px;
	margin:0 auto 30px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	border:2px solid #ccc;
}
#tbl_calender th {
	padding:10px;
	text-align:center;
	background:#fff;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#tbl_calender td {
	width:14.2%;
	padding:15px 0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
}
#tbl_calender td.select {
	background:#FFC261;
	color:#fff;
	font-weight:bold;
}
#tbl_calender th.sun,
#tbl_calender td.sun {
	color:#FF6D61;
}
#tbl_calender th.sat,
#tbl_calender td.sat {
	color:#3BA8FC;
}
#tbl_calender td.ok {
	padding:0;
}
#tbl_calender td.ng {
	padding:15px 0;
	background:#f3f1ee;
	color:#133360;
}
#tbl_calender td.past {
	padding:15px 0;
	background:#FCFCFC;
	color:#B3B3B3;
}


#tbl_calender td a {
	display:block;
	padding:15px 0;
}
.cal_icon {
	display:block;
}
#tbl_calender td.ok .cal_icon {
	color:#988084;
}



/* 時間 */
#rsv_time {
	margin:0 200px;
}
#rsv_time li {
	border:1px solid #CCCCCC;
	border-bottom:none;
	line-height:20px;
	font-weight:bold;
}
#rsv_time li:last-child {
	border-bottom:1px solid #CCCCCC;
}
#rsv_time li.rsv_ng {
	padding:10px;
	background:#f3f1ee;
	color:#133360;
}
#rsv_time li.rsv_past {
	padding:10px;
	background:#FCFCFC;
	color:#B3B3B3;
}
#rsv_time li a {
	display:block;
	padding:10px;
	line-height:20px;
}
#rsv_time li a:hover {
/*background:#f3f1ee;*/
}
#rsv_time li i {
	float:right;
	line-height:20px;
}
#rsv_time li.rsv_ok a i {
	color:#988084;
}



#rsv_list {
	background:#f3f1ee;
	margin:20px 0 20px;
	padding:10px;
}
#rsv_list li {
	margin-bottom:10px;
	padding:10px;
	text-decoration:none;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 2px 2px -1px #d8ccc6;
	-moz-box-shadow:0px 2px 2px -1px #d8ccc6;
	-webkit-box-shadow:0px 2px 2px -1px #d8ccc6;
	position:relative;
}
#rsv_list li:last-child {
	margin-bottom:0;
}
/*
#rsv_list.rsv_list_link li {
	padding:0;
}
*/
/*
#rsv_list li a {
	display:block;
	padding:10px;
}
#rsv_list li a i {
	float:right;
	color:#988084;
	line-height:24px;
}*/
.rsv_list_btn {
	display:block;
	float:right;
}
a.btn_edit,
a.btn_del {
	display:inline-block;
	float:left;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	background:#ccc;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:14px;
}
a.btn_del {
	background:#E5747E;
}
a.btn_edit {
	background:#4B958B;
}

span.btn_edit,
span.btn_del {
	display:inline-block;
	float:left;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	background:#ccc;
	color:#fff;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:14px;
}

.rsv_tel {
	text-align:center;
}
a.btn_tel {
	display:inline-block;
	padding:10px 15px;
	margin:0 auto;
	text-decoration:none;
	background:#E5747E;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:18px;
	font-weight:bold;
}


/*	お知らせ
------------------------------------------------------------------ */
#news_list {
	background:#f3f1ee;
	margin:20px 0 20px;
	padding:10px;
}
#news_list li a {
	display:block;
	margin-bottom:10px;
	padding:10px;
	text-decoration:none;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 2px 2px -1px #d8ccc6;
	-moz-box-shadow:0px 2px 2px -1px #d8ccc6;
	-webkit-box-shadow:0px 2px 2px -1px #d8ccc6;
	position:relative;
}
.news_date {
	display:block;
	font-weight:bold;
	font-size:13px;
	color:#988084;
}
.news_title {
	display:block;
	padding-right:50px;
}
#news_list li a i {
	float:right;
	height:100%;
	line-height:100%;
	color:#988084;
	position:absolute;
	top:39%;
	right:10px;
}


#news_detail {
	margin:0 0 40px;
}

#news_title {
	margin:0 0 10px;
	padding:5px 0;
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #133360;
}
#news_detail_date {
	margin:0 0 20px;
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#988084;
}




/* 静的ページ */
.static_detail {
	margin:0 0 40px;
}
.static_title_01 {
	margin:30px 0 20px;
	padding:5px 0;
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #133360;
}
.static_txt {
	margin:0 0 30px;
}

/* ------ ～800px ------ */
@media screen and (max-width: 767px) {
	/*	ヘッダー
	------------------------------------------------------------------ */
	#header {
		width:auto;
		padding:10px ;
	}
	#header h1#top,
	#header p#top {
		float:left;
		padding:0;
	}
	.logo_pc {display:none;}
	.logo_sp {display:block;height:24px;}
	
	#header_login_parts {
		width:auto;
		margin:0;
		float:right;
	}
	#header_username {
		margin-right:10px;
	}
	
	
	
	
	#main {
		width:auto;
		padding:15px 10px 50px;
	}


	/* フッター */
	#footer {
		width:auto;
		padding:15px 10px;
	}
	#footer_menu {
		float:none;
	}
	#footer_menu li {
		display:block;
		width:49.5%;
		margin:0 1% 1% 0;
		padding:0;
		font-size:12px;
	}
	#footer_menu li:nth-child(even) {
		margin-right:0;
	}
	#footer_menu li a {
		display:block;
		padding:7px;
		background:#fff;
		color:#333;
	}
	#footer_menu li a i {
		color:#133360;
		margin-right:2px;
	}
	
	
	
	address {
		margin:0;
		float:none;
	}
	
	
	.page_h {
		margin:-15px -10px 0;
		font-size:15px;
	}
	
	
	/* テーブル・フォーム用 */
	.tbl_form {
		border-bottom:none;
	}
	.tbl_form tr {
		display:block;
		position:relative;
	}
	.tbl_form th,
	.tbl_form td {
		width:auto;
		padding:10px;
		display:block;
		font-size:14px;
	}
	.tbl_form th {
		border:none;
	}
	.tbl_form td {
		padding:15px 10px;
	}
	.tbl_form td.tbl_hissu {
		width:46px;
		padding:10px;
		position:absolute;
		right:0px;
		top:0;
		border:none;
	}
	.tbl_form td .input_m,
	.tbl_form td .input_l {
		width:100%;
	}
	
	.btn input[type="button"],
	.btn input[type="submit"],
	.btn a {
		width:47%;
		margin:0 1%;
	}
	
	a.btn_back_cale {
		width:100%;
		max-width:300px;
	}
	.btn input.btn_confirm {
		width:100%;
		max-width:300px;
	}
	
	
	
	
	/*	ログイン
	------------------------------------------------------------------ */
	#login_area {
		width:auto;
		margin:0 10px 0;
	}
	.btn_login {
		width:100%;
	}
	#signup {
		margin:40px 10px;
	}

	a.btn_signup {
		width:auto;
	}



	
	/* マイページ */
	.home_h {
		margin:0 -10px;
	}
	#home_current_reservation,
	#home_mymenu {
		margin:0 -10px;
	}
	
	
	#home_mymenu ul li a span img {
		width:40px;
	}
	
	
	
	/*	予約
	------------------------------------------------------------------ */
	.reservation_ex {
		background:#F2F2F2;
		margin:0 -10px 20px;
		font-size:12px;
	}
	#reservation_step {
		margin:10px -10px;
	}
	#reservation_step li {
		font-size:9px;
		line-height:1.2;
		padding-right:20px;
		padding-left:10px;
	}
	#reservation_step li:last-child {
		line-height:2.3;
	}
	#reservation_step li.rsv_step1,
	#reservation_step li.rsv_step2 {
		padding-left:40px;
	}
	#reservation_step li.rsv_step1:before,
	#reservation_step li.rsv_step2:before {
		display:block;
		width:25px;
		height:25px;
		content: "";
		position:absolute;
		top:0;
		left:10px;
	}
	#reservation_step li.rsv_step1.current:before,
	#reservation_step li.rsv_step1:before,
	#reservation_step li.rsv_step2.current:before,
	#reservation_step li.rsv_step2:before {
		background-size:25px 25px;
	}
	
	#reservation_step li:after {
		display:block;
		width:10px;
		height:22px;
		content: "";
		background:url(../../img/front/step_cur.png) no-repeat left top;
		background-size:10px 22px;
		position:absolute;
		top:0;
		right:0;
	}
	
	
	
	#month_pager {
		width:100%;
	}
	#tbl_calender {
		width:100%;
	}
	#month_prev,
	#month_next {
		width:20%;
		float:left;
	}
	#month_prev a,
	#month_next a,
	#month_prev span,
	#month_next span {
		height:24px;
		padding:0 8px;
		font-size:14px;
		line-height:24px;
	}
	#month_prev a i.fa,
	#month_next a i.fa,
	#month_prev span i.fa,
	#month_next span i.fa {
		line-height:24px;
	}
	#month_now {
		width:60%;
		font-size:16px;
		line-height:28px;
	}
	
	#rsv_time {
		margin:0;
	}
	
	
	/* お知らせ */
	#news_detail {
		margin:20px 0 40px;
	}
	#news_title {
		font-size:100%;
	}
	
	
}






/* ------ ～479px ------ */
@media screen and (max-width: 479px) {

	.rsv_list_btn {
		width:auto;
		float:none;
		margin:10px 0 0;
		text-align:center;
	}
	a.btn_edit,
	a.btn_del,
	span.btn_edit,
	span.btn_del {
		float:none;
	}

}