ol {
  list-style: none;
}


.rsvStepList {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  line-height: 1;
  overflow: hidden;
  width: 100%;
  min-height: 1px;
}

.rsvStepList li{
position:relative;
}

.rslStep1,.rslStep2,.rslStep3,.rslStep4,.rslStepEnd {
  width: 21%;
 text-align:center;
 position:relative;
 left:-5%;
}



.rslStepEnd {
  line-height: 42px;
  text-align: center;
  width: 16%;
 left:-5%;
}




.rsvStepList > .active {
  color: #7030A0;
}
.rsvStepList > li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999999;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    height: 42px;
    position: relative;
    vertical-align: middle;
}
.rsvStepList > li > span {
  display: block;
  font-size: 10px;
  margin-bottom: 4px;
}
.rsvStepList > li > span::before {
  border-color: transparent transparent transparent #CBC4C4;
  border-width: 22px 0 22px 13px;
  right: 0;
  top: -1px;
}

.rsvStepList > li > span::before, .rsvStepList > li > span::after {
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}

.rsvStepList > li > span::after {
  border-color: transparent transparent transparent #FFFFFF;
  border-width: 22px 0 22px 13px;
  right: 1px;
  top: -1px;
}


.red{color:red !important;}
#sedmenu{
border: 1px solid #CCCCCC;
  margin-top: 20px;
  padding: 8px 10px 0;
}
#sedmenu h4{
margin: 0;
  padding: 0;
color: #9966CC;
  font-weight: bold;
  line-height: 1.4;
}

.rsvComme{
color: #333333;
  font-size: 12px;
  line-height: 1.5;
  margin:5px 0;
}
.rsvComme span{
font-weight: bold !important;
color: #CC4466;
}
.att{
padding:5px;
}
.tright{
text-align:right;
}
#sedtime{
font-weight:bold;
}
.sbg{
   background-color: #F3EBFF;
}
.rsvsubmit_b{
width: 160px;
line-height: 30px;
background: linear-gradient(to bottom, #AD7EDB 0%,#8A5DB7 75%,#7F51AC 100%);
  border: 1px solid #B386E0;
  border-radius: 4px;
  box-shadow: inset 1px 1px 3px #D9BFF0, inset -1px -1px 3px #A781CC;
  color: #FFFFFF !important;
  padding: 1px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  font-size:18px;
}



}

.rsvTitle{
color: #665555;
  font-size: 16px;
  font-weight: bold;
}
section{margin-bottom:20px;}



.f-row,.f-row2{
  display: flex;
  gap: 0px;
  color: #665555;
  font-size: 14px;
  line-height: 1.5;
  width:100%;
 // border: 1px solid #CCCCCC;

}

.f-row+.f-row{
  margin-top: 4px;
}

.f-row div,.f-row2 div {
  border:0;
border-right: 1px solid #CCCCCC;
  padding: 10px;
border-bottom: 1px solid #CCCCCC;
 flex-flow: column;
}
.sed .f-row {
margin:0;
}


.f-row2{
	  background-color: #F5F3F1;
}
.f-row div span{
padding:5px;
  padding: 1px 10px;
  text-align: center;
  color: #FFFFFF;
 font-size:12px;
  background-color: #6DCD97;
}


.f-row div:nth-child(1),.f-row2 div:nth-child(1) {
width:100%;
font-weight: bold;
}

.f-row div:nth-child(2),.f-row2 div:nth-child(2) {
  width: 137px;
}

.f-row div:nth-child(3),.f-row2 div:nth-child(3)  {
      width: 130px;
}

.sub_t{
border-bottom: 1px solid #CCCCCC;
background-color: #F5F3F1;
  padding: 10px;
  font-weight: bold!important;
}
.tac{
background-color: #E6E6E6;
text-align: center !important;
  font-size: 12px;
  font-weight: bold;
}
.tac div{
padding: 10px;
border: 1px solid #CCCCCC;
}
label:hover {
   background-color: #F3EBFF;
}
label{
display:block;
cursor:pointer;
border:0;
margin:0;
padding:0;
}


.sed .tac div:nth-child(1) {
color: #9966CC !important;
}
#sedmenu .f-row div{
border:0;
}
#sedmenu .f-row div:nth-child(2) {
color: #CC4466;
  font-size: 15px;

}
#sedtime{
margin:15px 0;
}
#sedtime .f-row{
 // border: 1px solid #CCCCCC;
}
#sedtime .f-row div:nth-child(2n-1) {
background-color: #F4F4F4;
  border: 1px solid #CCCCCC;
  padding: 6px 20px;
  width:150px;
  text-align:center;

}
#sedtime .f-row div:nth-child(2n) {
background-color: #ffffff;
  padding: 6px 20px;
  width:80px;
  text-align:center;
  border-top: 1px solid #CCCCCC;
  white-space: nowrap
}
#sedtime .f-row div:nth-child(3),#sedtime .f-row div:nth-child(5) {
width:80px;
}
#sedtime .f-row div:nth-child(4) {
width:150px;
}
#sedtime .f-row div:nth-child(6) {
width:200px;
}
.calTab {
  border-bottom: 2px solid #BFB4AB;
  font-size: 0;
  padding-left: 10px;
  position: relative;
  margin-top: 20px;
  list-style: none;
}
.calTab > li{
background-color: #FFFFFF;
  border: solid #CCCCCC;
    border-top-width: medium;
    border-top-color: rgb(204, 204, 204);
    border-right-width: medium;
    border-right-color: rgb(204, 204, 204);
    border-bottom-width: medium;
    border-bottom-color: rgb(204, 204, 204);
    border-left-width: medium;
    border-left-color: rgb(204, 204, 204);
  border-radius: 4px 4px 0 0;
  border-width: 1px 1px 0 1px;
  color: #666666;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  width: 250px;
  text-align: center;
  margin-right:10px;
}
.calTab > li.isCurrent {
  border-color: #BFB4AB;
  border-width: 2px 2px 0 2px;
  bottom: -1px;
  position: relative;
}

.calTab > li > a, .calTab > li > span {
  outline: 0 none;
  background-position: -110px 0;
  color: #666666 !important;
  text-decoration: none !important;
}
.calTab span, .calTab a {
  display: block;
  width: 248px;
  text-align: center;
  font-weight: bold;
}

.reserveConditionTable {
  margin-top: 15px;
  position: relative;
  z-index: 1;
}

.innerTable {
  border: solid #BFB9B0;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-spacing: 0;
  border-width: 0 1px 1px 1px;
  width: 100%;
}
.innerTable > thead > tr:first-child > th {
  top: 0;
}
.innerTable > thead > tr > th {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.weekPaging {
  background-color: #FFFFFF;
  border: solid #BFB9B0;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 1px 0 2px 0;
  font-weight: bold;
  text-align: center;
  width: 87px;
}
.weekPaging > .arrowPagingWeekLOff {
  color: #CCCCCC;
}
.weekPaging > .arrowPagingWeekLOff, .weekPaging > .arrowPagingWeekL {
  position: relative;
}
.arrowPagingWeekLOff {
  background-position: -196px -364px;
  padding-left: 8px;
}
.weekPaging > .arrowPagingWeekLOff::before {
  border-right: 4px solid #CCCCCC;
  left: 0;
}
.weekPaging > .arrowPagingWeekROff::before, .weekPaging > .arrowPagingWeekR::before, .weekPaging > .arrowPagingWeekLOff::before, .weekPaging > .arrowPagingWeekL::before {
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  width: 0;
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.innerTable > thead > tr:first-child > th + th {
  border-left: 1px solid #BFB9B0;
}

.monthCell, .dayCell {
  background-color: #FFFFFF;
}
.monthCell {
  border-top: 1px solid #BFB9B0;
  box-sizing: border-box;
  height: 38px;
  text-align: center;
}
.arrowPagingWeekR {
  background-position: right -244px;
  padding-right: 8px;
}
.innerTable > thead > .dayCellContainer > th {
  top: 38px;
}
.sun {
  background-color: #EEDDD9;
  color: #BB5555;
}
.sat {
  background-color: #D9E3EC;
  color: #4466BB;
}
.dayCell, .sat, .sun {
  border: solid #BFB9B0;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 1px 0 2px 1px;
  box-sizing: border-box;
  height: 45px;
  text-align: center;
  width: 42px;
}
.timeTableLeft, .timeTableRight {
  width: 87px;
}
.moreInnerTable {
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
  height: 230px;
  position: relative;
}
.innerCol, .telCol, .closeCol {
  box-sizing: border-box;
  text-align: center;
  width: 42px;
}

.moreInnerTable tr:first-child > th, .moreInnerTable tr:first-child > td {
  border-top: none;
}
.reserveConditionTable td.open {
  background-color: ""!important;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.reserveConditionTable td.closed, .reserveConditionTable td.open, .reserveConditionTable td.tel {
  border: solid #BFB9B0;
    border-top-width: medium;
    border-top-style: solid;
    border-top-color: rgb(191, 185, 176);
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 1px 0 0 0;
    border-top-width: 1px;
  height: 35px;
  text-align: center;
  width: auto;
}
.reserveConditionTable td.open > a, .reserveConditionTable td.open > span {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: auto;
}
.reserveConditionTable td.open > a::before, .reserveConditionTable td.open > span::before {
  height: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
}
.reserveConditionTable td.open > a::before, .reserveConditionTable td.open > a::after, .reserveConditionTable td.open > span::before, .reserveConditionTable td.open > span::after {
  border: 1px solid #CC4466;
  border-radius: 100px;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
}
.reserveConditionTable td.open > a::after, .reserveConditionTable td.open > span::after {
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.innerTable > tbody > tr > th + th {
  border-left: 1px solid #BFB9B0;
}
.timeTableLeft .timeCell {
  text-align: right;
  padding-right: 15px;
}
.timeCell {
  background-color: #F6F6F6;
  border-top: 1px solid #BFB9B0;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  width: 100%;
}
.timeCell.timeSharpLine {
  font-size: 15px;
}
.moreInnerTable tr:not(:first-child) > .timeSharpLine {
  border-top: 2px solid #BFB9B0;
}
.reserveConditionTable td.closed {
  background-color: #EEEEEE;
}

.rsvctitle{
margin-top: 20px;
  background-color: #A6A39B;
  position: relative;
  color: white;
  font-size: 16px;
  padding: 6px 10px;
  font-weight:bold;
  border-radius: 4px;
}
.rsvctable{
margin-top: 10px;
width: 100%;
letter-spacing:1px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-spacing: 0;
font-size: 16px;

color:#222222;
}
.rsvctable th{
width: 170px;
padding: 5px 5px 5px 10px;
border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
background-color: #EEEBE4;
  font-weight:bold;
  text-align: left;
}
.rsvctable td{
padding: 10px;
border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
}

.rsvctable th div{
width: 100%;
vertical-align: middle;
display: inline-block !important;
}
.rsvctable td div{
//margin-top: 5px;
line-height: 150%;
}
.rsvctable td div .need{
font-weight: normal !important;
vertical-align: middle;
display: inline-block !important;
width: 30px;
  color: #FFFFFF;
  font-size: 10px;
  padding: 1px 5px;
  text-align: center;
  background-color: #FF0000;

}
.rsvctable td div .label{
display:inline-block !important;
}
.rsvctable td textarea{


border: 1px solid #E0E1E2;
  border-radius: 4px;
  width: 100%;
}
.rsvsubmit{
margin-top: 10px;
//background-color: #F5F3EF;
background:rgba(245,243,239,0.7);
  display: block;
  line-height: 20px;
  padding: 10px;
  position: relative;
}

.rsverror{
background-color: #FFF0F0;
  border: 1px solid #CC0000;
  border-radius: 4px;
  padding: 16px;
color: red !important;
  font-size: 16px;
  font-weight: bold;

}
.rsvlast{
font-weight: bold !important;
color:red;
padding-left: 10px;
  padding-right: 10px;
    margin-top: 10px;
}


.rsvlasttable{
margin-top: 10px;
width: 100%;
border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}
.rsvlasttable th,.rsvlasttable td{
border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;

  padding: 5px;
}
.rsvlasttable th{
  width: 200px;
    background-color: #E6E6E6;
}
.rsvlasttable td{
    background-color: ""!important;
}
.rsvlasttable td.fee{
width:150px;
//text-align: right !important;
}
.stafflist{
display: flex;
flex-wrap: wrap;
margin: -10px 0 20px 0;
}
.stafflist > li:not(:last-child) {
  margin-right: 10px;
}
.stafflist > li {
  margin-top: 10px;
}
.stafflist > li > a {
  border: 1px solid #CCCCCC;
  border-radius: 12.5px;
  color: #666666;
  display: block;
  font-size: 16px;
  line-height: 1;
  padding: 5px 16px;
  text-decoration: none;
}
.stafflist > li.isSelected > a {
  border-color: #D36985;
  color: #CC4466;
  font-weight: bold;
  padding-left: 23px;
  padding-right: 9px;
  pointer-events: none;
  position: relative;
}
.stafflist > li.isSelected > a::before {
  border-bottom: 2px solid #D36985;
  border-right: 2px solid #D36985;
  box-sizing: border-box;
  content: "";
  height: 9px;
  left: 11px;
  margin-right: 6px;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
  width: 6px;
}
.staff_info{
//margin-bottom: 25px;
display: flex;
}
.staff_info .staff_img{
width: 120px;
}
.staff_img img{
width: 100%;
border: 0 !important;
  vertical-align: bottom;
}
.staff_info .staff_r{
margin-left: 10px;
}
.staff_info .staff_r p{
margin:0 0 0px 0;
paddinf:0;
}
.staff_info .staff_name{
font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.staff_info .staff_catch{
font-weight: bold !important;
color: #CC4466;
font-size: 16px;
padding-left:10px;
}
.staff_info .staff_detail{
font-size: 16px;
padding-left:10px;
}
.subm td{
text-align:center;
background-color:#FFFFC8;
  font-weight: bold!important;
}

.rsvStepList_s {

  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: 5px 0 10px 5px;
  padding:10px;
  border:1px #aaa solid;
  border-radius: 15px;
 // height:40px;
}
.rsvStepList_s > li {
  align-items: center;
  color: #aaa;
 // display: flex;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
.rsvStepList_s .active {
  color: #7030A0;
}
.rsvStepList_s > li > div {
  display: inline!important;
  font-size: 10px;
  margin-bottom: 0px;

}
.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  transform: translateX(-25%) rotate(45deg);
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: 0;
  left: 0;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1em;
}

.right{
text-align:right;
width:100%;
}
.center{
text-align:center;
}
body::before{
content:"";
display:block;
position:fixed;
bottom:0;
right:0;
z-index:-1;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:100% 100%;
background-image:url(bg.webp);
background-size:cover;
background-size: 50%;
}