@charset "utf-8";
@charset "utf-8";
 
div#booking-package_schedulePage[data-yoo-currentday="20251126"] div#courseMainPanel div[data-service="6"] input[data-key="5"] + span::after,
div#booking-package_schedulePage[data-yoo-currentday="20251217"] div#courseMainPanel div[data-service="6"] input[data-key="5"] + span::after {
content:'特設矯正';
background-color:#3def46!important;
border:solid 1px #000;
padding:0 5px;
border-radius:5px;
margin-left: 3px;
display:inline-block;
letter-spacing:-1px;
}
#booking-package_calendarPage div[data-key="20251126"]:not(.pastDay),
#booking-package_calendarPage div[data-key="20251217"]:not(.pastDay)
{
background: linear-gradient(180deg, #c6f3ff 0%, #c6f3ff 78%, #3def46 78%, #3def46 100%); 
}
#booking-package_calendarPage div[data-key="20251126"]:not(.pastDay):hover,
#booking-package_calendarPage div[data-key="20251217"]:not(.pastDay):hover
{
background: linear-gradient(180deg, #eded76 0%, #eded76 78%, #33d33d 78%, #33d33d 100%); 
}
#booking-package_calendarPage div[data-key="20251126"] .symbolPanel.material-icons::after,
#booking-package_calendarPage div[data-key="20251217"] .symbolPanel.material-icons::after {
content: "特設矯正";
color: #000;
font-size: 0.6em;
position: relative;
display: flex;
justify-content: center;
line-height: 15px;
}
@media only screen and (max-width: 480px) {
#booking-package_calendarPage div[data-key="20251126"] .symbolPanel.material-icons,
#booking-package_calendarPage div[data-key="20251217"] .symbolPanel.material-icons 	{
position: relative;
top: -8px;
}
} .calendarData::after {content: "月";}
label.arrowLeft span {font-size:0;}
label.arrowLeft span::before {content: "play_arrow";font-family: 'Material Icons' !important;font-size: 36px;position:relative;top: 11px;display: inline-block;transform: rotateY(180deg);}
label.arrowLeft span::after {content:"前月";font-size: 18px;font-weight:400;position: relative;left: -8px;}
label.arrowRight span {font-size:0;}
label.arrowRight span::before {content:"次月";font-size: 18px;font-weight:400;position: relative;right: -8px;}
label.arrowRight span::after {content: "play_arrow";font-family: 'Material Icons' !important;font-size: 36px;position:relative;top: 11px;}
label.arrowLeft div.arrowFont {display:none;}
label.arrowRight div.arrowFont {display:none;}
#booking-package_calendarPage .available_day:hover {
background-color: #eded76;
}
#booking-package_inputFormPanel .addedAllServices {
width: 100%;
}
#booking-package-locale-ja {user-select: none;}
#booking-package_schedulePage .selectable_time_slot:has(span[data-yoo-subtitle*="キャンセル申請へ"]) {
display:grid;
}
#booking-package_schedulePage .selectable_time_slot:has(span[data-yoo-subtitle*="キャンセル申請へ"]) .timeSlot {
opacity:0.5;
color:#888;
}  #booking-package-id-3 #scheduleMainPanel div.selectable_time_slot:has(span.remainingSlots[data-yoo-capacity*="残1/"]) span.timeSlot::before
{
content: '残1';
position: absolute;
right: 2px;
white-space: pre-wrap;
color: #60c6ff;
margin-top: 2px;
font-weight:400;
font-size: 14px;
letter-spacing: -2px;
}  #booking-package_schedulePage .selectable_time_slot > div
{
display: unset;
}
#booking-package_schedulePage .subtitle {
margin-left: unset; }
#booking-package_schedulePage .service_details, 
#booking-package_schedulePage .service_details, 
#booking-package_schedulePage .service_details, 
#booking-package_servicePage .service_details {
display: unset;
}
.calendarHeader {font-size: min(5vw, 18px);} #booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols {padding: unset;}
#booking-package_calendarPage .arrowFont {margin: 0 -7px 0 -7px; position: relative; top: -2px;}
#booking-package_calendarPage label {cursor: pointer;}
div#myBookingDetails_status[data-yoo-status="キャンセル済み"] div.value {
color: red;
background-color: #000;
width: fit-content;
padding: 5px 30px;
margin-bottom: 6px;
font-weight: 800;
}
#booking-package_myBookingDetailsFroVisitor:has(div#myBookingDetails_status[data-yoo-status="キャンセル済み"]) {
border: solid 6px #000000;
padding: 20px;
border-radius: 35px;
margin: 20px;
background-color: #d9d9d9;
filter: brightness(70%);
}
.post.section.post-1604.post-name-web\%e4\%ba\%88\%e7\%b4\%84.post-author-3.not-single.page.has-thumbnail.show-thumbs {overflow-x: clip;} button.goToCalendarButton,
button.select_date_button,
button.bookingButton,
button.book_now_button,
button.cancelButton,
button.cancel_booking_button
{ font-size: min(5.5vw,20px);
margin-top: 8px;
padding: 12px 30px;
border: none;
border-radius: 3px;
white-space: normal;
letter-spacing: 0;
text-transform: uppercase;
-webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
}
button.goToCalendarButton,
button.select_date_button,
button.bookingButton,
button.book_now_button,
button.cancelButton,
button.cancel_booking_button
{
background-color: #e91e63;
color: #fff;
-webkit-box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
}
button.goToCalendarButton:hover,
button.select_date_button:hover,
button.bookingButton:hover,
button.book_now_button:hover,
button.cancelButton:hover,
button.cancel_booking_button:hover
{
background-color: #e91e63;
color: #fff;
-webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}
input[type="text"] {}
button {}
#booking-package_inputFormPanel {
background-color: #b4d2cf;
box-shadow: 0px 0px 3px 1px #232020, 0px 0px 15px -5px #000 inset;
border-radius: 5px;
margin-bottom: 5px;
margin-top: 7px;
display: flex;
flex-direction: column;
} #booking-package_inputFormPanel .required:after {
content: '●必修';
color: #000; display: block;
line-height: 0.8em;
font-size: 0.8em;
text-align: center;
border: solid 2px #f385ac;
background-color: #ffd9e2;
border-radius: 9px;
margin-top: -4px;
}
#booking-package_schedulePage .closed,
#booking-package_schedulePage .selectPanelError, #booking-package_schedulePage .selectable_time_slot.closed
{
color: #ccc;
}
#booking-package .sun {
background-color: #fd9f9f;
}
#booking-package .mon {}
#booking-package .tue {}
#booking-package .wed {}
#booking-package .thu {}
#booking-package .fri {}
#booking-package .sat {}
#booking-package .nationalHoliday {}
#booking-package .goToBookingFormButton {}
#booking-package .bookingButton,
#booking-package .book_now_button
{
font-size: 1.1em;
transition: 2s;
padding: 5px;
border-radius: 8px;
}
#booking-package .bookingButton[disabled],
#booking-package .book_now_button[disabled]
{
opacity: 33%;
cursor: not-allowed;
transition: 1s;
}
#booking-package .bookingButton[disabled]:before,
#booking-package .book_now_button[disabled]:before
{
content: '入力を見直して';
}
.ytoday {
font-weight: 600;
position: relative;
z-index: 0;
}
.ytoday:before {
border: dashed 1px #000;
display: inline-block;
content: "";
position: absolute;
background: #fff700;
width: 22px;
height: 22px;
border-radius: 50%;
top: 14px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
#scheduleMainPanel [data-status="1"] {
color: #0000ff;
font-weight: 600;
}
#booking-package-id-9 #scheduleMainPanel [data-status="1"]:has( span.subtitle[data-yoo-subtitle="Ⓐ"] + span.remainingSlots[data-yoo-capacity*="残1"]) span.timeSlot {
color: #fd7272;
font-weight: 600;
left: calc(100% - 153px);
}
#booking-package-id-9 #scheduleMainPanel [data-status="1"]:has( span.subtitle[data-yoo-subtitle="Ⓐ"] + span.remainingSlots[data-yoo-capacity*="残1"]) span.remainingSlots {
color: #ff5f5f;
font-weight: 600;
left: calc(100% - 165px);
font-weight: 400;
letter-spacing: -2px;
font-size: 0.8em;
position: relative;
top: 2px;
left: 3px;
}
#booking-package-id-9 #scheduleMainPanel [data-status="1"]:has( span.subtitle[data-yoo-subtitle="Ⓑ"] + span.remainingSlots[data-yoo-capacity*="残1"]) span.timeSlot {
color: #35a9f0;
font-weight: 600;
left: calc(100% - 153px);
}
#booking-package-id-9 #scheduleMainPanel [data-status="1"]:has( span.subtitle[data-yoo-subtitle="Ⓑ"] + span.remainingSlots[data-yoo-capacity*="残1"]) span.remainingSlots {
color: #4892ff;
font-weight: 600;
left: calc(100% - 165px);
font-weight: 400;
letter-spacing: -2px;
font-size: 0.8em;
position: relative;
top: 2px;
left: 3px;
} #booking-package-id-9 #scheduleMainPanel [data-status="1"]:has( span.subtitle[data-yoo-subtitle="Ⓗ"] + span.remainingSlots[data-yoo-capacity*="残1"]) span.timeSlot {
color: #fd7272;
font-weight: 600;
left: calc(100% - 153px);
}
#booking-package-id-9 #scheduleMainPanel [data-status="1"]:has( span.subtitle[data-yoo-subtitle="Ⓗ"] + span.remainingSlots[data-yoo-capacity*="残1"]) span.remainingSlots {
color: #ff5f5f;
font-weight: 600;
left: calc(100% - 165px);
font-weight: 400;
letter-spacing: -2px;
font-size: 0.8em;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="休憩"] {
color: #fff;
background-color: #ab7a07;
padding: 0 10px;
border-radius: 5px;
display: inline-flex;
height: 14px;
justify-content: center;
flex-direction: column;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="終了"] {
color: #fff;
background-color: #ab7a07;
padding: 0 10px;
border-radius: 5px;
display: inline-flex;
height: 14px;
justify-content: center;
flex-direction: column;
}
#booking-package-id-9 span.remainingSlots[data-yoo-capacity*="残0"] {
color: #ccc8;
}
#booking-package-id-9 #booking-package_schedulePage .selectPanelError, #booking-package-id-9 #booking-package_schedulePage .selectable_time_slot.closed
{
color: #ccc8;
}
#scheduleMainPanel div[data-status="0"]:last-child {
display: none;
}
[data-select="1"].mon,
[data-select="1"].tue,
[data-select="1"].wed,
[data-select="1"].thu,
[data-select="1"].fri,
[data-select="1"].sat {
background-color: #c6f3ff;
}
.mon,
.tue,
.wed,
.fri {
background-color: #9bff25;
}
.thu {
background-color: #a0df2d;
}
.sat {
background-color: #47d8ff;
}
input#booking_package_input_nameyomi {
border-radius: 20px;
border: solid 1px #a9a9a9;
}
input#booking_package_input_sinsatunum {
border-radius: 20px;
border: solid 1px #a9a9a9;
}
div.yooTooltip {
line-height: 1.1em;
font-size: 0.86em;
display: table;
border: dotted 1px #000;
border-radius: 5px;
padding: 2px 10px;
}
.tooltip:before {
content: '';
border: 12px solid transparent;
border-right: 12px solid #808080;
}
#booking-package_schedulePage .descriptionOfService,
#booking-package_servicePage .descriptionOfService {
line-height: 95%;
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
del,
dfn,
div,
em,
font,
html,
i,
img,
ins,
kbd,
li,
ol,
pre,
q,
s,
samp,
span,
strike,
strong,
sub,
sup,
u,
ul,
var {
line-height: 100%;
}
.name {
font-weight: bold;
color: #000000;
border-radius: 4px;
box-shadow: 1px 1px 2px 1px #ff0063;
background-color: #f5afc6;
margin: 0 5px 5px 0px;
padding: 5px;
float: left;
max-width: 300px;
}
@media (width: 730px) { body {
overflow-y: scroll;
}
body::-webkit-scrollbar {
display: none;
}
}
.name.required {
font-weight: bold;
color: #000000;
border-radius: 4px;
background-color: #ffb8d0;
box-shadow: 1px 1px 2px 1px #9800ff;
margin: 0 5px 5px 0px;
float: left;
}
input#booking_package_input_nickname,
input#booking_package_input_fullname,
input#booking_package_input_phone,
input#booking_package_input_kanaoridnum,
input#booking_package_input_email {
border: 5px solid #db0000;
border-radius: 6px 6px 6px 6px;
}
#booking_package_selectedServicesPanel li,
#booking-package_serviceDetails li {
list-style: none;
}
.descriptionOfService {
color: #00a1ff;
}
span.serviceName {
color: #000;
font-weight: 600;
word-break: auto-phrase;
}
.title.borderColor {
background-color: burlywood;
}
#booking-package_servicePage .title {
background-color: burlywood;
}
#booking-package_inputFormPanel textarea {
height: 80px;
}
#booking-package_inputFormPanel .row,
#booking-package_myBookingDetails .row,
#booking-package-id-9 #booking-package_serviceDetails .row,
#booking-package_myBookingDetailsFroVisitor .row {
border-bottom-width: 0px;
}
#booking-package-id-9 #booking-package_inputFormPanel .row,
#booking-package-id-9 #booking-package_myBookingDetails .row,
#booking-package-id-9 #booking-package_serviceDetails .row,
#booking-package_myBookingDetailsFroVisitor .row {
border-bottom-width: 0px;
padding: 0;
font-size: 0.8em;
}
#booking-package-id-9 #booking-package_myBookingDetails .row,
#booking-package_myBookingDetailsFroVisitor .row {
display: grid;
}
#booking-package-id-9 #booking-package_inputFormPanel .bottomBarPanel,
#booking-package_pay_with_stripe_konbini .bottomBarPanel {
padding: 0px;
}
#booking-package input[type=date] {
display: block;
border-radius: 5px;
border: solid 2px #ffabab;
box-shadow: none;
transition: all 0.1s;
box-sizing: border-box;
outline: none;
}
#booking-package input[type=tel],
#booking-package input[type=text],
#booking-package_inputFormPanel textarea {
-webkit-appearance: none;
appearance: none;
font-size: 1em;
display: block;
border-radius: 5px;
border: solid 2px rgb(0 0 0 / 80%);
box-shadow: 0 0 30px #fff;
transition: all 0.1s;
box-sizing: border-box;
outline: none;
width: 100%;
padding: 0.2em;
}
#booking-package input[type=tel]:focus,
#booking-package input[type=text]:focus {
-webkit-appearance: none;
appearance: none;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
border-top: solid 30px #666;
border-bottom: solid 30px #666;
border-left: solid 10px #666;
border-right: solid 10px #666;
width: 100%;
font-size: 1.4em;
font-weight: 800;
color: #388856;
}
#booking-package_inputFormPanel textarea:focus {
-webkit-appearance: none;
appearance: none;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
border-top: solid 20px #666;
border-bottom: solid 1.5em #666;
border-left: solid 10px #666;
border-right: solid 10px #666;
width: 100%;
height: 200px;
font-size: 1.2em;
font-weight: 800;
color: #388856;
}
#booking-package input[type=tel]:focus::placeholder,
#booking-package input[type=text]:focus::placeholder,
#booking-package_inputFormPanel textarea:focus::placeholder {
color: #ae00ff;
font-size: 20px;
font-weight: normal;
}
.onlynumber,
.onlynumbers {
ime-mode: disabled;
}
.errorinp {
display: none;
}
input:invalid:not(:focus)+.errorinp {
font-size: 0.9em;
display: block;
color: #fff;
background-color: #5500a9;
border: solid 2px #007bb1;
padding: 100px 3px;
margin: 5px 0px -212px 0px;
position: relative;
z-index: 1;
opacity: 85%;
border-radius: 35px;
}
#booking-package_inputFormPanel .selectedDate,
#booking-package_myBookingDetails .selectedDate,
#booking-package_inputFormPanel .title_in_form,
#booking-package_myBookingDetails .title_in_form
{
background-color: #1a9200;
border: solid 6px #1c6900;
color: white;
border-radius: 5px;
font-size: 1em;
width: auto;
text-align: center;
padding: 10px;
display: none;
}
.calendarData,
.ato_tsuki {
font-weight: 800;
font-size: min(7vw, 26px);
}
.ato_tsuki:after,
.calendarData:after {
content: '月';
font-size: min(4.8vw, 0.9em);
}
.mirror {
transform: rotate(-180deg);
} #booking-package_calendarPage .day_slot
{
height: 3.5em;
}
body:not(.body_staff):not(.body_staff2) div.list.borderColor div:nth-child(1) { letter-spacing:-2px;
}
@media only screen and (max-width: 780px) {
#main {
float: unset;
width: 618px;
padding: 15px 0;
display: inline;
} #booking-package-locale-ja[data-id="9"] #booking-package {
width: 454px;
display: inline;
}
#booking-package-id-9 #booking-package {
width: 455px;
display: table-caption;
} }
@media only screen and (max-width: 480px) { #booking-package_calendarPage .day_slot
{
height: 3.1em;
}
#booking-package_calendarPage .symbolPanel {
overflow: visible !important;
}
}
#booking-package-id-3 div#papapa {
display: none !important;
}
#booking-package-id-9 #booking-package_inputFormPanel .cartPanel {
margin-top: 0;
}
#booking-package-id-9 #booking-package_inputFormPanel .bottomBarPanel {
margin-top: 0;
}
[data-key="11"].courseLinePanel.courseLinePanelInLink:after {
border: solid 2px #ffb600;
border-radius: 10px;
background-color: #fff5cb;
padding: 5px;
display: inline-block;
font-size: 1em;
line-height: 1em; content: "伝言欄にキャンセル予約の[日付と時刻]を必ず明記下さい。";
}  .cancel_req_mess1 {
font-weight: 400;
font-size: 1em;
color: #fff;
border-radius: 10px 10px 0 0;
line-height: 1em;
background-color: #0f52be;
padding: 5px;
border: solid 3px #0f52be;
display: block;
margin-top: 10px;
}
.cancel_req_mess2 {
font-size: 1em;
color: #c00;
border-radius: 0 0 10px 10px;
line-height: 1em;
background-color: #ffffd1;
padding: 5px;
border: solid 3px #0f52be;
display: block;
}
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(5) .value {
margin-bottom: 16px
} #booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(4),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(6), #booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(7),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(10),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(11),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(12),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(13),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(14),
#booking-package-id-9 #booking-package_inputFormPanel .row:nth-child(15) {
display: none;
}
.sinnumsita {
margin: 8px 0 -12px 0px;
}
.sin_sita {
background-color: #993293;
color: #ffffff;
padding: 0 10px;
border-radius: 9px;
font-size: 0.9em;
display: block;
}
.sin_sita2 {
background-color: #ffffb2;
color: #000000;
padding: 5px 20px;
border-radius: 9px;
font-size: 0.9em;
display: block;
}
.sinnum_under {
margin: 8px 0 -12px 0px;
}
#booking_package_input_gender {
display: flex;
}
.kyouchou {
font-weight: bold;
color: #f00;
}
#booking_package_input_gender input[type="radio"] {
transform: scale(3);
accent-color: currentcolor;
margin: 14px 12px 0px 29px;
}
#booking_package_input_gender label:nth-child(1) {
display: none;
}
#booking_package_input_gender input[data-value="1"] {
accent-color: #e56494;
}
#booking_package_input_gender input[data-value="2"] {
accent-color: #2b6adc;
}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value::before
{display: inline-flex; justify-content: center; width: 18px; height: 18px; font-size: 0.7em; border-radius: 50%; padding: 1px; position: relative; top: -2px; margin-right: 5px;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="1"]::before {content: '茶'; color: #fff; background-color: #9d5618; border: solid 1px #000000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="2"]::before {content: '赤'; color: #fff; background-color: #ff0000; border: solid 1px #ff0000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="3"]::before {content: '橙'; color: #000; background-color: #ffa218; border: solid 1px #000000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="4"]::before {content: '黄'; color: #000; background-color: #ffff36; border: solid 1px #000000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="5"]::before {content: '緑'; color: #000; background-color: #00ff0a; border: solid 1px #000000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="6"]::before {content: '青'; color: #fff; background-color: #2154ff; border: solid 1px #4a00cd;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="7"]::before {content: '紫'; color: #000; background-color: #f3acff; border: solid 1px #000000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="8"]::before {content: '灰'; color: #000; background-color: #dddddd; border: solid 1px #a2a2a2;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="9"]::before {content: '白'; color: #000; background-color: #ffffff; border: solid 1px #000000;}
#booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value[title$="0"]::before {content: '黒'; color: #fff; background-color: #000000; border: solid 1px #000000;} #booking-package_myBookingDetailsFroVisitor div.row:nth-child(2) div.value:nth-child(2)::after {
content: '番';
}
.buttonPanel {
display: grid;
} #booking-package_myBookingHistory,
#booking-package_myBookingDetailsFroVisitor {
border: solid 6px #f00;
padding: 20px;
border-radius: 35px;
margin: 20px;
background-color: #fff4ec;
}
#booking-package_myBookingDetailsFroVisitor button.return_button,
#booking-package_myBookingDetailsFroVisitor button.return_form_button
{
font-size: 18px;
} #booking-package-id-9 div#wakka,
#booking-package-id-9 #booking-package div#booking-package_serviceTitle,
#booking-package-id-9 #booking-package #booking-package_serviceDetails .title.borderColor {
display: none;
}
#booking-package-id-9 #booking-package #booking-package_servicePage,
#booking-package-id-9 #booking-package #booking-package_serviceDetails {
width: unset;
float: unset;
margin-top: 14px;
}
#booking-package-id-9 #booking-package #booking-package_servicePage div {
display: inline-block;
font-size: 1em;
} #booking-package-id-9 #booking-package_servicePage .selected_option_element
{
border-left: 10px solid #4100ff;
border: solid 1px #fff;
box-shadow: 0px 0px 36px 3px #c894ff, 0px 0px 42px 2px #2700ff inset;
padding: 0 10px;
color: #fff;
} #booking-package-id-9 #booking-package_servicePage .selected_element
{
box-shadow: 22px 0 8px -8px #a3ffab inset;
}
#booking-package-id-9 div#booking-package_serviceDetails {
position: sticky;
bottom: 20px;
border: solid 5px #f00;
border-radius: 16px;
padding: 0px 10px 10px 10px;
background-color: #fff2f2d4;
}
#booking-package-id-9 #booking-package_servicePage .list.borderColor>div[data-key="8"] {
display: none !important;
}
#booking-package-id-9 #booking-package_servicePage .list.borderColor > div span span,
#booking-package-id-9 #booking-package_servicePage .list.borderColor > div div:first-child,
#booking-package-id-9 #booking-package_servicePage .list.borderColor > div div.descriptionOfService
{
display: none !important;
}
#booking-package-id-9 div#booking-package_serviceTitle {
display: none !important;
} #booking-package-id-9 #booking-package_servicePage .selectable_day_slot:hover,
#booking-package-id-9 #booking-package_servicePage .selectable_service_slot:hover
{
background-color: #fff;
} #booking-package-id-9 .selectable_option_element.sikiribar
{
width: 100%;
pointer-events: none;
}
#booking-package-id-9 .sikirihr {
border: solid 0.1px #ffe7c5;
} #booking-package-id-9 div#booking-package #booking-package_servicePage .list.borderColor .selectable_day_slot[data-key="1"],
#booking-package-id-9 div#booking-package #booking-package_servicePage .list.borderColor .selectable_service_slot[data-key="1"]
{
font-size: 73% !important;
padding: 0px !important;
}
#booking-package-id-3 #booking-package #booking-package_schedulePage div#selectedDate::after
{
content: '※外科治療等の長時間治療は指定された再予約が必要です';
font-size: 0.6em;
display: block;
color: #da7a7a;
}
textarea#booking_package_input_messages { } #booking-package-id-9 div#scheduleMainPanel div {
padding: 0px !important;
position: relative;
top: 1px;
} #booking-package-id-9 div#scheduleMainPanel {
font-size: 90%;
margin-bottom: -10px;
}
.buttonPanel::after {
content: 'キャンセルボタンは予約時刻2時間前まで有効';
font-weight: 400;
font-size: 80%;
color: #3b00ff;
display: block;
text-align: center;
}
#booking-package_schedulePage .selectPanelError, #booking-package_schedulePage .selectable_day_slot,
#booking-package_servicePage .selectable_day_slot,
#booking-package_schedulePage .selectable_time_slot.closed,
#booking-package_schedulePage .selectable_service_slot,
#booking-package_servicePage .selectable_service_slot
{
padding: 8px;
display: inline-block;
}  div#scheduleMainPanel .selectable_day_slot .subtitle,
div#scheduleMainPanel .selectable_service_slot .subtitle
{ letter-spacing: -2px;
}
div#scheduleMainPanel .selectPanelError .subtitle, div#scheduleMainPanel .selectable_time_slot.closed .subtitle
{
font-weight: 400;
font-size: 0.9em;
letter-spacing: -2px;
}
div#scheduleMainPanel .selectPanelError span.subtitle[data-yoo-subtitle="特設矯正のみ"], div#scheduleMainPanel .selectable_time_slot.closed span.subtitle[data-yoo-subtitle="特設矯正のみ"]
{
font-weight: 400;
font-size: 0;
letter-spacing: -2px;
}
div#scheduleMainPanel .selectPanelError span.subtitle[data-yoo-subtitle="特設矯正のみ"]::before, div#scheduleMainPanel .selectable_time_slot.closed span.subtitle[data-yoo-subtitle="特設矯正のみ"]::before
{
content: '特設矯正は満席';
font-size: 16px;
} #booking-package_calendarPage .calendar {
padding: 0;
margin-bottom: 0px;
} #booking-package_calendarPage .day_slot
{ }
.box_shadow div[data-key="11"] .descriptionOfService::after {
content: "\a通常はメール内のキャンセルボタンから予約取消下さい!!";
font-size: 0.9em;
color: #f00;
}
span.subtitle[data-yoo-subtitle*="矯正特設時間"] {
color: #fff;
background-color: #0187c1;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
}
span.subtitle[data-yoo-subtitle*="特設矯正❻"] { color:#000;
background-color: #3def46;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
letter-spacing:-1px!important;
left: 0;
}
span.subtitle[data-yoo-subtitle*="⚠️"] {
color: #ffffff;
background-color: #ef3d3d;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
letter-spacing: -1px !important;
left: 0;
top: 6px;
border: dashed 2px;
}
span.subtitle[data-yoo-subtitle*="代替"] {
color: #fff;
background-color: #1600ff;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
}
span.subtitle[data-yoo-subtitle*="年末"] {
color: #fff;
background-color: #e900ff;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
}
span.subtitle[data-yoo-subtitle*="連休は"] {
color: #fff;
background-color: #e900ff;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
}
span.subtitle[data-yoo-subtitle*="年始"] {
color: #fff;
background-color: #e900ff;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
}
span.subtitle[data-yoo-subtitle*="連休明け"] {
color: #fff;
background-color: #2bb300;
padding: 2px 10px;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
}
span.subtitle[data-yoo-subtitle*="終了"] {
color: #fff;
background-color: #ab7a07;
padding: 2px 10px;
border-radius: 5px;
display: inline-flex;
}
span.subtitle[data-yoo-subtitle*="休憩"] {
color: #fff;
background-color: #ab7a07;
padding: 0 10px;
border-radius: 5px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="矯正特設時間"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="特設矯正❻"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="⚠️"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="代替"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="年末"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="連休は"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="年始"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="連休明け"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="終了"] {
width: max-content;
margin-top: -2px;
}
#booking-package-id-9 span.subtitle[data-yoo-subtitle*="休憩"] {
width: max-content;
margin-top: -2px;
}
#booking-package_schedulePage .topPanel {
margin: 11px 0px 2px 0;
}
@media only screen and (max-width: 700px) { .body_staff  #booking-package-id-9 #booking-package_servicePage div.list.borderColor div.selectable_day_slot[data-key="0"],
.body_staff2 #booking-package-id-9 #booking-package_servicePage div.list.borderColor div.selectable_day_slot[data-key="0"], 
.body_staff  #booking-package-id-9 #booking-package_servicePage div.list.borderColor div.selectable_service_slot[data-key="0"],
.body_staff2 #booking-package-id-9 #booking-package_servicePage div.list.borderColor div.selectable_service_slot[data-key="0"]
{
letter-spacing: -2px;
}
body.body_staff div#sidebar,
body.body_staff div#footer,
body.body_staff center,
body.body_staff address,
body.body_staff2 div#sidebar,
body.body_staff2 div#footer,
body.body_staff2 center,
body.body_staff2 address,
.body_staff div#header,
.body_staff ul#topnav,
.body_staff2 div#header,
.body_staff2 ul#topnav {
display: none;
}
}
div#booking-package_inputFormPanel.booking_completed_panel div#ck_noth, div#booking-package_inputFormPanel.booking_completed_panel div#familist {
display: none !important;
}
#booking-package-id-9 #booking-package_inputFormPanel.booking_completed_panel .value {
font-size: 1.4em;
display: flow-root;
font-weight: 800;
margin-top: 6px
}
#booking-package-id-9 #booking-package_inputFormPanel.booking_completed_panel div#reservationHeader {
display: unset;
}
#booking-package-id-3 div#booking-package_myBookingDetailsFroVisitor .value {
font-size: 1.4em;
}
#booking-package_inputFormPanel div.row:nth-child(2) {
border-bottom: solid 2px #4b5c5b !important;
box-shadow: 0px 5px 8px -5px #0b0f0e;
position: sticky;
top: 0px;
z-index: 1; background-color: #355855e6;
color: #fff;
border-radius: 5px 5px 0 0;
display: flex;
align-items: center;
}
#booking-package_inputFormPanel .web_cookie_policy {
display: none;
font-size: 0.6em;
text-align: center;
background-color: #f3dd91;
padding: 5px 20px;
margin: -3px 20px -10px 20px;
border-radius: 5px;
border: dashed 1px #333;
}
#booking-package_inputFormPanel.booking_completed_panel .web_cookie_policy {
display: none;
}
#booking-package-id-9 span.timeSlot,
#booking-package-id-9 span.subtitle,
#booking-package-id-9 span.remainingSlots {
line-height: 80%; top: 1px;
}
div#booking-package-locale-ja[data-id="9"] {
margin-top: -38px;
}
#booking-package-id-9 #booking-package_schedulePage .courseListPanel {
top: 20px;
}
#booking-package-id-9 div#topPanel {
display: flex;
align-items: center;
flex-direction: column;
height: 20px;
font-size: 11px;
margin-top: -40px;
}
#booking-package-id-9 #booking-package_schedulePage .bottomPanel {
padding: 5px 10px;
}
.selectable_time_slot.closed {
pointer-events:none;
}  .selectable_time_slot.only_four, selectable_time_slot.only_four>div span,
.selectable_time_slot.only_five, selectable_time_slot.only_five>div span,
.selectable_day_slot.only_four, .selectable_day_slot.only_four>div span,
.selectable_day_slot.only_five, .selectable_day_slot.only_five>div span,
.selectable_service_slot.only_four, .selectable_service_slot.only_four>div span,
.selectable_service_slot.only_five, .selectable_service_slot.only_five>div span
{
color: #ccc !important;font-weight: 400!important;pointer-events: none;
} .selectable_day_slot.only_six, .selectable_day_slot.only_six>div span,
.selectable_service_slot.only_six, .selectable_service_slot.only_six>div span,
.selectable_time_slot.only_six:not(.closed)
{color: #ffbcbc !important; pointer-events: none;} .selectable_time_slot.only_not_six, .selectable_time_slot.only_not_six> div span,
.selectable_day_slot.only_not_six, .selectable_day_slot.only_not_six>div span,
.selectable_service_slot.only_not_six, .selectable_service_slot.only_not_six>div span
{color: #cacaca !important; pointer-events: none;}
#booking-package-id-3 div.only_not_six span.timeSlot {font-weight: 400;font-size: 16px;color: #ccc;}
#booking-package-id-3 div.only_not_six span.subtitle[data-yoo-subtitle="矯正は不可"] {font-weight: 400;font-size: 16px;color: #ccc;}
#booking-package-id-3 div.only_not_six:has(+ div.only_not_six span.subtitle[data-yoo-subtitle="矯正は不可"]) span.timeSlot {font-weight: 400;color: #ccc!important;} #booking-package_schedulePage:has(#courseMainPanel .selectable_service_slot.selected_service_slot[data-service="10"]) #scheduleMainPanel .selectable_time_slot.closed
{display: none;} #booking-package_schedulePage:has(#courseMainPanel .selectable_service_slot.selected_service_slot[data-service="10"]) #scheduleMainPanel .selectable_time_slot.last_time .subtitle::after
{
padding: 5px;
margin-top: 25px;
font-size: 0.9em;
font-weight: 400;
display: inline-block;
border: dashed 3px #ff0000;
border-radius: 14px;
background-color: #ffb;
color: #000000;
content: "予約メールをお持ちの方はメール本文内のキャンセルリンクよりキャンセル下さい。(クリック2回で完結)";    
} .baaiha{
border: dashed 1px #000;
padding: 5px;
margin: 0 0 10px 10px;
border-radius: 6px;
background-color: #edffbd;
}
.base_message {
cursor: help;
user-select: none;
}
div#chk_answ {
background-color: aliceblue;
padding: 5px;
}
.aka_underline {
text-decoration:underline;
text-decoration-color:#f00;
}
div#chkedAboutMsg {
border: 1px dashed rgb(0, 0, 0);
padding: 5px;
margin: 5px 0px 0px;
border-radius: 6px;
color: rgb(255, 255, 255);
}
div#chkedAboutMsgSub {
padding: 5px;
border-radius: 5px;
margin-bottom: 3px;
color: rgb(0, 0, 0);
}
.usefulMsg {
padding: 5px;
background-color: #dfe748;
border-radius: 5px;
border: solid 2px #000;
}
.button_ichi {
position: absolute;
right: 10px;
top: 0px;
}
.kouhowaku {
border: solid 1px #000;
margin: 5px 0px 5px 10px;
padding: 0px 10px 0 5px;
background-color: burlywood;
border-radius: 10px 0 20px 10px;
position: relative;
cursor: pointer;
}
.kouhowaku2 {
border: solid 1px #000;
margin: 5px 10px 5px -15px;
padding: 0px 5px 0px 15px;
background-color: #de87c5;
border-radius: 20px 10px 10px 0;
font-size: 1.4rem;
cursor: url(//koo.jp/images/trash_r24.cur), auto; }
.topSignMsg {
background-color: #dada49;
position: relative;
width: 100%;
top: -8px;
left: 0;
right: 0;
text-align: center;
border: solid 2px #000;
border-radius: 0 0 20px 20px;
margin-left: -7px;
font-size: 1.1rem;
}
.ck_nothanks_checks {
border: solid 1px #000;
background-color: #659d98;
padding: 5px;
border-radius: 5px;
line-height: 1em;
position: relative;
z-index: 1;
width: 100%;
color: #000;
font-size: 0.7em; } div#chkedStatusMsg {
font-weight: 400;
}	
button#toggleMsgButton {
border: solid 1px #000;
border-radius: 10px;
padding: 0 10px;
background-color: #f0f0f0;
display: inline-block;
font-size: 0.8em;
}
button#toggleMsgButton:hover {
box-shadow: 5px 2px 10px -1px #0f3306;
}
#chk_answ div:nth-child(1) {
margin-bottom: 10px;
font-weight: 600;
display: inline-block;
}
#chk_answ div:nth-child(1) span {
color:darkviolet;
}
#chk_answ div:nth-child(2),
#chk_answ div:nth-child(3),
#chk_answ div:nth-child(4)
{
display: flex;
align-items: flex-start;
margin-bottom: 5px
}
#chk_answ div:nth-child(2) span,
#chk_answ div:nth-child(3) span,
#chk_answ div:nth-child(4) span
{
margin-left: 10px
}
.comp_add_msg {
font-size: 0.8em;
background-color: #94b0ad;
padding: 5px;
border-radius: 5px;
color: #000;
display: inline-block;    
}
.gm_msg {
background-color: #7adcdc;
padding: 5px;
display: block;
margin: 0 20px;
font-size: 0.8em;
border-radius: 5px;
border: solid 2px #0c6ea0;
box-shadow: 3px 3px 6px 1px #000;
position: relative;
} #booking-package_inputFormPanel .mainPlan {
width: 100%;
}
textarea#booking_package_input_messages.forcan {
box-shadow: 0px 0px 33px -12px #8026f8 inset;
}
.forcan::placeholder {
color: #a82fff;
}
#cansinsei.bookingButton[disabled]::before,
#cansinsei.book_now_button[disabled]::before
{
content: "伝言にキャンセル日時を記入後、";
display:block
}  #booking-package-id-3 span.remainingSlots {display:none;}   div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓐ"]:has(+ .remainingSlots[data-yoo-capacity*="残"]) 
{font-size:0; position:absolute; right:0;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓐ"] ~ span.remainingSlots[data-yoo-capacity*="残1"]
{color: #5e19ac;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓐ"]:has(+ .remainingSlots[data-yoo-capacity*="残1"])::before
{
content: '❹のみ';
font-size:15px;
color: #ff5c5c;
float: right;
width:60px;
line-height: 15px;
margin-top: -2px;
}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓑ"]:has(+ .remainingSlots[data-yoo-capacity*="残"]) 
{font-size:0; position:absolute; right:0;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓑ"] ~ span.remainingSlots[data-yoo-capacity*="残1"]
{color: #5e19ac;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓑ"]:has(+ .remainingSlots[data-yoo-capacity*="残1"])::before
{
content: '❹❺のみ';
font-size:15px;
color: #1588fb;
float:right;
width:60px;
line-height: 15px;
margin-top: -2px;
}
div#booking-package-id-9 .selectable_time_slot:has(div span.subtitle[data-yoo-subtitle="Ⓒ"]) {
pointer-events: none;
color: #ccc8;
font-weight: 400;
}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓒ"]:has(+ .remainingSlots[data-yoo-capacity*="残"]) 
{font-size:0; position:absolute; right:0;} div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓒ"]:has(+ .remainingSlots[data-yoo-capacity*="残1"])::before
{
content: 'Ⓒのみ';
font-size:15px;
color: #ccc8;
float: right;
width:60px;
line-height: 15px;
margin-top: -2px;
}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓗ"]:has(+ .remainingSlots[data-yoo-capacity*="残"]) 
{font-size:0; position:absolute; right:0;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓗ"] ~ span.remainingSlots[data-yoo-capacity*="残1"]
{color: #5e19ac;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="Ⓗ"]:has(+ .remainingSlots[data-yoo-capacity*="残1"])::before
{
content: '❹のみ';
font-size:15px;
color: #ff5c5c;
float: right;
width:60px;
line-height: 15px;
margin-top: -2px;
}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="特設矯正のみ"] {font-size:0!important; position:absolute; right:0;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="特設矯正のみ"]::before {
font-size:15px;
content:'特設❻のみ';
float:right;
line-height:15px;
width:86px;
color: #377e10;
margin-top: -2px;
}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="(一般|特設矯正)"] {font-size:0!important; position:absolute; right:0;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="(一般|特設矯正)"]::before {
font-size:15px;
content:'特設❻/一般';
float:right;
line-height:15px;
width:86px;
margin-top: -2px;
}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="矯正は不可"] {font-size:0!important; position:absolute; right:0;}
div#booking-package-id-9 span.subtitle[data-yoo-subtitle="矯正は不可"]::before {
font-size:15px;
content:'一般のみ';
float:right;
line-height:15px;
width:76px;
margin-top: -2px;
}
#booking-package-id-9 div#scheduleMainPanel .selectPanelError span.subtitle[data-yoo-subtitle="特設矯正のみ"]::before, #booking-package-id-9 div#scheduleMainPanel .selectable_time_slot.closed span.subtitle[data-yoo-subtitle="特設矯正のみ"]::before
{content:"";}
#booking-package-id-9 .selectable_time_slot.last_time {
display: none!important;
}