#time-slot-datepicker-pc {
display: block;
}
#time-slot-datepicker-sp {
display: none;
} h2.page_ttl {
font-size: 32px!important;
font-weight: bold;
display: block;
padding-bottom: 15px!important;
padding-top: 37px!important;
padding-left: 50px!important;
background: none!important;
color: #000!important;
margin-bottom: 0!important;
line-height: 1.2;
}
h2.page_ttl.column {
padding: 0!important;
letter-spacing: .05em;
margin: 40px 0 50px!important;
font-weight: bold!important;
}
h2.page_ttl span {
font-size: 20px;
font-weight: bold;
padding-left: 20px;
}
.breadcrumbs {
padding: 1em;
padding-bottom: 13px;
background-image: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/rn/img/bg_breadcrumbs.png);
background-repeat: repeat-x;
background-position: left bottom;
background-size: auto 13px;
}
.breadcrumbs a {
display: inline-block;
color: #323232;
position: relative;
padding-right: initial !important;
}
.breadcrumbs a span {
position: relative !important;
display: inline-block !important;
top: initial !important;
bottom: initial !important;
right: initial !important;
width: initial !important;
height: initial !important;
margin-top: initial !important;
-webkit-transform: initial !important;
-ms-transform: initial !important;
transform: initial !important;
-webkit-transform: initial !important;
-ms-transform: initial !important;
transform: initial !important;
content: "";
border-top: initial !important;
border-right: initial !important;
border-right: initial !important;
border-top: initial !important;
}
div.breadcrumbs {
color: #787878;
font-size: 12px;
padding-left: 51px;
}
div.breadcrumbs a {
text-decoration: none;
color: #787878;
display: unset !important;
}
div.breadcrumbs a span {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/pankuzu_arrow.png) no-repeat right 5px;
padding-right: 15px;
margin-right: 8px;
text-decoration: none;
color: #787878;
}
div.breadcrumbs a:hover span {
text-decoration: underline;
}
.ttl_bg {
background: url(//jewel-cafe.my/wp-content/themes/new_jewel5745747/img/common/ttl_bg.png) no-repeat left top;
min-height: 123px;
margin-left: -50px; margin-bottom: 10px;
}
#wrap.under {
width: 1030px;
margin: 20px auto 0;
} .col-2 {
width: 20%;
padding: 5px 10px;
}
.col-8 {
width: 80%;
padding: 5px 10px;
}
.col-12 {
width: 100%;
}
.shop-img {
width: 100%;
}
.search-shop {
margin-top: 20px;
}
#appointment-note-text {
text-align: right;
color: #DE1122;
font-weight: bold;
margin: 20px 0px;
}
.shop-time-slot-box {
display: inline-flex;
font-size: 10px;
padding: 10px 0px;
width: 100%;
}
.time-slot-panel {
width: 20%;
display: inline-block; border-radius: 4px;
text-align: center;
margin: 0px 14px 10px 14px;
}
.time-slot-panel:hover {
cursor: pointer;
}
.time-slot-panel-noselect {
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.time-slot-panel-body:hover {
color: #F2F1F1;
}
.inactive-time-slot {
border: 1px solid #c8c8c8 !important;
}
.inactive-time-slot:hover {
cursor: initial !important;
}
.inactive-time-slot .time-slot-panel-header {
background: #c8c8c8 !important;
;
}
.inactive-time-slot .time-slot-panel-body {
color: #c8c8c8 !important;
}
.time-slot-panel-header { border-bottom: 1px solid transparent;
background: #fefefe;
color: #707070;
border: 1px solid #707070;
}
.time-slot-panel-body { background: #E50119;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border: 1px solid #E50119;
color: #fefefe;
}
.shop-name-text {
font-size: 16px;
font-weight: bold;
}
.available-dates-text {
color: #DE1122;
}
#btn-expand-results {
width: 100%;
background: #DE1122;
padding: 10px 15px;
color: #fefefe;
margin: 10px 0px;
cursor: pointer;
}
.search-shop .shop-btn {
cursor: pointer;
} .ui-datepicker.ui-datepicker-multi {
width: 100% !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 12px !important;
}