body {
    margin: 0;
    padding: 0;
    color: #000000;
}
input {
  border: 1px solid #666666;
  box-sizing:border-box;
  border-radius:0.1rem;
  font-size:16px;
}
textarea {
  border: 1px solid #666666;
  box-sizing:border-box;
}

#main {
}
#footer {
  background: #eeeeee;
  margin:  40px 0px 0px 0px;
  padding: 60px 0px;
  border-top: 2px solid #d71518;
}

/* error_list */
ul.error_list {
    border: 1px solid #FF0000;
    background-color: #FFCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.error_list li {
    color: #FF0000;
}

/* input */
input.w-360 {
  width: 360px;
}
input.w-700 {
  width: 700px;
}

/* breadcrumbs */
#breadcrumbs ul {
  margin: 6px 0px;
  list-style-type: none;
  font-size: 14px;
  padding: 0px;
}
#breadcrumbs li {
    display: inline-block;
}
#breadcrumbs li+li:before {
    padding: 0 .5rem 0;
    content: "\203A";
}
#breadcrumbs li a {
    text-decoration:none;
}

/* calendar */
div.div-head_ym {
  text-align: center;
}
div.div-foot_ym {
  text-align: center;
}


div.div-calendar {

}
div.div-calendar table.table-calendar {
margin:auto;
border:1px solid #000000;
  border-collapse: collapse;

}
div.div-calendar table.table-calendar th {
border:1px solid #000000;
text-align: center;
}
div.div-calendar table.table-calendar td {
font-size:14px;
border:1px solid #000000;
height: 140px;
vertical-align: top;
text-align: left;
}
div.div-calendar table.table-calendar td.is_today {
  background-color:#FFFF99;
}
table.table-calendar th.th-day0,
table.table-calendar td.td-day0 {
  color:#FE0000;
}
table.table-calendar th.th-day6,
table.table-calendar td.td-day6 {
  color:#337BFB;
}

div.div-calendar table.table-calendar tr.tr-day {
background: #efefef;
}
div.div-calendar table.table-calendar tr.tr-day th {
width:120px;
}

table.table-calendar div.div-event {
  font-size:11px;
  color:#000000;
  border:1px solid #333333;
  border-radius: 0.1rem;
  margin:2px 0px 6px;
  padding:0px 2px 0px 2px;
  max-width: 114px;
}
table.table-calendar div.div-event .event_title {
font-weight: bold;
}
table.table-calendar div.div-event .event-link_url {
  display: flex;
  margin:4px auto;
  justify-content: center;
  border:1px solid #cccccc;
  border-radius:2px;
  width:80%;
}
table.table-calendar div.div-event .event-link_url a {
  text-decoration:none;
  width:100%;
  padding:2px 0px;
  background:#666666;
  color:#ffffff;
  text-align:center;
}
table.table-calendar div.div-event .event-link_url a:hover {
  background:#999999;
}
table.table-calendar div.div-event div.event_button {
  display: flex;
  justify-content: flex-end;
}
table.table-calendar div.div-event div.event_button a {
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  background:#0077cc;
  color:#ffffff;
  padding:4px;
  margin:4px auto;
  border-radius: 0.4rem;
  width: 80%;
  text-align: center;
}
table.table-calendar div.div-event div.event_button a:hover {
  background:#003580;
}

table.table-calendar div.div-event .event_title p.event-remaining {
margin:0px;
color: #0000ff;
text-align:center;
}
table.table-calendar div.div-event .event_title p.event-remaining.p-not_remaining_flg-1 {
color: #ff0000;
}

@media screen and (max-width: 768px) {
  div.div-calendar table.table-calendar  {
    width: 100%;
    border:none;
  }

  div.div-calendar table.table-calendar td {
  width:100vw;
  float:left;
  font-size:14px;
  height: auto;
  border:none;
  border-bottom: 1px solid #000000;
  }
  table.table-calendar tr.tr-day {
    display:none;
  }
  table.table-calendar tr td.td-not_day {
    display:none;
  }
  table.table-calendar div.div-event {
    max-width: 90%;
    margin: auto;
  }

}

/* event */
div.event {
width:860px;
margin:auto;
}

div.event div.event-head {
  display: flex;
  flex-direction: column;
  text-align:center;
}
div.event div.event-head h2 {
  background:#cccccc;
  border:1px solid #000000;
}
div.event div.event-head .event-info {
  font-weight: bold;
}
div.event div.event-head .event-info-text {
  text-align: left;
  display: flex;
  justify-content: center;
}
div.event div.event-head .event-form_remaining {
  color: #000000;
  border: 1px solid #cccccc;
  background: #e8f5ff;
}
div.event div.event_form table.event-table {
  border-collapse: collapse;
  border-spacing: 0;
  border:1px solid #000000;
  width:860px;
}
div.event div.event_form table.event-table tr {

}
div.event div.event_form table.event-table th {
  background: #efefef;
  border:1px solid #000000;
  width:45%;
}
div.event div.event_form table.event-table th span {
  font-size:12px;
  background:#ff0000;
  color:#ffffff;
  padding:4px;
  margin:0px 4px;
  border-radius:0.1rem;
}
div.event div.event_form table.event-table td {
    border:1px solid #000000;
    padding: 6px 0px 6px 20px;
}
div.event div.event_form table.event-table td ol {
    padding: 0px;
}
div.event div.event_form table.event-table td li {
    list-style-type:none;
}
div.event div.event_form p.event-submit {
  text-align:center;
}
div.event div.event_form p.event-submit button {
  font-size:16px;
  background:#0077cc;
  color:#ffffff;
  width:200px;
}
div.event div.event_form p.event-submit button:hover {
  background:#003580;
}

div.event div.event_form p.event-submit button.btn-back {
  font-size:16px;
  background:#ffffff;
  color:#333333;
  width:200px;
}
div.event div.event_form p.event-submit button.btn-back:hover {
  background:#cccccc;
}

div.event .div-is_authenticated {
  color: #ff0000;
  border: 1px solid #ff0000;
}

div.event div.event_form table.event-table td.td-trigger_id a {
	text-decoration:none;
}

@media screen and (max-width: 768px) {

  div.event {
    width:95vw;
    margin:auto;
  }

  div.event div.event_form table.event-table {
    width:95vw;
    text-align: center;
    margin:auto;
    border: 1px solid #000000;
    border-bottom: none;
  }
  div.event div.event_form table.event-table tr {
    width:100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #000000;

  }
  div.event div.event_form table.event-table th {
    width:100%;
    display: block;
    text-align: center;
    border: none;
  }
  div.event div.event_form table.event-table td {
    width:100%;
    display: block;
    padding: 12px 0px;
    border: none;
  }
  div.event div.event_form table.event-table td.td-trigger_id {
    display: flex;
    justify-content: center;
  }
  div.event div.event_form table.event-table td ol {
    text-align: left;
  }

}

/* signin */
.signin_main,
.passwordreset_main,
.tmp_signup {
	width: 400px;
	margin:20px auto 10px;
	padding:20px 20px;
	background:#eeeeee;
	border:1px solid #cccccc;
}
.signin_main h2,
.passwordreset_main h2,
.tmp_signup h2 {
	text-align:center;
	margin:2px;
  border-bottom: 1px solid;
}
.signin_main label,
.passwordreset_main label,
.tmp_signup label {
	display: block;
	font-size:14px;
	padding:0px 0px 0px;
	color:#444444;
}
.signin_main input,
.passwordreset_main input,
.tmp_signup input {
	width: 340px;
	height:17px;
	padding:6px 12px;
	margin-bottom:10px;
  box-sizing: content-box;
}
.tmp_signup textarea {
	width: 340px;
	height:17px;
	padding:6px 12px;
	margin-bottom:10px;
}
.signin_main fieldset,
.passwordreset_main fieldset,
.tmp_signup fieldset {
	border:none;
}
.tmp_signup fieldset p {
	font-weight: bold;
  background: #ffffff;
}
.signin_main button,
.passwordreset_main button,
.tmp_signup button {
	padding:10px;
	width:95%;
  border-style:none;
  background: #e8704f;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
}
.tmp_signup button.submit {
  margin: 6px;
}
.tmp_signup button.back {
  margin: 6px;
}
.signin_main button:hover,
.passwordreset_main button:hover,
.tmp_signup button:hover {
	transition-duration:0.5s;
  background: #ff744d;
}
.signin_main div.btn_wrapper,
.passwordreset_main div.btn_wrapper,
.tmp_signup div.btn_wrapper {
	margin:4px;
  text-align:center;
}
.signin_main div.signin_forgot {
	text-align:center;
}
.passwordreset_main fieldset p {
  font-size: 14px;
  color: #555555;
}


/* edit */
#header {
  background: #eeeeee;
  padding: 10px 0px;
  text-decoration: none;
  border-bottom: 1px solid #cccccc;
}
div.edit {
  margin: 0px auto;
  min-width: 1080px;
  padding: 0px 5%;
}

div.edit h1,
div.editcalendar h1 {
  background: #666666;
  text-align: center;
  color: #ffffff;
  margin: 0px;
}
div.edit h2 {
  border-bottom: 2px solid #666666;
  background: #efefef;
}
div.edit h3 {
  font-size: 12px;
  border: 2px solid #666666;
  background: #eeeeee;
  padding: 6px;
}
div.edit h4 {
  border-bottom: 2px solid #333333;
}
div.edit table  {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  margin:20px 0px;
  font-size:14px;
}
div.edit table tr {
}
div.edit table th {
  border:1px solid #bfbfbf;
  background: #efefef;
  color:#000000;
}
div.edit table td {
  border:1px solid #bfbfbf;
  padding: 6px 4px;
}
div.edit table td.td-no_display_flg-0 {
color:#0000ff;
font-weight:bold;
}
div.edit table td.td-no_display_flg-1 {
color:#999999;
font-weight:bold;
}
div.edit table td.td-form_stop_flg-0 {
color:#00f100;
font-weight:bold;
}
div.edit table td.td-form_stop_flg-1 {
color:#f10000;
font-weight:bold;
}
div.edit table td.td-no_limit_reservable_number_flg-0 {
color:#ffa900;
font-weight:bold;
}
div.edit table td.td-no_limit_reservable_number_flg-1 {
color:#999999;
font-weight:bold;
}
div.edit table tr.tr-not_remaining_flg-1 td.td-form_remaining {
color:#ff0000;
font-weight:bold;

}
div.edit table tr.tr-not_remaining_flg-1 td.td-count {
color:#ff0000;
font-weight:bold;
}

div.edit button.btn-wide {
  padding:10px 60px;
  font-size:18px;
  font-weight: bold;
}
div.edit button.btn-update {
  color:#ffffff;
  background:#2196f3;
  border:none;
  font-size:14px;
}
div.edit button.btn-update:hover {
  color:#ffffff;
  background:#0C7DD4;
  border:none;
  transition: .4s;
}
div.edit button.btn-delete {
  color:#ffffff;
  background:#ff392d;
  border:none;
  font-size:14px;
}
div.edit button.btn-delete:hover {
  color:#ffffff;
  background:#C10900;
  border:none;
  transition: .4s;
}

div.edit table.table-scroll  {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/* edit edit_main */
div.edit_main {
min-height:80vh;
}
div.edit_main ul {
display: flex;
padding:0px;
flex-wrap: wrap;
}
div.edit_main ul li {
list-style-type:none;
display: flex;
}
div.edit_main ul li a {
  color:#000000;
  text-align:center;
  font-weight:bold;
text-decoration:none;
font-size:32px;
padding:12px 0px;
margin:12px 0px;
width:360px;
border-bottom:1px solid #cccccc;
}
div.edit_main ul li a:hover {
background:#d9f7ff;
}

/* edit event */
div.edit.eventlist table  {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  margin:20px 0px;
  font-size:14px;
  min-width:1080px;
}
div.edit.eventlist table tr {
}
div.edit.eventlist table tr:hover {
background:#cccccc;
}
div.edit.eventlist table th {
  border:1px solid #bfbfbf;
  background: #efefef;
  color:#000000;
}
div.edit.eventlist table td {
  border:none;
  border-bottom:1px solid #bfbfbf;
  padding: 6px 4px;
}

div.editevent div.div-delete {
  text-align: right;
}

div.edit tr.tr-details td {
padding:0px;
}
div.edit tr.tr-details td p {
padding: 6px 4px;
margin:0px;
}
div.edit tr.tr-details summary {
background:#d9f7ff;
}
div.edit tr.tr-details:hover summary {
background:#effbff;
}

div.edit.event div.div-formreceived table tr:hover {
  background:#cccccc;
}

/* edit formreceivedlist */
div.edit.formreceivedlist table tr:hover {
  background:#cccccc;
}

/* editcalendar */
table.table-calendar div.div-event div.edit-event-link_url {
  display: flex;
  justify-content: flex-end;
}
table.table-calendar div.div-event div.edit-event-link_url a {
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  background:#666666;
  color:#ffffff;
  padding:4px;
  margin:4px auto;
  border-radius: 0.4rem;
  width: 80%;
  text-align: center;
}
table.table-calendar div.div-event div.edit-event-link_url a:hover {
  background:#999999;
}

table.table-calendar div.div-event div.event_button.event_run p {
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  border:1px solid #0077cc;
  color:#ffffff;
  background:#0077cc;
  padding:4px;
  margin:4px auto;
  border-radius: 0.4rem;
  width: 80%;
  text-align: center;
}
table.table-calendar div.div-event div.event_button.event_stop p {
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  border:1px solid #f10000;
  color:#f10000;
  background:none;
  padding:4px;
  margin:4px auto;
  border-radius: 0.4rem;
  width: 80%;
  text-align: center;
}
table.table-calendar div.div-event div.event_button.edit_event_button a {
  background:#333333;
}
table.table-calendar div.div-event div.event_button.edit_event_button a:hover {
  background:#cccccc;
}
table.table-calendar div.div-event div.div-no_display_flg-0 p {
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  background:#0ab21b;
  color:#ffffff;
  padding:4px;
  margin:4px auto;
  border-radius: 0.4rem;
  width: 80%;
  text-align: center;
}
table.table-calendar div.div-event div.div-no_display_flg-1 p {
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  border:1px solid #333333;
  color:#333333;
  padding:4px;
  margin:4px auto;
  border-radius: 0.4rem;
  width: 80%;
  text-align: center;
}

/* editcalendarcode */
div.edit table.table-event_group_by_calendar_code {
text-align:left;
margin:12px;
}
div.edit table.table-event_group_by_calendar_code tr {
}
div.edit table.table-event_group_by_calendar_code th {
}
div.edit table.table-event_group_by_calendar_code td {
border:none;
}
div.edit table.table-event_group_by_calendar_code td.td-is_disable {
}

div.edit .add_new_group {
margin:12px;
}
div.edit .add_new_group select {
padding:6px 8px;
vertical-align: middle;
border:1px solid #333333;
border-radius:4px;
}

/* admin */
#admin {}
#admin #header {
  background: #00BCD4;
}

/* font-size */
.font-size-1 {
  font-size:9px;
}

/* color */
.color-red {
  color: #ff0000;
}

/* margin */
.margin-top-under-20 {
    margin: 20px 0px;
}

/* color_code */
.event-bg-code-0 {
  background: #e6fbff;
}
.event-bg-code-1 {
  background: #FFE5E5;
}
.event-bg-code-2 {
  background: #FFF2E5;
}
.event-bg-code-3 {
  background: #FFFFE5;
}
.event-bg-code-4 {
  background: #F2FFE5;
}
.event-bg-code-5 {
  background: #E5FFE5;
}
.event-bg-code-6 {
  background: #E5FFF2;
}
.event-bg-code-7 {
  background: #E5F2FF;
}
.event-bg-code-8 {
  background: #E5E5FF;
}
.event-bg-code-9 {
  background: #EDE5FF;
}
.event-bg-code-10 {
  background: #FFE5FF;
}
.event-bg-code-11 {
  background: #FFE5F2;
}
.event-bg-code-12 {
  background: #B2F3FF;
}
.event-bg-code-13 {
  background: #FFB2B2;
}
.event-bg-code-14 {
  background: #FFD8B2;
}
.event-bg-code-15 {
  background: #FFFFB2;
}
.event-bg-code-16 {
  background: #D8FFB2;
}
.event-bg-code-17 {
  background: #B2FFB2;
}
.event-bg-code-18 {
  background: #B2FFD8;
}
.event-bg-code-19 {
  background: #B2D8FF;
}
.event-bg-code-20 {
  background: #B2B2FF;
}
.event-bg-code-21 {
  background: #C9B2FF;
}
.event-bg-code-22 {
  background: #FFB2FF;
}
.event-bg-code-23 {
  background: #FFB2D8;
}
.event-bg-code-24 {
  background: #66E8FF;
}
.event-bg-code-25 {
  background: #FF6666;
}
.event-bg-code-26 {
  background: #FFAF66;
}
.event-bg-code-27 {
  background: #FFFF66;
}
.event-bg-code-28 {
  background: #B2FF66;
}
.event-bg-code-29 {
  background: #66FF66;
}
.event-bg-code-30 {
  background: #66FFAF;
}
.event-bg-code-31 {
  background: #66B2FF;
}
.event-bg-code-32 {
  background: #6666FF;
}
.event-bg-code-33 {
  background: #9166FF;
}
.event-bg-code-34 {
  background: #FF66FF;
}
.event-bg-code-35 {
  background: #FF66B2;
}
.edit_color_code label {
  width: 15px;
  height: 15px;
  display: inline-block;
}