@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&family=Shippori+Mincho+B1&display=swap";
*,
::before,
::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

:where(:root) {
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

:where(body) {
  margin: 0;
}

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

:where(hr) {
  color: inherit;
  height: 0;
}

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

:where(nav li)::before {
  content: "​";
  float: left;
}

:where(pre) {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
}

:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

:where(b, strong) {
  font-weight: bolder;
}

:where(code, kbd, samp) {
  font-family: monospace, monospace;
  font-size: 1em;
}

:where(small) {
  font-size: 80%;
}

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

:where(iframe) {
  border-style: none;
}

:where(svg:not([fill])) {
  fill: currentColor;
}

:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
  text-indent: 0;
}

:where(button, input, select) {
  margin: 0;
}

:where(button, [type=button i], [type=reset i], [type=submit i]) {
  -webkit-appearance: button;
}

:where(fieldset) {
  border: 1px solid #a0a0a0;
}

:where(progress) {
  vertical-align: baseline;
}

:where(textarea) {
  margin: 0;
  resize: vertical;
}

:where([type=search i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

:where(dialog) {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

:where(details > summary:first-of-type) {
  display: list-item;
}

:where([aria-busy=true i]) {
  cursor: progress;
}

:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed;
}

:where([aria-hidden=false i][hidden]) {
  display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.error-message {
  margin: -20px 0 20px 0;
  font-size: 16px;
  font-weight: bold;
  color: red;
  text-align: center;
}

.hidden {
  display: none;
}

.color-red {
  color: red;
}

.u-m8 {
  margin: 8px;
}

.u-m16 {
  margin: 16px;
}

.u-m24 {
  margin: 24px;
}

.u-m32 {
  margin: 32px;
}

.u-m40 {
  margin: 40px;
}

.u-m48 {
  margin: 48px;
}

.u-m56 {
  margin: 56px;
}

.u-m64 {
  margin: 64px;
}

.u-m72 {
  margin: 72px;
}

.u-m80 {
  margin: 80px;
}

.u-m88 {
  margin: 88px;
}

.u-m96 {
  margin: 96px;
}

.u-m104 {
  margin: 104px;
}

.u-m112 {
  margin: 112px;
}

.u-m120 {
  margin: 120px;
}

.u-m128 {
  margin: 128px;
}

.u-m136 {
  margin: 136px;
}

.u-m144 {
  margin: 144px;
}

.u-m152 {
  margin: 152px;
}

.u-m160 {
  margin: 160px;
}

.u-mt8 {
  margin-top: 8px;
}

.u-mt12 {
  margin-top: 12px;
}

.u-mt16 {
  margin-top: 16px;
}

.u-mt24 {
  margin-top: 24px;
}

.u-mt32 {
  margin-top: 32px;
}

.u-mt40 {
  margin-top: 40px;
}

.u-mt48 {
  margin-top: 48px;
}

.u-mt56 {
  margin-top: 56px;
}

.u-mt64 {
  margin-top: 64px;
}

.u-mt72 {
  margin-top: 72px;
}

.u-mt80 {
  margin-top: 80px;
}

.u-mt88 {
  margin-top: 88px;
}

.u-mt96 {
  margin-top: 96px;
}

.u-mt104 {
  margin-top: 104px;
}

.u-mt112 {
  margin-top: 112px;
}

.u-mt120 {
  margin-top: 120px;
}

.u-mt128 {
  margin-top: 128px;
}

.u-mt136 {
  margin-top: 136px;
}

.u-mt144 {
  margin-top: 144px;
}

.u-mt152 {
  margin-top: 152px;
}

.u-mt160 {
  margin-top: 160px;
}

.u-mr8 {
  margin-right: 8px;
}

.u-mr16 {
  margin-right: 16px;
}

.u-mr24 {
  margin-right: 24px;
}

.u-mr32 {
  margin-right: 32px;
}

.u-mr40 {
  margin-right: 40px;
}

.u-mr48 {
  margin-right: 48px;
}

.u-mr56 {
  margin-right: 56px;
}

.u-mr64 {
  margin-right: 64px;
}

.u-mr72 {
  margin-right: 72px;
}

.u-mr80 {
  margin-right: 80px;
}

.u-mr88 {
  margin-right: 88px;
}

.u-mr96 {
  margin-right: 96px;
}

.u-mr104 {
  margin-right: 104px;
}

.u-mr112 {
  margin-right: 112px;
}

.u-mr120 {
  margin-right: 120px;
}

.u-mr128 {
  margin-right: 128px;
}

.u-mr136 {
  margin-right: 136px;
}

.u-mr144 {
  margin-right: 144px;
}

.u-mr152 {
  margin-right: 152px;
}

.u-mr160 {
  margin-right: 160px;
}

.u-mb8 {
  margin-bottom: 8px;
}

.u-mb12 {
  margin-bottom: 12px;
}

.u-mb16 {
  margin-bottom: 16px;
}

.u-mb24 {
  margin-bottom: 24px;
}

.u-mb32 {
  margin-bottom: 32px;
}

.u-mb40 {
  margin-bottom: 40px;
}

.u-mb48 {
  margin-bottom: 48px;
}

.u-mb56 {
  margin-bottom: 56px;
}

.u-mb64 {
  margin-bottom: 64px;
}

.u-mb72 {
  margin-bottom: 72px;
}

.u-mb80 {
  margin-bottom: 80px;
}

.u-mb88 {
  margin-bottom: 88px;
}

.u-mb96 {
  margin-bottom: 96px;
}

.u-mb104 {
  margin-bottom: 104px;
}

.u-mb112 {
  margin-bottom: 112px;
}

.u-mb120 {
  margin-bottom: 120px;
}

.u-mb128 {
  margin-bottom: 128px;
}

.u-mb136 {
  margin-bottom: 136px;
}

.u-mb144 {
  margin-bottom: 144px;
}

.u-mb152 {
  margin-bottom: 152px;
}

.u-mb160 {
  margin-bottom: 160px;
}

.u-ml8 {
  margin-left: 8px;
}

.u-ml16 {
  margin-left: 16px;
}

.u-ml24 {
  margin-left: 24px;
}

.u-ml32 {
  margin-left: 32px;
}

.u-ml40 {
  margin-left: 40px;
}

.u-ml48 {
  margin-left: 48px;
}

.u-ml56 {
  margin-left: 56px;
}

.u-ml64 {
  margin-left: 64px;
}

.u-ml72 {
  margin-left: 72px;
}

.u-ml80 {
  margin-left: 80px;
}

.u-ml88 {
  margin-left: 88px;
}

.u-ml96 {
  margin-left: 96px;
}

.u-ml104 {
  margin-left: 104px;
}

.u-ml112 {
  margin-left: 112px;
}

.u-ml120 {
  margin-left: 120px;
}

.u-ml128 {
  margin-left: 128px;
}

.u-ml136 {
  margin-left: 136px;
}

.u-ml144 {
  margin-left: 144px;
}

.u-ml152 {
  margin-left: 152px;
}

.u-ml160 {
  margin-left: 160px;
}

.u-my8 {
  margin: 8px 0;
}

.u-my16 {
  margin: 16px 0;
}

.u-my24 {
  margin: 24px 0;
}

.u-my32 {
  margin: 32px 0;
}

.u-my40 {
  margin: 40px 0;
}

.u-my48 {
  margin: 48px 0;
}

.u-my56 {
  margin: 56px 0;
}

.u-my64 {
  margin: 64px 0;
}

.u-my72 {
  margin: 72px 0;
}

.u-my80 {
  margin: 80px 0;
}

.u-my88 {
  margin: 88px 0;
}

.u-my96 {
  margin: 96px 0;
}

.u-my104 {
  margin: 104px 0;
}

.u-my112 {
  margin: 112px 0;
}

.u-my120 {
  margin: 120px 0;
}

.u-my128 {
  margin: 128px 0;
}

.u-my136 {
  margin: 136px 0;
}

.u-my144 {
  margin: 144px 0;
}

.u-my152 {
  margin: 152px 0;
}

.u-my160 {
  margin: 160px 0;
}

.u-mx8 {
  margin: 0 8px;
}

.u-mx16 {
  margin: 0 16px;
}

.u-mx24 {
  margin: 0 24px;
}

.u-mx32 {
  margin: 0 32px;
}

.u-mx40 {
  margin: 0 40px;
}

.u-mx48 {
  margin: 0 48px;
}

.u-mx56 {
  margin: 0 56px;
}

.u-mx64 {
  margin: 0 64px;
}

.u-mx72 {
  margin: 0 72px;
}

.u-mx80 {
  margin: 0 80px;
}

.u-mx88 {
  margin: 0 88px;
}

.u-mx96 {
  margin: 0 96px;
}

.u-mx104 {
  margin: 0 104px;
}

.u-mx112 {
  margin: 0 112px;
}

.u-mx120 {
  margin: 0 120px;
}

.u-mx128 {
  margin: 0 128px;
}

.u-mx136 {
  margin: 0 136px;
}

.u-mx144 {
  margin: 0 144px;
}

.u-mx152 {
  margin: 0 152px;
}

.u-mx160 {
  margin: 0 160px;
}

.u-p8 {
  padding: 8px;
}

.u-p16 {
  padding: 16px;
}

.u-p24 {
  padding: 24px;
}

.u-p32 {
  padding: 32px;
}

.u-p40 {
  padding: 40px;
}

.u-p48 {
  padding: 48px;
}

.u-p56 {
  padding: 56px;
}

.u-p64 {
  padding: 64px;
}

.u-p72 {
  padding: 72px;
}

.u-p80 {
  padding: 80px;
}

.u-p88 {
  padding: 88px;
}

.u-p96 {
  padding: 96px;
}

.u-p104 {
  padding: 104px;
}

.u-p112 {
  padding: 112px;
}

.u-p120 {
  padding: 120px;
}

.u-p128 {
  padding: 128px;
}

.u-p136 {
  padding: 136px;
}

.u-p144 {
  padding: 144px;
}

.u-p152 {
  padding: 152px;
}

.u-p160 {
  padding: 160px;
}

.u-pt8 {
  padding-top: 8px;
}

.u-pt16 {
  padding-top: 16px;
}

.u-pt24 {
  padding-top: 24px;
}

.u-pt32 {
  padding-top: 32px;
}

.u-pt40 {
  padding-top: 40px;
}

.u-pt48 {
  padding-top: 48px;
}

.u-pt56 {
  padding-top: 56px;
}

.u-pt64 {
  padding-top: 64px;
}

.u-pt72 {
  padding-top: 72px;
}

.u-pt80 {
  padding-top: 80px;
}

.u-pt88 {
  padding-top: 88px;
}

.u-pt96 {
  padding-top: 96px;
}

.u-pt104 {
  padding-top: 104px;
}

.u-pt112 {
  padding-top: 112px;
}

.u-pt120 {
  padding-top: 120px;
}

.u-pt128 {
  padding-top: 128px;
}

.u-pt136 {
  padding-top: 136px;
}

.u-pt144 {
  padding-top: 144px;
}

.u-pt152 {
  padding-top: 152px;
}

.u-pt160 {
  padding-top: 160px;
}

.u-pr8 {
  padding-right: 8px;
}

.u-pr16 {
  padding-right: 16px;
}

.u-pr24 {
  padding-right: 24px;
}

.u-pr32 {
  padding-right: 32px;
}

.u-pr40 {
  padding-right: 40px;
}

.u-pr48 {
  padding-right: 48px;
}

.u-pr56 {
  padding-right: 56px;
}

.u-pr64 {
  padding-right: 64px;
}

.u-pr72 {
  padding-right: 72px;
}

.u-pr80 {
  padding-right: 80px;
}

.u-pr88 {
  padding-right: 88px;
}

.u-pr96 {
  padding-right: 96px;
}

.u-pr104 {
  padding-right: 104px;
}

.u-pr112 {
  padding-right: 112px;
}

.u-pr120 {
  padding-right: 120px;
}

.u-pr128 {
  padding-right: 128px;
}

.u-pr136 {
  padding-right: 136px;
}

.u-pr144 {
  padding-right: 144px;
}

.u-pr152 {
  padding-right: 152px;
}

.u-pr160 {
  padding-right: 160px;
}

.u-pb8 {
  padding-bottom: 8px;
}

.u-pb16 {
  padding-bottom: 16px;
}

.u-pb24 {
  padding-bottom: 24px;
}

.u-pb32 {
  padding-bottom: 32px;
}

.u-pb40 {
  padding-bottom: 40px;
}

.u-pb48 {
  padding-bottom: 48px;
}

.u-pb56 {
  padding-bottom: 56px;
}

.u-pb64 {
  padding-bottom: 64px;
}

.u-pb72 {
  padding-bottom: 72px;
}

.u-pb80 {
  padding-bottom: 80px;
}

.u-pb88 {
  padding-bottom: 88px;
}

.u-pb96 {
  padding-bottom: 96px;
}

.u-pb104 {
  padding-bottom: 104px;
}

.u-pb112 {
  padding-bottom: 112px;
}

.u-pb120 {
  padding-bottom: 120px;
}

.u-pb128 {
  padding-bottom: 128px;
}

.u-pb136 {
  padding-bottom: 136px;
}

.u-pb144 {
  padding-bottom: 144px;
}

.u-pb152 {
  padding-bottom: 152px;
}

.u-pb160 {
  padding-bottom: 160px;
}

.u-pl8 {
  padding-left: 8px;
}

.u-pl16 {
  padding-left: 16px;
}

.u-pl24 {
  padding-left: 24px;
}

.u-pl32 {
  padding-left: 32px;
}

.u-pl40 {
  padding-left: 40px;
}

.u-pl48 {
  padding-left: 48px;
}

.u-pl56 {
  padding-left: 56px;
}

.u-pl64 {
  padding-left: 64px;
}

.u-pl72 {
  padding-left: 72px;
}

.u-pl80 {
  padding-left: 80px;
}

.u-pl88 {
  padding-left: 88px;
}

.u-pl96 {
  padding-left: 96px;
}

.u-pl104 {
  padding-left: 104px;
}

.u-pl112 {
  padding-left: 112px;
}

.u-pl120 {
  padding-left: 120px;
}

.u-pl128 {
  padding-left: 128px;
}

.u-pl136 {
  padding-left: 136px;
}

.u-pl144 {
  padding-left: 144px;
}

.u-pl152 {
  padding-left: 152px;
}

.u-pl160 {
  padding-left: 160px;
}

.u-py8 {
  padding: 8px 0;
}

.u-py16 {
  padding: 16px 0;
}

.u-py24 {
  padding: 24px 0;
}

.u-py32 {
  padding: 32px 0;
}

.u-py40 {
  padding: 40px 0;
}

.u-py48 {
  padding: 48px 0;
}

.u-py56 {
  padding: 56px 0;
}

.u-py64 {
  padding: 64px 0;
}

.u-py72 {
  padding: 72px 0;
}

.u-py80 {
  padding: 80px 0;
}

.u-py88 {
  padding: 88px 0;
}

.u-py96 {
  padding: 96px 0;
}

.u-py104 {
  padding: 104px 0;
}

.u-py112 {
  padding: 112px 0;
}

.u-py120 {
  padding: 120px 0;
}

.u-py128 {
  padding: 128px 0;
}

.u-py136 {
  padding: 136px 0;
}

.u-py144 {
  padding: 144px 0;
}

.u-py152 {
  padding: 152px 0;
}

.u-py160 {
  padding: 160px 0;
}

.u-px8 {
  padding: 0 8px;
}

.u-px16 {
  padding: 0 16px;
}

.u-px24 {
  padding: 0 24px;
}

.u-px32 {
  padding: 0 32px;
}

.u-px40 {
  padding: 0 40px;
}

.u-px48 {
  padding: 0 48px;
}

.u-px56 {
  padding: 0 56px;
}

.u-px64 {
  padding: 0 64px;
}

.u-px72 {
  padding: 0 72px;
}

.u-px80 {
  padding: 0 80px;
}

.u-px88 {
  padding: 0 88px;
}

.u-px96 {
  padding: 0 96px;
}

.u-px104 {
  padding: 0 104px;
}

.u-px112 {
  padding: 0 112px;
}

.u-px120 {
  padding: 0 120px;
}

.u-px128 {
  padding: 0 128px;
}

.u-px136 {
  padding: 0 136px;
}

.u-px144 {
  padding: 0 144px;
}

.u-px152 {
  padding: 0 152px;
}

.u-px160 {
  padding: 0 160px;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
}

ul,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

dd {
  margin: 0;
}

a {
  color: #212b36;
  text-decoration: none;
}

a:hover {
  background: #fff6d0;
}

figure {
  margin: 0;
}

img {
  width: 100%;
}

h1,
h2 {
  margin: 0;
}

p {
  margin: 0;
}

.c-card {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.c-card-title {
  margin-bottom: 16px;
  font-size: 18px;
}

.c-form-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.c-form-fields_title {
  margin-bottom: 8px;
  font-size: 14px;
}

.c-form-fields_content {
  width: 100%;
}

.c-form_input {
  font-family: "Noto Sans JP", sans-serif;
  height: 40px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
}

.c-form_input[type="number"] {
  padding: 10px 4px 10px 16px;
}

textarea.c-form_input {
  width: 100%;
}

.c-form_input.price {
  width: 120px;
}

.c-form_input.nutrient {
  width: 80px;
  padding: 10px 8px;
}

.c-form_input.is-error {
  border: 2px solid red;
  background-color: rgba(200, 0, 0, 0.1);
}

.c-form_input.icon-hidden::-webkit-calendar-picker-indicator {
  display: none;
}

.c-form_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.c-form_button.primary {
  border: 1px solid #000;
  border-radius: 8px;
  background: #000;
  color: #fff;
}

.c-form-checkbox {
  opacity: 0;
}

.c-form-checkbox~.c-form-label {
  position: relative;
  font-weight: 500;
}

.c-form-checkbox~.c-form-label::after {
  display: block;
  position: absolute;
  top: 10%;
  left: -28px;
  width: 20px;
  height: 20px;
  border: solid 2px #ccc;
  border-radius: 4px;
  content: "";
}

.c-form-checkbox~.c-form-label:hover::after {
  border: 2px solid #fcb70b;
}

.c-form-checkbox:checked~.c-form-label:after {
  background: #fcb70b;
  border: 2px solid #fcb70b;
}

.c-form-checkbox:checked~.c-form-label:before {
  opacity: 1;
  display: inline-block;
  position: absolute;
  top: 27%;
  left: -24px;
  width: 12px;
  height: 8px;
  transform: rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  z-index: 3;
}

.c-form-radio-connection {
  display: flex;
  gap: 0;
}

.c-form-radio-connection input[type=radio] {
  display: none;
}

.c-form-radio-connection input[type=radio]:checked + label {
  color: #222;
  padding: 8px 16px 11px 14px;
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.c-form-radio-connection label {
  height: 41px;
  padding: 9px 17px 12px 15px;
  color: #666;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}

.c-form-radio-connection.disabled label {
  pointer-events: none;
}

.c-form-radio-connection label:hover {
  color: #222;
  background: #fff6d0;
}

.c-form-radio-connection label:first-of-type {
  border-radius: 8px 0 0 8px;
}

.c-form-radio-connection label:last-of-type {
  border-radius: 0 8px 8px 0;
}

.c-form-radio-connection label.disable-label {
  position: relative;
  pointer-events: none;
  color: #aaa;
}

.c-form-radio-connection label.disable-label::after {
    content: '';
    transform: rotate(30deg);
    width: 100%;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 0;
}

.c-form-radio-connection.ss label {
  height: 32px;
  padding: 4px 10px 5px 10px;
}

.c-form-radio-connection.ss input[type=radio]:checked + label {
  padding: 3px 9px 4px 9px;
}

.c-form_slider {
    display: flex;
    gap: 10px;
    align-items: center;  
}

.c-form_slider span {
  font-size: 16px;
  font-weight: 500;
  width: 44px;
}

.c-form_input_slider {
  appearance: none;
  touch-action: none;
  margin-block: 0;
  background: transparent;
}

.c-form_input_slider::-webkit-slider-thumb {
  appearance: none;
}

.c-form_input_slider::-moz-range-track,
.c-form_input_slider::-moz-range-thumb {
  border: none;
  box-sizing: border-box;
  background: transparent;
}

.c-form_input_slider {
  --track-width: auto;
  --track-height: 16px;
  --track-color: #fff;
  --track-border-width: 1px;
  --track-border-color: #CCCCCC;
  --track-border-radius: 8px;
  
  --thumb-width: 16px;
  --thumb-height: 16px;
  --thumb-color: #fff;
  --thumb-border-width: 1.5px;
  --thumb-border-color: #FCB70B;
  --thumb-border-radius: 50%;

  --mix-rate: 100%;
  --progress-width: 50%;
  --progress-color: color-mix(in srgb, var(--thumb-border-color) var(--mix-rate), transparent);

  width: var(--track-width);
  height: max(var(--thumb-height), var(--track-height));
}
.c-form_input_slider.disabled {
  opacity: 0.5;
}
.morning .c-form_input_slider {
  --thumb-border-color: #9DE583;
}
.snack .c-form_input_slider {
  --thumb-border-color: #ff9bc2;
}
.assist .c-form_input_slider {
  --thumb-border-color: #88b6ff;
}
.dinner .c-form_input_slider {
  --thumb-border-color: #88b6ff;
}
.c-form_input_slider[data-mix="95"] {
  --mix-rate: 95%;
}
.c-form_input_slider[data-mix="90"] {
  --mix-rate: 90%;
}
.c-form_input_slider[data-mix="85"] {
  --mix-rate: 85%;
}
.c-form_input_slider[data-mix="80"] {
  --mix-rate: 80%;
}
.c-form_input_slider[data-mix="75"] {
  --mix-rate: 75%;
}
.c-form_input_slider[data-mix="70"] {
  --mix-rate: 70%;
}
.c-form_input_slider[data-mix="65"] {
  --mix-rate: 65%;
}
.c-form_input_slider[data-mix="60"] {
  --mix-rate: 60%;
}
.c-form_input_slider[data-mix="55"] {
  --mix-rate: 55%;
}
.c-form_input_slider[data-mix="50"] {
  --mix-rate: 50%;
}
.c-form_input_slider[data-mix="45"] {
  --mix-rate: 45%;
}
.c-form_input_slider[data-mix="40"] {
  --mix-rate: 40%;
}
.c-form_input_slider[data-mix="35"] {
  --mix-rate: 35%;
}
.c-form_input_slider[data-mix="30"] {
  --mix-rate: 30%;
}
.c-form_input_slider[data-mix="25"] {
  --mix-rate: 25%;
}
.c-form_input_slider[data-mix="20"] {
  --mix-rate: 20%;
}
.c-form_input_slider[data-mix="15"] {
  --mix-rate: 15%;
}
.c-form_input_slider[data-mix="10"] {
  --mix-rate: 10%;
}
.c-form_input_slider[data-mix="5"] {
  --mix-rate: 5%;
}

.c-form_input_slider::-webkit-slider-runnable-track {
  height: var(--track-height);
  border: solid var(--track-border-width) var(--track-border-color);
  border-radius: var(--track-border-radius);
  background: var(--track-color);
  background: linear-gradient(to right, var(--progress-color) var(--progress-width), var(--track-color) var(--progress-width)) no-repeat;
}

.c-form_input_slider::-moz-range-track {
  height: var(--track-height);
  border: solid var(--track-border-width) var(--track-border-color);
  border-radius: var(--track-border-radius);
  background: var(--track-color);
  background: linear-gradient(to right, var(--progress-color) var(--progress-width), var(--track-color) var(--progress-width)) no-repeat;
}

.c-form_input_slider::-webkit-slider-thumb {
  margin-top: calc((var(--thumb-height) - var(--track-height)) / 2 * -1 - 1px); /* この行だけ違う */
  width: var(--thumb-width);
  height: var(--thumb-height);
  border: solid var(--thumb-border-width) var(--thumb-border-color);
  border-radius: var(--thumb-border-radius);
  background: var(--thumb-color);
  transform:scale(1.5);
}

.c-form_input_slider::-moz-range-thumb {
  width: var(--thumb-width);
  height: var(--thumb-height);
  border: solid var(--thumb-border-width) var(--thumb-border-color);
  border-radius: var(--thumb-border-radius);
  background: var(--thumb-color);
  transform:scale(1.5);
}

.c-page {
  position: relative;
  padding: 40px;
  background: #f2f3f5;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.c-page-title {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 1.4;
}

.c-page-description {
  font-size: 14px;
  line-height: 1.71;
}

.c-page-description .notice-text {
  color: #e21717;
}

.c-page-link-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  cursor: pointer;
}

.c-page-link-back:hover svg {
  fill: #ffd239;
}

.c-page-link-back-icon {
  display: block;
  height: 14px;
  line-height: 0;
}

.c-page-link-back-icon svg {
  width: 14px;
  fill: #222;
}

.c-page-link-back a {
  font-size: 14px;
  font-weight: bold;
}

.c-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
}

.c-button.primary {
  background: #222;
  color: #fff;
  transition: background-color 0.2s linear;
}

.c-button.primary svg {
  fill: #fff;
}

.c-button.primary:hover {
  background: #000;
  transition: background-color 0.2s linear;
}

.c-button.primary.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: no-drop;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c-button.primary.disabled:hover {
  background: #222;
}

.c-button.secondary {
  background: #fff;
  border: solid 1px #ccc;
  color: #666;
}

.c-button.secondary svg {
  fill: #666;
}

.c-button.secondary:hover {
  background: #fff6d0;
  transition: background-color 0.2s linear;
}

.c-button.secondary.disabled {
  opacity: 0.4;
  cursor: no-drop;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c-button.secondary.disabled:hover {
  background: #fff;
}

.c-button.tertiary {
  background: #fc700a;
  color: #fff;
  transition: opacity 0.2s linear;
}

.c-button.tertiary svg {
  fill: #fff;
}

.c-button.tertiary:hover {
  background: #e56406;
  transition: background-color 0.2s linear;
}

.c-button.tertiary.disabled {
  opacity: 0.4;
  cursor: no-drop;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c-button.tertiary.disabled:hover {
  background: #fc700a;
}

.c-button.ss {
  height: 40px;
  font-size: 14px;
}

.c-button.ss svg {
  width: 16px;
  height: 16px;
}

.c-button.sm {
  height: 48px;
  font-size: 14px;
}

.c-button.sm svg {
  width: 20px;
  height: 20px;
}

.c-button.sl {
  height: 56px;
  font-size: 16px;
}

.c-button.sl svg {
  width: 24px;
  height: 24px;
}

.c-button.icon-before span {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.c-button.icon-after span {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.c-list-header {
  display: grid;
  margin-bottom: 8px;
  font-size: 12px;
  color: #666;
}

.c-list-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-list-footer-display {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.c-list-footer-display span {
  font-weight: bold;
  padding-inline: 4px;
}

.c-step-bar {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
  z-index: 10;
}

.c-step-bar li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: bold;
  font-size: 16px;
  z-index: 10;
}

.c-step-bar li::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 3px;
  background: #ccc;
  content: "";
  transform: translate(0, -16px);
  z-index: -1;
}

.c-step-bar li:last-child::after {
  display: none;
}

.c-step-bar li.current div {
  border: 3px solid #fcb70b;
  color: #fcb70b;
}

.c-step-bar li.current span {
  color: #222;
}

.c-step-bar li.complete::after {
  background: #fcb70b;
}

.c-step-bar li.complete div {
  position: relative;
}

.c-step-bar li.complete div::before {
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 50%;
  background: #fcb70b url("../images/icon/icon-check.svg") no-repeat center center;
  content: "";
}

.c-step-bar li.complete span {
  color: #222;
}

.c-step-bar li div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 8px;
  border: 3px solid #ccc;
  border-radius: 50%;
  background: #fff;
  font-size: 26px;
  color: #ccc;
}

.c-step-bar li span {
  font-size: 16px;
  color: #bbb;
}

.c-prev-next-link {
  display: flex;
  align-items: center;
}

.c-prev-next-link > a {
  width: 40px;
  height: 40px;
  padding: 12px;
  background: #fff;
  border-radius: 50%;
}

.c-prev-next-link > a span {
  width: 16px;
  height: 16px;
}

.c-prev-next-link > a svg {
  vertical-align: top;
}

.c-prev-next-link > a:hover {
  background: #fff6d0;
}

.c-prev-next-link > div {
  margin-inline: 24px;
  color: #222;
  font-weight: bold;
  font-size: 24px;
}

.c-prev-next-link .disabled {
  background: #eee;
  cursor: no-drop;
}

.c-prev-next-link .disabled:hover {
  background: #eee;
}

.c-radio-button-connection {
  display: flex;
  gap: 0;
}

.c-radio-button-connection label {
  margin-left: -1px;
}

.c-radio-button-connection label:first-of-type a {
  border-radius: 8px 0 0 8px;
}

.c-radio-button-connection label:last-of-type a {
  border-radius: 0 8px 8px 0;
}

.c-radio-button-separate {
  display: flex;
  align-items: center;
  gap: 8px;
}

.c-radio-button-separate label {
  border-radius: 8px;
}

.c-radio-button-separate p {
  width: 56px;
  color: #666;
  font-size: 14px;
}

.c-radio-button input[type=radio] {
  display: none;
}

.c-radio-button input[type=radio]:checked + label a {
  color: #222;
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.c-radio-button label a {
  text-align: center;
  display: block;
  height: 41px;
  padding: 9px 17px 12px 15px;
  color: #666;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff;
}

.c-radio-button label a:hover {
  color: #222;
  background: #fff6d0;
}

.c-tab input[type=radio] {
  display: none;
}

.c-tab input[type=radio]:checked + label {
  color: #222;
  background: #fed239;
}

.c-tab label {
  display: inline-block;
  margin-right: 8px;
  padding: 11px 16px 10px;
  color: #666;
  font-weight: bold;
  font-size: 14px;
  background: #ccc;
  border-radius: 8px 8px 0 0;
}

.c-tab label.has-link {
  padding: 0;
}

.c-tab label:hover {
  background: #fff6d0;
}

.c-tab label.has-link a {
  display: inline-block;
  padding: 11px 16px 10px;
}

.c-square-parts-spot {
  width: 58px;
  height: 24px;
  padding: 0 5px;
  color: #fc700a;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
  border: 1px solid #fc700a;
  white-space: nowrap;
}

.c-square-parts-status {
  width: 88px;
  height: 32px;
  padding: 0 5px;
  font-weight: bold;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  border: 2px solid;
  white-space: nowrap;
}

.c-square-parts-status.red {
  color: #fc700a;
  border-color: #fc700a;
}

.c-square-parts-status.blue {
  color: #11abef;
  border-color: #11abef;
}

.c-square-parts-status.green {
  color: #00c160;
  border-color: #00c160;
}

.c-flash-message {
  align-items: center;
  display: flex;
  position: fixed;
  top: 23px;
  left: 55%;
  transform: translateX(-55%);
  min-width: 480px;
  min-height: 56px;
  padding: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.1);
  z-index: 3;
}

.c-flash-message svg {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: bottom;
}

.c-flash-message.information {
  background-color: #05abef;
}

.c-flash-message.success {
  background-color: #00c160;
}

.c-flash-message.warning {
  background-color: #fcb70b;
}

.c-flash-message.error {
  background-color: #e21717;
}

.c-modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}

.c-modal-contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px 80px 48px;
  color: #222;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}

.c-modal-contents-scroll {
  position: relative;
  display: flex;
  flex-direction: column;  
  transform: none;
  top: 2rem;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
#file-download {
  width: 650px;
}
#file-download table {
  width: 100%;
}
#file-download table tr {
  border-bottom: 1px solid #eee;
}
#file-download table th {
  text-align: left;
  font-weight: 500;
  padding: 12px 16px;
}
#file-download table td {
  padding: 12px 16px;
}
#file-download table td:last-child {
  width: 150px;
}
#file-download table tr.modal-download-date-range-row {
  border-bottom: 0;
}
#file-download table tr.modal-download-date-range-row > th {
  padding-top: 20px;
  padding-bottom: 0;
}
#file-download table tr.modal-download-date-range-row + tr > td {
  padding-bottom: 20px;
}
#file-download table tr.modal-download-date-range-row + tr > td > div {
  display: flex;
  align-items: center;
}
/* DatePicker */
#file-download .dp__main {
  width: 140px;
}
#file-download .dp__input_icon_pad {
  padding-inline-end: 10px;
  font-size: 0.9rem;
  height: 40px;
}

.c-modal-title {
  font-size: 18px;
  font-weight: bold;
}

.c-modal-sub-title {
  font-size: 16px;
  font-weight: bold;
}

.c-modal-text {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.71;
}

.c-modal-text-link {
  color: #fc700a;
  font-weight: 600;
  text-decoration: underline;
}

.c-modal-text-link:hover {
  background: none;
  opacity: 0.7;
}

.c-modal-button {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.c-modal-button-block a {
  width: 100%;
  max-width: 496px;
  min-width: 240px;
}

.c-modal-button-block-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c-modal-button-block.two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 16px;
}

.c-download-text {
  padding: 4px 0 8px;
  font-size: 12px;
}

.c-pager {
  display: flex;
  gap: 8px;
}

.c-pager div.current {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffd239;
  color: #222;
}

.c-pager div a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: solid 1px #eee;
  border-radius: 50%;
  background: #fff;
}

.c-pager div a:hover {
  background: #fff6d0;
  color: #222;
}

.c-pager div a svg {
  width: 16px;
  fill: #222;
}

.c-pager div a .disabled {
  background: #eee;
  cursor: no-drop;
}

.c-pager div a .disabled:hover {
  background: #eee;
}

.c-pager-prev-link.disabled a,
.c-pager-next-link.disabled a {
  background: #eee;
  cursor: no-drop;
}

.c-pager-prev-link.disabled a:hover,
.c-pager-next-link.disabled a:hover {
  background: #eee;
}

.p-login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100vh;
  height: 100vh;
}

.p-login-card {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 48px;
}

.p-login_logo {
  width: 360px;
  margin-bottom: 48px;
}

.p-login-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.p-login-form-wrap {
  width: 360px;
}

.p-login-form-fields label {
  margin-bottom: 8px;
  font-size: 12px;
  color: #666;
}

.p-login-form-save {
  padding: 8px 0;
  font-size: 14px;
}

.p-login-form-button {
  padding: 24px 0;
}

.p-login-form-remind {
  padding-top: 8px;
  font-size: 14px;
  text-align: center;
}

.p-login-form-remind a {
  text-decoration: underline;
  color: #fc700a;
}

.p-login-image {
  width: 100%;
  height: 100%;
}

.p-login-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.p-shokulabo {
  margin-bottom: 40px;
}

.p-shokulabo-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.p-shokulabo-list-item {
  width: 100%;
  height: 100%;
}

.p-shokulabo-list-item a {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 16px;
  height: 100%;
  padding: 24px;
}

.p-shokulabo-list-item a:hover {
  background: #fcf3dd;
  color: #000;
}

.p-shokulabo-list-item a .image {
  width: 120px;
}

.p-shokulabo-list-item a .description h2 {
  margin-bottom: 8px;
  font-size: 32px;
  color: #fcb70b;
}

.p-shokulabo-list-item a .description p {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: normal;
}

.p-shokulabo-list-item a .description span {
  font-size: 13px;
  color: #666;
  line-height: 1.85;
}

.p-shokulabo-download-wrap {
  display: flex;
  gap: 16px;
}

.p-shokulabo-detail-title {
  margin-bottom: 16px;
  color: #fff;
  font-size: 40px;
}

.p-shokulabo-detail-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  border-radius: 16px;
  background: #ffd239;
  padding: 24px;
}

.p-shokulabo-detail-title-wrap p {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

.p-shokulabo-detail-title-wrap span {
  font-size: 13px;
}

.p-shokulabo-detail-title-wrap .image {
  width: 140px;
}

.p-shokulabo-detail-header {
  grid-template-columns: 150px 1fr 100px;
}

.p-shokulabo-detail-list {
  margin-bottom: 24px;
}

.p-shokulabo-detail-list-card {
  margin-bottom: 8px;
}

.p-shokulabo-detail-list-card:last-of-type {
  margin-bottom: 0;
}

.p-shokulabo-detail-list-card-category {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 8px;
  border: solid 2px #666;
  border-radius: 8px;
  font-size: 14px;
}

.p-shokulabo-detail-list-card a {
  display: grid;
  grid-template-columns: 150px 1fr 100px;
  grid-template-rows: 56px;
  align-items: center;
}

.p-guidebook-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.p-guidebook-list-item {
  width: 100%;
  height: 100%;
}

.p-guidebook-list-item a {
  display: grid;
  grid-template-columns: 96px 1fr;
  align-items: center;
  gap: 16px;
  height: 100%;
  padding: 24px;
}

.p-guidebook-list-item a:hover {
  background: #fcf3dd;
  color: #000;
}

.p-guidebook-list-item a .image {
  width: 96px;
}

.p-guidebook-list-item a .description h2 {
  margin-bottom: 16px;
  font-size: 18px;
}

.p-guidebook-list-item a .description p {
  font-size: 13px;
  color: #666;
  line-height: 1.85;
}

.p-user_list {
  display: grid;
  grid-template-columns: 200px 1fr;
}

.p-user_list dt {
  padding: 16px 0;
  border-top: 1px solid #eee;
  color: #666;
  font-size: 14px;
  line-height: 1.71;
}

.p-user_list dt:last-of-type {
  border-bottom: 1px solid #eee;
}

.p-user_list dd {
  padding: 16px 0 16px 16px;
  border-top: 1px solid #eee;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
}

.p-user_list dd:last-of-type {
  border-bottom: 1px solid #eee;
}

.p-user-download {
  width: 544px;
}

.p-detail {
  padding: 24px;
  font-size: 14px;
  line-height: 1.71;
}

.p-detail a {
  color: #fc700a;
  text-decoration: underline;
}

.p-news-header {
  grid-template-columns: 40px 120px 1fr 100px;
}

.p-news-body {
  margin-bottom: 24px;
}

.p-news-list-title {
  padding-right: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-news-list-card {
  margin-bottom: 8px;
}

.p-news-list-card:last-of-type {
  margin-bottom: 0;
}

.p-news-list-card-category {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 8px;
  border: solid 2px #666;
  border-radius: 8px;
  font-size: 14px;
}

.p-news-list-card a {
  display: grid;
  grid-template-columns: 40px 120px 1fr 100px;
  grid-template-rows: 56px;
  align-items: center;
}

.p-news-detail-info {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.p-news-detail-info-category {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 8px;
  border: solid 2px #666;
  border-radius: 8px;
  font-size: 14px;
}

.p-kondatelabo-value table thead th {
  padding: 0 0 6px 16px;
  color: #666;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}

.p-kondatelabo-value table tbody tr {
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-value table tbody tr:first-child {
  border-top: 1px solid #eee;
}

.p-kondatelabo-value table tbody tr td {
  padding: 12px 0 12px 16px;
  font-size: 14px;
}

.p-kondatelabo-value table tbody tr td:last-child::before {
  position: relative;
  right: 18px;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-value table tbody th {
  width: 96px;
  padding: 12px 0 12px 16px;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.p-kondatelabo-value table tbody input[type=number] {
  width: 72px;
  margin-inline: 13px 10px;
}

.p-kondatelabo-value table tfoot {
  border-bottom: 1px solid #eee;
  font-weight: bold;
}

.p-kondatelabo-value table tfoot th {
  padding: 12px 0 12px 16px;
  text-align: left;
}

.p-kondatelabo-value table tfoot td {
  padding: 16px 16px;
  color: #222;
  font-weight: bold;
}

.p-kondatelabo-description {
  font-weight: 500;
  font-size: 16px;
}

.p-kondatelabo_mealtime-table {
  width: 100%;
}

.p-kondatelabo_mealtime-table tbody td:first-child {
  width: 96px;
  color: #666;
}

.p-kondatelabo_mealtime-table tbody td:nth-child(2) {
  width: 111px;
}

.p-kondatelabo_mealtime-table tbody td:nth-child(3) {
  width: 193px;
}

.p-kondatelabo_mealtime-table tbody td:not(:first-child) {
  font-weight: 500;
  color: #222;
}

.p-kondatelabo_mealtime-table tfoot {
  border-bottom: 1px solid #eee;
  background: #fff6d0;
}

.p-kondatelabo_mealtime-table tfoot td {
  padding: 16px 16px;
}

.p-kondatelabo_mealtime-table tfoot td span {
  display: inline-block;
  width: 94px;
  padding: 0 12px 0 17px;
  font-size: 20px;
  text-align: center;
  vertical-align: inherit;
}

.p-kondatelabo_mealtime-table tfoot td:last-child::before {
  position: relative;
  right: 18px;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-age-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.p-kondatelabo-age-table-wrap table {
  width: 100%;
}

.p-kondatelabo-age-table tbody td {
  width: 193px;
  font-weight: 500;
}

.p-kondatelabo-table-wrap {
  min-width: 900px;
}

.p-kondatelabo-table-name {
  padding-block: 8px;
  color: #222;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background: #eee;
}

.p-kondatelabo-button-wrap {
  width: 400px;
  margin: 0 auto 48px;
}

.p-kondatelabo-button-wrap a {
  text-decoration: none;
}

.p-kondatelabo-set-value {
  margin-top: 50px;
  padding: 48px 40px;
  border: 8px solid #fff6d4;
  text-align: center;
  overflow: scroll;
}

.p-kondatelabo-set-value table {
  width: 100%;
}

.p-kondatelabo-set-value table thead th {
  width: 52px;
  padding: 6px 4px;
  font-size: 11px;
  line-height: 1.27;
  text-align: center;
  vertical-align: middle;
}

.p-kondatelabo-set-value table thead th:first-child {
  width: 66px;
  padding: 0 0 6px 16px;
  text-align: left;
  vertical-align: bottom;
}

.p-kondatelabo-set-value table tbody tr {
  border-bottom: 1px dashed #eee;
}

.p-kondatelabo-set-value table tbody tr th {
  width: 60px;
}

.p-kondatelabo-set-value table tbody tr td {
  padding: 8px 0;
  text-align: center;
}

.p-kondatelabo-set-value table tbody tr td:last-child::before {
  border: none;
}

.p-kondatelabo-set-value table tfoot td {
  text-align: center;
}

.p-kondatelabo-meals .c-step-bar li:nth-child(-n+1)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
  background: #fcb70b;
}

.p-kondatelabo-meals .c-step-bar li:nth-child(2) > span {
  color: #fcb70b;
}

.p-kondatelabo-meals .c-step-bar li:nth-child(2)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
}

.p-kondatelabo-meals .c-step-bar li:not(:last-child)::after {
  order: -1;
  position: relative;
  top: 30px;
  left: 50%;
  z-index: 0;
  height: 3px;
  background: #ccc;
  content: "";
}

.p-kondatelabo-meals .c-step-bar li:nth-of-type(-n + 1)::after {
  background: #fcb70b;
}

.p-kondatelabo-meals .c-step-bar li:nth-child(-n+2) {
  color: #222;
}

.p-kondatelabo-meals-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 32px;
}

.p-kondatelabo-meals-table tbody td {
  width: 193px;
  font-weight: 500;
}

.p-kondatelabo-meals table {
  width: 100%;
}

.p-kondatelabo-meals table thead th {
  padding: 0 0 6px 16px;
  color: #666;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}

.p-kondatelabo-meals table tbody tr {
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-meals table tbody tr:first-child {
  border-top: 1px solid #eee;
}

.p-kondatelabo-meals table tbody tr td {
  padding: 12px 0 12px 16px;
  font-size: 14px;
}

.p-kondatelabo-meals table tbody tr td:last-child::before {
  position: relative;
  right: 18px;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-meals table tbody th {
  width: 90px;
  padding: 12px 0 12px 16px;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.p-kondatelabo-meals table tbody input[type=number] {
  width: 72px;
  margin-inline: 13px 10px;
}

.p-kondatelabo-meals table tfoot {
  border-bottom: 1px solid #eee;
  font-weight: bold;
}

.p-kondatelabo-meals table tfoot th {
  padding: 12px 0 12px 16px;
  text-align: left;
}

.p-kondatelabo-meals table tfoot td {
  padding: 16px 16px;
  color: #222;
  font-weight: bold;
}

.p-kondatelabo-meals-amount-wrap {
  width: 498px;
}

.p-kondatelabo-meals-amount-wrap table tbody tr {
  border: none;
}

.p-kondatelabo-meals-amount-wrap table tbody tr:first-child {
  border: none;
}

.p-kondatelabo-meals-amount-wrap table tbody tr td {
  padding: 0;
}

.p-kondatelabo-meals-amount-wrap table tbody tr td:first-child::after {
  position: relative;
  left: 25px;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-meals-amount-wrap table tbody tr td:nth-child(2) {
  width: 144px;
  text-align: center;
}

.p-kondatelabo-meals-amount-wrap table tbody tr td:not(:nth-child(2)) {
  width: 176px;
}

.p-kondatelabo-meals-amount-wrap table tbody tr td:last-child {
  text-align: center;
}

/**
 * 栄養価設定テーブル
 */
.p-kondatelabo-nutrients-table {
  width: 100%;
}
.p-kondatelabo-nutrients-table thead tr th:first-child {
  text-align: left;
  padding: 8px 16px;
}
.p-kondatelabo-nutrients-table thead tr th:not(:first-child) {
  text-align: center;
  padding: 8px;
}
.p-kondatelabo-value .p-kondatelabo-nutrients-table tbody tr td {
  text-align: center;
  padding: 8px 16px;
  font-weight: 500;
}
.p-kondatelabo-value .p-kondatelabo-nutrients-table tbody input[type=number] {
  width: 72px;
  margin-inline: 8px;
}
.p-kondatelabo-value .p-kondatelabo-nutrients-table tbody tr td.percent-row {
  font-weight: normal;
  padding: 8px;
  height: 249px;
}
.p-kondatelabo-value .p-kondatelabo-nutrients-table tbody tr td.percent-row > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-kondatelabo-value .p-kondatelabo-nutrients-table tbody tr td.percent-row > div > span {
  width: 42px;
  text-align: left;
}
.p-kondatelabo-value .p-kondatelabo-nutrients-table tbody tr td:last-child::before {
  border-left: none;
}
.p-kondatelabo-nutrients-table.left thead tr th:last-child,
.p-kondatelabo-nutrients-table.left tbody tr td:last-child {
  background-color: #fff9de;
}
.p-kondatelabo-nutrients-table.left thead tr th:first-child {
  width: 32%;
}
.p-kondatelabo-nutrients-table.left thead tr th:not(:first-child) {
  width: 34%;
}
.p-kondatelabo-nutrients-table.right thead tr th:first-child {
  width: 46%;
}
.p-kondatelabo-nutrients-table.right thead tr th:not(:first-child) {
  width: 27%;
}
.p-kondatelabo-value .add-child {
  width: 250px;
}

.p-kondatelabo-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-kondatelabo-button-wrap a {
  width: 400px;
  text-decoration: none;
  cursor: pointer;
}

.p-kondatelabo-notes-text {
  color: #666;
  font-size: 13px;
  line-height: 1.85;
}

.p-kondatelabo-notes-text > span {
  display: block;
  margin-left: 1.3em;
}

.p-kondatelabo-questions .c-step-bar li:nth-child(-n+2)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
  background: #fcb70b;
}

.p-kondatelabo-questions .c-step-bar li:nth-child(3) > span {
  color: #fcb70b;
}

.p-kondatelabo-questions .c-step-bar li:nth-child(3)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
}

.p-kondatelabo-questions .c-step-bar li:nth-child(n+4) {
  color: #ccc;
}

.p-kondatelabo-questions .c-step-bar li:nth-child(n+4)::before {
  border: 3px solid #ccc;
}

.p-kondatelabo-questions .c-step-bar li:not(:last-child)::after {
  order: -1;
  position: relative;
  top: 30px;
  left: 50%;
  z-index: 0;
  height: 3px;
  background: #ccc;
  content: "";
}

.p-kondatelabo-questions .c-step-bar li:nth-of-type(-n + 2)::after {
  background: #fcb70b;
}

.p-kondatelabo-questions .c-step-bar li:nth-child(-n+3) {
  color: #222;
}

.p-kondatelabo-questions-date {
  position: relative;
}

.p-kondatelabo-questions-date select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 240px;
  color: #666;
  font-size: 14px;
  line-height: 1.71;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.p-kondatelabo-questions-date select:hover {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.p-kondatelabo-questions-radio-separate {
  display: flex;
  align-items: center;
  gap: 8px;
}

.p-kondatelabo-questions-radio-separate input[type=checkbox] {
  display: none;
}

.p-kondatelabo-questions-radio-separate input[type=checkbox]:checked + label {
  padding: 8px 16px 11px 14px;
  color: #222;
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.p-kondatelabo-questions-radio-separate label {
  height: 41px;
  padding: 9px 17px 12px 15px;
  color: #666;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}

.p-kondatelabo-questions-radio-separate label:hover {
  color: #222;
  background: #fff6d0;
}

.p-kondatelabo-questions-radio-separate label {
  border-radius: 8px;
}

.p-kondatelabo-questions-radio-separate p {
  width: 56px;
  color: #666;
  font-size: 14px;
}

.p-kondatelabo-questions-notes-text {
  color: #666;
  font-size: 13px;
  line-height: 1.85;
}

.p-kondatelabo-questions-notes-text > span {
  display: block;
  margin-left: 1.3em;
}

.p-kondatelabo-questions-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-kondatelabo-questions-button-wrap a {
  width: 400px;
  text-decoration: none;
}

.p-kondatelabo-description {
  font-weight: 500;
  font-size: 16px;
}

.p-kondatelabo-pattern .c-step-bar li:nth-child(-n+3)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
  background: #fcb70b;
}

.p-kondatelabo-pattern .c-step-bar li:nth-child(4) > span {
  color: #fcb70b;
}

.p-kondatelabo-pattern .c-step-bar li:nth-child(4)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
}

.p-kondatelabo-pattern .c-step-bar li:nth-child(n+5) {
  color: #ccc;
}

.p-kondatelabo-pattern .c-step-bar li:nth-child(n+5)::before {
  border: 3px solid #ccc;
}

.p-kondatelabo-pattern .c-step-bar li:not(:last-child)::after {
  order: -1;
  position: relative;
  top: 30px;
  left: 50%;
  z-index: 0;
  height: 3px;
  background: #ccc;
  content: "";
}

.p-kondatelabo-pattern .c-step-bar li:nth-of-type(-n + 3)::after {
  background: #fcb70b;
}

.p-kondatelabo-pattern .c-step-bar li:nth-child(-n+4) {
  color: #222;
}

.p-kondatelabo-pattern-mealstyle {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.p-kondatelabo-pattern-mealstyle input[type=radio] {
  display: none;
}

.p-kondatelabo-pattern-mealstyle input[type=radio]:checked + label {
  color: #222;
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.p-kondatelabo-pattern-mealstyle label {
  display: inline-block;
  width: 341px;
  padding: 24px;
  border: solid 1px #ccc;
  border-radius: 16px;
  cursor: pointer;
}

.p-kondatelabo-pattern-mealstyle label span {
  display: block;
  text-align: center;
}

.p-kondatelabo-pattern-mealstyle label span.mealstyle-image {
  display: block;
  width: 292px;
  height: 160px;
}

.p-kondatelabo-pattern-mealstyle label span.mealstyle-image img {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.p-kondatelabo-pattern-mealstyle label span.mealstyle-name {
  margin-bottom: 16px;
  color: #666;
  font-size: 18px;
  font-weight: bold;
}

.p-kondatelabo-pattern-mealstyle label span.mealstyle-description {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

.p-kondatelabo-pattern-mealstyle label:hover {
  background: #fff6d0;
  border: 2px solid #fcb70b;
}

.p-kondatelabo-pattern-mealstyle label:hover span {
  color: #222;
}

.p-kondatelabo-pattern-dl {
  display: flex;
  padding: 16px;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-pattern-dl:first-of-type {
  border-top: 1px solid #eee;
}

.p-kondatelabo-pattern-dl dt {
  width: 200px;
  color: #666;
  font-size: 14px;
  line-height: 1.71;
}

.p-kondatelabo-pattern-dl dd {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.71;
}

.p-kondatelabo-pattern-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-kondatelabo-pattern-button-wrap a {
  width: 400px;
  text-decoration: none;
}

.p-kondatelabo-description {
  font-weight: 500;
  font-size: 16px;
}

.p-kondatelabo-create .c-step-bar li:nth-child(-n+4)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
  background: #fcb70b;
}

.p-kondatelabo-create .c-step-bar li:nth-child(5) > span {
  color: #fcb70b;
}

.p-kondatelabo-create .c-step-bar li:nth-child(5)::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
}

.p-kondatelabo-create .c-step-bar li:not(:last-child)::after {
  order: -1;
  position: relative;
  top: 30px;
  left: 50%;
  z-index: 0;
  height: 3px;
  background: #ccc;
  content: "";
}

.p-kondatelabo-create .c-step-bar li:nth-of-type(-n + 4)::after {
  background: #fcb70b;
}

.p-kondatelabo-create .c-step-bar li:nth-child(-n+5) {
  color: #222;
}

.p-kondatelabo-create-animation-wrap {
  width: 400px;
  height: auto;
  margin: 0 auto;
}

.p-kondatelabo-create-animation-wrap h2 {
  text-align: center;
}

.p-kondatelabo-create-animation-wrap img {
  width: 100%;
  height: auto;
  max-width: 400px;
  margin: 16px auto;
}

.p-kondatelabo-complete .c-step-bar li {
  color: #222;
}

.p-kondatelabo-complete .c-step-bar li::before {
  color: #fcb70b;
  border: 3px solid #fcb70b;
  background: #fcb70b;
}

.p-kondatelabo-complete .c-step-bar li:not(:last-child)::after {
  background: #fcb70b;
}

.p-kondatelabo-complete-image-wrap {
  width: 400px;
  height: 400px;
  margin: 0 auto 25px;
}

.p-kondatelabo-complete-text {
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
}

.p-kondatelabo-button-wrap {
  margin-bottom: 0;
}

.p-kyusyokudayori-list li {
  display: grid;
  align-items: center;
  grid-template-columns: 120px 240px 240px 240px;
  gap: 16px;
  list-style: none;
  color: #666;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}

.p-kyusyokudayori-list li:not(:first-child) {
  padding: 12px 16px;
}

.p-kyusyokudayori-list .p-kyusyokudayori-list-name {
  padding: 0 0 8px 16px;
  color: #666;
  font-size: 12px;
  line-height: 2;
}

.p-kyusyokudayori-download {
  width: 240px;
}

[v-cloak] {
  display: none;
}

.p-kondatelabo-usual-kondate-list-header {
  display: flex;
  color: #666;
  font-size: 12px;
  line-height: 2;
}

.p-kondatelabo-usual-kondate-list-header div:first-child {
  width: 140px;
  padding: 0 0 8px 16px;
}

.p-kondatelabo-usual-kondate-list-header div:nth-child(2) {
  width: 72px;
}

.p-kondatelabo-usual-kondate-menu-wrap {
  display: flex;
  align-items: center;
  padding: 24px 16px;
  border-top: 1px solid #eee;
  background: #fff;
}

.p-kondatelabo-usual-kondate-menu-wrap:last-child {
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-kondate-menu-wrap ol {
  width: 100%;
  max-width: 760px;
  margin: 0;
  padding: 0;
}

.p-kondatelabo-usual-kondate-menu-day {
  display: flex;
  align-items: center;
  width: 124px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
}

.p-kondatelabo-usual-kondate-menu-day > div {
  width: 104px;
}

.p-kondatelabo-usual-kondate-menu-day:after {
  display: block;
  width: 8px;
  height: 164px;
  margin: 0 24px;
  border-radius: 8px;
  background-color: #eee;
  content: "";
}

.p-kondatelabo-usual-kondate-menu-day span {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  border-radius: 50%;
}

.p-kondatelabo-usual-kondate-menu-day .weekday > span {
  color: #666;
  background: #eee;
}

.p-kondatelabo-usual-kondate-menu-day .saturday > span {
  color: #11abef;
  background: #e5f3ff;
}

.p-kondatelabo-usual-kondate-menu-day .holiday > span {
  color: #e21717;
  background: #ffe5e5;
}

.p-kondatelabo-usual-kondate-menu-list li {
  display: flex;
  list-style: none;
}

.p-kondatelabo-usual-kondate-menu-list li:not(:first-child) {
  padding-top: 8px;
}

.p-kondatelabo-usual-kondate-menu-list li:not(:last-child) {
  border-bottom: 1px dashed #eee;
  padding-bottom: 8px;
}

.p-kondatelabo-usual-kondate-menu-list li .timezone {
  width: 48px;
  min-width: 48px;
  margin-right: 24px;
  color: #666;
  font-size: 14px;
}

.p-kondatelabo-usual-kondate-menu-list li .menu-contents {
  color: #222;
  font-weight: 500;
  font-size: 14px;
  text-align: left;
}

.p-kondatelabo-usual-kondate-menu-list li .menu-contents span:not(:last-child)::after {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 16px;
  background: #666;
  content: "";
}

.p-kondatelabo-usual-kondate-header-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-kondatelabo-modify-button-wrap {
  width: 120px;
}

.p-kondatelabo-modify-button-wrap a:first-child {
  margin-bottom: 8px;
}

.p-kondatelabo-delete-modal-contents {
  padding: 40px 80px 48px;
  font-size: 18px;
  font-weight: bold;
}

.p-kondatelabo-delete-modal-button {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-kondatelabo-delete-modal-button a {
  width: 240px;
}

.p-kondatelabo-change-modal-contents {
  padding: 40px 80px 48px;
  color: #222;
  overflow: auto;
  height: auto;
  max-height: calc(100% - 2rem);
  max-width: 70%;
}

.p-kondatelabo-change-modal-contents svg {
  width: 20px;
  height: 20px;
}

.p-kondatelabo-change-modal-item {
  width: 100%;
  max-width: 960px;
  min-width: 700px;
  min-height: 212px;
  border: solid 4px #eee;
  background-color: #f2f3f5;
}

.p-kondatelabo-change-modal-select {
  position: relative;
  width: 240px;
  height: 40px;
  margin-bottom: 20px;
  text-align: left;
}

.p-kondatelabo-change-modal-select select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 240px;
  height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  color: #222;
  border-radius: 8px;
  border: solid 1px #ccc;
}

.p-kondatelabo-change-modal-select select:hover {
  border: solid 2px #fcb70b;
}

.p-kondatelabo-change-modal-select select::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}

.p-kondatelabo-change-modal-button a {
  width: 400px;
}

.p-kondatelabo-usual-unregistered-header-menu-wrap {
  display: flex;
  justify-content: space-between;
}

.p-kondatelabo-usual-unregistered-text {
  font-size: 14px;
  line-height: 1.71;
  color: #222;
}

.p-kondatelabo-usual-unregistered-contents-wrap {
  padding: 40px 38px;
  border: solid 8px #fff6d4;
}

.p-kondatelabo-usual-unregistered-value-table {
  width: 100%;
}

.p-kondatelabo-usual-unregistered-value-table tbody tr:first-child {
  border-top: 1px solid #eee;
}

.p-kondatelabo-usual-unregistered-value-table tbody tr,
.p-kondatelabo-usual-unregistered-value-table tfoot tr {
  display: flex;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-unregistered-value-table tbody tr td,
.p-kondatelabo-usual-unregistered-value-table tfoot tr td {
  padding: 12px 24px 12px;
  font-size: 14px;
}

.p-kondatelabo-usual-unregistered-value-table tbody tr td:last-child::before,
.p-kondatelabo-usual-unregistered-value-table tfoot tr td:last-child::before {
  position: relative;
  right: 24px;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-usual-unregistered-value-table tbody tr td > span,
.p-kondatelabo-usual-unregistered-value-table tfoot tr td > span {
  width: 40px;
  display: inline-block;
}

.p-kondatelabo-usual-unregistered-value-table tbody th,
.p-kondatelabo-usual-unregistered-value-table tfoot th {
  width: 160px;
  padding: 12px 0 12px 16px;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.p-kondatelabo-usual-unregistered-meals-table-name {
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  text-align: center;
  background-color: #eee;
}

.p-kondatelabo-usual-unregistered-meals-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 32px;
}

.p-kondatelabo-usual-unregistered-meals-wrap table {
  width: 100%;
}

.p-kondatelabo-usual-unregistered-meals-table tbody tr {
  display: grid;
  grid-template-columns: 8vw 1fr 1fr;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-unregistered-meals-table tbody tr th {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-kondatelabo-usual-unregistered-meals-table tbody tr td {
  padding: 12px 20px 12px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  text-align: center;
}

.p-kondatelabo-usual-unregistered-meals-table tbody tr td:last-child::before {
  position: relative;
  right: 30px;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-usual-unregistered-meals-table tbody tr td > span {
  display: inline-block;
  width: 20px;
}

.p-kondatelabo-usual-unregistered-meals-table tbody th {
  padding: 12px 0 12px 16px;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.p-kondatelabo-usual-unregistered-amount-wrap {
  width: 498px;
}

.p-kondatelabo-usual-unregistered-amount-wrap table {
  width: 100%;
}

.p-kondatelabo-usual-unregistered-amount-wrap table tbody tr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: none;
}

.p-kondatelabo-usual-unregistered-amount-wrap table tbody tr:first-child {
  border: none;
}

.p-kondatelabo-usual-unregistered-amount-wrap table tbody tr td {
  padding: 0 16px;
}

.p-kondatelabo-usual-unregistered-amount-wrap table tbody tr td:first-of-type {
  padding-left: 0;
}

.p-kondatelabo-usual-unregistered-amount-wrap table tbody tr td > span {
  display: inline-block;
  padding-inline: 16px;
}

.p-kondatelabo-usual-unregistered-amount-wrap table tbody tr td:nth-child(-n+2)::after {
  position: relative;
  left: 20%;
  height: 24px;
  border-left: 1px solid #ccc;
  content: "";
}

.p-kondatelabo-usual-unregistered-menu-planning {
  display: grid;
  grid-template-columns: 320px 1fr;
  align-items: flex-start;
  padding-block: 10px;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-unregistered-menu-planning-wrap {
  font-size: 14px;
  line-height: 1.71;
  color: #222;
  border-top: 1px solid #eee;
}

.p-kondatelabo-usual-unregistered-menu-planning .menu-planning-name {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-kondatelabo-usual-unregistered-menu-planning .menu-planning-data {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.71;
  color: #222;
}

.p-kondatelabo-usual-unregistered-button-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}

.p-kondatelabo-usual-unregistered-button-wrap div {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
}

.p-kondatelabo-usual-unregistered-button-wrap a.primary {
  width: 400px;
}

.p-kondatelabo-usual-unregistered-button-wrap a.secondary {
  width: 250px;
}

.p-description {
  font-weight: 500;
  font-size: 16px;
}

.p-kondatelabo-usual-daily-value-list.list-head {
  width: 100%;
  display: grid;
  grid-template-columns: 123px repeat(14, 1fr);
  padding: 8px 16px;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-daily-value-list.list-head div {
  padding: 8px 3%;
  color: #666;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: -0.55px;
  text-align: center;
}

.p-kondatelabo-usual-daily-value-list.list-head div:nth-child(-n+2) {
  text-align: left;
}

.p-kondatelabo-usual-daily-value-list.list-body {
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-daily-value-list.list-body ol {
  width: 100%;
  margin: 0;
  padding: 24px 0;
}

.p-kondatelabo-usual-daily-value-list.list-body li {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  border-bottom: 1px dashed #eee;
}

.p-kondatelabo-usual-daily-value-list.list-body li:last-child {
  border-bottom: none;
}

.p-kondatelabo-usual-daily-value-list.list-body li div {
  width: 3.89vw;
  padding: 8px 3%;
}

.p-kondatelabo-usual-daily-value-list.list-body li div:first-child {
  padding-left: 0;
  color: #666;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: normal;
}

.p-kondatelabo-usual-daily-value-list.list-body li div:not(:first-child) {
  width: 100%;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  text-align: center;
}

.p-kondatelabo-usual-daily-value-list-date {
  display: flex;
  align-items: center;
  width: 140px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: #000;
}

.p-kondatelabo-usual-daily-value-list-date:after {
  display: block;
  width: 8px;
  height: 164px;
  margin: 0 24px;
  border-radius: 8px;
  background-color: #eee;
  content: "";
}

.p-kondatelabo-usual-daily-value-list-date span {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  border-radius: 50%;
}

.p-kondatelabo-usual-daily-value-list-date.weekday span {
  color: #666;
  background: #eee;
}

.p-kondatelabo-usual-daily-value-list-date.saturday span {
  color: #11abef;
  background: #e5f3ff;
}

.p-kondatelabo-usual-daily-value-list-date.holiday span {
  color: #e21717;
  background: #ffe5e5;
}

.p-kondatelabo-usual-header-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-kondatelabo-menu-button-wrap {
  display: flex;
  gap: 8px;
}

.p-kondatelabo-menu-button-wrap a {
  padding: 0 14px;
}

.p-kondatelabo-usual-monthly-value-list.list-head {
  width: 100%;
  display: grid;
  grid-template-columns: 80px repeat(14, 1fr);
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-monthly-value-list.list-head div {
  padding: 8px 0.5vw;
  color: #666;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: -0.55px;
  text-align: center;
}

.p-kondatelabo-usual-monthly-value-list.list-head div:first-child {
  padding: 8px 0 8px 1vw;
  text-align: left;
}

.p-kondatelabo-usual-monthly-value-list.list-head div:nth-child(2) {
  justify-content: center;
}

.p-kondatelabo-usual-monthly-value-list.list-head div:nth-child(-n+2) {
  display: flex;
  align-items: end;
}

.p-kondatelabo-usual-monthly-value-list.list-body {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-monthly-value-list.list-body ol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.p-kondatelabo-usual-monthly-value-list.list-body li {
  display: grid;
  grid-template-columns: 80px auto;
  border-bottom: 1px dashed #eee;
}

.p-kondatelabo-usual-monthly-value-list.list-body li:last-child {
  border-bottom: none;
}

.p-kondatelabo-usual-monthly-value-list.list-body li div {
  padding: 8px 0.5vw;
}

.p-kondatelabo-usual-monthly-value-list.list-body li div:first-child {
  padding: 8px 0 8px 1vw;
  color: #666;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
}

.p-kondatelabo-usual-monthly-value-list.list-body li div:not(:first-child) {
  width: 100%;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  text-align: center;
}

.p-kondatelabo-usual-monthly-value-list.list-body ol.inside-list {
  margin: 0;
  padding: 0;
}

.p-kondatelabo-usual-monthly-value-list.list-body ol.inside-list li {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  border: none;
}

.p-kondatelabo-usual-monthly-value-list.list-body ol.inside-list li div {
  padding: 8px 0.5vw;
  text-align: center;
}

.p-kondatelabo-usual-monthly-value-list.list-body ol.inside-list li:nth-child(2) > div {
  padding-top: 0;
}

.p-kondatelabo-usual-header-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-head {
  width: 100%;
  display: grid;
  grid-template-columns: 80px repeat(13, 1fr);
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-head div {
  padding: 8px 0.5vw;
  color: #666;
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: -0.55px;
  text-align: center;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-head div:first-child {
  display: flex;
  align-items: end;
  padding: 8px 0 8px 1vw;
  text-align: left;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body ol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body li {
  display: grid;
  grid-template-columns: 80px auto;
  border-bottom: 1px dashed #eee;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body li:last-child {
  border-bottom: none;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body li div {
  padding: 8px 0.5vw;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body li div:first-child {
  padding: 8px 0 8px 1vw;
  color: #666;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: left;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body ol.inside-list {
  margin: 0;
  padding: 0;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body ol.inside-list li {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  border: none;
}

.p-kondatelabo-usual-monthly-value-baby-list.list-body ol.inside-list li div {
  width: 100%;
  padding: 8px 0.5vw;
  color: #222;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
}

.p-kondatelabo-usual-header-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-kondatelabo-notes-text {
  color: #666;
  font-size: 13px;
  line-height: 1.85;
}

.p-kondatelabo-status-card-making {
  text-align: center;
  font-weight: 500;
}

.p-kondatelabo-making-reload-button {
  background-color: white;
  border: 1px solid #4e4e4e;
  padding: 16px;
  width: 400px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #4e4e4e;
  margin-top: 24px;
  cursor: pointer;
}

.p-kondatelabo-status-card-error {
  text-align: center;
  font-weight: 500;
}

.p-kondatelabo-remake-button {
  display: block;
  background-color: #4e4e4e;
  padding: 16px;
  width: 400px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  margin: 24px auto 0;
  cursor: pointer;
}

.p-kondatelabo-remake-button:hover {
  color: #4e4e4e;
}

.p-kit-order-intro-wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.p-kit-order-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
}

.p-kit-order-description span {
  color: #fc700a;
}

.p-kit-order-description span .large-text {
  font-weight: bold;
  font-size: 24px;
  padding-inline: 1px;
}

.p-kit-order-button-wrap-primary {
  width: 160px;
}

.p-kit-order-button-wrap-tertiary {
  width: 400px;
  margin: 0 auto 24px;
}

.p-kit-order-list-wrap {
  overflow: auto;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 55vh;
}

.p-kit-order-list-wrap .list-head {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.p-kit-order-list-wrap .list-head li {
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.settings-eating-daily .p-kit-order-list {
  display: flex; // 横スクロールの途中で固定列が消えてしまう対応
}

.p-kit-order-list.list-head {
  z-index: 2;
  background: #fff;
}

.p-kit-order-list ul {
  display: flex;
}

.p-kit-order-list-name {
  flex-grow: 1;
}

.p-kit-order-list-name.infant-early > div {
  min-width: 84px;
}

.p-kit-order-list-name > div:first-child {
  padding: 6px 5px;
  color: #222;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  border-left: 1px solid #ccc;
  background: #eee;
}

.p-kit-order-list-division {
  display: flex;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-left: 1px solid #ccc;
}

.p-kit-order-list-division div {
  width: 100%;
  min-width: 67px;
  margin: 0 auto;
  padding-block: 8px;
  text-align: center;
}

.p-kit-order-list-division div:not(:last-child) {
  border-right: 1px solid #eee;
}


.p-kit-order-list.list-head ul li:first-child div {
  width: 90px;
  height: 75px;
  background-color: #fff;
  border-left: none;
}

.p-kit-order-list li:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
  border-right: 1px solid #ccc;
  display: flex;
  align-items: center;
}

.p-kit-order-list.list-body ul li {
  border-top: 1px solid #eee;
}

.p-kit-order-list .list-body-date {
  display: flex;
  align-items: center;
  width: 90px;
  padding: 8px 16px;
}

.p-kit-order-list .list-body-date-wrap li:not(:first-of-type) {
  flex-grow: 1;
}

.p-kit-order-list .list-body-date-wrap li:nth-child(2) > div {
  min-width: 83px;
}

.p-kit-order-list .list-body-date-day {
  width: 20px;
  color: #000;
  margin-right: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

.p-kit-order-list .list-body-date-week {
  width: 32px;
  height: 32px;
  padding: 6px 9px;
  color: #222;
  font-weight: 500;
  font-size: 14px;
  border-radius: 50%;
}

.p-kit-order-list .list-body-date-week.weekday {
  background: #eee;
}

.p-kit-order-list .list-body-date-week.saturday {
  color: #11abef;
  background: #e5f3ff;
}

.p-kit-order-list .list-body-date-week.holiday {
  color: #e21717;
  background: #ffe5e5;
}

.p-kit-order-list-input-wrap input[type=number] {
  width: 50px;
  height: 36px;
  padding: 8px 0;
  text-align: center;
}

.p-kit-order-list-input-wrap input[type=number]:where([aria-disabled=true i], [disabled]) {
  color: #ccc;
  font-size: 14px;
  line-height: 1.71;
  border: none;
  background: none;
}

.p-kit-order-list-input-wrap input:invalid {
  border: 2px solid #e21717;
}

.p-kit-order-list-input-wrap.disabled input[type=number] {
  display: none;
}

.p-kit-order-modal-contents {
  padding: 40px 80px 48px;
}

.p-kit-order-modal-list {
  height: initial;
  max-height: initial;
  min-height: initial;
}

.p-kit-order-modal-list-day {
  width: 90px;
  padding: 14px 16px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #000;
}

.p-kit-order-modal-button {
  display: flex;
  gap: 16px;
}

.p-kit-order-modal-button a {
  width: 400px;
}

.p-kit-order-check-delivery {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.p-kit-order-check-delivery-content {
  padding: 0 24px 5px;
  text-align: center;
}

.p-kit-order-check-delivery-content:first-child {
  padding-left: 0;
}

.p-kit-order-check-delivery-content:not(:last-child) {
  border-right: 1px solid #eee;
}

.p-kit-order-check-delivery-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-kit-order-check-delivery-content div {
  min-width: 80px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  color: #222;
}

.p-kit-order-check-delivery-place {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #222;
}

.p-kit-order-check-account {
  width: 372px;
  margin-left: auto;
}

.p-kit-order-check-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-kit-order-check-account div:not(.price):last-child {
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-kit-order-check-account div:not(.price) p {
  font-size: 14px;
}

.p-kit-order-check-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-kit-order-check-account .total .price {
  font-size: 20px;
}

.p-kit-order-check-product {
  display: flex;
  justify-content: space-between;
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-kit-order-check-product.detail-header {
  font-size: 12px;
  line-height: 2;
  color: #666;
  padding: 0 16px 8px;
}

.p-kit-order-check-product-detail {
  display: flex;
  text-align: center;
}

.p-kit-order-check-product-detail div {
  min-width: 88px;
}

.p-kit-order-check-product-detail div:first-child {
  min-width: 136px;
}

.p-kit-order-check-product .c-square-parts-spot {
  margin: 0 16px;
}

.p-kit-order-check .text-left {
  text-align: left;
}

.p-kit-order-check .text-right {
  text-align: right;
}

.p-kit-order-check-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-kit-order-check-button-wrap a {
  width: 400px;
}

.p-spot-order-check-delivery-block {
  border-bottom: 1px solid #666;
}

.p-spot-order-check-delivery {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.p-spot-order-check-delivery-content {
  padding: 0 24px 5px;
  text-align: center;
}

.p-spot-order-check-delivery-content:first-child {
  padding-left: 0;
}

.p-spot-order-check-delivery-content:not(:last-child) {
  border-right: 1px solid #eee;
}

.p-spot-order-check-delivery-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-spot-order-check-delivery-content div {
  min-width: 80px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  color: #222;
}

.p-spot-order-check-delivery-place {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #222;
}

.p-spot-order-check-account {
  width: 372px;
  margin-left: auto;
}

.p-spot-order-check-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-spot-order-check-account div:not(.price):last-child {
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-spot-order-check-account div:not(.price) p {
  font-size: 14px;
}

.p-spot-order-check-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-spot-order-check-account .total .price {
  font-size: 20px;
}

.p-spot-order-check-product-delivery-date {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    color: #222;
    font-size: 16px;
    background: #eee;
}

.p-spot-order-check-product-delivery-date span {
    line-height: 1;
    font-weight: bold;
    font-size: 18px;
}

.p-spot-order-check-product {
  display: flex;
  justify-content: space-between;
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-spot-order-check-product > div:first-child {
  width: 486px;
}

.p-spot-order-check-product.detail-header {
  font-size: 12px;
  line-height: 2;
  color: #666;
  padding: 0 16px 8px;
}

.p-spot-order-check-product-detail {
  display: flex;
  text-align: center;
}

.p-spot-order-check-product-detail div {
  min-width: 88px;
}

.p-spot-order-check-product-detail div:first-child {
  min-width: 136px;
}

.p-spot-order-check-product .c-square-parts-spot {
  margin: 0 16px;
}

.p-spot-order-check .text-left {
  text-align: left;
}

.p-spot-order-check .text-right {
  text-align: right;
}

.p-spot-order-check-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-spot-order-check-button-wrap a {
  width: 400px;
}

.p-spot-order-detail {
  position: relative;
}

.p-spot-order-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-spot-order-detail-header-button-wrap {
  display: flex;
  gap: 16px;
}

.p-spot-order-detail-header-button-wrap a {
  width: 120px;
}

.p-spot-order-detail-delivery {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.p-spot-order-detail-delivery-content {
  padding: 0 24px 5px;
  text-align: center;
}

.p-spot-order-detail-delivery-content:first-child {
  padding-left: 0;
}

.p-spot-order-detail-delivery-content:not(:last-child) {
  border-right: 1px solid #eee;
}

.p-spot-order-detail-delivery-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-spot-order-detail-delivery-content .data-text {
  min-width: 80px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  color: #222;
}

.p-spot-order-detail-delivery-place {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #222;
}

.p-spot-order-detail-account {
  width: 372px;
  margin-left: auto;
}

.p-spot-order-detail-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-spot-order-detail-account div:not(.price):last-child {
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-spot-order-detail-account div:not(.price) p {
  font-size: 14px;
}

.p-spot-order-detail-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-spot-order-detail-account .total .price {
  font-size: 20px;
}

.p-spot-order-detail-product {
  display: flex;
  justify-content: space-between;
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-spot-order-detail-product.detail-header {
  font-size: 12px;
  line-height: 2;
  color: #666;
  padding: 0 16px 8px;
}

.p-spot-order-detail-product-detail {
  display: flex;
  text-align: center;
}

.p-spot-order-detail-product-detail div {
  min-width: 88px;
}

.p-spot-order-detail-product-detail div:first-child {
  min-width: 136px;
}

.p-spot-order-detail-product-material {
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-spot-order-detail-product .c-square-parts-spot {
  margin: 0 16px;
}

.p-spot-order-detail .text-left {
  text-align: left;
}

.p-spot-order-detail .text-right {
  text-align: right;
}

.p-spot-order-detail-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-spot-order-detail-button-wrap a {
  width: 400px;
}

.p-history-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.p-history-list-item {
  width: 100%;
  height: 100%;
}

.p-history-list-item a {
  display: grid;
  grid-template-columns: 96px 1fr;
  align-items: center;
  gap: 16px;
  height: 100%;
  padding: 24px;
}

.p-history-list-item a:hover {
  background: #fcf3dd;
  color: #000;
}

.p-history-list-item a .image {
  width: 96px;
}

.p-history-list-item a .description h2 {
  margin-bottom: 16px;
  font-size: 18px;
}

.p-history-list-item a .description p {
  font-size: 13px;
  color: #666;
  line-height: 1.85;
}

.p-history-order-list-header {
  grid-template-columns: 9vw 6vw 5vw 3vw 3vw 6vw 8vw 1fr;
  gap: 16px;
  margin-bottom: 0;
  padding-bottom: 8px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.p-history-order-list-body-item {
  display: grid;
  grid-template-columns: 9vw 6vw 5vw 3vw 3vw 6vw 8vw 1fr;
  align-items: center;
  gap: 16px;
  padding-block: 12px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.p-history-order-list-body-item div {
  font-size: 14px;
  color: #222;
}

.p-history-order-list-body-button-wrap {
  display: flex;
  gap: 16px;
  margin-left: auto;
}

.p-history-order-list-body-button-wrap a {
  width: 120px;
}

.p-history-order .text-left {
  text-align: left;
}

.p-history-order .text-center {
  text-align: center;
}

.p-history-order-detail {
  position: relative;
}

.p-history-order-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-history-order-detail-header-button-wrap {
  display: flex;
  gap: 16px;
}

.p-history-order-detail-header-button-wrap a {
  width: 120px;
}

.p-history-order-detail-header-button-wrap a.shipped {
  display: none;
}

.p-history-order-detail-delivery {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.p-history-order-detail-delivery-content {
  padding: 0 24px 5px;
  text-align: center;
}

.p-history-order-detail-delivery-content:first-child {
  padding-left: 0;
}

.p-history-order-detail-delivery-content:not(:last-child) {
  border-right: 1px solid #eee;
}

.p-history-order-detail-delivery-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-history-order-detail-delivery-content .data-text {
  min-width: 80px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  color: #222;
}

.p-history-order-detail-delivery-place {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #222;
}

.p-history-order-detail-account {
  width: 372px;
  margin-left: auto;
}

.p-history-order-detail-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-history-order-detail-account div:not(.price):last-child {
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-history-order-detail-account div:not(.price) p {
  font-size: 14px;
}

.p-history-order-detail-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-history-order-detail-account .total .price {
  font-size: 20px;
}

.p-history-order-detail-product {
  display: flex;
  justify-content: space-between;
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-history-order-detail-product.detail-header {
  font-size: 12px;
  line-height: 2;
  color: #666;
  padding: 0 16px 8px;
}

.p-history-order-detail-product-detail {
  display: flex;
  text-align: center;
}

.p-history-order-detail-product-detail div {
  min-width: 88px;
}

.p-history-order-detail-product-detail div:first-child {
  min-width: 136px;
}

.p-history-order-detail-product-material {
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-history-order-detail-product .c-square-parts-spot {
  margin: 0 16px;
}

.p-history-order-detail .text-left {
  text-align: left;
}

.p-history-order-detail .text-right {
  text-align: right;
}

.p-history-order-detail-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-history-order-detail-button-wrap a {
  width: 400px;
}

.p-history-order-detail-delivery-contents:last-of-type {
  width: 100%;
  border-top: 1px solid #eee;
}

.p-history-order-detail-delivery-status {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
}

.p-history-order-detail-delivery-status .delivery-status-text {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
}

.p-history-order-detail-delivery-status .delivery-status-text.delivery-before {
  color: #fc700a;
}

.p-history-order-detail-delivery-status .delivery-status-text.delivery-after {
  color: #00c160;
}

.p-history-order-detail-delivery-status p {
  font-size: 14px;
}

.p-history-delivery-list-header {
  grid-template-columns: 80px 80px 88px 5vw 8vw 6vw 5vw 1fr;
  gap: 16px;
  margin-bottom: 0;
  padding-bottom: 8px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.p-history-delivery-list-body-item {
  display: grid;
  grid-template-columns: 80px 80px 88px 5vw 8vw 6vw 5vw 1fr;
  align-items: center;
  gap: 16px;
  padding-block: 12px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.p-history-delivery-list-body-item div {
  font-size: 14px;
  color: #222;
}

.p-history-delivery-list-body-button-wrap {
  display: flex;
  gap: 16px;
  margin-left: auto;
}

.p-history-delivery-list-body-button-wrap a {
  width: 120px;
}

.p-history-delivery .text-left {
  text-align: left;
}

.p-history-delivery-detail {
  position: relative;
}

.p-history-delivery-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-history-delivery-detail-header-button-wrap {
  display: flex;
  gap: 16px;
}

.p-history-delivery-detail-header-button-wrap a {
  width: 120px;
}

.p-history-delivery-detail-delivery {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.p-history-delivery-detail-delivery-content {
  padding: 0 24px 5px;
  text-align: center;
}

.p-history-delivery-detail-delivery-content:first-child {
  padding-left: 0;
}

.p-history-delivery-detail-delivery-content:not(:last-child) {
  border-right: 1px solid #eee;
}

.p-history-delivery-detail-delivery-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-history-delivery-detail-delivery-content .data-text {
  min-width: 80px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  color: #222;
}

.p-history-delivery-detail-delivery-place {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #222;
}

.p-history-delivery-detail-account {
  width: 372px;
  margin-left: auto;
}

.p-history-delivery-detail-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-history-delivery-detail-account div:not(.price):last-child {
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-history-delivery-detail-account div:not(.price) p {
  font-size: 14px;
}

.p-history-delivery-detail-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-history-delivery-detail-account .total .price {
  font-size: 20px;
}

.p-history-delivery-detail-product {
  display: flex;
  justify-content: space-between;
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-history-delivery-detail-product.detail-header {
  font-size: 12px;
  line-height: 2;
  color: #666;
  padding: 0 16px 8px;
}

.p-history-delivery-detail-product-detail {
  display: flex;
  text-align: center;
}

.p-history-delivery-detail-product-detail div {
  min-width: 88px;
}

.p-history-delivery-detail-product-detail div:first-child {
  min-width: 136px;
}

.p-history-delivery-detail-product-material {
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-history-delivery-detail-product .c-square-parts-spot {
  margin: 0 16px;
}

.p-history-delivery-detail .text-left {
  text-align: left;
}

.p-history-delivery-detail .text-right {
  text-align: right;
}

.p-history-delivery-detail-button-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.p-history-delivery-detail-button-wrap a {
  width: 400px;
}

.p-spot-order input {
  width: 72px;
  height: 40px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.p-spot-order input:focus-visible {
  outline: 2px solid #fcb70b;
}

.p-spot-order-select-products {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 16px;
}

.p-spot-order-column-wrap {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.p-spot-order-image-wrap {
  display: flex;
  gap: 16px;
  text-align: center;
}

.p-spot-order-image-wrap-image {
  text-align: center;
}

.p-spot-order-image-wrap img {
  width: 200px;
  margin-bottom: 4px;
}

.p-spot-order-image-wrap a {
  color: #FC700A;
  text-decoration: underline;
  font-size: 14px;
}

.p-spot-order-select-date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
div.select-arrow {
    position: relative;
}
div.select-arrow::after {
    content: url(../images/icon/icon-arrow-left.svg);
    transform: rotate(270deg);
    position: absolute;
    top: 30%;
    right: 16px;
    width: 16px;
    height: 16px;
}
.p-spot-order-select-item {
  display: flex;
  align-items: center;
}
.p-spot-order-select-item label {
  display: inline-block;
  width: auto;
  min-width: 48px;
  max-width: 100px;
  margin-right: 8px;
  color: #222;
  font-size: 14px;
  line-height: 1.2;
}

.p-spot-order-select-item select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  min-width: 300px;
  height: 40px;
  padding: 10px 36px 10px 16px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.p-spot-order-select-item select:focus {
  outline: 2px solid #fcb70b;
}

.p-spot-order-select-item select:hover {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.p-spot-order-select-item.select-arrow {
  position: relative;
}

.p-spot-order-select-item.select-arrow::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}

.p-spot-order-select-item-text {
  font-size: 14px;
  font-weight: bold;
}

.p-spot-order-check-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 10px;
  border-bottom: 1px solid #eee;
}

.p-spot-order-check-product-wrap {
  font-size: 14px;
  line-height: 1.71;
  color: #222;
}

.p-spot-order-check-product-wrap.no-selected {
  display: none;
}

.p-spot-order-check-product-list.show-more {
  position: relative;
  height: 220px;
  overflow: hidden;
  transition: .4s;
  box-sizing: border-box;
}
.p-spot-order-check-product-list.show-more.active {
  height: auto;
}
/*グラデーションで隠す擬似要素*/
.p-spot-order-check-product-list.show-more:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
  transition: .4s;
}
/*activeクラス付与時のスタイル*/
.p-spot-order-check-product-list.show-more.active:before{
  opacity: 0;
  visibility: hidden;
}
/*ボタンのスタイル*/
.p-spot-order-check .show-more-btn {
  width: 250px;
}
.p-spot-order-check .show-more-btn span {
  transform: translateY(-50%) rotateZ(90deg);
}
.p-spot-order-check .p-spot-order-check-account-wrap {
  display: flex;
}

.p-spot-order-check-product.detail-header {
  padding-block: 0 8px;
  color: #666;
  font-size: 12px;
  line-height: 2;
}

.p-spot-order-check-product-kit-name {
  display: flex;
  align-items: center;
}

.p-spot-order-check-product-kit-name > div:first-child {
  width: 120px;
}
.p-spot-order-check-product-kit-name > div.column-1:first-child {
  width: 100%;
}

.p-spot-order-check-product-detail {
  display: flex;
  align-items: center;
  gap: 16px;
}

.p-spot-order-check-product-detail div {
  min-width: 88px;
  text-align: center;
}

.p-spot-order-check-product-detail span {
  width: 80px;
  margin-left: 80px;
}

.p-spot-order-check-product-detail div.p-spot-order-check-product-button-wrap {
  min-width: 160px;
}

.p-spot-order-check-product-button-wrap a {
  width: 80px;
  margin-left: 80px;
}

.p-spot-order-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
}

.p-spot-order-fix-value {
    font-size: 13px;
    line-height: 1.85;
}

.p-spot-order-notes-text {
  font-size: 13px;
  line-height: 1.85;
  color: #666;
}

.p-spot-order-notes-text-red {
  color: red;
}
.p-spot-order-notes-text-bold {
  font-weight: bold;
}

.p-spot-order-button-wrap {
  width: 400px;
  margin: 0 auto 16px;
}

.p-spot-order .text-left {
  text-align: left;
}

.p-spot-order .text-right {
  text-align: right;
}

.p-spot-order-baby input {
  width: 72px;
  height: 40px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.p-spot-order-baby input:focus-visible {
  outline: 2px solid #fcb70b;
}

.p-spot-order-baby-select-products {
  display: flex;
  gap: 40px;
}

.p-spot-order-baby-select-date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.p-spot-order-baby-select-item label {
  display: inline-block;
  width: 48px;
  margin-right: 8px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
}

.p-spot-order-baby-select-item select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  min-width: 240px;
  height: 40px;
  padding: 10px 36px 10px 16px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.p-spot-order-baby-select-item select:focus {
  outline: 2px solid #fcb70b;
}

.p-spot-order-baby-select-item select:hover {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}

.p-spot-order-baby-select-item.select-arrow {
  position: relative;
}

.p-spot-order-baby-check-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 10px;
  border-bottom: 1px solid #eee;
}

.p-spot-order-baby-check-product-wrap {
  font-size: 14px;
  line-height: 1.71;
  color: #222;
}

.p-spot-order-baby-check-product-wrap.no-selected {
  display: none;
}

.p-spot-order-baby-check-product.detail-header {
  padding-block: 0 8px;
  color: #666;
  font-size: 12px;
  line-height: 2;
}

.p-spot-order-baby-check-product-kit-name {
  display: flex;
  align-items: center;
}

.p-spot-order-baby-check-product-kit-name > div:first-child {
  width: 120px;
}

.p-spot-order-baby-check-product-detail {
  display: flex;
  align-items: center;
  gap: 16px;
}

.p-spot-order-baby-check-product-detail div {
  min-width: 88px;
  text-align: center;
}

.p-spot-order-baby-check-product-detail span {
  width: 80px;
  margin-left: 80px;
}

.p-spot-order-baby-check-product-button-wrap a {
  width: 80px;
  margin-left: 80px;
}

.p-spot-order-baby-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
}

.p-spot-order-baby-notes-text {
  margin-left: 16px;
  font-size: 13px;
  line-height: 1.85;
  color: #666;
}

.p-spot-order-baby-button-wrap {
  width: 400px;
  margin: 0 auto 16px;
}

.p-spot-order-baby .text-left {
  text-align: left;
}

.p-spot-order-baby .text-right {
  text-align: right;
}

.p-spot-order-radio-item {
  display: flex;
  align-items: center;
}

.p-spot-order-radio-item p {
  display: inline-block;
  width: auto;
  min-width: 48px;
  max-width: 100px;
  margin-right: 8px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
}

.p-invoice-list-list-header {
  grid-template-columns: 9vw 9vw 9vw 9vw 1fr;
  gap: 16px;
  margin-bottom: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.p-invoice-list-list-body-item {
  display: grid;
  grid-template-columns: 9vw 9vw 9vw 9vw 1fr;
  align-items: center;
  gap: 16px;
  padding-block: 12px;
  border-bottom: 1px solid #eee;
}

.p-invoice-list-list-body-item div {
  font-size: 14px;
  color: #222;
}

.p-invoice-list-list-body-button-wrap {
  display: flex;
  gap: 16px;
  margin-left: auto;
}

.p-invoice-list-list-body-button-wrap a {
  width: 120px;
}

.p-invoice-list-detail {
  position: relative;
}

.p-invoice-list-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-invoice-list-detail-header-button-wrap {
  display: flex;
  gap: 16px;
}

.p-invoice-list-detail-header-button-wrap a {
  width: 120px;
}

.p-invoice-list-detail-delivery {
  display: flex;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.p-invoice-list-detail-delivery-content {
  padding: 0 24px 5px;
  text-align: center;
}

.p-invoice-list-detail-delivery-content:first-child {
  padding-left: 0;
}

.p-invoice-list-detail-delivery-content:not(:last-child) {
  border-right: 1px solid #eee;
}

.p-invoice-list-detail-delivery-content p {
  font-size: 14px;
  line-height: 1.71;
  color: #666;
}

.p-invoice-list-detail-delivery-content .data-text {
  min-width: 80px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  color: #222;
}

.p-invoice-list-detail-delivery-place {
  font-size: 14px;
  line-height: 1.71;
  text-align: left;
  color: #222;
}

.p-invoice-list-detail-account {
  width: 372px;
  margin-left: auto;
}

.p-invoice-list-detail-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-invoice-list-detail-account div:not(.price):last-child {
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-invoice-list-detail-account div:not(.price) p {
  font-size: 14px;
}

.p-invoice-list-detail-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-invoice-list-detail-account .total .price {
  font-size: 20px;
}

.p-invoice-list-detail-product {
  display: grid;
  grid-template-columns: 1fr 88px;
  gap: 16px;
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  text-align: right;
  border-bottom: 1px solid #eee;
}

.p-invoice-list-detail-product.invoice-version1 {
  grid-template-columns: 1fr 88px 88px 88px 88px 88px;
}

.p-invoice-list-detail-product.detail-header {
  font-size: 12px;
  line-height: 2;
  color: #666;
  padding: 0 16px 8px;
}

.p-invoice-list-detail-product.reduced-tax-rate {
  font-size: 12px;
  border-bottom: 0;
}

.p-invoice-list-detail-product-material {
  padding-block: 10px;
  color: #222;
  font-size: 14px;
  line-height: 1.71;
  border-bottom: 1px solid #eee;
}

.p-invoice-list-detail-product .c-square-parts-spot {
  margin: 0 16px;
}

.p-invoice-list-detail .text-left {
  text-align: left;
}

.p-invoice-list-detail .text-right {
  text-align: right;
}

.p-history-invoice-detail-account {
  width: 372px;
  margin-left: auto;
}

.p-history-invoice-detail-account div:not(.price) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 16px 13px;
  border-bottom: 1px solid #666;
}

.p-history-invoice-detail-account div:not(.price) p {
  font-size: 14px;
}

.p-history-invoice-detail-account .price {
  font-weight: 500;
  font-size: 16px;
}

.p-history-invoice-detail-account div.total {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 3px solid #666;
}

.p-history-invoice-detail-account div.total_by_tax_rate {
  border-bottom: 0;
  padding: 11px 16px 0;
}

.p-history-invoice-detail-account div.tax_by_tax_rate {
  padding: 8px 16px 13px;
}

.p-history-invoice-detail-account div.tax_by_tax_rate .price {
  font-size: 14px;
}

.p-history-invoice-detail-account .total .price {
  font-size: 20px;
}

.p-contact-other {
  font-size: 14px;
  line-height: 1.71;
  color: #000;
}

.p-contact-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
}

.p-contact textarea {
  height: 160px;
}

.p-contact textarea:focus-visible {
  outline: 2px solid #fcb70b;
}

.p-contact textarea:hover {
  border: 2px solid #fcb70b;
}

.p-contact select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  min-width: 240px;
  height: 40px;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.p-contact select:focus-visible {
  outline: 2px solid #fcb70b;
}

.p-contact select:hover {
  border: 2px solid #fcb70b;
}

.p-contact .select-arrow {
  position: relative;
  width: 240px;
}

.p-contact .select-arrow::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}

.p-contact input:invalid {
  border: solid 2px #e21717;
}

.p-contact input:focus-visible {
  outline: 2px solid #fcb70b;
}

.p-contact input:hover {
  border: 2px solid #fcb70b;
}

.p-contact-input-name {
  width: 160px;
}

.p-contact-input-email {
  width: 432px;
}

.p-contact-button-wrap button {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 400px;
  margin: 0 auto;
  border: none;
}

.p-contact-button-wrap button:hover {
  border: none;
}

.p-user-info-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
}

.p-user-info-notes-text {
  font-size: 13px;
  line-height: 1.85;
  color: #666;
}

.p-user-info-notes-text span {
  color: #e21717;
}

.p-user-info input:invalid {
  border: solid 2px #e21717;
}

.p-user-info input:invalid {
  border: solid 2px #e21717;
}

.p-user-info input:focus {
  outline: 2px solid #fcb70b;
}

.p-user-info input:hover {
  border: 2px solid #fcb70b;
}

.p-user-info-input-name {
  width: 160px;
}

.p-user-info-input-email {
  width: 432px;
}

.p-user-info-input-pass {
  width: 200px;
}

.p-user-info-button-wrap button {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 400px;
  margin: 0 auto;
  border: none;
}

.p-apply-form {
  padding-bottom: 160px;
  background: linear-gradient(#ffd239 0, #ffd239 413px, #eee 413px, #eee 100%);
}

.p-apply-form-bg {
  display: flex;
  justify-content: center;
  padding: 80px 0 40px 50px;
}

.p-apply-form-header {
  position: relative;
  text-align: center;
}

.p-apply-form-header:before {
  position: absolute;
  top: -15px;
  left: -510px;
  width: 292px;
  height: 265px;
  background: url("../images/apply-form/illust-apply-left.svg");
  content: "";
}

.p-apply-form-header:after {
  position: absolute;
  top: -40px;
  right: -470px;
  width: 224px;
  height: 280px;
  background: url("../images/apply-form/illust-apply-right.svg");
  content: "";
}

.p-apply-form-title {
  font-size: 24px;
  font-weight: bold;
  color: #222;
}

.p-apply-form-contents {
  width: 800px;
  margin: 0 auto;
  padding: 40px;
}

.p-apply-form-contents-field {
  border: none;
  padding: 0 0 26px;
}

.p-apply-form-contents-field:not(:first-of-type) {
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.p-apply-form-contents-title-wrap {
  margin-bottom: 32px;
}

.p-apply-form-contents-title-wrap h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #222;
}

.p-apply-form-contents-required {
  padding: 3px 5px;
  margin-left: 16px;
  color: #e21717;
  font-weight: 500;
  font-size: 12px;
  line-height: 2.67;
  border: solid 1px #e21717;
}

.p-apply-form-contents-required-side-text {
  font-size: 14px;
  margin-left: 16px;
}

.p-apply-form-contents-zipcode span {
  margin: 0 8px;
}

.p-apply-form-contents-item {
  margin-bottom: 24px;
}

.p-apply-form-contents-item label {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
  display: block;
}

.p-apply-form-contents-item input,
.p-apply-form-contents-item select {
  margin-top: 16px;
}

.p-apply-form-contents-item input:hover,
.p-apply-form-contents-item select:hover {
  border: 2px solid #fcb70b;
}

.p-apply-form-contents-item input.ss {
  width: 80px;
}

.p-apply-form-contents-item input.sm {
  width: 320px;
}

.p-apply-form-contents-item input.sl {
  width: 720px;
}

.p-apply-form-contents-item select {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  width: 240px;
  color: #666;
  font-size: 14px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.p-apply-form-contents-item.select-arrow {
  position: relative;
}

.p-apply-form-contents-item.select-arrow::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  bottom: 13px;
  left: 207px;
  width: 16px;
  height: 16px;
}

.p-apply-form-contents-item-agree-check {
  text-align: center;
}

.p-apply-form-contents-item-agree-check .agree-box {
  width: 720px;
  height: 240px;
  background-color: #ddd;
  text-align: left;
}

.p-apply-form-contents-item-agree-check-link {
  font-size: 14px;
  line-height: 1.71;
  color: #fc700a;
  text-decoration: underline;
}

.p-apply-form-contents-item-agree-check-checkbox {
  display: flex;
  justify-content: center;
  margin: 48px 0 32px;
}

.p-apply-form-contents-item-submit {
  margin-bottom: 35px;
}

.p-apply-form-contents-item-submit input {
  width: 400px;
  margin: 0 auto;
  border: none;
}

.p-apply-form-contents-item-plan-wrap {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 16px;
}

.p-apply-form-contents-item-plan-wrap label {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #222;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% / 3);
    padding: 16px 24px;
    border: solid 1px #ccc;
    border-radius: 16px;
    cursor: pointer;
}

.p-apply-form-contents-item-plan-wrap input[type=radio]:checked + label {
    color: #222;
    border: 2px solid #fcb70b;
    background: #fff6d0;
}

.p-apply-form-contents-item-plan-wrap label span.plan-name {
    margin-bottom: 4px;
    color: #666;
    font-size: 18px;
    font-weight: bold;
}

.p-apply-form-contents-item-plan-wrap label span.plan-description {
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

.p-apply-form-contents-item-plan-wrap label span.plan-price {
    color: #222;
    font-size: 18px;
    font-weight: 700;
}

.p-apply-form-contents-item-plan-wrap input[type=radio] {
    display: none;
}

.p-apply-form-contents-button {
  display: inline;
  margin-left: 8px;
  padding: 10px 18px;
  border-radius: 8px;
}

.p-apply-form-notes-text {
  font-size: 13px;
  line-height: 1.85;
  color: #666;
  margin-top: 8px;
}

.p-dashboard-update-wrap {
  display: flex;
  font-size: 14px;
  color: #666;
}

.p-dashboard-update-time {
  margin-left: 16px;
}

.p-dashboard-card-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: stretch;
}

.p-dashboard-card-wrap .c-card {
  flex: 1;
  min-width: 400px;
  height: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.p-dashboard-card-wrap .c-card .c-card-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.p-dashboard-card-wrap .calendar .calendar-title-right {
  font-size: 16px;
  font-weight: bold;
}

.p-dashboard-card-wrap .calendar .c-prev-next-link > div {
  font-size: 16px;
}

.p-dashboard-card-wrap .calendar .c-prev-next-link > a {
  width: 32px;
  height: 32px;
  border: 1px solid #EEEEEE;
  padding: 9px;
}

.p-dashboard-card-wrap .calendar .c-calendar-table-footer {
  display: flex;
  gap: 16px;
  font-size: 14px;
}

.p-dashboard-card-wrap .calendar .c-calendar-table-footer-item {
  display: flex;
  gap: 8px;
}

.p-dashboard-card-wrap .calendar .c-calendar-table-footer-item div {
  display: flex;
  align-items: center;
}

.p-dashboard-card-wrap .calendar .c-calendar-table th {
  font-size: 10px;
  padding: 0;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td {
  padding: 2px;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td.c-day-cell--today {
  background-color: #fff;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td.sunday {
  background-color: #FFF5F5;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td.saturday {
  background-color: #F7FBFF;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td .c-day-cell-body {
  margin-bottom: 3px;
  gap: 0;
  min-height: 22px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td .c-day-cell-body > div {
  display: flex;
  gap: 4px;
  align-items: center;
}

.p-dashboard-card-wrap .calendar .c-calendar-table th.c-day-sun,
.p-dashboard-card-wrap .calendar .c-calendar-table th.c-day-sat {
  color: #222222;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td > div:first-child {
  font-size: 12px;
  color: #222;
  margin-bottom: 1px;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td.c-day-cell--other > div:first-child {
  color: #ccc;
}

.p-dashboard-card-wrap .calendar .c-calendar-table td .deadline > div {
  font-size: 12px;
  font-weight: bold;
  color: #FC700A;
}

.p-dashboard-kondatelabo-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
}

.p-dashboard-kondatelabo-create {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 20px;
}

.p-dashboard-kondatelabo-create svg {
  width: 32px;
  vertical-align: bottom;
}

.p-dashboard-kondatelabo-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-dashboard-kondatelabo-item:first-of-type {
  padding-right: 16px;
}

.p-dashboard-kondatelabo-item:last-of-type {
  padding-left: 16px;
}

.p-dashboard-kondatelabo-item:nth-of-type(2) {
  padding-inline: 16px;
}

.p-dashboard-kondatelabo-item:not(:last-of-type) {
  border-right: 1px solid #eee;
}

.p-dashboard-kondatelabo-item-date {
  color: #222;
  font-weight: bold;
  font-size: 40px;
}

.p-dashboard-kondatelabo-item-date span {
  font-size: 24px;
}

.p-dashboard-kondatelabo-item .kondate-create {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.p-dashboard-kondatelabo-item .kondate-create.completed {
  color: #00c160;
}

.p-dashboard-kondatelabo-item .kondate-create.uncreated {
  color: #666;
}

.p-dashboard-news-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.p-dashboard-news-title .c-card-title {
  margin-bottom: 0;
}

.p-dashboard-news-link-text {
  display: flex;
  align-items: center;
  height: 20px;
  color: #222;
  font-weight: bold;
  font-size: 14px;
}

.p-dashboard-news-link-text span {
  margin-left: 8px;
}

.p-dashboard-news-link-text span svg {
  width: 14px;
  fill: #222;
}

.p-dashboard-news-link-text:hover svg {
  fill: #ffd239;
}

.p-dashboard-news-list-item a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 9px 0;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p-dashboard-news-list-item:first-of-type a {
  border-top: 1px solid #eee;
}

.p-report-list-header {
  display: flex;
  justify-content: space-between;
}

.p-report-list-header-button-wrap {
  width: 136px;
}

.p-report-list-list-header {
  grid-template-columns: 160px 1fr;
  gap: 16px;
  margin-bottom: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.p-report-list-list-body-item {
  display: grid;
  grid-template-columns: 160px 1fr 120px;
  align-items: center;
  gap: 16px;
  padding-block: 12px;
  border-bottom: 1px solid #eee;
}

.p-report-list-list-body-item div {
  font-size: 14px;
  color: #222;
}

.p-report-list-list-body-button-wrap {
  display: flex;
  gap: 16px;
  margin-left: auto;
}

.p-report-list-list-body-button-wrap a {
  width: 120px;
}

.p-kondatelabo-questions-datepicker {
  max-width: 200px;
}

#isLoading {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}

.l-layout {
  display: grid;
  grid-template-columns: 256px 1fr;
  grid-template-rows: 100vh;
  overflow: hidden;
  transition: all 0.1s ease-in;
}

.nav-close .l-layout {
  grid-template-columns: 70px 1fr;
}

[v-cloak] {
  display: none;
}

.p-kondatelabo-usual-kondate-list-header {
  display: flex;
  color: #666;
  font-size: 12px;
  line-height: 2;
}
.p-kondatelabo-usual-kondate-list-header div:first-child {
  width: 140px;
  padding: 0 0 8px 16px;
}
.p-kondatelabo-usual-kondate-list-header div:nth-child(2) {
  width: 72px;
}
.p-kondatelabo-usual-kondate-menu-wrap {
  display: flex;
  align-items: center;
  padding: 24px 16px;
  border-top: 1px solid #eee;
  background: #fff;
}
.p-kondatelabo-usual-kondate-menu-wrap:last-child {
  border-bottom: 1px solid #eee;
}
.p-kondatelabo-usual-kondate-menu-wrap ol {
  width: 100%;
  max-width: 760px;
  margin: 0;
  padding: 0;
}
.p-kondatelabo-usual-kondate-menu-wrap .kondate-select {
  width: 100%;
}
.p-kondatelabo-usual-kondate-menu-wrap .kondate-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  color: #222;
  font-size: 14px;
  border-radius: 8px;
  border: solid 1px #ccc;
}
.p-kondatelabo-usual-kondate-menu-wrap .kondate-select select:focus {
  outline: 2px solid #fcb70b;
}
.p-kondatelabo-usual-kondate-menu-wrap .kondate-select select:hover {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}
.p-kondatelabo-usual-kondate-menu-wrap .kondate-select.select-arrow {
  position: relative;
}
.p-kondatelabo-usual-kondate-menu-wrap .kondate-select.select-arrow::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-usual-kondate-menu-day {
  display: flex;
  align-items: center;
  width: 124px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
}
.p-kondatelabo-usual-kondate-menu-day > div {
  width: 104px;
}
.p-kondatelabo-usual-kondate-menu-day:after {
  display: block;
  width: 8px;
  height: 164px;
  margin: 0 24px;
  border-radius: 8px;
  background-color: #eee;
  content: "";
}
.p-kondatelabo-usual-kondate-menu-day span {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
  border-radius: 50%;
}
.p-kondatelabo-usual-kondate-menu-day .weekday > span {
  color: #666;
  background: #eee;
}
.p-kondatelabo-usual-kondate-menu-day .saturday > span {
  color: #11abef;
  background: #e5f3ff;
}
.p-kondatelabo-usual-kondate-menu-day .holiday > span {
  color: #e21717;
  background: #ffe5e5;
}
.p-kondatelabo-usual-kondate-menu-list li {
  display: flex;
  list-style: none;
}
.p-kondatelabo-usual-kondate-menu-list li:not(:first-child) {
  padding-top: 8px;
}
.p-kondatelabo-usual-kondate-menu-list li:not(:last-child) {
  border-bottom: 1px dashed #eee;
  padding-bottom: 8px;
}
.p-kondatelabo-usual-kondate-menu-list li .timezone {
  width: 48px;
  margin-right: 24px;
  color: #666;
  font-size: 14px;
}
.p-kondatelabo-usual-kondate-menu-list li .menu-contents {
  color: #222;
  font-weight: 500;
  font-size: 14px;
}
.p-kondatelabo-usual-kondate-menu-list li .menu-contents span:not(:last-child)::after {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 16px;
  background: #666;
  content: "";
}
.p-kondatelabo-usual-kondate-header-menu-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .inner {
  display: flex;
  align-items: center;
  margin-inline: 0;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select {
  width: 100%;
  margin-inline: 0;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  color: #222;
  font-size: 14px;
  border-radius: 8px;
  border: solid 1px #ccc;
  display: block;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select select#year {
  min-width: 90px;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select select#month {
  min-width: 60px;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select select:focus {
  outline: 2px solid #fcb70b;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select select:hover {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select.select-arrow {
  position: relative;
}
.p-kondatelabo-usual-kondate-header-menu-wrap .kondate-select.select-arrow::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.p-kondatelabo-modify-button-wrap {
  width: 120px;
}
.p-kondatelabo-modify-button-wrap a + a {
  margin-top: 8px;
}
.p-kondatelabo-delete-modal-contents {
  padding: 40px 80px 48px;
  font-size: 18px;
  font-weight: bold;
}
.p-kondatelabo-delete-modal-button {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.p-kondatelabo-delete-modal-button a {
  width: 240px;
}
.p-kondatelabo-change-modal-contents {
  padding: 40px 80px 48px;
  color: #222;
}
.p-kondatelabo-change-modal-contents svg {
  width: 20px;
  height: 20px;
}
.p-kondatelabo-change-modal-item {
  width: 960px;
  min-height: 212px;
  border: solid 4px #eee;
  background-color: #f2f3f5;
}
.p-kondatelabo-change-modal-select {
  display: flex;
  align-items: center;
  position: relative;
  width: 240px;
  height: 40px;
  margin-bottom: 20px;
  text-align: left;
}
.p-kondatelabo-change-modal-select-title {
  width: 120px;
}
.p-kondatelabo-change-modal-select select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 240px;
  height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  color: #222;
  border-radius: 8px;
  border: solid 1px #ccc;
}
.p-kondatelabo-change-modal-select select:hover {
  border: solid 2px #fcb70b;
}
.p-kondatelabo-change-modal-select select::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-change-modal-button a {
  width: 400px;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section + .p-kondatelabo-usual-kondate-daily-list-wrap-section {
  border-top: solid 1px #eee;
  margin-top: 32px;
  padding-top: 32px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf {
  display: flex;
  align-items: center;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-description-text {
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-count {
  font-size: 14px;
  font-weight: normal;
  margin-left: 8px;
  display: flex;
  align-items: center;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-count::after {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 16px;
  background: #666;
  content: "";
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-count-total {
  display: block;
  font-weight: bold;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-count-number {
  font-size: 20px;
  font-weight: bold;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-price {
  color: #fc700a;
  width: 80px;
  text-align: right;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-title-bf .bf-price-unit {
  font-size: 14px;
  margin-left: 4px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food {
  position: relative;
  padding: 8px 0 8px 26px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food.p-kondatelabo-usual-kondate-daily-list-wrap-section-food-flex {
  display: flex;
  gap: 24px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food.p-kondatelabo-usual-kondate-daily-list-wrap-section-food-flex > div {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food + .p-kondatelabo-usual-kondate-daily-list-wrap-section-food {
  margin-top: 24px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 8px;
  border-radius: 100px;
  background-color: #CCCCCC;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body {
  background-color: #f5f5f5;
}
.morning .p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before {
  background-color: #9de683;
}
.morning .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body {
  background-color: #f2faef;
}
.lunch .p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before {
  background-color: #ffd239;
}
.lunch .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body {
  background-color: #fcf9ed;
}
.snack .p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before {
  background-color: #ff9bc2;
}
.snack .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body {
  background-color: #fff4f8;
}
.dinner .p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before,
.supplement-food .p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before,
.assist .p-kondatelabo-usual-kondate-daily-list-wrap-section-food::before {
  background-color: #88b6ff;
}
.dinner .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body,
.supplement-food .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body,
.assist .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body {
  background-color: #f4f8ff;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-bottom: 16px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header-title {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header-title dt {
  font-weight: 500;
  font-size: 13px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header-title dd {
  font-weight: bold;
  font-size: 18px;
  margin-left: 16px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header-button {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header-button button {
  width: 120px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body {
  padding: 10px 12px 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-inner {
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-button {
  width: 100px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-button button {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents {
  display: flex;
  color: #222;
  font-weight: 500;
  font-size: 14px;
  margin-top: 8px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents:first-child {
  margin-top: 0;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents dt {
  width: 80px;
  color: #666;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents dd {
  width: calc(100% - 80px);
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents .separator {
  color: #666;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents .separator .amount {
  color: #000;
  margin-left: 6px;
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-body-contents .separator:not(:last-child)::after {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 16px;
  background: #666;
  content: "";
}
.p-kondatelabo-usual-kondate-daily-list-wrap-section .add-menu {
  max-width: 260px;
}
.p-kondatelabo-usual-kondate-daily-change-modal-item {
  display: flex;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.p-kondatelabo-usual-kondate-daily-change-modal-select {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-change-modal-select select {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-change-modal-input {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-change-modal-input input[type=text] {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-text {
  text-align: center;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-container {
  max-height: 280px;
  overflow: auto;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-item + .result-item {
  margin-top: 10px;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-item label {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  color: #222;
  border-radius: 8px;
  border: solid 1px #ccc;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-item input {
  display: none;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-item div.notice-text {
  color: #e21717;
  font-size: 12px;
  text-align: left;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-item input:checked + label {
  border: solid 2px #fcb70b;
  background-color: #fff6d0;
}
.p-kondatelabo-usual-kondate-daily-change-modal-result .result-amount .edit-amount {
  width: 80px;
  margin: 0 8px;
}

.daily-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #666;
}

.c-page.kondate-edit {
  padding-bottom: 0;
}

.p-kondatelabo-usual-kondate-daily-edit {
  margin-bottom: 180px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-title {
  font-size: 20px;
  margin-bottom: 24px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-title span {
  color: #fc710a;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dl {
  display: flex;
  padding: 16px 16px;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dl + .edit-container-dl {
  margin-top: -2px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dt {
  width: 220px;
  color: #717171;
  font-size: 14px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd {
  width: calc(100% - 220px);
  font-size: 14px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .select-arrow {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .select-arrow::after {
  content: url(../images/icon/icon-arrow-left.svg);
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd input[type=text] {
  height: 40px;
  width: 100%;
  max-width: 400px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd select {
  height: 40px;
  width: 100%;
  max-width: 400px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd textarea {
  width: 100%;
  height: 160px;
  padding: 10px 16px;
  border-radius: 8px;
  border: solid 1px #ccc;
  line-height: 2;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .set-image-area {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .set-image-area .c-button {
  padding-left: 16px;
  padding-right: 16px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .season-area, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .event-area {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .season-area input[type=checkbox], .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .event-area input[type=checkbox] {
  display: none;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .season-area input[type=checkbox]:checked + .c-button, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .event-area input[type=checkbox]:checked + .c-button {
  border: 2px solid #fcb70b;
  background: #fff6d0;
  color: #000;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .season-area .c-button, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .event-area .c-button {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .season-area .c-button.is_set, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .event-area .c-button.is_set {
  border: 2px solid #fcb70b;
  background: #fff6d0;
  color: #000;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .add-menu {
  width: 250px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .add-menu:disabled {
  opacity: 0.5;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-add-items {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-add-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-add-item-title {
  width: 70px;
  position: relative;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-add-item-title::after {
  content: "";
  display: block;
  width: 2px;
  height: 13px;
  border-radius: 2px;
  background: #eaeaea;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-add-item-name {
  color: #fc710c;
  text-decoration: underline;
  padding: 8px 0;
  font-weight: bold;
  display: block;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-change-btn,
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .baby-menu-delete-btn {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material {
  overflow: auto;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material-head {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 12px;
  padding: 0 12px 8px;
  color: #717171;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border-top: #eaeaea solid 1px;
  border-bottom: #eaeaea solid 1px;
  padding: 8px 12px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material-item + .edit-material-item {
  margin-top: -1px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .order {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .order span {
  display: block;
  height: 2px;
  width: 15px;
  background-color: #000;
  margin: 0 auto;
  position: relative;
  border-radius: 2px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .order span::before, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .order span::after {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  background-color: #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .order span::before {
  top: -5px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .order span::after {
  bottom: -5px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .class {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .food-name {
  width: 280px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .infant, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .toddler, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .staff {
  width: 100px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .infant span, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .toddler span, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .staff span {
  display: inline-block;
  width: 45px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .infant input[type=text], .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .toddler input[type=text], .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .staff input[type=text] {
  width: 60px;
  margin-right: 8px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .change, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .delete {
  width: 60px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .change button, .p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .edit-material .delete button {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .send-bf-area {
  background-color: #fff7f0;
  padding: 20px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .send-bf-area-title {
  color: #fc710c;
  font-size: 14px;
  margin-bottom: 16px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .send-bf-area ul {
  padding-left: 16px;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .send-bf-area ul li {
  list-style: disc;
}
.p-kondatelabo-usual-kondate-daily-edit-list-wrap .edit-container-dd .send-bf-area ul li + li {
  margin-top: 6px;
}
.p-kondatelabo-usual-kondate-daily-edit-button {
  display: flex;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.p-kondatelabo-usual-kondate-daily-edit-button button {
  width: 100%;
  max-width: 380px;
}
.p-kondatelabo-usual-kondate-daily-edit-change-modal-input {
  width: calc(100% - 100px);
}
.p-kondatelabo-usual-kondate-daily-edit-change-modal-input input[type=text] {
  width: 100%;
}
.p-kondatelabo-usual-kondate-daily-edit-change-modal-search {
  width: 100px;
}


/**
 * テーブル
 */
.c-table {
  width: 100%;
}
.c-table thead th {
  padding: 0 0 6px 16px;
  color: #666;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
}
.c-table tbody tr {
  border-bottom: 1px solid #eee;
}
.c-table tbody tr:first-child {
  border-top: 1px solid #eee;
}
.c-table tbody tr td {
  padding: 12px 0 12px 16px;
  font-size: 14px;
}
.c-table tbody th {
  width: 96px;
  padding: 12px 0 12px 16px;
  color: #666;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

/**
 * 献立Lab 食材編集
 */
.p-kondatelabo-usual-food-edit-wrap .c-table thead tr th:first-child {
  width: 180px;
}

.radio-area {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 14px;
  max-width: 440px;
}
.radio-area.vertical {
  flex-direction: column;
}
.radio-area label {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.radio-area input[type=radio] {
  display: none;
}
.radio-area input[type=radio] + .edit-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 20px;
}
.radio-area input[type=radio]:checked + .edit-radio {
  border-color: #fcb722;
}
.radio-area input[type=radio]:checked + .edit-radio::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #fcb722;
}

[v-cloak] {
  display: none;
}

.p-kondatelabo-usual-menu-head-wrap {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px;
}
.p-kondatelabo-usual-menu-head-wrap-title {
  font-size: 12px;
  color: #787878;
  margin-bottom: 8px;
}
.p-kondatelabo-usual-menu-head-wrap-keyword input {
  width: 180px;
}
.p-kondatelabo-usual-menu-head-wrap-category {
  width: 180px;
}
.p-kondatelabo-usual-menu-head-wrap-category select {
  width: 100%;
}
.p-kondatelabo-usual-menu-head-wrap-age-checkbox {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-menu-head-wrap-age-checkbox label input {
  display: none;
}
.p-kondatelabo-usual-menu-head-wrap-age-checkbox label input:checked + span {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}
.p-kondatelabo-usual-menu-head-wrap-age-checkbox label span {
  display: block;
  font-weight: bold;
  color: #787878;
  line-height: 1;
}
.p-kondatelabo-usual-menu-head-wrap-event {
  width: 100px;
}
.p-kondatelabo-usual-menu-head-wrap-event .select-arrow,
.p-kondatelabo-usual-menu-head-wrap-event select {
  width: 100%;
}
.p-kondatelabo-usual-menu-head-wrap-search {
  width: 100px;
}
.p-kondatelabo-usual-menu-head-wrap-search button {
  width: 100%;
}
.p-kondatelabo-usual-menu-head-wrap .select-arrow {
  position: relative;
}
.p-kondatelabo-usual-menu-head-wrap .select-arrow select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-kondatelabo-usual-menu-head-wrap .select-arrow::before {
  content: url(../images/icon/icon-arrow-left.svg);
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-usual-menu-list-wrap-head {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  color: #787878;
  font-size: 12px;
  padding: 0 16px;
  margin-bottom: 8px;
}
.p-kondatelabo-usual-menu-list-wrap-body-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 16px;
  font-size: 14px;
}
.p-kondatelabo-usual-menu-list-wrap-body-item + .p-kondatelabo-usual-menu-list-wrap-body-item {
  margin-top: -1px;
}
.p-kondatelabo-usual-menu-list-wrap-body-item .detail button {
  width: 100px;
}
.p-kondatelabo-usual-menu-list-wrap .menu-name {
  width: 160px;
}
.p-kondatelabo-usual-menu-list-wrap .age {
  width: 80px;
}
.p-kondatelabo-usual-menu-list-wrap .hour {
  width: 80px;
}
.p-kondatelabo-usual-menu-list-wrap .category {
  width: 160px;
}
.p-kondatelabo-usual-menu-list-wrap .seasoning {
  width: 110px;
}
.p-kondatelabo-usual-menu-list-wrap .cuisine {
  width: 110px;
}
.p-kondatelabo-usual-menu-list-wrap .toggle {
  width: 80px;
}
.p-kondatelabo-usual-menu-list-wrap .detail {
  width: 100px;
}
.p-kondatelabo-usual-menu-list-wrap .no {
  width: 40px;
  text-align: center;
  color: #666;
}
.p-kondatelabo-usual-menu-list-wrap .height {
  width: 110px;
}
.p-kondatelabo-usual-menu-list-wrap .height input {
  width: 76px;
  margin-right: 8px;
}
.p-kondatelabo-usual-menu-list-wrap .height span {
  font-weight: 500;
}
.p-kondatelabo-usual-menu-list-wrap .weight {
  width: 106px;
}
.p-kondatelabo-usual-menu-list-wrap .weight input {
  width: 72px;
  margin-right: 8px;
}
.p-kondatelabo-usual-menu-list-wrap .weight span {
  font-weight: 500;
}
.p-kondatelabo-usual-menu-list-wrap .gender {
  width: 100px;
}
.p-kondatelabo-usual-menu-list-wrap .energy {
  width: 220px;
}
.p-kondatelabo-usual-menu-list-wrap .energy span{
  font-weight: 700;
}
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

.c-page-head {
  display: flex;
  justify-content: space-between;
}
.c-page-head .c-button.icon-before {
  justify-content: right;
  padding-left: 40px;
  padding-right: 16px;
}
.c-page-head .c-button.ss svg {
  width: 20px;
  height: 20px;
}

.dropdown-btn {
  position: relative;
}
.dropdown-btn a:not([disabled]):hover + .dropdown-wrap,
.dropdown-wrap:hover {
  display: block;
}
.dropdown-wrap {
  display: none;
  position: absolute;
  right: 0;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  z-index: 2;
}
.dropdown-item {
  width: 144px;
  height: 40px;
  background-color: #fff;
}
.dropdown-item a {
  display: inline-block;
  width: 100%;
  padding: 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
  color: #222;
  border-radius: 8px;
}
.dropdown-item a:hover {
  background: #fcf3dd;
  color: #000;
}

.c-page.menu-detail {
  padding-bottom: 0;
}
.c-page-setting {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c-page-setting .separator {
  position: relative;
  font-size: 14px;
  margin-right: 16px;
  padding-right: 15px;
}
.c-page-setting .separator::after {
  content: "";
  display: block;
  width: 2px;
  height: 13px;
  border-radius: 2px;
  background: #eaeaea;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.c-page-flex {
  display: flex;
  justify-content: space-between;
}

.p-kondatelabo-usual-menu-detail {
  margin-bottom: 180px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-title {
  font-size: 20px;
  margin-bottom: 24px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-title span {
  color: #fc710a;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dl {
  display: flex;
  padding: 16px 16px;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dl + .detail-container-dl {
  margin-top: -2px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dt {
  width: 220px;
  color: #717171;
  font-size: 14px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd {
  width: calc(100% - 220px);
  font-size: 14px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .baby-menu-add-items {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .baby-menu-add-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .baby-menu-add-item-title {
  width: 70px;
  position: relative;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .baby-menu-add-item-title::after {
  content: "";
  display: block;
  width: 2px;
  height: 13px;
  border-radius: 2px;
  background: #eaeaea;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .baby-menu-add-item-name {
  color: #fc710c;
  text-decoration: underline;
  font-weight: bold;
  display: inline;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material {
  overflow: auto;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-bottom: 16px;
  border-bottom: #eaeaea solid 1px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material-item + .detail-material-item {
  padding-top: 16px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material .class {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material .food-name {
  width: 185px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material .amount {
  width: 100px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .detail-material .amount span {
  color: #717171;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .send-bf-area {
  background-color: #fff7f0;
  padding: 20px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .send-bf-area-title {
  color: #fc710c;
  font-size: 14px;
  margin-bottom: 16px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .send-bf-area ul {
  padding-left: 16px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .send-bf-area ul li {
  list-style: disc;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-container-dd .send-bf-area ul li + li {
  margin-top: 6px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head {
  display: flex;
  margin-bottom: 40px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head .food-img {
  width: 430px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head .food-img img {
  display: block;
  width: 100%;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head .food-info {
  width: calc(100% - 430px);
  padding-left: 45px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head .food-info-item + .food-info-item {
  margin-top: 16px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head .food-info-item-title {
  font-size: 12px;
}
.p-kondatelabo-usual-menu-detail-list-wrap .detail-head .food-info-item-value {
  font-weight: bold;
  margin-top: 4px;
}

.c-page.kondate-edit {
  padding-bottom: 0;
}

.p-kondatelabo-usual-menu-create {
  margin-bottom: 180px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-title {
  font-size: 20px;
  margin-bottom: 24px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-title span {
  color: #fc710a;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dl {
  display: flex;
  padding: 16px 16px;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dl + .create-container-dl {
  margin-top: -2px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dt {
  width: 220px;
  color: #717171;
  font-size: 14px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd {
  width: calc(100% - 220px);
  font-size: 14px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .select-arrow {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .select-arrow::after {
  content: url(../images/icon/icon-arrow-left.svg);
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd input[type=text] {
  height: 40px;
  width: 100%;
  max-width: 400px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd select {
  height: 40px;
  width: 100%;
  max-width: 400px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd textarea {
  width: 100%;
  height: 160px;
  padding: 10px 16px;
  border-radius: 8px;
  border: solid 1px #ccc;
  line-height: 2;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .set-image-area {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .set-image-area .c-button {
  padding-left: 16px;
  padding-right: 16px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .season-area, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .hour-area, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .event-area {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .season-area input[type=checkbox], .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .hour-area input[type=checkbox], .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .event-area input[type=checkbox] {
  display: none;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .season-area input[type=checkbox]:checked + .c-button, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .hour-area input[type=checkbox]:checked + .c-button, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .event-area input[type=checkbox]:checked + .c-button {
  border: 2px solid #fcb70b;
  background: #fff6d0;
  color: #000;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .season-area .c-button, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .hour-area .c-button, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .event-area .c-button {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 14px;
  max-width: 440px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area.vertical {
  flex-direction: column;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area label {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  min-width: 60px;
  max-width: 80px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area input[type=radio] {
  display: none;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area input[type=radio] + .create-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 20px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area input[type=radio]:checked + .create-radio {
  border-color: #fcb722;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .radio-area input[type=radio]:checked + .create-radio::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #fcb722;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .add-menu {
  width: 250px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .add-menu:disabled {
  opacity: 0.5;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-add-items {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-add-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
       column-gap: 14px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-add-item-title {
  width: 70px;
  position: relative;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-add-item-title::after {
  content: "";
  display: block;
  width: 2px;
  height: 13px;
  border-radius: 2px;
  background: #eaeaea;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-add-item-name {
  color: #fc710c;
  text-decoration: underline;
  padding: 8px 0;
  font-weight: bold;
  display: block;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-change-btn,
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .baby-menu-delete-btn {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material {
  overflow: auto;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material-head {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 12px;
  padding: 0 12px 8px;
  color: #717171;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border-top: #eaeaea solid 1px;
  border-bottom: #eaeaea solid 1px;
  padding: 8px 12px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material-item + .create-material-item {
  margin-top: -1px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .order {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .order span {
  display: block;
  height: 2px;
  width: 15px;
  background-color: #000;
  margin: 0 auto;
  position: relative;
  border-radius: 2px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .order span::before, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .order span::after {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  background-color: #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .order span::before {
  top: -5px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .order span::after {
  bottom: -5px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .class {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .food-name {
  width: 280px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .infant, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .toddler, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .staff {
  width: 100px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .infant span, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .toddler span, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .staff span {
  display: inline-block;
  width: 45px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .infant input[type=text], .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .toddler input[type=text], .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .staff input[type=text] {
  width: 60px;
  margin-right: 8px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .change, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .delete {
  width: 60px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .change button, .p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .create-material .delete button {
  width: 100%;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .send-bf-area {
  background-color: #fff7f0;
  padding: 20px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .send-bf-area-title {
  color: #fc710c;
  font-size: 14px;
  margin-bottom: 16px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .send-bf-area ul {
  padding-left: 16px;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .send-bf-area ul li {
  list-style: disc;
}
.p-kondatelabo-usual-menu-create-list-wrap .create-container-dd .send-bf-area ul li + li {
  margin-top: 6px;
}
.p-kondatelabo-usual-menu-create-button {
  display: flex;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.p-kondatelabo-usual-menu-create-button button {
  width: 100%;
  max-width: 380px;
}
.p-kondatelabo-usual-menu-create-change-modal-input {
  width: calc(100% - 100px);
}
.p-kondatelabo-usual-menu-create-change-modal-input input[type=text] {
  width: 100%;
}
.p-kondatelabo-usual-menu-create-change-modal-search {
  width: 100px;
}

.c-page.kondate-edit {
  padding-bottom: 0;
}

.p-kondatelabo-usual-menu-edit {
  margin-bottom: 180px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-title {
  font-size: 20px;
  margin-bottom: 24px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-title span {
  color: #fc710a;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dl {
  display: flex;
  padding: 16px 16px;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dl + .edit-container-dl {
  margin-top: -2px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dt {
  width: 220px;
  color: #717171;
  font-size: 14px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd {
  width: calc(100% - 220px);
  font-size: 14px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .select-arrow {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .select-arrow::after {
  content: url(../images/icon/icon-arrow-left.svg);
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd input[type=text] {
  height: 40px;
  width: 100%;
  max-width: 400px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd select {
  height: 40px;
  width: 100%;
  max-width: 400px;
  padding: 10px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd textarea {
  width: 100%;
  height: 160px;
  padding: 10px 16px;
  border-radius: 8px;
  border: solid 1px #ccc;
  line-height: 2;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .set-image-area {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .set-image-area .c-button {
  padding-left: 16px;
  padding-right: 16px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .season-area,
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .hour-area,
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .event-area {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .season-area input[type=checkbox], .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .hour-area input[type=checkbox], .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .event-area input[type=checkbox] {
  display: none;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .season-area input[type=checkbox]:checked + .c-button, .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .hour-area input[type=checkbox]:checked + .c-button, .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .event-area input[type=checkbox]:checked + .c-button {
  border: 2px solid #fcb70b;
  background: #fff6d0;
  color: #000;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .season-area .c-button,
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .hour-area .c-button,
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .event-area .c-button {
  padding-left: 16px;
  padding-right: 16px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .season-area .c-button {
  width: 128px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .hour-area .c-button {
  width: 80px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .event-area .c-button {
  width: 80px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 14px;
  max-width: 440px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area.vertical {
  flex-direction: column;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area label {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  min-width: 60px;
  max-width: 80px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area input[type=radio] {
  display: none;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area input[type=radio] + .edit-radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 20px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area input[type=radio]:checked + .edit-radio {
  border-color: #fcb722;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .radio-area input[type=radio]:checked + .edit-radio::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background: #fcb722;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .add-menu {
  width: 250px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .add-menu:disabled {
  opacity: 0.5;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-add-items {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-add-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-add-item-title {
  width: 70px;
  position: relative;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-add-item-title::after {
  content: "";
  display: block;
  width: 2px;
  height: 13px;
  border-radius: 2px;
  background: #eaeaea;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-add-item-name {
  color: #fc710c;
  text-decoration: underline;
  padding: 8px 0;
  font-weight: bold;
  display: block;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-change-btn,
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .baby-menu-delete-btn {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material {
  overflow: auto;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material-head {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 12px;
  padding: 0 12px 8px;
  color: #717171;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border-top: #eaeaea solid 1px;
  border-bottom: #eaeaea solid 1px;
  padding: 8px 12px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material-item + .edit-material-item {
  margin-top: -1px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .order {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .order span {
  display: block;
  height: 2px;
  width: 15px;
  background-color: #000;
  margin: 0 auto;
  position: relative;
  border-radius: 2px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .order span::before, .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .order span::after {
  content: "";
  display: block;
  height: 2px;
  width: 15px;
  background-color: #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .order span::before {
  top: -5px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .order span::after {
  bottom: -5px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .class {
  width: 30px;
  text-align: center;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .food-name {
  width: 260px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .infant {
  width: 280px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .infant span {
  display: inline-block;
  width: 45px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .infant input[type=text] {
  width: 60px;
  margin-right: 8px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .change, .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .delete {
  width: 60px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .change button, .p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .edit-material .delete button {
  width: 100%;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .send-bf-area {
  background-color: #fff7f0;
  padding: 20px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .send-bf-area-title {
  color: #fc710c;
  font-size: 14px;
  margin-bottom: 16px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .send-bf-area ul {
  padding-left: 16px;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .send-bf-area ul li {
  list-style: disc;
}
.p-kondatelabo-usual-menu-edit-list-wrap .edit-container-dd .send-bf-area ul li + li {
  margin-top: 6px;
}
.p-kondatelabo-usual-menu-edit-button {
  display: flex;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.p-kondatelabo-usual-menu-edit-button button {
  width: 100%;
  max-width: 380px;
}
.p-kondatelabo-usual-menu-edit-change-modal-input {
  width: calc(100% - 100px);
}
.p-kondatelabo-usual-menu-edit-change-modal-input input[type=text] {
  width: 100%;
}
.p-kondatelabo-usual-menu-edit-change-modal-search {
  width: 100px;
}

[v-cloak] {
  display: none;
}

.p-kondatelabo-usual-ingredient-head-wrap {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px;
}
.p-kondatelabo-usual-ingredient-head-wrap-title {
  font-size: 12px;
  color: #787878;
  margin-bottom: 8px;
}
.p-kondatelabo-usual-ingredient-head-wrap-keyword input {
  width: 180px;
}
.p-kondatelabo-usual-ingredient-head-wrap-allergy, .p-kondatelabo-usual-ingredient-head-wrap-food-group {
  width: 180px;
}
.p-kondatelabo-usual-ingredient-head-wrap-allergy select, .p-kondatelabo-usual-ingredient-head-wrap-food-group select {
  width: 100%;
}
.p-kondatelabo-usual-ingredient-head-wrap-three-food-groups-checkbox {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-ingredient-head-wrap-three-food-groups-checkbox label input {
  display: none;
}
.p-kondatelabo-usual-ingredient-head-wrap-three-food-groups-checkbox label input:checked + span {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}
.p-kondatelabo-usual-ingredient-head-wrap-three-food-groups-checkbox label span {
  display: block;
  font-weight: bold;
  color: #787878;
  line-height: 1;
}
.p-kondatelabo-usual-ingredient-head-wrap-search {
  width: 100px;
}
.p-kondatelabo-usual-ingredient-head-wrap-search button {
  width: 100%;
}
.p-kondatelabo-usual-ingredient-head-wrap .select-arrow {
  position: relative;
}
.p-kondatelabo-usual-ingredient-head-wrap .select-arrow select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-kondatelabo-usual-ingredient-head-wrap .select-arrow::before {
  content: url(../images/icon/icon-arrow-left.svg);
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
}
.p-kondatelabo-usual-ingredient-list-wrap-head {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  color: #787878;
  font-size: 12px;
  padding: 0 16px;
  margin-bottom: 8px;
}
.p-kondatelabo-usual-ingredient-list-wrap-body-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 12px 16px;
  font-size: 14px;
}
.p-kondatelabo-usual-ingredient-list-wrap-body-item + .p-kondatelabo-usual-ingredient-list-wrap-body-item {
  margin-top: -1px;
}
.p-kondatelabo-usual-ingredient-list-wrap-body-item .three-food-groups {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.p-kondatelabo-usual-ingredient-list-wrap-body-item .three-food-groups img {
  width: 100%;
  max-width: 24px;
}
.p-kondatelabo-usual-ingredient-list-wrap-body-item .detail button {
  width: 100%;
}
.p-kondatelabo-usual-ingredient-list-wrap .display-name {
  width: 200px;
}
.p-kondatelabo-usual-ingredient-list-wrap .ingredient-name {
  width: 350px;
}
.p-kondatelabo-usual-ingredient-list-wrap .allergy {
  width: 80px;
}
.p-kondatelabo-usual-ingredient-list-wrap .food-groupe {
  width: 80px;
}
.p-kondatelabo-usual-ingredient-list-wrap .three-food-groups {
  width: 110px;
}
.p-kondatelabo-usual-ingredient-list-wrap .detail {
  width: 120px;
}

.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-title {
  font-size: 20px;
  margin-bottom: 24px;
}
.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-title span {
  color: #fc710a;
}
.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-container-dl {
  display: flex;
  padding: 16px 16px;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
}
.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-container-dl + .detail-container-dl {
  margin-top: -2px;
}
.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-container-dt {
  width: 220px;
  color: #717171;
  font-size: 14px;
}
.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-container-dd {
  width: calc(100% - 220px);
  font-size: 14px;
}
.p-kondatelabo-usual-ingredient-detail-list-wrap .detail-container-dd .allergy-alternative {
  color: #fc710c;
  text-decoration: underline;
  font-weight: bold;
  display: inline;
}

.ingredient-detail.bottom-nutritional-value {
  border-radius: 16px;
}

.c-nav {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 64px 1fr auto;
  justify-content: center;
  justify-items: center;
  gap: 4px;
  height: 100vh;
  width: 256px;
  padding: 16px 16px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  transition: width 0.1s ease-in;
  position: relative;
  z-index: 10;
}
.c-nav-logo {
  width: 160px;
}
.c-nav-logo-open {
  display: block;
}
.c-nav-logo-close {
  display: none;
}
.c-nav-organization {
  width: 100%;
  display: grid;
  place-items: center;
}
.c-nav-organization select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  color: #222;
  font-size: 14px;
  border-radius: 8px;
  border: solid 1px #ccc;
}
.c-nav-organization select:focus {
  outline: 2px solid #fcb70b;
}
.c-nav-organization select:hover {
  border: 2px solid #fcb70b;
  background: #fff6d0;
}
.c-nav-organization.select-arrow {
  position: relative;
}
.c-nav-organization.select-arrow::after {
  content: url("../images/icon/icon-arrow-left.svg");
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  right: 16px;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.c-nav-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  overflow-y: auto;
  border-bottom: 1px solid #eeeeee;
}
.c-nav-list.c-nav-list-help {
  border-bottom: none;
}
.c-nav-list.c-nav-list-help a, .c-nav-list.c-nav-list-help a:hover {
  color: #fc700a;
}
.c-nav-list.c-nav-list-help svg, .c-nav-list.c-nav-list-help a:hover svg {
  fill: #fc700a;
}
.c-nav-list-item.current > a {
  background: #ffd239;
  color: #000;
}
.c-nav-list-item a.current {
    background: #ffd239;
    color: #000;
    padding: 8px 16px 6px;
}
.c-nav-list-item.current svg {
  fill: #000;
}
.c-nav-list-item a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #666;
}
.c-nav-list-item a:hover {
  background: #fcf3dd;
  color: #000;
}
.c-nav-list-item a:hover svg {
  fill: #000;
}
.c-nav-list-item a svg {
  width: 20px;
  height: 20px;
  fill: #666;
}
.c-nav-list-item a span {
  line-height: 1;
}
.c-nav-list-item.nav-close-item {
  display: none;
}
.c-nav-list-item .nav-link-icon-blank {
  margin-left: auto;
}
.c-nav-list-item .nav-link-icon-blank svg {
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}
.c-nav-list-item-toggle {
  position: relative;
  cursor: pointer;
}
.c-nav-list-item-toggle-icon {
  width: 14px !important;
  height: auto !important;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0, -50%) rotateZ(90deg);
}
.menu-open .c-nav-list-item-toggle-icon {
  transform: translate(0, -50%) rotateZ(-90deg);
}
.c-nav-list-item-toggle-child {
  display: none;
}
.c-nav-list-item-toggle-child a {
  font-size: 13px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 3rem !important;
  height: 32px;
  line-height: 32px;
}
.menu-open + .c-nav-list-item-toggle-child {
  display: block;
}
.c-nav-user {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  width: 100%;
  padding: 8px 16px;
  margin-bottom: -4px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  border-radius: 8px;
}
.c-nav-user:hover {
  background: #fcf3dd;
  color: #000;
}
.c-nav-user:hover svg {
  fill: #000;
}
.c-nav-user:hover .c-nav-user-dropdown-wrap {
  display: block;
}
.c-nav-user-dropdown-wrap {
  display: none;
  position: absolute;
  left: 220px;
  bottom: 0;
  width: 160px;
  height: 104px;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  z-index: 2;
}
.c-nav-user-dropdown-item {
  width: 144px;
  height: 40px;
  background-color: #fff;
}
.c-nav-user-dropdown-item:first-of-type {
  margin-bottom: 8px;
}
.c-nav-user-dropdown-item a {
  display: inline-block;
  width: 100%;
  padding: 8px 52px 8px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
  color: #222;
  border-radius: 8px;
}
.c-nav-user-dropdown-item a:hover {
  background: #fcf3dd;
  color: #000;
}
.c-nav-btn-trigger {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 3rem;
  right: -26px;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0 8px 8px 0;
  background-color: #666;
  padding: 10px 6px;
  cursor: pointer;
}
.c-nav-btn-trigger * + * {
  margin-top: 6px;
}
.c-nav-btn-trigger svg {
  width: 10px;
  transform: rotateZ(180deg);
}

.nav-close .c-nav {
  width: 70px;
  gap: 16px;
}
.nav-close .c-nav-organization {
  width: auto;
}
.nav-close .c-nav-organization select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 40px;
  height: 40px;
  padding: 10px 18px;
  color: transparent;
  font-size: 14px;
  border-radius: 8px;
  border: solid 1px #ccc;
}
.nav-close .c-nav-organization.select-arrow {
  position: relative;
}
.nav-close .c-nav-organization.select-arrow::after {
  right: 15px;
}
.nav-close .c-nav-logo {
  width: 40px;
}
.nav-close .c-nav-logo-open {
  display: none;
}
.nav-close .c-nav-logo-close {
  display: block;
}
.nav-close .c-nav-list {
  width: auto;
}
.nav-close .c-nav-list-item a {
  padding: 10px 10px;
}
.nav-close .c-nav-list-item span {
  display: none;
}
.nav-close .c-nav-list-item-toggle-icon {
  display: none;
}
.nav-close .c-nav-list-item.nav-open-item {
  display: none;
}
.nav-close .c-nav-list-item.nav-close-item {
  display: block;
}
.nav-close .c-nav-user {
  width: auto;
}
.nav-close .c-nav-user-name {
  display: none;
}
.nav-close .c-nav-user-dropdown-wrap {
  left: 50px;
}
.nav-close .c-nav-btn-trigger svg {
  width: 10px;
  transform: rotateZ(0deg);
}

.bf-badge, .bf-badge-center, .bf-badge-end, .bf-badge-start {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 6px;
  background-color: #fc700a;
  color: #fff;
  line-height: 1;
}
.bf-badge-start {
  margin-left: 8px;
}
.bf-badge-end {
  margin-right: 8px;
}
.bf-badge-center {
  margin: 0 8px;
}

.bottom-nutritional-value {
  overflow-y: scroll;
  scroll-behavior: smooth;
  box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
  width: 100%;
  background-color: #fff9de;
  padding: 20px;
  border-radius: 16px 16px 0 0;
}
.bottom-nutritional-value.fixed {
  position: fixed;
  bottom: 0;
  right: 2.5rem;
  width: calc(100% - 336px);
  box-sizing: border-box;
}
.bottom-nutritional-value-title {
  font-size: 18px;
}
.bottom-nutritional-value-name {
  display: flex;
  border-bottom: #ccc solid 1px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.bottom-nutritional-value-name > div {
  width: 7.6923076923%;
  text-align: center;
  font-size: 11px;
  color: #666;
}
.bottom-nutritional-value-list {
  margin: 0;
  padding: 0;
  display: flex;
}
.bottom-nutritional-value-list li {
  width: 7.6923076923%;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  list-style: none;
}
.nav-close .bottom-nutritional-value {
  width: calc(100% - 150px);
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px;
}
.toggle-switch.sm {
  width: 44px;
  height: 24px;
}
.toggle-switch.ss {
  width: 32px;
  height: 16px;
}
.toggle-switch input {
  display: none;
}
.toggle-switch input:checked + .toggle-slider {
  background-color: #fdb70c;
}
.toggle-switch.secondary input + .toggle-slider {
  background-color: #ccc;
}
.toggle-switch.secondary input:checked + .toggle-slider {
  background-color: #888;
}
.toggle-switch input:checked + .toggle-slider::before {
  transform: translateX(28px);
}
.toggle-switch.sm input:checked + .toggle-slider::before {
  transform: translateX(20px);
}
.toggle-switch.ss input:checked + .toggle-slider::before {
  transform: translateX(16px);
}
.toggle-switch input:disabled + .toggle-slider {
  pointer-events: none;
  cursor: default;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5f5f5f;
  transition: 0.4s;
}
.toggle-slider::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.toggle-switch.sm .toggle-slider::before {
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;  
}
.toggle-switch.ss .toggle-slider::before {
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;  
}

.toggle-round {
  border-radius: 100px;
}
.toggle-round::before {
  border-radius: 50%;
}

/** VueDatePicker */
:root {
    --dp-border-radius: 8px;
    --dp-font-family: "Noto Sans JP", sans-serif;
}
.dp__theme_light {
    --dp-border-color: #ccc;
    --dp-menu-border-color: #ccc;
    --dp-text-color: #666 
}

/**
 * 日々の記録：カレンダー
 */
.c-calendar-table {
  width: 100%;
  border: 1px solid #ccc;
  table-layout: fixed;
  font-size: 14px;
}
.c-calendar-table th {
  border: 1px solid #ccc;
  border-bottom: 0;
  font-weight: 500;
  text-align: center;
  padding: 4px;
  background: #eee;
}
.c-calendar-table th.c-day-sun {
  color: #e21717;
  background: #ffe5e5;
}
.c-calendar-table th.c-day-sat {
  color: #11abef;
  background: #e5f3ff;
}
.c-calendar-table td {
  border: 1px solid #ccc;
  border-top: 0;
  text-align: center;
  padding: 8px 8px;
  vertical-align: top;
}
.c-calendar-table td > div:first-child {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-bottom: 16px;
}
.c-calendar-table td.c-day-cell--other > div:first-child {
  color: #ccc;
}
.c-calendar-table td div.c-day-cell-body {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.c-calendar-table td div.c-day-cell-body a {
  flex-grow: 1;
}
.c-calendar-table .c-button {
  padding: 0 10px;
}
.c-calendar-table .c-button.complete {
  border-color: #00c160;
  background: #E9F9F1;
  border-width: 2px;
  padding: 0 9px;
}
.c-calendar-table td.c-day-cell--today {
  background: #FFF4F8;
}

/**
 * 日々の記録：検食簿・給食日誌（共通）
 */
.p-kondatelabo-usual-kondate-daily-list-wrap-section.not-provided .p-kondatelabo-usual-kondate-daily-list-wrap-section-body {
  opacity: .4;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit {
  margin-bottom: 24px;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-row {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 16px;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-row.align-center {
  align-items: center;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-title {
  color: #666666;
  font-size: 14px;
  min-width: 58px;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 32px;
  row-gap: 16px;
  flex-grow: 1;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body dl {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body dl dt {
  font-weight: 500;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit input[type="text"] {
  width: 100%;
}

.p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit input[type="number"] {
  width: 72px;
}

.p-daily-log .p-kondatelabo-usual-kondate-daily-list-wrap-section-title {
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.p-daily-log .p-kondatelabo-usual-kondate-daily-list-wrap-section-title.sl {
  font-size: 24px;
  margin-bottom: 24px;
}

.p-daily-log .p-kondatelabo-usual-kondate-daily-list-wrap-section-title-provided {
  font-size: 16px;
  margin-left: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}

.p-daily-log .food-body {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
  padding: 12px 16px 16px 16px;
}

.p-daily-log .food-body dt {
  font-size: 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;  
}

.p-daily-log .morning .c-form-radio-connection input[type=radio]:checked + label {
  border: 2px solid #9DE583;
  background: #DAF5D1;
}

.p-daily-log .snack .c-form-radio-connection input[type=radio]:checked + label {
  border: 2px solid #FF9BC2;
  background: #FFDBE9;
}

.p-daily-log .assist .c-form-radio-connection input[type=radio]:checked + label {
  border: 2px solid #88b6ff;
  background: #dbe9ff;
}

.p-daily-log .dinner .c-form-radio-connection input[type=radio]:checked + label {
  border: 2px solid #88b6ff;
  background: #dbe9ff;
}

.p-daily-log .morning .c-form-radio-connection input[type=radio]:checked + label {
  border: 2px solid #9DE583;
  background: #DAF5D1;
}


/**
 * 日々の記録：検食簿
 */
.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body dl {
  gap: 16px;
}

.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body dl dt {
  min-width: 42px;
}

.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body dl.biko {
  width: 100%;
}

.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .edit-body dl.biko dd {
  width: 100%;
}

.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section-food {
  padding: 8px 0 8px 24px;
  margin-left: 8px;
}

.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section-body .section-food + .section-food {
  border-top: solid 1px #eee;
  margin-top: 24px;
  padding-top: 24px;
}

.p-testing .p-kondatelabo-usual-kondate-daily-list-wrap-section.not-provided .p-kondatelabo-usual-kondate-daily-list-wrap-section-body .section-food.not-provided .p-kondatelabo-usual-kondate-daily-list-wrap-section-food {
  opacity: 1;
}

.p-testing .section-food.not-provided .p-kondatelabo-usual-kondate-daily-list-wrap-section-food {
  opacity: .4;
}

/**
 * 日々の記録：給食日誌
 */
.p-diary .p-kondatelabo-usual-kondate-daily-list-wrap-section-food .food-header-title dd {
  margin-left: 0;
}

.p-diary textarea {
  height: 120px;
}

.p-diary .p-kondatelabo-usual-kondate-daily-list-wrap-section .section-edit .separator::after {
  width: 1px;
  height: 24px;
  margin: 0 8px;
  background: #ccc;
  content: "";
}

.p-diary .food-body .food-body-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}

.p-diary .food-body .food-body-row:not(:last-child) {
  margin-bottom: 16px;
}