@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
   :root {
--wp--custom--font-family--hiragino-meiryo: Arial, "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
--wp--custom--font-family--base: var(--wp--custom--font-family--hiragino-meiryo);
--wp--custom--font-family--code: Menlo, Consolas, monaco, monospace;
--wp--custom--font-size--base: 1rem;
--wp--custom--font-size--heading-h-1: clamp(1.625rem, 1.625rem + ((1vw - 0.48rem) * 1.3889), 2rem);
--wp--custom--font-size--heading-h-2: clamp(1.25rem, 1.25rem + ((1vw - 0.48rem) * 1.3889), 1.625rem);
--wp--custom--font-size--heading-h-3: clamp(1.125rem, 1.125rem + ((1vw - 0.48rem) * 0.6944), 1.3125rem);
--wp--custom--font-size--heading-h-4: clamp(1.0625rem, 1.0625rem + ((1vw - 0.48rem) * 0.463), 1.1875rem);
--wp--custom--font-size--heading-h-5: clamp(1rem, 1rem + ((1vw - 0.48rem) * 0.463), 1.125rem);
--wp--custom--font-size--heading-h-6: clamp(1rem, 1rem + ((1vw - 0.48rem) * 0.2315), 1.0625rem);
--wp--custom--font-size--page-title: var(--wp--custom--font-size--heading-h-1);
--wp--custom--line-height--body: 1.8;
--wp--custom--line-height--heading: 1.5;
--wp--custom--color--text-primary: #444;
--wp--custom--color--text-secondary: #767676;
--wp--custom--color--border: #ddd;
--wp--custom--color--background-primary: #444;
--wp--custom--color--background-secondary: #767676;
--wp--custom--color--background-tertiary: #efefef;
--wp--custom--width--content: 1200px;
--wp--custom--width--sidebar: 300px;
--wp--custom--padding--content: clamp(1rem, 1rem + ((1vw - 5.76px) * 6.3063), 1.875rem);
--wp--custom--spacing--base: 1.75rem;
}
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
html {
text-size-adjust: 100%;
}
body {
min-width: 320px;
}
@media (max-width: 991px) {
body.is-no-scroll {
overflow: hidden;
}
}
main {
display: block;
}
[type=text],
[type=email],
[type=url],
[type=tel],
[type=number],
[type=password],
[type=search],
[type=submit],
select,
button,
textarea {
font-family: inherit;
font-size: inherit;
appearance: none;
outline: none;
}
[type=text],
[type=email],
[type=url],
[type=tel],
[type=number],
[type=password],
[type=date],
[type=search] {
padding: 0.5em 0.75em;
line-height: 1.3;
color: var(--wp--custom--color--text-primary);
background-color: #fff;
border: 1px solid var(--wp--custom--color--border);
}
textarea {
width: 100%;
min-height: 8em;
padding: 0.75em;
color: var(--wp--custom--color--text-primary);
background-color: #fff;
border: 1px solid var(--wp--custom--color--border);
}
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
padding: calc(0.5em + 1px) calc(1em + 1px);
line-height: 1.3;
color: #fff;
text-decoration: none;
cursor: pointer;
background: var(--wp--preset--color--accent);
border: 0;
transition: opacity 0.25s;
}
button:is(:hover, :focus),
[type=button]:is(:hover, :focus),
[type=reset]:is(:hover, :focus),
[type=submit]:is(:hover, :focus),
[role=button]:is(:hover, :focus) {
opacity: 0.8;
}
fieldset {
border: 0;
}
*,
::before,
::after {
box-sizing: border-box;
word-break: break-word;
}
body {
font-family: var(--wp--custom--font-family--base);
font-size: var(--wp--custom--font-size--base);
line-height: var(--wp--custom--line-height--body);
color: var(--wp--custom--color--text-primary);
background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: bold;
line-height: var(--wp--custom--line-height--heading);
}
h1 {
font-size: var(--wp--custom--font-size--heading-h-1);
}
h2 {
font-size: var(--wp--custom--font-size--heading-h-2);
}
h3 {
font-size: var(--wp--custom--font-size--heading-h-3);
}
h4 {
font-size: var(--wp--custom--font-size--heading-h-4);
}
h5 {
font-size: var(--wp--custom--font-size--heading-h-5);
}
h6 {
font-size: var(--wp--custom--font-size--heading-h-6);
}
a {
color: inherit;
}
a:is(:hover, :focus) {
color: var(--wp--preset--color--accent);
}
figcaption {
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.3;
}
figcaption a {
color: inherit;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
table {
border-collapse: collapse;
}
address,
em {
font-style: normal;
}
pre,
code,
kbd {
font-family: var(--wp--custom--font-family--code);
}
pre,
code {
font-size: 0.875rem;
}
pre {
overflow: auto;
}
blockquote {
padding-left: 1rem;
margin-left: 0;
border-left: 4px solid var(--wp--custom--color--border);
}
blockquote cite {
position: relative;
display: block;
margin-top: 1em;
font-size: 0.8125rem;
font-style: normal;
color: var(--wp--custom--color--text-secondary);
}
code {
display: block;
padding: 0.8rem 1rem;
border: 1px solid var(--wp--custom--color--border);
border-radius: 4px;
}
hr {
margin: calc(var(--wp--custom--spacing--base) * 1.75) auto;
clear: both;
border: 0;
border-bottom: 2px solid var(--wp--custom--color--border);
}
select {
font-family: inherit;
font-size: inherit;
appearance: none;
outline: none;
padding: 0.5em 2rem 0.5em 0.75rem;
font-weight: normal;
line-height: 1.3;
color: var(--wp--custom--color--text-primary);
cursor: pointer;
background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMS4zMyAwTDAgMS4zMyA2Ljk3IDguM2w2Ljk2LTYuOTdMMTIuNiAwIDYuOTcgNS42M3oiLz48L3N2Zz4=") no-repeat right 10px center;
background-size: 10px;
border: 1px solid var(--wp--custom--color--border);
}
select::-ms-expand {
display: none;
} .japacart-site {
display: flex;
flex-direction: column;
min-height: 100%;
}
.japacart-site__bottom {
margin-top: auto;
}
.japacart-header {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: var(--wp--custom--color--header-background);
}
@media (max-width: 991px) {
.japacart-header--has-mobile-border {
border-bottom: 1px solid var(--wp--custom--color--border);
}
}
@media (min-width: 992px) {
.japacart-header--has-pc-border {
border-bottom: 1px solid var(--wp--custom--color--border);
}
}
.japacart-header__inner {
display: flex;
gap: var(--wp--custom--padding--content);
align-items: center;
justify-content: space-between;
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
min-height: 3rem;
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 992px) {
.japacart-header__inner {
min-height: 4.5rem;
}
}
.header-logo {
display: flex;
flex: 1;
align-items: center;
margin: 0;
font-size: 1.375rem;
font-weight: bold;
line-height: 1.3;
color: var(--wp--custom--color--header-text);
letter-spacing: 0.025em;
}
@media (min-width: 992px) {
.header-logo {
font-size: 2.0625rem;
}
}
.header-logo a {
text-decoration: none;
}
.header-logo a:hover {
color: inherit;
}
.header-logo img {
width: auto;
height: auto;
max-height: 3rem;
}
@media (min-width: 992px) {
.header-logo img {
max-height: 4.5rem;
}
}
.header-logo span {
font-size: 0.875rem;
}
.header-utilities {
display: flex;
flex: 0 0 auto;
}
@media (max-width: 991px) {
.header-utilities {
z-index: 40;
justify-content: space-around;
}
.header-utilities.is-fixed {
position: fixed;
top: 1rem;
right: var(--wp--custom--padding--content);
}
}
@media (min-width: 992px) {
.header-utilities {
gap: var(--wp--custom--padding--content);
align-items: center;
justify-content: flex-end;
min-width: 50%;
max-width: 60%;
}
}
@media (max-width: 991px) {
.header-pc-widget {
display: none;
}
}
@media (min-width: 992px) {
.header-pc-widget {
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
}
.japacart-content {
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
padding-top: calc(var(--wp--custom--padding--content) * 1.5);
padding-bottom: calc(var(--wp--custom--padding--content) * 3);
margin-right: auto;
margin-left: auto;
}
.japacart-content::after {
display: block;
clear: both;
content: "";
}
@media (min-width: 768px) {
.japacart-content {
padding-bottom: calc(var(--wp--custom--padding--content) * 2);
}
}
@media (min-width: 992px) {
.japacart-content {
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
}
}
@media (min-width: 992px) {
.japacart-content.japacart-content--has-sidebar {
display: flex;
}
.japacart-content.japacart-content--has-sidebar .japacart-main {
order: 2;
width: calc(100% - var(--wp--custom--width--sidebar) - var(--wp--custom--padding--content) * 2);
}
.japacart-content.japacart-content--has-sidebar .japacart-sidebar.japacart-sidebar--right {
order: 3;
margin-left: calc(var(--wp--custom--padding--content) * 2);
}
.japacart-content.japacart-content--has-sidebar .japacart-sidebar.japacart-sidebar--left {
order: 1;
margin-right: calc(var(--wp--custom--padding--content) * 2);
}
}
.japacart-content .japacart-content__inner {
max-width: 900px;
margin-right: auto;
margin-left: auto;
}
.japacart-main::after {
display: block;
clear: both;
content: "";
}
@media (max-width: 991px) {
.japacart-main {
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
}
}
@media (max-width: 991px) {
.japacart-sidebar {
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
border-top: 1px solid var(--wp--custom--color--border);
}
}
@media (max-width: 767px) {
.japacart-sidebar {
padding-top: calc(var(--wp--custom--padding--content) * 3);
margin-top: calc(var(--wp--custom--padding--content) * 3);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.japacart-sidebar {
padding-top: calc(var(--wp--custom--padding--content) * 2);
margin-top: calc(var(--wp--custom--padding--content) * 2);
}
}
@media (min-width: 992px) {
.japacart-sidebar {
width: var(--wp--custom--width--sidebar);
}
}
.footer-widgets__inner,
.footer-menu__inner {
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
margin-right: auto;
margin-left: auto;
}
.footer-widgets {
border-top: 1px solid var(--wp--custom--color--border);
}
.footer-widgets__inner {
padding-top: calc(var(--wp--custom--padding--content) * 3);
padding-bottom: calc(var(--wp--custom--padding--content) * 3);
}
@media (min-width: 768px) {
.footer-widgets__inner {
padding-top: calc(var(--wp--custom--padding--content) * 2);
padding-bottom: calc(var(--wp--custom--padding--content) * 2);
}
}
@media (min-width: 992px) {
.footer-widgets__inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.footer-widgets__inner {
gap: var(--wp--custom--padding--content);
}
}
@media (min-width: 1200px) {
.footer-widgets__inner {
gap: calc(var(--wp--custom--padding--content) * 1.5);
}
}
@media (max-width: 991px) {
.footer-widgets__col + .footer-widgets__col {
margin-top: calc(var(--wp--custom--spacing--base) * 1.25);
}
}
.footer-menu {
background-color: var(--wp--custom--color--background-tertiary);
}
.footer-menu a {
color: var(--wp--custom--color--text-primary);
}
.footer-menu__inner {
padding-top: calc(var(--wp--custom--padding--content) * 3);
padding-bottom: calc(var(--wp--custom--padding--content) * 3);
}
@media (min-width: 768px) {
.footer-menu__inner {
padding-top: var(--wp--custom--padding--content);
padding-bottom: var(--wp--custom--padding--content);
}
}
.footer-menu__list {
list-style-type: none;
}
@media (max-width: 767px) {
.footer-menu__list > li + li {
margin-top: 1em;
}
}
@media (min-width: 768px) {
.footer-menu__list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: -1rem;
}
.footer-menu__list > li {
padding-right: 1rem;
padding-left: 1rem;
margin-top: 1rem;
margin-right: -1px;
border-right: 1px solid var(--wp--custom--color--border);
border-left: 1px solid var(--wp--custom--color--border);
}
}
.footer-menu__list a {
text-decoration: none;
}
.footer-menu__list a:is(:hover, :focus) {
opacity: 0.7;
}
.footer-menu__list .sub-menu {
margin-top: 0.75rem;
margin-left: 0.25rem;
font-size: 0.875rem;
list-style-type: none;
}
.footer-menu__list .sub-menu .menu-item {
position: relative;
display: block;
padding-left: 1.3rem;
}
.footer-menu__list .sub-menu .menu-item::after {
position: absolute;
top: 0;
left: 0;
content: "-";
}
.footer-menu__list .sub-menu .menu-item + .menu-item {
margin-top: 0.5rem;
}
.footer-menu__list .sub-menu .sub-menu {
padding-left: 0;
margin-top: 0.5rem;
margin-bottom: 1.5rem;
font-size: 0.8125rem;
border-left: 0;
}
.copyright {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 0.875rem;
color: #fff;
text-align: center;
background-color: var(--wp--custom--color--background-primary);
} .main-menu {
background-color: var(--wp--preset--color--accent);
}
.main-menu__list {
margin: 0;
color: #fff;
list-style: none;
}
.main-menu__list a {
display: block;
color: inherit;
text-decoration: none;
letter-spacing: 0.025em;
}
.main-menu__list a:hover {
color: inherit;
}
.main-menu .sub-menu {
list-style: none;
}
@media (max-width: 991px) {
.main-menu-mobile-top-widget,
.main-menu-mobile-bottom-widget {
margin: calc(var(--wp--custom--padding--content) * 2) 1rem;
}
.main-menu {
position: fixed;
top: 0;
left: calc(100% - (102px + var(--wp--custom--padding--content) * 2) * -1);
z-index: 30;
width: calc(100% - (102px + var(--wp--custom--padding--content) * 2));
height: 100%;
overflow-y: scroll;
}
}
@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
.main-menu {
left: -60%;
width: 60%;
}
}
@media (max-width: 991px) {
.main-menu-wrapper.is-open {
position: fixed;
top: 0;
left: 0;
z-index: 30;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.7);
}
.main-menu-wrapper.is-open .main-menu {
left: 0;
}
.main-menu__list {
border-top: 1px dotted currentColor;
}
.main-menu__list > .menu-item > a {
padding: 1rem;
border-bottom: 1px dotted currentColor;
}
.main-menu__list > .menu-item span {
display: none;
border-bottom: 1px dotted currentColor;
}
.main-menu__list > .menu-item-has-children {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.main-menu__list > .menu-item-has-children > a {
flex: 1;
}
.main-menu__list > .menu-item-has-children > a + span {
display: flex;
flex: 0 0 3rem;
align-items: center;
justify-content: center;
color: inherit;
border-left: 1px dotted currentColor;
}
.main-menu__list > .menu-item-has-children > a + span:hover {
cursor: pointer;
}
.main-menu__list > .menu-item-has-children > a + span svg {
width: 1rem;
height: 1rem;
transition: transform 0.25s;
transform: rotate(0deg);
}
.main-menu__list > .menu-item-has-children > a + span.is-open svg {
transform: rotate(180deg);
}
.main-menu__list > .menu-item-has-children > .sub-menu {
width: 100%;
height: 0;
margin-left: 0;
visibility: hidden;
border-bottom: 1px dotted currentColor;
opacity: 0;
transition: opacity 0.25s;
}
.main-menu__list > .menu-item-has-children > .sub-menu > .menu-item:first-child {
margin-top: 0.75rem;
}
.main-menu__list > .menu-item-has-children > .sub-menu > .menu-item:last-child {
margin-bottom: 0.75rem;
}
.main-menu__list > .menu-item-has-children > .sub-menu a {
padding: 0.3rem 1.25rem;
font-size: 0.9375rem;
}
.main-menu__list > .menu-item-has-children > .sub-menu .sub-menu {
margin-bottom: 0.5rem;
}
.main-menu__list > .menu-item-has-children > .sub-menu .sub-menu a {
padding-left: 2rem;
font-size: 0.8125rem;
}
.main-menu__list > .menu-item-has-children > .sub-menu.is-open {
height: auto;
visibility: visible;
opacity: 1;
}
.main-menu table th,
.main-menu table td {
border-color: #fff;
}
.main-menu li a:hover {
color: inherit;
}
.main-menu p a.button {
border: 1px solid #fff;
}
}
@media (min-width: 992px) {
.main-menu-mobile-top-widget,
.main-menu-mobile-bottom-widget {
display: none;
}
.main-menu-wrapper {
box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.15);
}
.main-menu__list {
display: flex;
flex-wrap: wrap;
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
margin-right: auto;
margin-left: auto;
}
.main-menu__list > .menu-item {
position: relative;
align-items: center;
overflow: hidden;
}
.main-menu__list > .menu-item:hover {
overflow: visible;
}
.main-menu__list > .menu-item::before, .main-menu__list > .menu-item:last-child::after {
position: absolute;
top: calc(50% - 0.5rem);
width: 1px;
height: 1rem;
content: "";
opacity: 0.5;
}
.main-menu__list > .menu-item::before {
border-left: 1px solid #fff;
}
.main-menu__list > .menu-item:last-child::after {
right: 0;
border-right: 1px solid #fff;
}
.main-menu__list > .menu-item > a {
display: block;
padding: 1rem;
backface-visibility: hidden;
white-space: nowrap;
}
.main-menu__list > .menu-item > a:is(:hover, :focus) {
text-decoration: none;
}
.main-menu__list > .menu-item > a:is(:hover, :focus)::after {
transform: scaleX(1);
}
.main-menu__list > .menu-item > a::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
content: "";
background-color: currentColor;
transition: transform 0.25s ease-in-out;
transform: scaleX(0);
transform-origin: left top;
}
.main-menu__list > .menu-item span {
display: none;
}
.main-menu__list > .menu-item .sub-menu {
position: absolute;
top: 100%;
z-index: 20;
min-width: 10rem;
margin: 0;
white-space: nowrap;
visibility: hidden;
opacity: 0;
}
.main-menu__list > .menu-item .sub-menu .menu-item a {
display: block;
color: inherit;
}
.main-menu__list > .menu-item .sub-menu .menu-item a:is(:hover, :focus) {
color: inherit;
background-color: var(--wp--custom--color--background-primary);
}
.main-menu__list > .menu-item > a + span + .sub-menu {
background-color: var(--wp--custom--color--background-secondary);
transition: all 0.25s ease-out;
}
.main-menu__list > .menu-item > a + span + .sub-menu > .menu-item > a {
padding: 0.75rem 1rem;
font-size: 0.9375rem;
}
.main-menu__list > .menu-item > a + span + .sub-menu > .menu-item:not(:first-child) > a {
border-top: 1px dotted currentColor;
}
.main-menu__list > .menu-item > a + span + .sub-menu .sub-menu {
position: static;
}
.main-menu__list > .menu-item > a + span + .sub-menu .sub-menu > .menu-item a {
padding: 0.5rem 1rem 0.5rem 2rem;
font-size: 0.875rem;
border-top: 1px dotted currentColor;
}
.main-menu__list > .menu-item:hover .sub-menu {
visibility: visible;
opacity: 1;
}
}
.breadcrumbs {
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
margin-top: 0.5rem;
margin-right: auto;
margin-left: auto;
font-size: 0.6875rem;
color: var(--wp--custom--color--text-secondary);
list-style: none;
}
.breadcrumbs a {
text-decoration: underline;
}
.breadcrumbs__item {
display: inline;
}
.breadcrumbs__item + .breadcrumbs__item {
margin-left: 0.5rem;
}
.breadcrumbs__item + .breadcrumbs__item::before {
margin-right: 0.5rem;
content: ">";
}
@media (max-width: 991px) {
.hamburger {
position: relative;
z-index: 35;
width: 50px;
height: 50px;
background-color: #fff;
border: 1px solid var(--wp--custom--color--border);
}
.hamburger:is(:hover, :focus) {
opacity: 1;
}
.hamburger:focus {
outline: none;
}
.hamburger__border {
position: absolute;
left: 12px;
width: 24px;
height: 2px;
background-color: var(--wp--custom--color--background-primary);
transition: all 0.25s;
}
.hamburger__border:nth-of-type(1) {
top: 14px;
}
.hamburger__border:nth-of-type(2) {
top: 23px;
}
.hamburger__border:nth-of-type(3) {
top: 32px;
}
.hamburger.is-open .hamburger__border:nth-of-type(1) {
transform: translateY(9px) rotate(-45deg);
}
.hamburger.is-open .hamburger__border:nth-of-type(2) {
opacity: 0;
}
.hamburger.is-open .hamburger__border:nth-of-type(3) {
transform: translateY(-9px) rotate(45deg);
}
}
@media (min-width: 992px) {
.hamburger {
display: none;
}
}
.pagetop {
position: fixed;
right: 10px;
bottom: 10px;
z-index: 10;
display: none;
width: 54px;
height: 54px;
line-height: 60px;
text-align: center;
text-decoration: none;
background-color: #fff;
border: 1px solid var(--wp--preset--color--accent);
border-radius: 50%;
transition: opacity 0.25s;
}
.pagetop:is(:hover, :focus) {
opacity: 0.7;
}
.pagetop svg {
fill: var(--wp--preset--color--accent);
}
.notificationbar__inner {
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
padding: 0.5rem var(--wp--custom--padding--content) 0.45rem;
margin-right: auto;
margin-left: auto;
line-height: 1.3;
text-align: left;
}
@media (max-width: 767px) {
.notificationbar__inner p {
font-size: 80%;
}
}
.notificationbar__inner > :last-of-type {
margin-bottom: 0;
}
.notificationbar__inner a {
color: inherit;
text-decoration: none;
border: 0;
transition: opacity 0.25s;
}
.notificationbar__inner a:is(:hover, :focus) {
color: inherit;
opacity: 0.8;
}
.notificationbar__inner a::after {
margin-left: 0.5rem;
content: "»";
}
.notificationbar--primary {
color: var(--wp--custom--color--notificationbar-primary-text);
background-color: var(--wp--custom--color--notificationbar-primary-background);
}
.notificationbar--primary .notificationbar__inner {
font-size: var(--wp--custom--font-size--notificationbar-primary);
text-align: var(--wp--custom--text-align--notificationbar-primary);
}
.notificationbar--secondary {
margin-top: 1rem;
margin-bottom: -1rem;
color: var(--wp--custom--color--notificationbar-secondary-text);
background-color: var(--wp--custom--color--notificationbar-secondary-background);
}
.notificationbar--secondary .notificationbar__inner {
font-size: var(--wp--custom--font-size--notificationbar-secondary);
text-align: var(--wp--custom--text-align--notificationbar-secondary);
}
.media {
border-top: 1px solid var(--wp--custom--color--border);
}
.media:last-child {
border-bottom: 1px solid var(--wp--custom--color--border);
}
.media .media__link {
display: block;
text-decoration: none;
}
.media .media__img-wrapper {
flex-shrink: 0;
width: calc(var(--wp--custom--width--thumbnail-aspect-ratio, 1.91) / var(--wp--custom--height--thumbnail-aspect-ratio, 1) * 38%);
max-width: 38%;
margin-right: 0.75rem;
overflow: hidden;
}
@media (min-width: 768px) {
.media .media__img-wrapper {
width: calc(var(--wp--custom--width--thumbnail-aspect-ratio, 1.91) / var(--wp--custom--height--thumbnail-aspect-ratio, 1) * 20%);
max-width: 33%;
margin-right: 1.5rem;
}
}
.media .media__img-wrapper2 {
position: relative;
padding-top: calc(var(--wp--custom--height--thumbnail-aspect-ratio, 1) / var(--wp--custom--width--thumbnail-aspect-ratio, 1.91) * 100%);
}
.media .media__img-wrapper--no-thumb .media__img-wrapper2 {
background-color: var(--wp--custom--color--background-tertiary);
}
.media .media__img-wrapper img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.media .media__content {
width: 100%;
}
.media .media__meta {
list-style: none;
}
.media .media__date {
display: block;
flex-shrink: 0;
line-height: 1;
color: var(--wp--custom--color--text-secondary);
}
.media .media__cat {
padding: 0.1rem 0.25rem;
font-size: 0.6875rem;
line-height: 1;
}
.media h2.media__title,
.media .media__title {
margin-bottom: 0;
}
.media:not(.media--has-img):is(:hover, :focus) .media__cat,
.media:not(.media--has-img):is(:hover, :focus) .media__title {
color: var(--wp--custom--color--text-primary);
}
.media:not(.media--has-img):is(:hover, :focus) .media__date {
color: var(--wp--custom--color--text-secondary);
}
.media:not(.media--has-img):is(:hover, :focus) .media__title {
color: var(--wp--preset--color--accent);
}
.media:not(.media--has-img) .media__link {
padding-top: 0.95rem;
padding-bottom: 0.75rem;
}
.media:not(.media--has-img) .media__content {
display: flex;
flex-direction: column-reverse;
align-items: start;
}
.media:not(.media--has-img) .media__meta {
display: flex;
gap: 0.5rem;
align-items: center;
padding: 0;
margin: 0;
}
.media:not(.media--has-img) .media__date {
font-size: 0.875rem;
}
.media:not(.media--has-img) .media__cat {
background-color: var(--wp--custom--color--background-tertiary);
}
.media:not(.media--has-img) p.media__txt {
display: none;
}
.media:not(.media--has-img) h2.media__title,
.media:not(.media--has-img) .media__title {
margin-top: 0.25rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
}
.media.media--has-img {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
.media.media--has-img .media__img-wrapper {
transition: opacity 0.25s;
}
.media.media--has-img:is(:hover, :focus) .media__img-wrapper {
opacity: 0.7;
}
.media.media--has-img .media__link {
display: flex;
align-items: start;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
color: inherit;
}
@media (min-width: 768px) {
.media.media--has-img .media__link {
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.media.media--has-img .media__meta {
padding-left: 0;
margin-top: 0.5rem;
}
@media (min-width: 768px) {
.media.media--has-img .media__meta {
margin-top: 1rem;
}
}
.media.media--has-img .media__date {
font-size: 0.75rem;
}
.media.media--has-img .media__cat {
position: absolute;
top: 0;
left: 0;
z-index: 1;
color: #fff;
background-color: var(--wp--preset--color--accent);
}
@media (min-width: 768px) {
.media.media--has-img .media__cat {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
}
.media.media--has-img p.media__txt {
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.5;
color: var(--wp--custom--color--text-secondary);
}
@media (max-width: 767px) {
.media.media--has-img p.media__txt {
display: none;
}
}
@media (min-width: 768px) {
.media.media--has-img p.media__txt {
margin-top: 0.75rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.media.media--has-img p.media__txt {
font-size: 0.75rem;
}
}
@media (min-width: 992px) {
.media.media--has-img p.media__txt {
font-size: 0.875rem;
}
}
.media.media--has-img h2.media__title,
.media.media--has-img .media__title {
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.3;
}
@media (min-width: 768px) {
.media.media--has-img h2.media__title,
.media.media--has-img .media__title {
font-size: 1.25rem;
line-height: 1.5;
}
}
[class*=widget-mobile-navigation-] .media {
background-color: #fff;
}
[class*=widget-mobile-navigation-] .media .media__link {
padding: 0.75rem;
}
[class*=widget-mobile-navigation-] .media .media__img-wrapper {
margin-right: 0.75rem;
}
[class*=widget-mobile-navigation-] .media .media__cat {
padding: 0.1rem 0.25rem;
font-size: 0.6875rem;
}
[class*=widget-mobile-navigation-] .media p.media__txt {
display: none;
}
[class*=widget-mobile-navigation-] .media.media--has-img h2.media__title,
[class*=widget-mobile-navigation-] .media.media--has-img .media__title {
font-size: 0.9375rem;
line-height: 1.3;
}
[class*=widget-mobile-navigation-] .media.media--has-img .media__meta {
margin-top: 0.5rem;
}
@media (min-width: 992px) {
.japacart-sidebar .media .media__link,
.footer-widgets__col:first-child:nth-last-child(2) .media .media__link,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media .media__link,
.footer-widgets__col:first-child:nth-last-child(3) .media .media__link,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media .media__link {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.japacart-sidebar .media .media__img-wrapper,
.footer-widgets__col:first-child:nth-last-child(2) .media .media__img-wrapper,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media .media__img-wrapper,
.footer-widgets__col:first-child:nth-last-child(3) .media .media__img-wrapper,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media .media__img-wrapper {
margin-right: 0.75rem;
}
.japacart-sidebar .media .media__cat,
.footer-widgets__col:first-child:nth-last-child(2) .media .media__cat,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media .media__cat,
.footer-widgets__col:first-child:nth-last-child(3) .media .media__cat,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media .media__cat {
padding: 0.1rem 0.25rem;
font-size: 0.6875rem;
}
.japacart-sidebar .media p.media__txt,
.footer-widgets__col:first-child:nth-last-child(2) .media p.media__txt,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media p.media__txt,
.footer-widgets__col:first-child:nth-last-child(3) .media p.media__txt,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media p.media__txt {
display: none;
}
.japacart-sidebar .media.media--has-img h2.media__title,
.japacart-sidebar .media.media--has-img .media__title,
.footer-widgets__col:first-child:nth-last-child(2) .media.media--has-img h2.media__title,
.footer-widgets__col:first-child:nth-last-child(2) .media.media--has-img .media__title,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media.media--has-img h2.media__title,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media.media--has-img .media__title,
.footer-widgets__col:first-child:nth-last-child(3) .media.media--has-img h2.media__title,
.footer-widgets__col:first-child:nth-last-child(3) .media.media--has-img .media__title,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media.media--has-img h2.media__title,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media.media--has-img .media__title {
font-size: 0.9375rem;
line-height: 1.3;
}
.japacart-sidebar .media.media--has-img .media__meta,
.footer-widgets__col:first-child:nth-last-child(2) .media.media--has-img .media__meta,
.footer-widgets__col:first-child:nth-last-child(2) ~ .footer-widgets__col .media.media--has-img .media__meta,
.footer-widgets__col:first-child:nth-last-child(3) .media.media--has-img .media__meta,
.footer-widgets__col:first-child:nth-last-child(3) ~ .footer-widgets__col .media.media--has-img .media__meta {
margin-top: 0.5rem;
}
}
.sns-share--single-product {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.sns-share--single-product .sns-share__txt {
display: none;
}
.sns-share--front-top {
margin-bottom: calc(var(--wp--custom--spacing--base) * 1.25);
}
.sns-share--front-bottom {
margin-top: calc(var(--wp--custom--spacing--base) * 2);
margin-bottom: 0;
}
.sns-share--single-top, .sns-share--page-top {
margin-top: calc(var(--wp--custom--spacing--base) * -0.5);
margin-bottom: calc(var(--wp--custom--spacing--base) * 1.25);
}
.sns-share--single-bottom, .sns-share--page-bottom {
margin-top: calc(var(--wp--custom--spacing--base) * 2);
}
.page-footer + .sns-share--single-bottom {
margin-top: var(--wp--custom--spacing--base);
}
.sns-share {
display: flex;
align-items: stretch;
color: var(--wp--custom--color--text-secondary);
}
@media (min-width: 768px) {
.sns-share a:first-child:nth-last-child(6) .sns-share__txt,
.sns-share a:first-child:nth-last-child(6) ~ a .sns-share__txt {
display: none;
}
}
.sns-share a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0;
color: inherit;
text-decoration: none;
background-color: #fff;
border-top: 1px solid var(--wp--custom--color--border);
border-right: 1px solid var(--wp--custom--color--border);
border-bottom: 2px solid var(--wp--custom--color--border);
}
.sns-share a:first-child {
border-left: 1px solid var(--wp--custom--color--border);
}
.sns-share a + a {
border-left: 1px solid var(--wp--custom--color--background-tertiary);
}
.sns-share a:is(:hover, :focus) {
margin-top: 1px;
color: inherit;
cursor: pointer;
border-bottom: 1px solid var(--wp--custom--color--border);
}
@media (max-width: 767px) {
.sns-share__txt {
display: none;
}
}
@media (min-width: 768px) {
.sns-share__txt {
font-size: 0.625rem;
}
}
.sns-share svg {
display: block;
line-height: 1;
transform: scale(0.5);
}
.next-prev-nav {
display: flex;
justify-content: space-between;
margin-top: calc(var(--wp--custom--padding--content) * 1.5);
border-top: solid 1px var(--wp--custom--color--border);
border-bottom: solid 1px var(--wp--custom--color--border);
}
.next-prev-nav__item {
width: 50%;
padding: 1rem;
}
.next-prev-nav__item--next {
margin-left: auto;
text-align: right;
}
.next-prev-nav__item--next::after {
margin-left: 0.5rem;
content: ">";
}
.next-prev-nav__item--prev {
margin-right: auto;
}
.next-prev-nav__item--prev::before {
margin-right: 0.5rem;
content: "<";
}
.japacart-main [class*=pagination] {
margin-top: calc(var(--wp--custom--spacing--base) * 1.5);
}
.japacart-main [class*=pagination] .page-numbers,
.japacart-main [class*=pagination] .page-numbers-wp-link {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.japacart-main [class*=pagination] .page-numbers a,
.japacart-main [class*=pagination] .page-numbers span,
.japacart-main [class*=pagination] .page-numbers-wp-link a,
.japacart-main [class*=pagination] .page-numbers-wp-link span {
display: block;
width: 40px;
height: 40px;
overflow: hidden;
font-size: 0.9375rem;
line-height: 40px;
text-align: center;
border: 1px solid var(--wp--custom--color--border);
}
.japacart-main [class*=pagination] .page-numbers a,
.japacart-main [class*=pagination] .page-numbers-wp-link a {
text-decoration: none;
transition: background-color 0.25s;
}
.japacart-main [class*=pagination] .page-numbers a:is(:hover, :focus),
.japacart-main [class*=pagination] .page-numbers-wp-link a:is(:hover, :focus) {
background-color: var(--wp--custom--color--background-tertiary);
}
.japacart-main [class*=pagination] .page-numbers span.current,
.japacart-main [class*=pagination] .page-numbers-wp-link span.current {
color: #fff;
background-color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
}
.japacart-main [class*=pagination] .page-numbers {
list-style-type: none;
}
.japacart-main [class*=pagination] .page-numbers li {
margin-right: 0.125rem;
margin-bottom: 0.25rem;
margin-left: 0.125rem;
}
.japacart-main [class*=pagination] .page-numbers .page-numbers.next, .japacart-main [class*=pagination] .page-numbers .page-numbers.prev {
font-size: 0;
}
.japacart-main [class*=pagination] .page-numbers .page-numbers.next::after, .japacart-main [class*=pagination] .page-numbers .page-numbers.prev::after {
font-size: 1rem;
}
.japacart-main [class*=pagination] .page-numbers .page-numbers.next::after {
content: ">";
}
.japacart-main [class*=pagination] .page-numbers .page-numbers.prev::after {
content: "<";
}
.japacart-main [class*=pagination] .page-numbers-wp-link a,
.japacart-main [class*=pagination] .page-numbers-wp-link span {
margin-right: 0.125rem;
margin-bottom: 0.25rem;
margin-left: 0.125rem;
}
.comments-wrapper {
margin-top: calc(var(--wp--custom--padding--content) * 1.5);
}
.comments {
padding: 1.75rem;
background-color: var(--wp--custom--color--background-tertiary);
}
@media (min-width: 768px) {
.comments {
padding: 2.5rem;
}
}
.comments__title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
font-size: 1.125rem;
font-weight: bold;
letter-spacing: 0.05em;
}
.comments__title::before, .comments__title::after {
display: block;
flex: 1 0 0%;
min-width: 1.5rem;
height: 1px;
content: "";
background-color: currentColor;
}
.comments__title::before {
margin-right: 0.5rem;
}
.comments__title::after {
margin-left: 0.5rem;
}
.comments__list {
margin-bottom: 3rem;
list-style: none;
}
.comments__list > li {
margin-bottom: 1.5rem;
}
.comments__list .children {
margin-left: 1rem;
list-style: none;
}
.comments__reply-title {
margin-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.3;
}
.comments__reply-title small {
margin-left: 1rem;
font-size: 0.875rem;
}
.comments .logged-in-as,
.comments .comment-notes {
margin-bottom: 1rem;
}
.comments .comment-content {
font-size: 0.875rem;
}
.comments .comment-content > :last-child {
margin-bottom: 0;
}
.comments .comment-content p + p {
margin-top: 0.5rem;
}
.comments .comment-body {
padding: 1rem;
margin-bottom: 1rem;
background-color: #fff;
border-left: 3px solid var(--wp--custom--color--border);
}
.comments .comment-body .children {
margin-left: 1rem;
}
@media (min-width: 768px) {
.comments .comment-meta {
display: flex;
align-items: start;
justify-content: space-between;
}
}
.comments .comment-author {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
.comments .comment-author .avatar {
margin-right: 0.75rem;
}
.comments .comment-author .says {
margin-left: 0.5rem;
}
.comments .comment-metadata {
margin-bottom: 0.5rem;
font-size: 0.625rem;
}
.comments .comment-metadata a {
text-decoration: none;
border: 0;
}
.comments .comment-reply-link {
display: inline-block;
padding: 0.3rem 0.5rem;
margin-top: 1rem;
font-size: 0.8125rem;
line-height: 1;
color: #fff;
text-decoration: none;
letter-spacing: 0.025em;
background-color: var(--wp--custom--color--background-secondary);
border: 0;
transition: opacity 0.25s;
}
.comments .comment-reply-link:is(:hover, :focus) {
opacity: 0.7;
}
.comments label {
display: block;
}
.comments label:not([for=wp-comment-cookies-consent]) {
margin-top: 1rem;
}
.comments input:not([type=checkbox]) {
width: 100%;
}
@media (min-width: 768px) {
.comments input:not([type=checkbox]) {
width: 50%;
}
}
.comments .required {
color: #ca2424;
}
.comments .comment-form-cookies-consent {
display: flex;
align-items: flex-start;
margin-top: 1.5rem;
}
.comments .comment-form-cookies-consent input {
flex: 0 0 auto;
margin-top: 0.35rem;
margin-right: 0.75rem;
}
.comment-form .form-submit {
margin-top: 1rem;
margin-bottom: 0;
text-align: center;
}
.comment-form .form-submit [type=submit] {
width: min(100%, 20em);
padding: 1rem;
}
.post-password-form {
padding: 1.5rem;
background-color: var(--wp--custom--color--background-tertiary);
}
@media (min-width: 768px) {
.post-password-form {
padding: 2rem;
}
}
.post-password-form input[type=password],
.post-password-form input[type=submit] {
display: block;
width: 100%;
}
@media (min-width: 768px) {
.post-password-form input[type=password],
.post-password-form input[type=submit] {
width: 21.875rem;
}
}
.post-password-form input[type=submit] {
margin-top: 0.5rem;
letter-spacing: 0.1em;
}
.home-content.japacart-content {
padding-top: calc(var(--wp--custom--padding--content) * 1.75);
}
.home-slider {
visibility: hidden;
opacity: 0;
transition: opacity 1s ease;
}
.home-slider *:focus {
outline: none;
}
.home-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
.home-slider img {
width: 100%;
}
.home-slider a img {
backface-visibility: hidden;
transition: opacity 0.25s;
}
.home-slider a img:is(:hover, :focus) {
opacity: 0.7;
}
@media (min-width: 1200px) {
.home-slider:not(.is-full-width) {
max-width: calc(var(--wp--custom--width--content) + var(--wp--custom--padding--content) * 2);
padding-right: var(--wp--custom--padding--content);
padding-left: var(--wp--custom--padding--content);
margin-top: 1rem;
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767px) {
.home-slider__item--has-sm-img .home-slider__img-sm {
display: block !important;
}
}
@media (min-width: 768px) {
.home-slider__item--has-sm-img .home-slider__img-sm {
display: none !important;
}
}
@media (max-width: 767px) {
.home-slider__item--has-sm-img .home-slider__img-lg {
display: none !important;
}
}
@media (min-width: 768px) {
.home-slider__item--has-sm-img .home-slider__img-lg {
display: block !important;
}
}
@media (max-width: 767px) {
.home-slider__prev, .home-slider__next {
display: none !important;
}
}
@media (min-width: 768px) {
.home-slider__prev, .home-slider__next {
position: absolute;
bottom: -0.5rem;
z-index: 10;
padding: 0;
line-height: 1;
background: none;
border: 0;
outline: none;
transition: opacity 0.25s;
}
}
.home-slider__prev svg, .home-slider__next svg {
fill: var(--wp--custom--color--background-secondary);
}
@media (min-width: 768px) and (max-width: 991px) {
.home-slider__prev {
left: 40%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.home-slider__prev {
left: 42%;
}
}
@media (min-width: 1200px) {
.home-slider__prev {
left: 44%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home-slider__next {
right: 40%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.home-slider__next {
right: 42%;
}
}
@media (min-width: 1200px) {
.home-slider__next {
right: 44%;
}
}
.home-slider__dots {
display: flex;
justify-content: center;
margin-top: 0.75rem;
line-height: 1;
list-style: none;
}
@media (min-width: 768px) {
.home-slider__dots {
margin-top: 1rem;
}
}
.home-slider__dots li {
width: 8px;
height: 8px;
margin-right: 0.25rem;
margin-left: 0.25rem;
background-color: var(--wp--custom--color--background-secondary);
border-radius: 50%;
}
@media (min-width: 768px) {
.home-slider__dots li {
width: 10px;
height: 10px;
margin-right: 0.3rem;
margin-left: 0.3rem;
}
}
.home-slider__dots li:hover {
cursor: pointer;
}
.home-slider__dots li button {
display: none;
}
.home-slider__dots li.slick-active {
background-color: var(--wp--preset--color--accent);
}
.home-slider.slick-dotted.slick-slider {
margin-bottom: 0;
}
.page-header {
position: relative;
padding-bottom: 0.75rem;
margin-bottom: calc(var(--wp--custom--spacing--base) * 1.5);
line-height: 1.4;
border-bottom: solid 3px var(--wp--custom--color--border);
}
.page-header::after {
position: absolute;
bottom: -3px;
display: block;
width: 30%;
content: "";
border-bottom-color: var(--wp--preset--color--accent);
border-bottom-style: solid;
border-bottom-width: 3px;
}
.page-header__title {
margin-top: 0;
margin-bottom: 0;
font-size: var(--wp--custom--font-size--page-title);
}
@media (min-width: 992px) {
.page-header__title {
letter-spacing: 0.025em;
}
}
.page-header__meta {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 0.5rem;
align-items: center;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1;
}
@media (min-width: 768px) {
.page-header__meta {
gap: 0.25rem 1rem;
}
}
.page-header__date {
font-size: 0.875rem;
white-space: nowrap;
}
.page-header__date--updated {
display: none;
}
.page-header__categories {
font-size: 0.875rem;
}
@media (min-width: 768px) {
.page-header__categories {
font-size: 0.9375rem;
}
}
.page-header__categories .post-categories {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
list-style: none;
}
.page-header__categories a {
display: block;
padding: 0.2rem 0.5rem;
font-size: 0.75rem;
text-decoration: none;
background-color: var(--wp--custom--color--background-tertiary);
transition: opacity 0.25s;
}
@media (min-width: 768px) {
.page-header__categories a {
font-size: 0.8125rem;
}
}
.page-header__categories a:is(:hover, :focus) {
color: var(--wp--custom--color--text-primary);
opacity: 0.8;
}
.page-footer {
padding-top: 0.75rem;
margin-top: calc(var(--wp--custom--spacing--base) * 1.5);
border-top: 1px solid var(--wp--custom--color--border);
}
.page-footer__tags {
display: flex;
align-items: center;
justify-content: flex-end;
}
.page-footer__tags-heading {
flex-shrink: 0;
font-size: 0.875rem;
line-height: 1;
}
.page-footer__tags-heading::after {
margin-right: 0.5rem;
content: ":";
}
.page-footer__tags-list {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.page-footer__tags-list .tag-cloud-link,
.page-footer__tags-list [rel=tag] {
display: block;
padding: 0.25rem 0.5rem;
margin: 0;
font-size: 0.75rem !important;
line-height: 1;
color: var(--wp--custom--color--text-primary);
text-decoration: none;
background-color: var(--wp--custom--color--background-tertiary);
border: 0;
border-radius: 3px;
transition: opacity 0.25s;
}
.page-footer__tags-list .tag-cloud-link::before,
.page-footer__tags-list [rel=tag]::before {
content: "#";
}
.page-footer__tags-list .tag-cloud-link:is(:hover, :focus),
.page-footer__tags-list [rel=tag]:is(:hover, :focus) {
opacity: 0.8;
}
.search-results-message {
margin-bottom: 1rem;
font-size: var(--wp--custom--font-size--heading-h-5);
}
.search-results-search-field {
margin-bottom: 2rem;
}
.search-results-search-field .search {
padding: 0.5em 0.75em;
line-height: 1.3;
color: var(--wp--custom--color--text-primary);
background-color: #fff;
border: 1px solid var(--wp--custom--color--border);
position: relative;
width: 100%;
overflow: hidden;
}
.search-results-search-field .search .search-field {
width: 100%;
padding: 0 1.75rem 0 0;
border: 0;
}
.search-results-search-field .search [type=submit] {
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 100%;
font-size: 0;
background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%22-5.499%20-5.5%2032%2032%22%3E%3Cpath%20fill%3D%22%2523444444%22%20d%3D%22M20.35%2017.871l-4.974-4.23c-.516-.463-1.065-.676-1.509-.655a7.875%207.875%200%2010-.882.88c-.021.444.192.994.655%201.51l4.23%204.974c.725.805%201.908.873%202.629.15.724-.722.656-1.904-.149-2.629zM7.876%2013.126a5.25%205.25%200%2011.001-10.501%205.25%205.25%200%2001-.001%2010.501z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
border: 1px solid var(--wp--custom--color--secondary);
}
.search-results-search-field .search [type=submit]:is(:hover, :focus) {
box-shadow: none !important;
}
.search-results-search-field .search [type=submit] svg {
display: none;
}
.mw_wp_form form p,
.wpcf7 form p {
margin-top: var(--wp--custom--spacing--base);
}
.mw_wp_form form [type=text],
.mw_wp_form form [type=email],
.mw_wp_form form [type=url],
.mw_wp_form form [type=tel],
.mw_wp_form form [type=number],
.mw_wp_form form [type=password],
.mw_wp_form form [type=date],
.wpcf7 form [type=text],
.wpcf7 form [type=email],
.wpcf7 form [type=url],
.wpcf7 form [type=tel],
.wpcf7 form [type=number],
.wpcf7 form [type=password],
.wpcf7 form [type=date] {
width: min(100%, 30em);
}
.mw_wp_form form input,
.mw_wp_form form textarea,
.wpcf7 form input,
.wpcf7 form textarea {
margin-top: 0.25rem;
margin-bottom: 0.5rem;
}
.mw_wp_form form [type=submit],
.mw_wp_form form [type=button],
.wpcf7 form [type=submit],
.wpcf7 form [type=button] {
width: min(100%, 20em);
padding: 1rem;
}
.mw_wp_form .mwform-tel-field [type=text],
.mw_wp_form .mwform-zip-field [type=text] {
width: auto;
}
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
display: flex;
flex-wrap: wrap;
gap: 0 1em;
}
.wpcf7-list-item {
margin: 0;
} .entry-content::after {
display: block;
clear: both;
content: "";
}
.is-layout-flow > * + *,
.is-layout-constrained > * + * {
margin-block-start: var(--wp--custom--spacing--base);
}
.alignright,
.alignleft {
margin-bottom: var(--wp--custom--spacing--base);
}
.alignright {
margin-left: var(--wp--custom--spacing--base);
}
.alignleft {
margin-right: var(--wp--custom--spacing--base);
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
word-wrap: normal !important;
border: 0;
}
.screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000;
display: block;
width: auto;
height: auto;
padding: 15px 23px 14px;
clip: auto !important;
clip-path: none;
font-size: 1em;
line-height: normal;
color: #444;
text-decoration: none;
background-color: #eee;
}
img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
img.alignleft {
float: left;
}
img.alignright {
float: right;
}
.wp-block-group::before::after, .wp-block-group::after::after {
display: block;
clear: both;
content: "";
}
.japacart-sidebar .wp-block-categories.wp-block-categories-dropdown select,
.japacart-sidebar .wp-block-archives.wp-block-archives-dropdown select,
.footer-widgets__col .wp-block-categories.wp-block-categories-dropdown select,
.footer-widgets__col .wp-block-archives.wp-block-archives-dropdown select {
width: 100%;
}
ol.wp-block-latest-comments.aligncenter,
ul.wp-block-latest-posts:not(.is-grid).aligncenter {
display: table;
margin-right: auto;
margin-left: auto;
}
.wp-block[data-align=center] ol.wp-block-latest-comments,
.wp-block[data-align=center] ul.wp-block-latest-posts:not(.is-grid) {
display: table;
margin-right: auto;
margin-left: auto;
}
ul.wp-block-archives,
ul.wp-block-categories,
.wp-block-categories ul,
ol.wp-block-latest-comments,
ul.wp-block-latest-posts,
ul.wp-block-page-list,
ul.wp-block-rss,
ul.wp-block-social-links {
padding-left: 0;
list-style: none;
}
ul.wp-block-archives,
ul.wp-block-categories,
.wp-block-categories ul,
ol.wp-block-latest-comments,
ul.wp-block-latest-posts:not(.is-grid),
ul.wp-block-page-list,
ul.wp-block-rss:not(.is-grid) {
line-height: 1.5;
}
ul.wp-block-archives > li:not(:last-child),
ul.wp-block-categories > li:not(:last-child),
.wp-block-categories ul > li:not(:last-child),
ol.wp-block-latest-comments > li:not(:last-child),
ul.wp-block-latest-posts:not(.is-grid) > li:not(:last-child),
ul.wp-block-page-list > li:not(:last-child),
ul.wp-block-rss:not(.is-grid) > li:not(:last-child) {
margin-bottom: 0.5rem;
}
ul.wp-block-archives a,
ul.wp-block-categories a,
.wp-block-categories ul a,
ol.wp-block-latest-comments a,
ul.wp-block-latest-posts:not(.is-grid) a,
ul.wp-block-page-list a,
ul.wp-block-rss:not(.is-grid) a {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
ul.wp-block-categories li:not(:last-child) ul,
.wp-block-categories ul li:not(:last-child) ul,
ul.wp-block-page-list li:not(:last-child) ul {
margin-bottom: 1rem;
}
ul.wp-block-categories ul,
.wp-block-categories ul ul,
ul.wp-block-page-list ul {
padding-left: 0;
margin-top: 0.5rem;
margin-left: 0.5rem;
font-size: 0.875rem;
list-style: none;
}
ul.wp-block-categories ul > li,
.wp-block-categories ul ul > li,
ul.wp-block-page-list ul > li {
position: relative;
display: block;
padding-left: 1em;
margin-bottom: 0.5rem;
}
ul.wp-block-categories ul > li::before,
.wp-block-categories ul ul > li::before,
ul.wp-block-page-list ul > li::before {
position: absolute;
left: 0;
content: "-";
}
ul.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image a {
text-decoration: none;
border-bottom: 0;
}
.wp-block-group.has-background,
.wp-block-columns.has-background,
.wp-block-column.has-background,
.wp-block-media-text.has-background,
.wp-block-details.has-background,
.wp-block-file.has-background,
p.has-background,
header.has-background,
main.has-background,
section.has-background,
article.has-background,
aside.has-background,
footer.has-background {
padding: var(--wp--custom--spacing--base);
}
.wp-block-group.has-background > a:is(:hover, :focus),
.wp-block-columns.has-background > a:is(:hover, :focus),
.wp-block-column.has-background > a:is(:hover, :focus),
.wp-block-media-text.has-background > a:is(:hover, :focus),
.wp-block-details.has-background > a:is(:hover, :focus),
.wp-block-file.has-background > a:is(:hover, :focus),
p.has-background > a:is(:hover, :focus),
header.has-background > a:is(:hover, :focus),
main.has-background > a:is(:hover, :focus),
section.has-background > a:is(:hover, :focus),
article.has-background > a:is(:hover, :focus),
aside.has-background > a:is(:hover, :focus),
footer.has-background > a:is(:hover, :focus) {
opacity: 0.7;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 0.5em 0.75em;
}
ul.has-background[class*=has-background],
ol.has-background[class*=has-background] {
padding-left: calc(var(--wp--custom--spacing--base) + 1.3rem);
}
.has-japacart-accent-color {
color: var(--wp--preset--color--accent);
}
.has-japacart-very-light-pink-color {
color: #ffe9ec;
}
.has-japacart-very-light-blue-color {
color: #e8f4f8;
}
.has-japacart-very-light-yellow-color {
color: #ffffd4;
}
.has-japacart-white-color {
color: #fff;
}
.has-japacart-accent-background-color {
background-color: var(--wp--preset--color--accent);
}
.has-japacart-very-light-pink-background-color {
background-color: #ffe9ec;
}
.has-japacart-very-light-blue-background-color {
background-color: #e8f4f8;
}
.has-japacart-very-light-yellow-background-color {
background-color: #ffffd4;
}
.has-japacart-white-background-color {
background-color: #fff;
}
p > a {
padding-right: 0.25em;
padding-left: 0.25em;
border-bottom: 1px dashed currentColor;
}
p > a:not(.wp-element-button) {
text-decoration: none;
}
.wp-block-heading {
margin-block-start: 2.25em;
}
.wp-block-group.is-layout-flex .wp-block-heading {
margin-block-start: 0;
}
h2.wp-block-heading:not([class*=is-style-japacart-heading-]),
.is-style-japacart-heading-left-border {
padding-left: 0.75em;
letter-spacing: 0.025em;
border-left: 2px solid currentColor;
}
h3.wp-block-heading:not([class*=is-style-japacart-heading-]),
.is-style-japacart-heading-bottom-border {
padding-bottom: 0.25em;
border-bottom: 2px solid currentColor;
}
.is-style-japacart-heading-horizontal-lines {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-weight: bold;
line-height: var(--wp--custom--line-height--heading, 1.5);
letter-spacing: 0.025em;
}
.is-style-japacart-heading-horizontal-lines::before, .is-style-japacart-heading-horizontal-lines::after {
position: relative !important;
flex-grow: 1;
min-width: 1.5rem;
height: 1px;
content: "";
background-color: currentColor;
}
.is-style-japacart-heading-horizontal-lines::before {
margin-right: 0.5rem;
}
.is-style-japacart-heading-horizontal-lines::after {
margin-left: 0.5rem;
}
.wp-block-quote cite {
position: relative;
display: block;
margin-top: 1em;
font-size: 0.8125rem;
font-style: normal;
color: var(--wp--custom--color--text-secondary);
}
.wp-block-pullquote p {
margin: 0;
}
.wp-block-pullquote blockquote {
margin: 0;
border-left: 0;
}
.wp-block-pullquote blockquote .wp-block-pullquote__citation,
.wp-block-pullquote blockquote cite {
margin-top: var(--wp--custom--spacing--base);
}
.wp-block-pullquote:not(.is-style-solid-color) {
border-top: 4px solid var(--wp--custom--color--border);
border-bottom: 4px solid var(--wp--custom--color--border);
}
.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation,
.wp-block-pullquote:not(.is-style-solid-color) cite {
color: var(--wp--custom--color--text-secondary);
}
.wp-block-pullquote.is-style-solid-color {
padding: calc(var(--wp--custom--spacing--base) * 1.5);
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
.wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color blockquote cite {
color: currentColor;
}
.wp-block-table table,
.wp-block-table.is-style-stripes table {
max-width: 100%;
border-spacing: 0;
}
.wp-block-table table th,
.wp-block-table.is-style-stripes table th {
font-weight: bold;
}
.wp-block-table table th,
.wp-block-table table td,
.wp-block-table.is-style-stripes table th,
.wp-block-table.is-style-stripes table td {
padding: 1rem;
border: 1px solid var(--wp--custom--color--border);
}
.wp-block-table table thead,
.wp-block-table.is-style-stripes table thead {
border-bottom: 0;
}
.wp-block-table table tfoot,
.wp-block-table.is-style-stripes table tfoot {
border-top: 0;
}
.wp-block-table table table,
.wp-block-table.is-style-stripes table table {
border-spacing: 0;
}
.has-background .wp-block-table table th,
.has-background .wp-block-table table td {
border-color: currentColor;
}
.wp-block-verse {
padding: 1rem;
font-family: inherit;
border: 3px double var(--wp--custom--color--border);
}
.wp-block-file__button:is(:hover, :focus) {
color: #fff;
}
.wp-block-media-text .wp-block-media-text__content > * + * {
margin-block-start: var(--wp--custom--spacing--base);
margin-block-end: 0;
}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
}
@media (max-width: 600px) {
.wp-block-media-text .wp-block-media-text__content {
padding-top: var(--wp--custom--spacing--base);
padding-right: 0;
padding-left: 0;
}
}
.wp-block-buttons {
gap: 0.5rem;
}
.wp-block-button__link {
transition: opacity 0.25s;
}
.wp-block-button__link:is(:hover, :focus) {
opacity: 0.7;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
background-color: var(--wp--preset--color--accent);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:is(:hover, :focus) {
color: #fff;
}
[class*=widget-mobile-navigation-] .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
border: 1px solid #fff;
}
.wp-block-separator {
margin: calc(var(--wp--custom--spacing--base) * 1.75) auto;
clear: both;
border: 0;
border-bottom: 2px solid var(--wp--custom--color--border);
opacity: 1;
}
.wp-block-separator[class*=-color] {
border-color: currentColor;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 6.25rem;
}
.wp-block-separator.has-background:not(.is-style-dots) {
height: 1px;
border-bottom: 0;
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator.is-style-dots {
margin-top: var(--wp--custom--spacing--base);
margin-bottom: var(--wp--custom--spacing--base);
border-bottom: 0;
}
.wp-block-separator.is-style-dots::before {
padding-left: 0.5rem;
font-size: 40px;
letter-spacing: 0.5rem;
}
@media (min-width: 768px) {
.wp-block-separator.is-style-dots::before {
padding-left: 1rem;
letter-spacing: 1rem;
}
}
.wp-block.wp-block-separator:not(.is-style-dots) {
margin: calc(var(--wp--custom--spacing--base) * 1.75) auto;
}
.wp-block-calendar .wp-calendar-table {
width: 100%;
margin-right: auto;
margin-left: auto;
font-size: 0.875rem;
text-align: center;
background-color: #fff;
}
.wp-block-calendar .wp-calendar-table a {
display: block;
width: 1.8rem;
height: 1.8rem;
margin: auto;
line-height: 1.8rem;
color: #fff;
text-decoration: none;
background-color: var(--wp--preset--color--accent);
border: 1px solid #fff;
border-radius: 50%;
transition: opacity 0.25s;
}
.wp-block-calendar .wp-calendar-table a:is(:hover, :focus) {
opacity: 0.8;
}
.wp-block-calendar .wp-calendar-table th,
.wp-block-calendar .wp-calendar-table td {
height: 2.5rem;
padding: 0;
vertical-align: middle;
border: 1px solid var(--wp--custom--color--border);
}
.wp-block-calendar .wp-calendar-table th {
width: 14.2857142857%;
font-weight: bold;
color: var(--wp--custom--color--text-primary);
background-color: var(--wp--custom--color--background-tertiary);
}
.wp-block-calendar .wp-calendar-table td#today {
font-weight: bold;
}
.wp-block-calendar .wp-calendar-table caption {
margin-bottom: 0.25rem;
font-size: 1.125rem;
font-weight: bold;
}
.wp-block-calendar .wp-calendar-table + .wp-calendar-nav {
display: flex;
justify-content: space-between;
}
.wp-block-calendar[class*=has-] th,
.wp-block-calendar[class*=has-] td {
color: inherit;
background-color: inherit;
}
.widget-pc-header .wp-block-calendar .wp-calendar-table caption {
color: var(--wp--custom--color--header-text);
}
[class*=widget-mobile-navigation-] .wp-block-calendar .wp-calendar-table caption {
color: #fff;
}
.wp-block-latest-posts__featured-image {
margin-bottom: 0.5rem;
}
.wp-block-search .wp-block-search__label {
font-weight: bold;
}
.wp-block-search .wp-block-search__input {
font-family: inherit;
font-size: inherit;
appearance: none;
outline: none;
padding: 0.5em 0.75em;
line-height: 1.3;
color: var(--wp--custom--color--text-primary);
background-color: #fff;
border: 1px solid var(--wp--custom--color--border);
}
.wp-block-search .wp-block-search__button {
font-family: inherit;
font-size: inherit;
appearance: none;
outline: none;
padding: calc(0.5em + 1px) calc(1em + 1px);
line-height: 1.3;
color: #fff;
text-decoration: none;
cursor: pointer;
background: var(--wp--preset--color--accent);
border: 0;
transition: opacity 0.25s;
display: flex;
align-items: center;
white-space: nowrap;
background-color: var(--wp--custom--color--background-primary);
border: 1px solid var(--wp--custom--color--background-secondary);
margin-left: 4px;
}
.wp-block-search .wp-block-search__button:is(:hover, :focus) {
opacity: 0.8;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: #fff;
border-color: var(--wp--custom--color--border);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0.25em 0.25em 0.25em 0.5em;
}
.widget-pc-header .wp-block-search .wp-block-search__label {
color: var(--wp--custom--color--header-text);
}
[class*=widget-mobile-navigation-] .wp-block-search .wp-block-search__label {
color: #fff;
}
.wp-block-tag-cloud {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.wp-block-tag-cloud .tag-cloud-link,
.wp-block-tag-cloud [rel=tag] {
display: block;
padding: 0.25rem 0.5rem;
margin: 0;
font-size: 0.75rem !important;
line-height: 1;
color: var(--wp--custom--color--text-primary);
text-decoration: none;
background-color: var(--wp--custom--color--background-tertiary);
border: 0;
border-radius: 3px;
transition: opacity 0.25s;
}
.wp-block-tag-cloud .tag-cloud-link::before,
.wp-block-tag-cloud [rel=tag]::before {
content: "#";
}
.wp-block-tag-cloud .tag-cloud-link:is(:hover, :focus),
.wp-block-tag-cloud [rel=tag]:is(:hover, :focus) {
opacity: 0.8;
}
.widget_block :where(ul, ol),
.is-layout-flow :where(ul, ol) {
padding-left: 1.3em;
}
.widget_block :where(li),
.is-layout-flow :where(li) {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.widget_block .wp-block-list,
.is-layout-flow .wp-block-list {
padding-left: 1.3em;
} .widget:not(.widget_block) {
overflow: hidden;
}
.widget + .widget {
margin-top: calc(var(--wp--custom--spacing--base) * 1.5);
}
.widget.widget_block .wp-block-heading {
margin-block-start: var(--wp--custom--spacing--base);
margin-bottom: calc(var(--wp--custom--spacing--base) / 3 * -1);
}
.widget.widget_block .wp-block-heading:first-child {
margin-block-start: 0;
}
.widget-title,
.widgettitle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.0625rem;
font-weight: bold;
line-height: var(--wp--custom--line-height--heading);
letter-spacing: 0.025em;
}
.widget-title::before, .widget-title::after,
.widgettitle::before,
.widgettitle::after {
display: block;
flex: 1 0 0%;
min-width: 1.5rem;
height: 1px;
content: "";
background-color: currentColor;
}
.widget-title::before,
.widgettitle::before {
margin-right: 0.5rem;
}
.widget-title::after,
.widgettitle::after {
margin-left: 0.5rem;
}
.widget:not(.widget_text):not(.widget_block) ul,
.widget:not(.widget_text):not(.widget_block) ol {
list-style: none;
}
.widget_meta ul,
.widget_nav_menu ul,
.widget_rss ul,
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
line-height: 1.5;
}
.widget_meta ul > li:not(:last-child),
.widget_nav_menu ul > li:not(:last-child),
.widget_rss ul > li:not(:last-child),
.widget_archive ul > li:not(:last-child),
.widget_categories ul > li:not(:last-child),
.widget_pages ul > li:not(:last-child),
.widget_recent_comments ul > li:not(:last-child),
.widget_recent_entries ul > li:not(:last-child) {
margin-bottom: 0.5rem;
}
.widget_meta ul a,
.widget_nav_menu ul a,
.widget_rss ul a,
.widget_archive ul a,
.widget_categories ul a,
.widget_pages ul a,
.widget_recent_comments ul a,
.widget_recent_entries ul a {
text-decoration: none;
border-bottom: 1px dashed currentColor;
}
.widget_categories ul li:not(:last-child) ul,
.widget_pages ul li:not(:last-child) ul {
margin-bottom: 1rem;
}
.widget_categories ul ul,
.widget_pages ul ul {
margin-top: 0.5rem;
margin-left: 0.5rem;
font-size: 0.875rem;
}
.widget_categories ul ul > li,
.widget_pages ul ul > li {
position: relative;
display: block;
padding-left: 1em;
margin-bottom: 0.5rem;
}
.widget_categories ul ul > li::before,
.widget_pages ul ul > li::before {
position: absolute;
left: 0;
content: "-";
}
.widget-pc-header .widget-title,
.widget-pc-header .widgettitle,
.widget-pc-header .wp-caption-text,
.widget-pc-header .wp-calendar-table,
.widget-pc-header .wp-calendar-nav, .widget-pc-header.widget_meta, .widget-pc-header.widget_nav_menu, .widget-pc-header.widget_archive, .widget-pc-header.widget_categories, .widget-pc-header.widget_pages, .widget-pc-header.widget_recent_comments, .widget-pc-header.widget_recent_entries {
color: var(--wp--custom--color--header-text);
}
[class*=widget-mobile-navigation-] .widget-title,
[class*=widget-mobile-navigation-] .widgettitle,
[class*=widget-mobile-navigation-] .wp-caption-text,
[class*=widget-mobile-navigation-] .wp-calendar-table,
[class*=widget-mobile-navigation-] .wp-calendar-nav, [class*=widget-mobile-navigation-].widget_meta, [class*=widget-mobile-navigation-].widget_nav_menu, [class*=widget-mobile-navigation-].widget_archive, [class*=widget-mobile-navigation-].widget_categories, [class*=widget-mobile-navigation-].widget_pages, [class*=widget-mobile-navigation-].widget_recent_comments, [class*=widget-mobile-navigation-].widget_recent_entries {
color: #fff;
}
.textwidget > :first-child {
margin-top: 0;
}
.textwidget > * {
margin-top: var(--wp--custom--spacing--base);
margin-bottom: 0;
}
.textwidget :where(ul, ol) {
padding-left: 1.3em;
}
.textwidget :where(li) {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.textwidget .wp-block-list {
padding-left: 1.3em;
}
.textwidget .wp-block-heading {
margin-block-start: 2.25em;
}
.textwidget .wp-block-group.is-layout-flex .wp-block-heading {
margin-block-start: 0;
}
.textwidget h2.wp-block-heading:not([class*=is-style-japacart-heading-]),
.textwidget .is-style-japacart-heading-left-border {
padding-left: 0.75em;
letter-spacing: 0.025em;
border-left: 2px solid currentColor;
}
.textwidget h3.wp-block-heading:not([class*=is-style-japacart-heading-]),
.textwidget .is-style-japacart-heading-bottom-border {
padding-bottom: 0.25em;
border-bottom: 2px solid currentColor;
}
.textwidget .is-style-japacart-heading-horizontal-lines {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-weight: bold;
line-height: var(--wp--custom--line-height--heading, 1.5);
letter-spacing: 0.025em;
}
.textwidget .is-style-japacart-heading-horizontal-lines::before, .textwidget .is-style-japacart-heading-horizontal-lines::after {
position: relative !important;
flex-grow: 1;
min-width: 1.5rem;
height: 1px;
content: "";
background-color: currentColor;
}
.textwidget .is-style-japacart-heading-horizontal-lines::before {
margin-right: 0.5rem;
}
.textwidget .is-style-japacart-heading-horizontal-lines::after {
margin-left: 0.5rem;
}
.textwidget .wp-block-table table,
.textwidget .wp-block-table.is-style-stripes table {
max-width: 100%;
border-spacing: 0;
}
.textwidget .wp-block-table table th,
.textwidget .wp-block-table.is-style-stripes table th {
font-weight: bold;
}
.textwidget .wp-block-table table th,
.textwidget .wp-block-table table td,
.textwidget .wp-block-table.is-style-stripes table th,
.textwidget .wp-block-table.is-style-stripes table td {
padding: 1rem;
border: 1px solid var(--wp--custom--color--border);
}
.textwidget .wp-block-table table thead,
.textwidget .wp-block-table.is-style-stripes table thead {
border-bottom: 0;
}
.textwidget .wp-block-table table tfoot,
.textwidget .wp-block-table.is-style-stripes table tfoot {
border-top: 0;
}
.textwidget .wp-block-table table table,
.textwidget .wp-block-table.is-style-stripes table table {
border-spacing: 0;
}
.textwidget .has-background .wp-block-table table th,
.textwidget .has-background .wp-block-table table td {
border-color: currentColor;
}
.widget_recent_entries span {
display: block;
font-size: 0.875rem;
color: var(--wp--custom--color--text-secondary);
}
.widget_media_gallery .gallery {
display: grid;
gap: 0.5rem;
}
.widget_media_gallery .gallery-item a {
text-decoration: none;
}
.widget_media_gallery .gallery-item img {
transition: 0.25s;
}
.widget_media_gallery .gallery-item img:is(:hover, :focus) {
opacity: 0.8;
}
.widget_media_gallery .gallery-icon {
text-align: center;
}
.widget_media_gallery .gallery-columns-1 {
grid-template-columns: repeat(1, 1fr);
}
.widget_media_gallery .gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.widget_media_gallery .gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.widget_media_gallery .gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.widget_media_gallery .gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.widget_media_gallery .gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.widget_media_gallery .gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.widget_media_gallery .gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.widget_media_gallery .gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.widget_media_gallery .gallery .gallery-caption {
text-align: center;
}
.widget_media_image {
text-align: center;
}
.widget_media_image .wp-caption {
margin-right: auto;
margin-left: auto;
}
.widget_media_image a img {
backface-visibility: hidden;
transition: opacity 0.25s;
}
.widget_media_image a img:is(:hover, :focus) {
opacity: 0.8;
}
.widget_calendar .wp-calendar-table {
width: 100%;
margin-right: auto;
margin-left: auto;
font-size: 0.875rem;
text-align: center;
background-color: #fff;
border-spacing: 0;
border-collapse: collapse;
}
.widget_calendar .wp-calendar-table a {
display: block;
width: 1.8rem;
height: 1.8rem;
margin: auto;
line-height: 1.8rem;
color: #fff;
text-decoration: none;
background-color: var(--wp--preset--color--accent);
border: 1px solid #fff;
border-radius: 50%;
transition: opacity 0.25s;
}
.widget_calendar .wp-calendar-table a:is(:hover, :focus) {
opacity: 0.8;
}
.widget_calendar .wp-calendar-table th,
.widget_calendar .wp-calendar-table td {
height: 2.5rem;
padding: 0;
vertical-align: middle;
border: 1px solid var(--wp--custom--color--border);
}
.widget_calendar .wp-calendar-table th {
width: 14.2857142857%;
font-weight: bold;
color: var(--wp--custom--color--text-primary);
background-color: var(--wp--custom--color--background-tertiary);
}
.widget_calendar .wp-calendar-table td#today {
font-weight: bold;
}
.widget_calendar .wp-calendar-table caption {
margin-bottom: 0.25rem;
font-size: 1.125rem;
font-weight: bold;
}
.widget_calendar .wp-calendar-table + .wp-calendar-nav {
display: flex;
justify-content: space-between;
}
.widget_calendar .wp-calendar-table a:hover {
color: #fff;
}
.widget_categories select {
width: 100%;
}
.widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.widget_tag_cloud .tagcloud .tag-cloud-link,
.widget_tag_cloud .tagcloud [rel=tag] {
display: block;
padding: 0.25rem 0.5rem;
margin: 0;
font-size: 0.75rem !important;
line-height: 1;
color: var(--wp--custom--color--text-primary);
text-decoration: none;
background-color: var(--wp--custom--color--background-tertiary);
border: 0;
border-radius: 3px;
transition: opacity 0.25s;
}
.widget_tag_cloud .tagcloud .tag-cloud-link::before,
.widget_tag_cloud .tagcloud [rel=tag]::before {
content: "#";
}
.widget_tag_cloud .tagcloud .tag-cloud-link:is(:hover, :focus),
.widget_tag_cloud .tagcloud [rel=tag]:is(:hover, :focus) {
opacity: 0.8;
}
.widget_search:not(.widget_block) form[role=search] {
padding: 0.5em 0.75em;
line-height: 1.3;
color: var(--wp--custom--color--text-primary);
background-color: #fff;
border: 1px solid var(--wp--custom--color--border);
position: relative;
width: 100%;
overflow: hidden;
}
.widget_search:not(.widget_block) form[role=search] .search-field {
width: 100%;
padding: 0 1.75rem 0 0;
border: 0;
}
.widget_search:not(.widget_block) form[role=search] [type=submit] {
position: absolute;
top: 0;
right: 0;
width: 2.5rem;
height: 100%;
font-size: 0;
background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%22-5.499%20-5.5%2032%2032%22%3E%3Cpath%20fill%3D%22%2523444444%22%20d%3D%22M20.35%2017.871l-4.974-4.23c-.516-.463-1.065-.676-1.509-.655a7.875%207.875%200%2010-.882.88c-.021.444.192.994.655%201.51l4.23%204.974c.725.805%201.908.873%202.629.15.724-.722.656-1.904-.149-2.629zM7.876%2013.126a5.25%205.25%200%2011.001-10.501%205.25%205.25%200%2001-.001%2010.501z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
border: 1px solid var(--wp--custom--color--secondary);
}
.widget_search:not(.widget_block) form[role=search] [type=submit]:is(:hover, :focus) {
box-shadow: none !important;
}
.widget_search:not(.widget_block) form[role=search] [type=submit] svg {
display: none;
}.japacart-blocks-wc.is-empty{padding:1rem 1.25rem;border:1px solid var(--wp--custom--color--border,#ddd)}.japacart-blocks-wc.is-slider{position:relative;display:block;padding:1.875rem 1.625rem 1.5625rem;border:1px solid var(--wp--custom--color--border,#ddd)}@media (max-width:991px){.japacart-blocks-wc.is-slider{margin-right:calc(var(--wp--custom--padding--content, clamp(0.9375rem, 0.9375rem + (1vw - 7.68px) * 3.4722, 1.875rem)) * -1);margin-left:calc(var(--wp--custom--padding--content, clamp(0.9375rem, 0.9375rem + (1vw - 7.68px) * 3.4722, 1.875rem)) * -1);border-right:none;border-left:none}}.japacart-blocks-wc.is-slider .woocommerce.columns-1{padding-bottom:5px}.japacart-blocks-wc.is-slider ul.products{display:block;visibility:hidden;margin-top:0!important;margin-left:0!important;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;opacity:0}.japacart-blocks-wc.is-slider ul.products.slick-initialized{visibility:visible;opacity:1}.japacart-blocks-wc.is-slider ul.products li.products-item{margin-top:auto!important;margin-bottom:0;margin-left:auto!important;padding-right:10px;padding-bottom:0;padding-left:10px}.japacart-blocks-wc.is-slider ul.products.columns-1 li.products-item{padding-bottom:0;border-bottom:none}.japacart-blocks-wc.is-slider ul.products.columns-1 li.products-item:first-child{padding-top:0;border-top:none}.products-slider-next,.products-slider-prev{position:absolute;z-index:10;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:100%;padding:0;opacity:0.7;border:none;outline:none;background:none;font-size:20px}@media (hover:hover){.products-slider-next,.products-slider-prev{-webkit-transition:opacity 0.25s;transition:opacity 0.25s}.products-slider-next:hover,.products-slider-prev:hover{cursor:pointer;opacity:0.5}}.products-slider-next svg,.products-slider-prev svg{fill:var(--wp--custom--color--text-primary,#444)}.products-slider-prev{left:-23px}.products-slider-next{right:-23px}[class*=widget-mobile-navigation-] .japacart-blocks-wc.is-slider{margin-right:0;margin-left:0}[class*=widget-mobile-navigation-] .japacart-blocks-wc.is-slider .products-slider-prev{left:-28px}[class*=widget-mobile-navigation-] .japacart-blocks-wc.is-slider .products-slider-next{right:-28px}[class*=widget-mobile-navigation-] .japacart-blocks-wc.is-slider svg{fill:#fff}body .extendedwopts-show {
display: none;
}
body .widgetopts-hide_title .widget-title {
display: none;
}
body .extendedwopts-md-right {
text-align: right;
}
body .extendedwopts-md-left {
text-align: left;
}
body .extendedwopts-md-center {
text-align: center;
}
body .extendedwopts-md-justify {
text-align: justify;
}
@media screen and (min-width: 1181px) {
body .extendedwopts-hide.extendedwopts-desktop {
display: none !important;
}
body .extendedwopts-show.extendedwopts-desktop {
display: block;
}
body .widget.clearfix-desktop {
clear: both;
}
}
@media screen and (max-width: 1024px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet {
display: none !important;
}
body .extendedwopts-show.extendedwopts-tablet {
display: block;
}
body .widget.clearfix-desktop {
clear: none;
}
body .widget.clearfix-tablet {
clear: both;
}
}
@media screen and (max-width: 767px) and (orientation: Portrait) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
body .extendedwopts-hide.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: block !important;
}
body .extendedwopts-show.extendedwopts-tablet:not(.extendedwopts-mobile) {
display: none !important;
}
body .extendedwopts-hide.extendedwopts-mobile {
display: none !important;
}
body .extendedwopts-show.extendedwopts-mobile {
display: block;
}
body .widget.clearfix-desktop,
body .widget.clearfix-tablet {
clear: none;
}
body .widget.clearfix-mobile {
clear: both;
}
}
.panel-cell-style:after {
content: "";
display: block;
clear: both;
position: relative;
}