*{
box-sizing: border-box;
}
ul, ol {
  list-style: none;
  margin:0;padding:0;
}
div{
padding:0;
margin:0;
}
.overlay {
    display:none;
    position: fixed;
    inset:0 auto 0 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
	z-index:9999;
}
.is-active {
		overflow:hidden;
}
body {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 1.5;
  font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
main#orderupdate,main#check{
width:1000px;
margin: 0 auto;
}

.flex,.flexn,.flexth{
display:flex;
position:relative;
}
 
.flexth > div{
border-left: solid 1px #B1B1B1;
border-bottom: solid 1px #B1B1B1;
padding:5px;
 background-color: #F6EBCD;

}

.flex > div{
border-left: solid 1px #B1B1B1;
border-bottom: solid 1px #B1B1B1;
padding:5px;

}
.right{
text-align:right;
}
.b_right{
margin-left: auto;
}
.th{
text-align:center;
}

h3 {
  padding: 0.25em 0.5em;
  border-left: solid 6px #4472C4;
  background: transparent;
}
h4{
margin-left: 1px;
  padding: 5px 10px;
  background: linear-gradient(to bottom, #818487 0%,#9CA0A5 100%);
//  background: #9ca1a6;
  color: #fff;
  border-left: solid 6px #4472C4;
}

.box{
width:100%;
padding:0;
margin:5px 0;
border-top: solid 1px #B1B1B1;
border-right: solid 1px #B1B1B1;
}

#orderupdate .th,#check .th,#reviewd .th {
  background-color: #F6EBCD;
  width:150px;
}

#orderupdate .th + div,#check .th + div{
flex-grow: 1;
}

.btn1{
//display:block;
padding:5px 10px;
border:1px #3B6DAA solid;
background: linear-gradient(to bottom, #9AC6F6 0%,#6691C6 100%);
border-radius:5px;
text-align:center;
color:#fff;
font-weight:bold;
 justify-content: center;
  line-height: 1;
  color: #fff;
  font-size: 15px;
  text-shadow: -1px -1px 1px rgba(2, 19, 69, 0.8);
  font-weight: bold;
  cursor:pointer;
    text-decoration:none;
}
.btn2{
//display:block;
padding:5px 10px;
border:1px #6F7481 solid;
background: linear-gradient(to bottom, #868B91 0%,#666A71 100%);
border-radius:5px;
text-align:center;
color:#fff;
font-weight:bold;
 justify-content: center;
  line-height: 1;
  color: #fff;
  font-size: 15px;
  text-shadow: -1px -1px 1px rgba(73, 78, 91, 0.8);
  font-weight: bold;
  cursor:pointer;
    text-decoration:none;
}

.btn3{
//display:block;
padding:5px 10px;
border:1px #B3B3B3 solid;
background: linear-gradient(to bottom, #fff 0%,#CACACA 100%);
border-radius:5px;
text-align:center;
color:#4B4B4B;
font-weight:bold;
 justify-content: center;
  line-height: 1;
  font-size: 15px;
//  text-shadow: -1px -1px 1px rgba(73, 78, 91, 0.8);
  font-weight: bold;
  cursor:pointer;
  text-decoration:none;
}

.btn4{
//display:block;
padding:5px 10px;
border:1px #C1D2D3 solid;
background: linear-gradient(to bottom, #F0594F 0%,#A32306 100%);
border-radius:5px;
text-align:center;
font-weight:bold;
 justify-content: center;
  line-height: 1;
  color: #fff;
  font-size: 15px;
//  text-shadow: -1px -1px 1px rgba(73, 78, 91, 0.8);
  font-weight: bold;
  cursor:pointer;
    text-decoration:none;
}


.icon {
  position: relative;
  width: 22px;
  height: 22px;
  background: #ccc;
  border-radius: 50%;
    cursor:pointer;
  border:1px #ccc solid;
}

.icon::before, .icon-del::after {
  position: absolute;
  top: -3px;
  left: -2px;
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  transform: translateX(-50%);
    transform: rotate(135deg);
}

.icon-del:after {
  top: 7px;
  left: -2px;
  transform: rotate(45deg);
}


.icon2 {
display:block;
float:left;
  position: relative;
  width: 20px;
  height: 20px;
  background: #3968A0;
  border-radius: 50%;
  margin-right:10px;
}
.icon2::before, .icon-plus::after {
  position: absolute;
  top: 9px;
  left: 48%;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
  transform: translateX(-50%);
}

.icon-plus:after {
  top: 2px;

  left: -3px;
  transform: rotate(90deg);
}
.red{
color:red;
}

select{
background:#fff;
border:1px #ccc solid;;
}
.btn_bg{
width:100%;
margin:10px 0;
padding:3px;
background:#DEE2EA;
position:relative;
min-height:50px;
}

////  ここまで共通 ////////////////////////


#add_con{
width:100%;
height:calc(100% - 32px);
padding:10px 20px;
  z-index:10;
}
.bg1{
background-color:#E4E7EE;
border-radius:5px;
margin:1px;
position:relative;
}
.bg1::before{
content:"";
width:calc(100% + 4px);
height:calc(100% + 4px);
border:1px #C4CDD6 solid;
position:absolute;

top:-3px;
left:-3px;
border-radius:5px;
}



.scroll{
overflow-y:scroll;
}

#add_gr_con{
width:100%;
border:1px #b1b1b1 solid;
background:#fff;
height:245px;
position: relative;
margin:10px 0 0 0;

}
#add_gr_con div{
width:100%;
display:flex;
height:35px;
border-bottom:1px #b1b1b1 solid;
padding:7px 5px 0 10px;
z-index:20!important;
position:relative;

}




#add_gr_con div span{
margin-left: auto;
display:block;
margin-right:20px;
position:absolute;
right:0;
}

#add_gr_con div:nth-child(2n){
background-color:#EDF4FC;
}
#add_gr_con p{
display:block;
padding:0;
margin:0;
width:100%;
height:23px;
}
.tab2:not(.active):hover{
cursor:pointer;
}
#add_gr_con p:hover,.add_gr div:not(.active):hover{
background:#F6EBCD;
cursor:pointer!important;
color:#333;
}
.add_gr{
//  height: 30px;
    margin:5px 5px;
		padding:10px 0 0 0;
	flex-wrap: wrap;
}

.add_gr div{
background-color: #f7f7f7;
  display: block;
  height: 30px;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 130px;
  word-break: break-all;
  margin:0 5px 10px 0;
  padding:8px 0 0 0;
  z-index:20;
}
.add_gr div.active{
background-color:#60A0EA;
color:#fff;
}

.g_name,.m_name,.tankahtml,.d_cel{
border:0!important;
}
.g_name span{
padding: 3px 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #6DCD97;
}


#a_menu{
margin:0 0 10px 0;
}
#swiches{
padding:10px;
width:100%;
text-align:right;
}

.ui-datepicker table {
  font-size: 14px;
}
.ui-state-default, .ui-widget-content .ui-state-default{
border: 1px #fff solid!important;
background: #ffffff!important;
}
.ui-datepicker td a {
  padding: 5px!important;
  text-align: center!important;
  font-size:17px!important;
}

.ui-datepicker td a:hover {
border:1px #aaa solid!important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight{
border: 1px solid #dad55e!important;
  background: #fffa90!important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
border: 1px solid #003eff!important;
  background: #007fff!important;
}
.custom-calendar-saturday a.ui-state-default {
    color: blue!important;
}
.custom-calendar-sunday a.ui-state-default {
    color: red!important;
}
.custom-calendar-holiday a.ui-state-default {
    color: red!important;
}
.ui-datepicker-week-end:last-child{
color:blue!important;
}
.ui-datepicker-week-end:first-child{
color:red!important;
}
.ui-datepicker-group-first{
border-right:1px #ccc solid;
}

#alltime{
width:40px;
border:0;
text-align:right;
}
label{
cursor:pointer;
}

#ret1,#ret3,#ret4,#go1,#go3,#go4{
font-size:12px;
padding:3px;
margin:0 3px;
}
.select{
font-size:18px;
background:#fff;
border:1px #ccc solid;;
padding:2px 5px;
}
#endtime{
font-size:18px;
font-weight:bold;
letter-spacing:2px;
margin:0 0 0 15px;
}
#biko2{
width:100%;
height:50px;
}



#k_menu,#k_menu2{
border: solid 3px #BFBAAC;
}
#th,.flex{
display:flex;
  position:relative;
}
#th .k_cel{
text-align:center;
font-size:14px;
font-weight:bold;
}




.flex .k_cel{
padding: 3px 8px 3px 10px;
  height: 30px;
  line-height: 24px;
  border-left: solid 1px #B1B1B1;
  border-bottom: solid 1px #B1B1B1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

.flex .k_cel:nth-child(1){
width:200px;
}
.flex .k_cel:nth-child(2){
width:443px;
}

#k_menu2 #th .k_cel:nth-child(5){
padding:3px 0;
}



#k_menu2 .k_cel:nth-child(3){
width:130px;
padding: 3px 8px 3px 10px;
}

.flex .k_cel:nth-child(4){
width:91px;
text-align:right;
font-size:18px;
}

.tanka{
display:none;
width:70px;
}


.flex .k_cel:nth-child(5){
width:140px;
text-align:centetr;
}
#k_menu2 .k_cel:nth-child(5){
width:40px;
text-align:centetr;
}

.flex .k_cel:nth-child(6){
width:91px;
text-align:right;
font-size:18px;
}
.flex .k_cel:nth-child(7){
width:45px;
}
#k_menu .flex:nth-of-type(2n+3){
background-color: #FFFBEF;
}
#th{
background-color: #F6EBCD;
}
.fee_num{
text-align:right;
padding:0 5px 0 0;
border:1px #ccc solid;
}
fieldset{
margin:10px 0;
}

.customer_name{
font-size:24px;
border:0!important;
}
.regi_tan{
position:absolute;
right:0;
padding-top:10px;
border:0!important;
}
.bg1 {
  background-color: #E4E7EE;
  border-radius: 5px;
  margin: 1px;
    margin-left: 1px;
  position: relative;
}
.bg1::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px #C4CDD6 solid;
  position: absolute;
  top: -3px;
  left: -3px;
  border-radius: 5px;
}
#check #sum2 {
  width: 255px;
  //height: 100%;
  margin-top: 15px;
  padding: 10px;
  margin-left: 740px;
}
#kei, .kei2, .kei3 {
  width: 100%;
}

#th, .flex {
  display: flex;
  position: relative;
}
#kei span, .kei2 span, .kei3 span {
  display: block;
  font-size: 24px;
}
#kei span, .kei2 span, .kei3 span {
  display: block;
  font-size: 24px;
}
.kei3 span {
  font-size: 12px;
  font-weight: normal;
  margin-left: 70px;
  display:block;
}
#asum, #dipo, #chan, #c_asum, #c_dipo, #c_chan {
  margin-left: auto;
}
#kei, .kei2, .kei3 {
  width: 100%;
}
.w100cen{
width:100%;
text-align:center;
}

#advice{
background:#F3F3F3;
padding:10px;
line-height:150%;
}
#advice span{
color:red;
}