.tabimori-exhibitor-form {
max-width: 720px;
margin: 0 auto;
font-size: 15px;
line-height: 1.7;
}
.tabimori-agreement {
background: #f5f7f4;
border: 1px solid #d9e0d4;
border-radius: 8px;
padding: 20px;
margin-bottom: 24px;
}
.tabimori-agreement__lead {
margin: 0 0 12px;
font-weight: 700;
}
.tabimori-agreement__item {
display: block;
margin: 8px 0;
cursor: pointer;
}
.tabimori-agreement__item input {
margin-right: 8px;
}
.tabimori-fields {
border: none;
margin: 0;
padding: 0;
transition: opacity 0.2s;
}
.tabimori-fields[disabled] {
opacity: 0.45;
}
.tabimori-fields legend {
font-size: 18px;
font-weight: 700;
margin-bottom: 16px;
padding: 0;
}
.tabimori-field {
margin-bottom: 16px;
}
.tabimori-field label {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.tabimori-field input {
width: 100%;
padding: 10px 12px;
border: 1px solid #c4ccbc;
border-radius: 6px;
font-size: 15px;
box-sizing: border-box;
}
.tabimori-required {
display: inline-block;
margin-left: 8px;
padding: 1px 8px;
font-size: 11px;
color: #fff;
background: #d9534f;
border-radius: 3px;
vertical-align: middle;
}
.tabimori-submit {
display: inline-block;
margin-top: 12px;
padding: 14px 48px;
font-size: 16px;
font-weight: 700;
color: #fff;
background: #2f7d3b;
border: none;
border-radius: 6px;
cursor: pointer;
}
.tabimori-submit:disabled {
background: #a8b3a2;
cursor: not-allowed;
}
.tabimori-form-done {
max-width: 720px;
margin: 0 auto;
padding: 32px;
background: #eef6ee;
border: 1px solid #bcd9bf;
border-radius: 8px;
text-align: center;
}
.tabimori-form-error {
max-width: 720px;
margin: 0 auto 20px;
padding: 14px 18px;
background: #fdecea;
border: 1px solid #f5c6c2;
border-radius: 6px;
color: #b02a25;
} .tabimori-username-status {
margin: 6px 0 0;
font-size: 13px;
min-height: 1.2em;
}
.tabimori-username-status.is-ok {
color: #2f7d3b;
}
.tabimori-username-status.is-ng {
color: #b02a25;
} .tabimori-exhibitor-form textarea,
.tabimori-exhibitor-form select {
width: 100%;
padding: 10px 12px;
border: 1px solid #c4ccbc;
border-radius: 6px;
font-size: 15px;
box-sizing: border-box;
}
.tabimori-photo-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
}
.tabimori-photo-grid__item {
display: block;
text-align: center;
font-size: 12px;
}
.tabimori-photo-grid__item img {
display: block;
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 6px;
margin-bottom: 4px;
}
.tabimori-map {
margin: 8px 0 4px;
border-radius: 6px;
overflow: hidden;
}
.tabimori-cats {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
}
.tabimori-cats__item {
display: inline-flex;
align-items: center;
gap: 6px;
font-weight: normal;
}
.tabimori-exp-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.tabimori-exp-buttons .tabimori-submit {
margin-top: 0;
padding: 12px 28px;
text-decoration: none;
text-align: center;
} .tabimori-exp-list {
list-style: none;
margin: 0;
padding: 0;
}
.tabimori-exp-list__item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
border: 1px solid #e0e5db;
border-radius: 6px;
margin-bottom: 8px;
}
.tabimori-exp-list__title {
font-weight: 700;
flex: 1 1 auto;
}
.tabimori-exp-list__date {
font-size: 13px;
color: #888;
}
.tabimori-exp-list__edit {
padding: 6px 16px;
background: #2f7d3b;
color: #fff;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
} .tabimori-occ-row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 10px;
padding: 10px;
border: 1px solid #e0e5db;
border-radius: 6px;
margin-bottom: 8px;
}
.tabimori-occ-row__field {
display: flex;
flex-direction: column;
font-size: 12px;
color: #555;
}
.tabimori-occ-row__lbl {
margin-bottom: 2px;
}
.tabimori-occ-row input[type="number"] {
width: 90px;
}
.tabimori-occ-remove {
font-size: 13px;
color: #b02a25;
} .tabimori-notice {
background: #fff8e1;
border: 1px solid #ffe082;
border-radius: 6px;
padding: 12px 16px;
margin-bottom: 16px;
font-size: 13px;
line-height: 1.7;
} .tabimori-slot .tabimori-occ-row__lbl {
font-weight: 700;
}
.tabimori-slot--free input {
background: #eafaef;
border: 2px solid #2f7d3b !important;
font-weight: 700;
}
.tabimori-slot--paid input {
background: #fff3e0;
border: 2px solid #e08a2f !important;
font-weight: 700;
}
.tabimori-slot--free .tabimori-occ-row__lbl {
color: #2f7d3b;
}
.tabimori-slot--paid .tabimori-occ-row__lbl {
color: #c47012;
} .tabimori-slotinput {
margin-bottom: 10px;
font-weight: 600;
}
.tabimori-slotinput input {
width: 80px;
margin: 0 6px;
}
.tabimori-slotinput--free {
color: #2f7d3b;
}
.tabimori-slotinput--paid {
color: #c47012;
}
.tabimori-slotinput__left {
font-weight: normal;
color: #666;
font-size: 13px;
} .tabimori-occ-row{border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-bottom:12px;background:#fff;}
.tabimori-occ-row__top{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:10px;}
.tabimori-occ-row__lbl{font-size:13px;color:#555;margin-right:4px;}
.tabimori-occ-slots{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#eef7f0;border:2px solid #2f7d3b;border-radius:8px;padding:12px 14px;}
.tabimori-occ-slot{display:flex;align-items:center;gap:6px;font-weight:bold;font-size:15px;color:#1f5d2b;}
.tabimori-occ-slot input{width:84px;font-weight:bold;}
.tabimori-occ-slot--paid{color:#8a5a00;}
.tabimori-occ-request{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#fff8e1;border:1px solid #ffe08a;border-radius:8px;padding:12px 14px;}
.tabimori-occ-remove{display:inline-block;margin-top:8px;font-size:13px;color:#a33;} .tabimori-occ-typebtns{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:10px;}
.tabimori-occ-typebtns .tabimori-occ-row__lbl{align-self:center;}
.tabimori-typebtn{display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;background:#fff;border:2px solid #cfd8dc;border-radius:8px;padding:8px 12px;min-width:200px;color:#333;line-height:1.3;}
.tabimori-typebtn small{font-size:11px;color:#777;font-weight:normal;}
.tabimori-typebtn.is-active{border-color:#2f7d3b;background:#eef7f0;color:#1f5d2b;box-shadow:0 0 0 1px #2f7d3b inset;}
.tabimori-typebtn.is-active small{color:#2f7d3b;}