@charset "utf-8";

.verticalTop{
	vertical-align: top !important;
}
.verticalMiddle{
	vertical-align: middle !important;
}
.verticalBottom{
	vertical-align: bottom !important;
}
.hidden {
	display: none !important;
	visibility: hidden !important;
}
.hiddenToggle{
	display: none;
}
.contentBox{
	margin: 30px auto;
	padding: 20px 40px;
	background-image: none;
}
.acenter{
	text-align:center;
}
.aright{
	text-align:right
}
.aleft{
	text-align:left;
}

input[type="submit"]:disabled, input[type="button"]:disabled, a.disabled{
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
	cursor:default !important;
}

#timeTableBox .tableDateInfo .status .able a.disabled,
.timeTableBox .tableDateInfo .status .able a.disabled
 {
	background: url(https://images.ebica.jp/webrsv/img/s_click.jpg) no-repeat center center;
	cursor:default !important;
}

.button_selecter .making_button_noaction{
	margin: 0 5px 0;
	width: 100px;
	height: 50px;
	font-size: 14px;
	vertical-align: middle;
	background-color: transparent;
	background-image: url(../../img/renewal/1/s_off.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	border: none;
	border-radius: 6px;
	-webkit-appearance: none;
}
.button_selecter .making_button_noaction.active_button {
	background-image: url(../../img/renewal/1/s_click.png);
}
/******************空席確認****************/
#leadText {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 20px;
}
.vacancyInfo a{
	cursor:pointer;
}
dd.shop span.shopName{
	display:inline-block;
	font-weight: bold;
	font-size: 16px;
	line-height:28px;
	width:300px;
	margin-left:10px;
}
table.tableDateInfo{
	width:100%;
}
td.vacancyInfo a{
	color:#000000;
	text-decoration:none;
}
/*カレンダーの位置調整*/
#ui-datepicker-div {
  margin-left:-315px;
  left: 50% !important;
  z-index: 2 !important;
}
/******************空席確認****************/

/******************予約情報入力****************/
.prev_button, .next_button{
	cursor:pointer;
}
/******************予約情報入力****************/

/******************条件検索****************/
body#reserveConditionalSearch{
	overflow:scroll;
	-webkit-overflow-scrolling: touch
}
#reserveConditionalSearch .shadowBox .shop {
	margin-right: 10px;
}
#reserveConditionalSearch .shadowBox .shop, #reserveConditionalSearch .shadowBox .calendar {
	margin-left: 0px;
	margin-right: 10px;
}
#reserveConditionalSearch .shadowBox .time {
	margin-left: 0px;
	margin-right: 0px;
}
#reserveConditionalSearch .shadowBox dl {
	margin-bottom: 20px;
}
#reserveConditionalSearch .shadowBox > .attention_text {
	margin: 0px;
	line-height: 1.2;
}
#reserveConditionalSearch .errorBox{
  padding:20px 60px;
  background-color:transparent;
  background-image:url(https://images.ebica.jp/webrsv/img/bg_pink.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:101% 100%;
  border-radius: 8px;
}
#reserveConditionalSearch .fixtext{
	line-height:28px;
}
#reserveConditionalSearch .errorBox dt {
	padding-top: 10px;
	width: auto;
}
#reserveConditionalSearch .errorBox .un_dl .shop {
	float: left;
	width: 90%;
}
#reserveConditionalSearch .errorBox .un_dl {
	padding: 0 0 0 7%;
	width: 90%;
}
#reserveConditionalSearch .shadowBox .shop select {
	width: 310px;
}
#reserveConditionalSearch .shadowBox .un_dl .shop select {
	width: 120px;
}
#reserveConditionalSearch .shadowBox dt {
	padding-top: 5px;
	width: 40px;
}
#reserveConditionalSearch .shadowBox .un_dl .shop+dt {
	padding-top: 13px;
	width: 66px;
}
#reserveConditionalSearch .suggestSheetct{
	width: 600px;
}
#reserveConditionalSearch dt .ast{
	display: block;
	line-height: 21px;
	float: left;
}
#reserveConditionalSearch .reserveRequest dt {
	padding-top:10px;
}
/******************条件検索****************/

/******************プランから探す**************/
#reservePlan .restaurantImage {
	width: 310px;
}
#reservePlan .shadowBox .time select {
	width: 110px;
}
/******************プランから探す**************/
/******************プラン予約情報入力******************/

#timeContentBox .un_dl dt img, .errorBox .un_dl dt span {
	vertical-align: middle;
}
#timeContentBox.shadowBox dt {
	width: 20%;
	font-size: 16px;
}
#timeContentBox.shadowBox dt img {
	float: left;
}
#timeContentBox.shadowBox dt span {
	display: block;
	padding-top: 8px;
}
#timeContentBox.shadowBox dt span:after {
	clear: both;
}
#timeContentBox .un_dl .shop {
	float: right;
	width: 75%;
}
.subtitlebox .disptext{
	font-size: 13px;
	font-weight:normal;
}
/******************プラン予約情報入力******************/

#timeTableBox .tableDateInfo .status .able a,
.timeTableBox .tableDateInfo .status .able a
 {
	margin: 0 auto 0 auto;
}

/*******************全店舗一覧*******************/
.shadowBox dd .mainButton {
	width: 240px;
	height: 37px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #662b09;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #662b09 0%, #3d1d08 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#662b09), color-stop(100%,#3d1d08));
	background: -webkit-linear-gradient(top, #662b09 0%,#3d1d08 100%);
	background: -o-linear-gradient(top, #662b09 0%,#3d1d08 100%);
	background: -ms-linear-gradient(top, #662b09 0%,#3d1d08 100%);
	background: linear-gradient(to bottom, #662b09 0%,#3d1d08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662b09', endColorstr='#3d1d08',GradientType=0 );
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
/*******************************************/
/*******************Epark連携*******************/
#eparkLoginForm{
	/*
	display: none;
	z-index: 3;
	position: fixed;
	margin: 0;
	padding: 10px;
	width: 610px;
	height: 310px;
	color: #54260a;
	background: #fff;
	border: none;
	border-radius: 6px;
	box-sizing: border-box;
	text-align:center;
	*/
}
#eparkLoginForm h3{
	font-size:16px;
	font-weight:bold;
}
#eparkLoginForm #loginSend {
	margin: 10px auto 10px;
	width: 240px;
	height: 37px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	background: #662b09;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #662b09 0%, #3d1d08 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#662b09), color-stop(100%,#3d1d08));
	background: -webkit-linear-gradient(top, #662b09 0%,#3d1d08 100%);
	background: -o-linear-gradient(top, #662b09 0%,#3d1d08 100%);
	background: -ms-linear-gradient(top, #662b09 0%,#3d1d08 100%);
	background: linear-gradient(to bottom, #662b09 0%,#3d1d08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#662b09', endColorstr='#3d1d08',GradientType=0 );
	border: none;
	border-radius: 6px;
	cursor:pointer;
}
.success_text{
	font-weight:bold;
	color:#25d834;
}
.login_parts{
	display:block;
	margin:0px auto 0px auto;
	width:280px;
	height:40px;
}
.login_parts .login_epark a{
	width:280px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
}
.epark_guide_link span{
	font-size:20px;
}
/*******************************************/

/***datepicker***/
.ui-state-disabled {
	background-color: #e8e8e8;
}
.ui-datepicker-other-month {
	background-color: #FFF;
}
.ui-state-disabled span{
	text-align: center !important;
}
/***datepicker***/

/*YRPH関連*/
.yrph_person_table td{
	text-align: right;
	padding-right: 6px;
}
.reserveCondition .yrph_person_table td{
	padding-bottom: 10px;
}
.changePersonSearch .yrph_person_table select, .changePersonSearch .yrph_person_table select#child {
	width: 60px;
}
.yrph_option_table {
	width: 100%;
}
.yrph_option_table tr.error_col{
	border-bottom:dotted 1px #C0C0C0;
}
.yrph_option_table input{
	width: 38px;
    border-radius: 6px;
    padding: 5px;
    text-align: right;
}
.yrph_option_table td{
	text-align: right;
}
.yrph_option_table th, .yrph_option_table td{
	padding-top: 6px;
	padding-bottom: 6px;
    vertical-align: middle;
}
.yrph_option_table .error_col td{
	text-align: left;
	padding: 0px;
	padding-bottom: 6px;
    vertical-align: middle;
}
.border-b-d{
	border-bottom:dotted 1px #C0C0C0;
}
.optionCont{
	max-height: 234px;
	overflow-y:auto;
} 

/* 予約コース一覧。 */
.course-table td {
  padding-bottom: 4px;
}
.course-table td.course-name {
  width: 60%;
}
.course-table td.course-num {
  width: 40%;
  text-align: right;
}


.modal-message-content {
    display: none;
    z-index: 3;
    position: fixed;
    margin: 0;
    padding: 10px;
    width: 410px;
    height: 260px;
    color: #54260a;
    background: #fff;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
}
.modal-message-content .inner_div {
  text-align: left;
  overflow:auto;
  position:relative;
  padding:40px;
  width:100%;
  height:100%;
  box-sizing:border-box;
}
.modal-message-content .inner_div {
  font-size: 14px;
  line-height: 20px;
}
.modal-message-content .close_point {
    position: fixed;
    width: 410px;
    height: 40px;
    line-height: 2.9 !important;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    background-image: url("../../img/renewal/1/mark_close.png");
    background-repeat: no-repeat;
    background-position: 41% center;
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
}


.w100 {
  width: 100px;
}
.mar-t0{
	margin-top:0px !important;
}
.mar-t6{
	margin-top:6px !important;
}
.mar-t10{
	margin-top:10px !important;
}
.mar-t12{
	margin-top:12px !important;
}
.mar-t16{
	margin-top:16px !important;
}
.mar-t70{
	margin-top:70px !important;
}
.mar-b10{
	margin-bottom:10px !important;
}
.mar-b16{
	margin-bottom:16px !important;
}
.mar-b20{
	margin-bottom:20px !important;
}
.mar-l20{
	margin-left:20px !important;
}
.mar-l20{
	margin-left:20px !important;
}
.mar-l60{
	margin-left:60px !important;
}

.pad-b0{
	padding-bottom:0px !important;
}
.pad-b18{
	padding-bottom:18px !important;
}