/* Source: https://nanala-animal-line.com/wp-includes/blocks/social-links/style.min.css?ver=6.5.5 */ .wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{color:currentColor;fill:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads,.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-gravatar{color:#1d4fc4}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-threads,.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-x{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000} /* Source: https://nanala-animal-line.com/wp-includes/blocks/cover/style.min.css?ver=6.5.5 */ .wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;width:100%;z-index:1}.wp-block-cover h1:where(:not(.has-text-color)),.wp-block-cover h2:where(:not(.has-text-color)),.wp-block-cover h3:where(:not(.has-text-color)),.wp-block-cover h4:where(:not(.has-text-color)),.wp-block-cover h5:where(:not(.has-text-color)),.wp-block-cover h6:where(:not(.has-text-color)),.wp-block-cover p:where(:not(.has-text-color)),.wp-block-cover-image h1:where(:not(.has-text-color)),.wp-block-cover-image h2:where(:not(.has-text-color)),.wp-block-cover-image h3:where(:not(.has-text-color)),.wp-block-cover-image h4:where(:not(.has-text-color)),.wp-block-cover-image h5:where(:not(.has-text-color)),.wp-block-cover-image h6:where(:not(.has-text-color)),.wp-block-cover-image p:where(:not(.has-text-color)){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000} /* Source: https://nanala-animal-line.com/wp-content/themes/yadori/assets/styles/form.css?ver=1769073677 */ @charset "UTF-8"; /************************************************************** * カスタムプロパティ * //MEMO レスポンスフォントの設定の参考：https://hello.cuberto.com/ **************************************************************/ :root { --form-control-readonly-bg: #dfdfdf; --form-control-border-radius: 0.5rem; --required-mark-border-radius: 30px; } #form { --wp--preset--color--background: #dddddd; --wp--preset--color--warning: var(--wp--preset--color--primary); } /************************************************************** * フォーム系のコンポーネント **************************************************************/ /* c-form-steps ************************************************/ .c-form-steps { counter-reset: form-steps-counter; } .c-form-steps { display: grid; grid-template-columns: repeat(3, calc(120/550 * 100%)); gap: 1rem; justify-content: center; margin-bottom: calc(60/16 * 1rem); } .c-form-steps > li { position: relative; height: calc(120/550 * 100%); counter-increment: form-steps-counter; } .c-form-steps__item { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; font-weight: bold; letter-spacing: 0.1em; color: var(--wp--preset--color--foreground-inverted); border-radius: 50%; background-color: #ffffff; } .c-form-steps__item > span { position: relative; top: 0.1rem; } .c-form-steps__item > span::before { content: counter(form-steps-counter, decimal-leading-zero); display: block; font-family: var(--alphabetic-font); font-size: var(--wp--preset--font-size--small); } @media all and (min-width: 768px) { .c-form-steps { gap: calc(20/16 * 1rem); } } /* states */ .c-form-steps__item[class*="--current"] { background: var(--wp--preset--color--primary); animation: step-item-blinking 1s ease-out forwards; animation-delay: 0.5s; } @keyframes step-item-blinking { 0% { background: var(--wp--preset--color--primary); } 50% { background: #ffffff; } 100% { background: var(--wp--preset--color--primary); } } /* c-form-control ************************************************/ .c-form-control { position: relative; display: grid; } .c-form-control:not(:last-child) { padding-top: 5%; padding-bottom: 2.5%; } [data-layout="bundle"] .c-form-control[class*="--special"] { grid-template-columns: 100%; border-bottom: none; } .c-form-control__label { position: relative; display: block; margin-bottom: 10px; padding-top: 0.85rem; font-size: calc(18/16 * 1rem); font-weight: 600; line-height: 1.5; letter-spacing: 0.15em; } .c-form-control__box { display: grid; gap: 1rem; width: 100%; padding-bottom: 1rem; border-bottom: 1px dashed var(--wp--preset--color--primary, #000000); } .c-form-control__input, .c-form-control__textarea { position: relative; display: block; width: 100%; padding: 1rem; font-size: 16px; border: none; color: #000000; border-radius: var(--form-control-border-radius); background: transparent; } /* input */ .c-form-control__input:placeholder-shown, .c-form-control__textarea:placeholder-shown { font-size: 16px; color: rgba(0, 0, 0, 0.5); } .c-form-control__input:focus, .c-form-control__textarea:not(.privacy-textarea):focus { font-size: 16px; outline: auto; } .c-form-control__input + .c-form-control__input { margin-top: calc(20/16 * 1rem); } /* checkbox / radio */ .c-form-control__option { display: block; margin-top: 1rem; margin-right: calc(35/16 * 1rem); cursor: pointer; } .c-form-control__option br { display: none; } .c-form-control__option input[type="radio"], .c-form-control__option input[type="checkbox"] { all: revert; } .c-form-control__option:first-child { margin-top: 0; } .c-form-control__option label { cursor: pointer; } /* textarea */ .c-form-control__textarea { resize: vertical; } .c-form-control__textarea:is(.privacy-textarea) { font-size: 12px; color: var(--wp--preset--color--foreground); border: 1px solid currentColor; background-color: transparent; border-color: var(--wp--preset--color--primary); } @media all and (max-width: 1023px) { .c-form-control__option input[type="radio"], .c-form-control__option input[type="checkbox"] { position: relative; top: 0.15rem; } } @media all and (min-width: 1024px) { [data-layout="bundle"] .c-form-control { grid-template-columns: calc(256/16 * 1rem) 1fr; align-items: flex-start; gap: 1rem; } .c-form-control:not(:last-child) { /* padding-top: calc(40/16 * 1rem); */ padding-bottom: calc(40/16 * 1rem); /* border-bottom: 1px solid var(--wp--preset--color--foreground-inverted); */ } .c-form-control__option input[type="radio"], .c-form-control__option input[type="checkbox"] { margin-right: 0.5rem; filter: grayscale(1); } } /* states */ .c-form-control__input:read-only, .c-form-control__textarea:not(.privacy-textarea):read-only { background: var(--form-control-readonly-bg); border-color: var(--form-control-readonly-bg); } .c-form-control__box .c-form-control__input[class*="is-invalid"], .c-form-control__box .c-form-control__textarea[class*="is-invalid"] { border-color: var(--wp--preset--color--warning, #ff4040); } /* c-required-mark ************************************************/ .c-required-mark { position: relative; top: -2px; display: inline-flex; align-items: center; height: 20px; margin-left: 1rem; padding-left: calc(10/16 * 1rem); padding-right: calc(10/16 * 1rem); font-size: calc(10/16 * 1rem); line-height: 1; letter-spacing: 0.1em; color: var(--wp--preset--color--foreground-inverted, #000000); text-align: center; border-radius: var(--required-mark-border-radius); border: 1px solid var(--wp--preset--color--warning, #ff4040); background-color: var(--wp--preset--color--warning, #ff4040); } @media all and (min-width: 1024px) { .c-required-mark { font-size: 75%; } } /* c-form-acceptance ************************************************/ .c-form-acceptance { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 40px; } .c-form-acceptance__checkbox { all: revert; position: relative; top: 0.1rem; left: -0.1rem; cursor: pointer; transform: scale(1.5); } .c-form-acceptance__label { position: relative; top: 0.1rem; margin-left: 0.5rem; line-height: 1; cursor: pointer; text-shadow: none; } @media all and (max-width: 1023px) { .c-form-acceptance { text-align: center; } .c-form-acceptance__checkbox { position: relative; vertical-align: baseline; margin-right: 1rem; } } /************************************************************** * フォーム その他 **************************************************************/ /* honeypot （スパム対策） ************************************************/ .form-honeypot { display: none; } /* form-onward ************************************************/ .form-onward { display: grid; justify-content: center; margin-bottom: calc(60/16 * 1rem); } @media all and (min-width: 1024px) { .form-onward { max-width: calc(515/16 * 1rem); margin-left: auto; margin-right: auto; } } /* form-comfirm ************************************************/ .form-comfirm { margin-bottom: calc(60/16 * 1rem); text-align: center; } .form-comfirm > p { color: var(--wp--preset--color--primary); } /* form-thanks ************************************************/ .form-thanks { position: relative; } .form-thanks__txt { margin-top: 2rem; /* color: var(--wp--preset--color--foreground-inverted, #ffffff); */ text-align: left; } .form-check-mark { display: block; max-width: 60%; margin: auto; opacity: 0; } i.form-check-mark { opacity: 0; transform: translateY(15%); } /* i.form-check-mark svg path { fill: var(--wp--preset--color--foreground-inverted, #ffffff); } */ @media all and (min-width: 1024px) { .form-check-mark { max-width: 100%; } .form-thanks__txt { /* text-align: center; */ letter-spacing: 0; } } /* form-processing-status ************************************************/ .form-processing-status { display: grid; justify-content: center; text-align: center; } .form-processing-status__msg { margin-top: 4rem; font-size: calc(18/16 * 1rem); font-weight: bold; /* color: var(--wp--preset--color--foreground-inverted, #ffffff); */ } /* form-processing-animation ************************************************/ .form-processing-animation { transform: scale(0.7); } /* form-submit-area ************************************************/ .form-submit-area { display: grid; grid-template-columns: 100%; justify-content: center; margin-top: calc(20/16 * 1rem); text-align: center; } .form-submit-area .wp-block-buttons { display: flex; justify-content: center; gap: calc(20/16 * 1rem); } .form-submit-area .form-back-btn { background-color: #cccccc !important; } .form-submit-area .form-back-btn::after { display: none; } @media all and (max-width: 1023px) { .form-submit-area .wp-block-buttons { flex-flow: column; } .form-submit-area .wp-block-buttons > .wp-block-button { width: 100%; } } /* animations */ .form-processing-animation.is-loading .spinner-icn { display: block; border-radius: 50%; border: 1rem dotted #000; animation: form-spinner-rotation 2s linear backwards infinite; } .spinner-icn:not([class*="is-loading"]) { border-color: transparent; box-shadow: none; } .form-processing-animation[class*="is-animated"] .form-check-mark { animation: form-checkmark-animation 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes form-spinner-rotation { to { transform: rotate(360deg); } } @keyframes form-checkmark-animation { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @media all and (max-width: 1023px) { .form-processing-animation.is-loading .spinner-icn { height: 70px; width: 70px; } } /* Source: https://nanala-animal-line.com/wp-content/themes/yadori/style.css?ver=6.5.5 */ /*! Theme Name: やどり Author: - Author URI: - Description: - Version: 1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: yadori Tags: custom, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, wide-blocks */ /************************************************************** * CSS vars **************************************************************/ body { --alphabetic-font: var(--wp--preset--font-family--alphabetic-font); --kana-font: var(--wp--preset--font-family--kana-font); --base-font-family: var(--kana-font); --mv-text-color: #ffffff; } /************************************************************** * Global settings **************************************************************/ html, .editor-styles-wrapper { font-size: 3.733vw; scroll-behavior: smooth; } body, .editor-styles-wrapper body { position: relative; min-width: 320px; font-family: var(--base-font-family); letter-spacing: 0.05em; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden } @media (min-width: 768px) and (max-width: 1023px) { html, .editor-styles-wrapper { font-size: 1.5vw; } } @media (min-width: 1024px) { html, .editor-styles-wrapper { font-size: 0.8333vw; } } /* hover */ @media (hover: hover) { a img { transition: opacity 0.3s ease-out; } a:hover img { opacity: 0.8; } } /************************************************************** * WP styles //MEMO: cherry picked from "wp-block-library" and now defined here **************************************************************/ .wp-element-button { cursor: pointer } .has-regular-font-size { font-size: 1em } .has-larger-font-size { font-size: 2.625em } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal) } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge) } .has-text-align-center { text-align: center } .has-text-align-left { text-align: left } .has-text-align-right { text-align: right } .aligncenter { clear: both } .items-justified-left { justify-content: flex-start } .items-justified-center, .is-content-justification-center { justify-content: center } .items-justified-right { justify-content: flex-end } .items-justified-space-between { justify-content: space-between } .has-custom-color-1-gradient-background { background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } /************************************************************** * WP overrides **************************************************************/ /* wp-block-cover ********************************/ .wp-block-cover { padding: inherit; } .wp-block-cover, .wp-block-cover-image { height: 100%; } .wp-block-cover, .wp-block-cover-image { min-height: 100%; } /* wp-block-social ********************************/ .wp-block-social-links .wp-block-social-link.wp-social-link { display: inherit; } .wp-block-social-link-label.screen-reader-text { display: none; } /* wp-block-cb-carousel ********************************/ .wp-block-cb-carousel, .wp-block-cb-carousel .slick-list, .wp-block-cb-carousel .slick-track { height: 100%; } .wp-block-cb-carousel .slick-slide { padding-left: inherit; padding-right: inherit; } /************************************************************** * WPブロックの指定 (wp-) **************************************************************/ /* wp-headline ********************************/ .wp-headline { position: relative; display: table; line-height: 2.5; margin-bottom: calc(120/1920 * 100vw); margin-right: auto; margin-left: auto; padding-left: 2rem; padding-right: 2rem; } .wp-headline::before, .wp-headline::after { content: ""; position: absolute; top: 0; display: inline-flex; width: 3px; height: 50px; background-color: var(--wp--preset--color--primary); transform: skew(-30deg); } .wp-headline::before { left: 0; } .wp-headline::after { right: 0; } .wp-headline__kana { text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 0.1em; } .wp-headline__alphabetic { padding-bottom: 0.5rem; text-align: center; font-family: var(--alphabetic-font); font-size: 8vw; font-weight: 600; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--primary); } @media all and (min-width: 1024px) { .wp-headline { padding-left: 5rem; padding-right: 5rem; } .wp-headline::before, .wp-headline::after { height: 100px; } .wp-headline > p { font-size: 2.9vw; } } /* wp-section ************************************************/ .wp-section { position: relative; } /* wp-block-button ************************************************/ .wp-block-button { position: relative; } .wp-block-button:not(.has-custom-width) { width: 100%; height: 64px; } .wp-block-button .wp-block-button__link { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-left: 1.25rem; font-weight: bold; text-decoration: none; border-radius: 50px; background: var(--wp--preset--color--primary); } @media (max-width: 1023px) { .wp-block-button { min-width: 200px; margin-left: auto; margin-right: auto; } } @media (min-width: 1024px) { .wp-block-button:not(.has-custom-width) { max-width: 220px; min-width: 220px; } } /************************************************************** * コンテンツの共通要素 **************************************************************/ /* padded-content ************************************************/ .padded-content { padding-left: 5.333%; padding-right: 5.333%; } @media all and (min-width: 1024px) { .padded-content { padding-left: calc(3.66vw + 1rem); padding-right: calc(3.66vw + 1rem) } } @media all and (min-width: 1486px) { .padded-content { padding-left: calc(14vw + 1rem); padding-right: calc(14vw + 1rem) } } @media all and (min-width: 1920px) { .padded-content { margin-left: auto; margin-right: auto } } /************************************************************** * グロバル要素 **************************************************************/ /* g-header ************************************************/ .g-header { padding-left: 5.333%; padding-right: 5.333%; } .g-header__inner { position: relative; display: flex; } .g-header .wp-block-site-logo { position: relative; display: flex; align-items: center; } .g-header .wp-block-site-logo a { display: flex; width: 100%; height: 100%; } .g-header .wp-block-site-logo a img { display: block; width: 100%; margin: auto; } @media all and (max-width: 1023px) { .g-header { position: fixed; top: 0; z-index: 9999; padding-top: 5vw; padding-bottom: 5vw; } .g-header .wp-block-site-logo { width: 170px; } .g-header__nav-block { display: none; } } @media all and (min-width: 1024px) { .g-header { padding-top: 1.5vw; padding-bottom: 1.5vw; } .g-header__inner { justify-content: space-between; } .g-header__nav-block { display: flex; justify-content: flex-end; align-items: center; gap: min(2.5vw, 40px); } } /* g-nav ************************************************/ .g-nav { position: relative; top: 0.05rem; } .g-nav__list { display: grid; position: relative; } .g-nav__list > li { font-size: 1rem; font-weight: 500; } @media all and (max-width: 1023px) {} @media all and (min-width: 1024px) { .g-nav { display: flex; justify-content: flex-end; } .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; } } @media all and (min-width: 1600px) { .g-nav__list { gap: calc(40/1920 * 100vw); } } /* g-footer ************************************************/ .g-footer { position: relative; padding-left: 5.333%; padding-right: 5.333%; background-color: var(--wp--preset--color--background-secondary); } .g-footer .wp-block-column { display: flex; flex-direction: column; justify-content: space-between; } .g-footer .wp-block-site-logo { max-width: calc(410/16 * 1rem); } .g-footer .wp-block-site-logo img { filter: invert(1); } .g-footer .wp-block-social-links { display: flex; gap: calc(20/16 * 1rem); justify-content: center; } .g-footer .wp-social-link { display: flex; justify-content: center; align-items: center; width: calc(50/16 * 1rem); height: calc(50/16 * 1rem); border-radius: 50%; border: 1px solid var(--wp--preset--color--foreground) } .g-footer__inner { color: var(--wp--preset--color--foreground); } .footer-info { margin-top: calc(40/28 * 1rem); } @media all and (max-width: 1023px) { .g-footer { padding-top: calc(100/28 * 1rem); padding-bottom: calc(100/28 * 1rem); } .g-footer .wp-block-site-logo { margin: auto; } .g-footer .wp-block-social-links { margin-top: 2rem; margin-bottom: 2rem; } .footer-info > li { display: flex; align-items: baseline; } } @media all and (min-width: 1024px) { .g-footer { padding-top: calc(150/16 * 1rem); padding-bottom: calc(150/16 * 1rem); } .footer-info { margin-top: calc(60/16 * 1rem); } .footer-info > li { font-size: calc(14/16 * 1rem); } .g-footer .wp-block-social-links { justify-content: end; } } /************************************************************** * その他の要素 **************************************************************/ /* rail-horizontal-txt ************************************************/ .rail-horizontal-txt { position: relative; overflow: hidden; margin-top: -1rem; } .rail-horizontal-txt__body { overflow: hidden; display: flex; flex-wrap: nowrap; gap: 4rem; width: 100%; } .rail-horizontal-txt__body > p { display: block; flex: 0 0 auto; line-height: 1; word-break: break-all; } /* miscellany ************************************************/ /* seo-tagline */ .seo-tagline { display: none; } /* sns icons */ .line-custom-icn { position: relative; } .line-custom-icn .wp-block-social-link-anchor::before { content: ""; width: 1em; height: 1em; fill: currentColor; color: currentColor; background-repeat: no-repeat; background-position: center 0; background-size: contain; background-image: url(./assets/imagery/line_icn.svg); } .line-custom-icn .wp-block-social-link-anchor > svg { display: none; } .line-custom-icn[class*="--inverted"] .wp-block-social-link-anchor::before { filter: invert(1); } /* footer-nav */ .footer-nav { display: grid; grid-template-columns: repeat(2, 50%); gap: 1rem; } .footer-nav > li a { text-decoration: none; } @media (max-width: 1023px) { .footer-nav { margin-top: calc(60/28 * 1rem); } } @media (min-width: 1024px) { .footer-nav { gap: calc(25/16 * 1rem) calc(60/16 * 1rem); justify-content: center; max-width: 25rem; margin: auto; } } /* hover */ @media (hover: hover) { .footer-nav>li a:hover { transition: color 0.3s ease; } .footer-nav>li a:hover { color: var(--wp--preset--color--primary); } } /* copyright */ .copyright { font-family: var(--alphabetic-font); font-weight: bold; text-align: right; } @media all and (max-width: 1023px) { .copyright { text-align: center !important; } } /************************************************************** * MV **************************************************************/ .mv { position: relative; height: 100vh; } .mv__inner { z-index: 99; padding-left: 5%; padding-right: 5%; } .mv__inner .wp-block-heading { line-height: 2 !important; text-decoration: underline; text-underline-offset: 20px; text-decoration-thickness: 3px; } .mv__inner h1.wp-block-heading { font-size: 56px; font-style: normal; font-weight: 700; letter-spacing: 10px; text-transform: uppercase; color: var(--mv-text-color, #ffffff); } .mv__inner .wp-block-cover__inner-container p { font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.8; color: var(--mv-text-color, #ffffff); } @media all and (max-width: 1023px) { .mv__inner .wp-block-heading { font-size: 30px !important; line-height: 2.6 !important; } } @media all and (min-width: 1024px) { .mv__inner { padding-left: 5.8vw; padding-right: 5.8vw; } .mv__inner .wp-block-cover__inner-container p { font-size: 18px; } } /* hero* ************************************************/ .hero { position: absolute; top: 0; width: 100%; height: 100%; padding: 0; } /************************************************************** * CONCEPT **************************************************************/ .concept { position: relative; padding-top: 20vw; padding-bottom: 14vw; } .concept__body { position: relative; padding-left: 10%; } @media all and (min-width: 1024px) { .concept { padding-top: 10vw; } .concept__body { padding-left: calc(360/1920 * 100%); } } /* concept-visual-* ************************************************/ .concept-visual-1, .concept-visual-2, .concept-visual-3, .editor-styles-wrapper .concept-visual-1, .editor-styles-wrapper .concept-visual-2, .editor-styles-wrapper .concept-visual-3 { position: absolute; } .concept-visual-1 { top: 0; right: 5%; width: 28%; } .concept-visual-2 { left: 0; width: 28%; margin: auto; } .concept-visual-3 { bottom: -12vw; left: 0; right: 0; width: 38%; margin-left: auto; margin-right: auto; transform: translateX(25%); } .concept-visual-1 > img, .concept-visual-2 > img, .concept-visual-3 > img { width: 100%; } @media all and (max-width: 1023px) { .concept { overflow-x: hidden; } .concept-contents .wp-block-heading { left: 10%; font-size: 6.2vw; line-height: 1.5; } .concept-contents__inner > p br { /* display: none; */ } .concept-visual-1 { transform: translateY(-20px); } .concept-visual-2 { bottom: 2rem; transform: translateX(-30%); } } @media all and (min-width: 1024px) { .concept-visual-1 { top: -10%; } .concept-visual-2, .editor-styles-wrapper .concept-visual-2 { top: 0; left: -15%; bottom: 0; } } /* concept-contents ************************************************/ .concept-contents, .editor-styles-wrapper .concept-contents { position: relative; display: grid; justify-content: center; align-items: center; padding-top: 38vw; padding-bottom: 38vw; padding-right: 5vw; padding-left: 7vw; background-image: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } .concept-contents__inner > p { text-align: justify; } .concept-contents .wp-block-heading { position: relative; display: inline-block; text-align: left; } .concept-contents .wp-block-heading::before, .concept-contents .wp-block-heading::after { position: absolute; font-family: "EB Garamond", Georgia, "Times New Roman", Times, serif; font-size: 12vw; font-weight: 500; line-height: 0; } .concept-contents .wp-block-heading::before { content: "“"; top: 0; left: 0; transform: translateX(-120%); } .concept-contents .wp-block-heading::after { content: "”"; bottom: -15%; right: 0; transform: translateX(100%) translateY(50%); } @media all and (min-width: 1024px) { .concept-contents, .editor-styles-wrapper .concept-contents { padding-top: 13vw; padding-right: 26vw; padding-bottom: 13vw; padding-left: 20vw; } .concept-contents__inner { transform: translateX(-10%); } .concept-contents .wp-block-heading { font-size: 2.9vw; } .concept-contents .wp-block-heading::before, .concept-contents .wp-block-heading::after { font-size: 6vw; } } /************************************************************** * OUR PRIDE **************************************************************/ .pride { position: relative; padding-top: calc(200/28 * 1rem); padding-bottom: calc(140/28 * 1rem); } .pride .rail-horizontal-txt__body > p { font-family: var(--alphabetic-font); font-size: calc(200/1920 * 100vw); font-weight: 600; line-height: 1.2; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(145deg, var(--wp--preset--color--gradient-color-2) 0%, var(--wp--preset--color--gradient-color-1) 15%, var(--wp--preset--color--gradient-color-2) 100%); } @media all and (min-width: 1024px) { .pride { padding-top: calc(200/16 * 1rem); padding-bottom: calc(200/16 * 1rem); } .pride .wp-headline { text-align: center; } .pride .rail-horizontal-txt { margin-top: -6.5rem; } .pride .rail-horizontal-txt__body > p { font-size: calc(120/1024 * 100vw); } } /* pride-points ************************************************/ .pride-points { display: grid; gap: 4rem; padding-bottom: 6rem; counter-reset: pride-point-counter; } @media all and (min-width: 1024px) { .pride-points { gap: 12.5rem; padding-bottom: 12.5rem; } } /* pride-point ************************************************/ .pride-point { width: 100%; counter-increment: pride-point-counter; } .pride-point__content-block { padding-top: 7.8125vw; padding-bottom: 7.8125vw; background-color: var(--wp--preset--color--background-secondary); } .pride-point__content-block .wp-block-heading { margin-bottom: 1.25rem; } .pride-point__fig-block { position: relative; } .pride-point__fig-block > .wp-block-group, .pride-point__fig-block > .wp-block-group > .wp-block-cover { height: 100%; } .pride-point-content > h3::before { content: '―　Point' counter(pride-point-counter, decimal-leading-zero); display: block; font-family: var(--alphabetic-font); } @media all and (max-width: 1023px) { .pride-point__content-block { padding-left: 5.8vw; padding-right: 5.8vw; } .pride-point.is-animating .pride-point-content > h3, .pride-point-content > h3::before { font-size: 120%; } .pride-point__fig-block { min-height: 240px; } .pride-point__fig-block > div { width: 100%; height: 100%; } } @media all and (min-width: 1024px) { .pride-point:nth-child(even) { flex-direction: row-reverse; } body:not(.editor-styles-wrapper) .pride-point__content-block { min-height: 600px; } .pride-point:nth-child(odd) .pride-point-content { padding-left: calc(360/1920 * 100%); padding-right: 26%; } .pride-point:nth-child(even) .pride-point-content { padding-left: 26%; padding-right: calc(360/1920 * 100%); } .pride-point:nth-child(odd) .pride-point__fig-block > div { right: 100px; } .pride-point:nth-child(even) .pride-point__fig-block > div { left: 100px; } .pride-point__content-block .wp-block-heading { font-size: 1.666vw; } .pride-point-content > h3 { letter-spacing: 0.1em; } .pride-point-content > h3::before { font-size: 0.9375vw; letter-spacing: 0; } .pride-point__fig-block { display: grid; top: 5rem; } .pride-point__fig-block > div { position: relative; } } /* pride-aside ************************************************/ .pride-aside { position: relative; } .pride-aside .wp-block-heading { font-size: 1.75rem; margin-bottom: 3.125vw; color: var(--wp--preset--color--foreground); } .pride-aside .wp-block-cover__inner-container p { color: var(--wp--preset--color--foreground); } @media all and (max-width: 1023px) { .pride-aside .wp-block-cover { min-height: 60vh !important; } .pride-aside .wp-block-heading { line-height: 1.5; } .pride-aside .wp-block-cover__inner-container { padding: 5%; background-color: rgba(255, 255, 255, 0.3); } } @media all and (min-width: 1024px) { .pride-aside { padding-left: calc(360/1920 * 100%); } .pride-aside .wp-block-heading { position: relative; font-size: calc(56/1920 * 100vw); line-height: 1.57; letter-spacing: 0.1em; } .pride-aside .wp-block-heading::after { content: ""; display: block; width: 2.5rem; height: 1px; margin-top: 3.5rem; background-color: var(--wp--preset--color--primary); } .pride-aside .wp-block-cover__inner-container { max-width: 80%; margin-right: auto; } } /************************************************************** * RECOMMEND MENU **************************************************************/ .menu { margin-bottom: 5.625rem; padding-top: calc(120/28 * 1rem); padding-bottom: calc(120/28 * 1rem); } @media all and (min-width: 1024px) { .menu { padding-top: calc(120/16 * 1rem); padding-bottom: calc(120/16 * 1rem); } .menu .wp-headline { text-align: center; } } /* featured-menu-list ************************************************/ .featured-menu-list { position: relative; gap: 5rem; padding-left: 5.8vw; padding-right: 5.8vw; /* background: none !important; //MEMO can't do much here for now (it's the background needed for the admin side) */ background: none; counter-reset: featured-menu-item-counter; } .featured-menu-list::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%; margin: auto; padding-bottom: 1.875rem; background: var(--wp--preset--color--background-secondary); transform: translateY(5.625rem); } .featured-menu-list > .wp-block-column { counter-increment: featured-menu-item-counter; } @media all and (max-width: 1023px) { .featured-menu-list { padding-top: 2.5rem; } } /* menu-item ************************************************/ .menu-item { position: relative; } .menu-item__counter { position: absolute; top: 0; z-index: 99; line-height: 1; transform: translateY(calc(-100% - 5px)); } .menu-item__counter::before, .menu-item__counter::after { font-family: var(--alphabetic-font); color: var(--wp--preset--color--primary); } .menu-item__counter::before { content: "#"; position: relative; top: 0.5rem; font-size: 80%; font-weight: normal; vertical-align: top; } .menu-item__counter::after { content: counter(featured-menu-item-counter, decimal-leading-zero); font-size: 2.8rem; } .menu-item__fig { margin-bottom: 1.75rem; } .menu-item__data { position: relative; } .menu-item__data > .wp-block-heading { position: relative; margin-bottom: 1.25rem; text-align: center; font-size: 1.125rem; letter-spacing: 0.1em; } .menu-item__data > .wp-block-heading::after { content: ""; width: 2.5rem; height: 1px; display: block; margin-top: 1.25rem; margin-left: auto; margin-right: auto; background-color: currentColor; } @media all and (min-width: 1024px) { .menu-item__counter { right: 0; transform: translateX(45%) translateY(-50%); } .menu-item__counter::before { font-size: calc(32/1920 * 100vw); } .menu-item__counter::after { font-size: calc(80/1920 * 100vw); } } /************************************************************** * RECOMMEND MENU **************************************************************/ .grand-menu { position: relative; padding-top: calc(120/28 * 1rem); padding-bottom: calc(120/28 * 1rem); } @media all and (min-width: 1024px) { .grand-menu { padding-top: calc(120/16 * 1rem); padding-bottom: calc(120/16 * 1rem); } .grand-menu .wp-headline { text-align: center; } } .grand-menu__guts { display: grid; justify-content: center; } .grand-menu__guts .wp-block-columns { justify-content: center; flex-wrap: wrap; row-gap: 5rem; } @media all and (min-width: 768px) and (max-width: 1260px) { .grand-menu .wp-block-columns { flex-wrap: wrap !important; } } .grand-menu__guts .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: inherit; flex-grow: inherit; } /* grand-menu-data-block ************************************************/ .grand-menu-data-block { padding-left: 5.8vw; padding-right: 5.8vw; } .grand-menu-data-block .wp-block-heading { position: relative; text-align: center; margin-bottom: 3.125rem; font-size: 1.5rem; letter-spacing: 0.1em; } .grand-menu-data-block .wp-block-heading::after { content: "● ● ●"; display: block; margin-top: 0.75rem; font-size: 10px; color: var(--wp--preset--color--primary); } @media all and (min-width: 1024px) { .grand-menu-data-block { padding-left: 4.1666vw; padding-right: 4.1666vw; } .grand-menu__guts .wp-block-column:not(:last-child) .grand-menu-data-block { border-right: 1px dashed var(--wp--preset--color--primary); } } /* menu-price-list ************************************************/ .menu-price-list { position: relative; } .menu-price-list > li { display: flow-root; } .menu-price-list > li + li { margin-top: 1.25rem; } .menu-price-list > li span { float: right; margin-left: 1rem; } @media all and (min-width: 1024px) { .menu-price-list > li span { margin-left: 8rem; } } /************************************************************** * INSTAGRAM **************************************************************/ .instagram { padding-top: calc(160/28 * 1rem); padding-bottom: calc(160/28 * 1rem); } .instagram-heading { position: relative; } .instagram-heading > span { font-family: var(--alphabetic-font); font-size: calc(48/28 * 1rem); font-weight: bold; letter-spacing: 0.1em; margin-bottom: calc(60/28 * 1rem); } @media all and (max-width: 1023px) { .instagram-heading { text-align: center; } } @media all and (min-width: 1024px) { .instagram { padding-top: calc(200/16 * 1rem); padding-bottom: calc(200/16 * 1rem); } .instagram-heading > span { font-size: calc(60/16 * 1rem); margin-bottom: calc(60/16 * 1rem); } } /************************************************************** * NEWS **************************************************************/ .news { position: relative; padding-top: calc(120/28 * 1rem); padding-bottom: calc(200/28 * 1rem); } @media all and (min-width: 1024px) { .news { padding-top: calc(120/16 * 1rem); padding-bottom: calc(200/16 * 1rem); } .news .wp-headline { text-align: center; } } .news-list { position: relative; } .news-item { display: grid; gap: 5%; padding-top: 2.5rem; padding-bottom: 2.5rem; } .news-list li:not(:last-child) .news-item { border-bottom: 1px dashed var(--wp--preset--color--primary); } @media all and (max-width: 1023px) { .news-list { padding-left: 5.8vw; padding-right: 5.8vw; } } @media all and (min-width: 1024px) { .news-list { max-width: 57.5rem; margin: auto; } .news-item { grid-template-columns: 15% 1fr; } .news-item > dd { padding-right: 15%; } } /************************************************************** * GREETING **************************************************************/ .greeting { position: relative; } .greeting::after { content: ""; right: 0; content: ""; position: absolute; top: calc(10.4166vw + 30px); z-index: -1; display: block; width: 85%; height: calc(100% - 10.4166vw - 30px); background: var(--wp--preset--color--background-secondary); } @media all and (min-width: 1024px) { .greeting::after { top: calc(10vw - 160px); height: calc(100% - 10.4166vw + 160px); } .greeting .wp-headline { text-align: center; } } .greeting__body { position: relative; padding-bottom: 4rem; } .greeting__guts { position: relative; padding-top: 5rem; } .greeting__guts > p { width: 72%; margin-left: auto; margin-right: inherit; padding-right: 5.8vw; } @media all and (min-width: 1024px) { .greeting::after { width: calc(100% - 350px); } .greeting .wp-block-cover { min-height: 80vh; } .greeting__body { padding-bottom: 9.375rem; } .greeting__guts > p { width: 52%; padding-right: calc(360/1920 * 100vw); } } /* greeting-cover ************************************************/ .greeting-cover { overflow: visible; max-width: 1250px; margin-left: 5.8vw; } .greeting-cover__catch { font-family: var(--alphabetic-font); font-size: 12vw; letter-spacing: 0.05em; line-height: 1; color: var(--wp--preset--color--primary); transform: translateX(-2.5%) translateY(55%); background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 10%, var(--wp--preset--color--gradient-color-2) 60%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } @media all and (max-width: 767px) { .greeting-cover.wp-block-cover { min-height: 40vh !important; } } @media all and (min-width: 1024px) { .greeting-cover { min-height: 80vh; } .greeting-cover__catch { font-size: 6.25vw; transform: translateX(-2.5%) translateY(65%); } } /************************************************************** * Q&A **************************************************************/ .qa { position: relative; padding-top: calc(180/28 * 1rem); } .qa__heading-block { display: grid; justify-content: center; align-items: center; } @media all and (min-width: 1024px) { .qa .wp-headline { text-align: center; } .qa .wp-block-columns { align-items: center!important; } } @media all and (min-width: 1024px) { .qa { padding-top: calc(180/16 * 1rem); } .qa .wp-custom-headline { margin-bottom: inherit; } .qa__heading-block.is-sticky { /* position: sticky; top: 0; height: 100vh; */ } } /* qa-list ************************************************/ .qa-list { gap: 2.5rem; } .qa-data-item { padding-top: 3rem; padding-bottom: 3rem; padding-left: 5.8vw; padding-right: 5.8vw; background-color: var(--wp--preset--color--background-secondary); } .qa-data-item__question { position: relative; padding-left: 3.25rem; cursor: pointer; } .qa-data-item__question::before { content: "Q"; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; font-family: var(--alphabetic-font); color: #000000; border-radius: 50%; background-color: #ffffff; transform: translateY(-10%); } .qa-data-item__question::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; display: block; width: 0.5rem; height: 0.5rem; margin: auto; border-radius: 0.12rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } @media all and (max-width: 1023px) { .qa-data-item__question { padding-right: 1.5rem; } } @media all and (min-width: 1024px) { .qa-data-item { padding-top: 2vw; padding-bottom: 2vw; padding-left: 3.125vw; padding-right: 2.125vw; } .qa-data-item__question { position: relative; padding-left: 6.25rem; font-size: 1.125rem; } .qa-data-item__question::before { width: 3.25rem; height: 3.25rem; } .qa-data-item__answer { padding-left: 6.25rem; padding-right: 11.5vw; font-size: 0.875rem; } } /************************************************************** * SHOP INFO **************************************************************/ .shop-info { position: relative; padding-top: calc(160/28 * 1rem); padding-bottom: calc(40/28 * 1rem); } .shop-info::after { content: ""; position: absolute; top: calc(10.4166vw + 30px); left: 0; z-index: -1; display: block; width: 85%; height: calc(100% - 10.4166vw - 30px); pointer-events: none; background: var(--wp--preset--color--background-secondary); } @media all and (min-width: 1024px) { .shop-info { padding-top: calc(220/16 * 1rem); padding-bottom: calc(40/16 * 1rem); } .shop-info .wp-headline { text-align: center; } } .shop-info .wp-custom-headline { margin-bottom: calc(80/1920 * 100vw); } .shop-info__body { position: relative; gap: 4.1666vw; padding-bottom: 5rem; padding-left: 5.8vw; padding-right: 5.8vw; } .shop-info__guts { padding-top: 2rem; padding-bottom: 2rem; padding-left: 2rem; background: var(--wp--preset--color--background); } @media all and (max-width: 1023px) { .shop-info__body { flex-direction: column-reverse; } } @media all and (min-width: 1024px) { .shop-info::after { width: calc(100% - 350px); } .shop-info__body { padding-bottom: 10.375rem; } .shop-info__guts { padding-right: 3.75rem; padding-left: 3.75rem; } } /* shop-visual ************************************************/ .shop-visual { height: 250px; margin-bottom: 2rem; } .shop-visual img { object-fit: cover; height: 100%; } @media all and (max-width: 1023px) { .shop-visual img { width: 100%; } } @media all and (min-width: 1024px) { .shop-visual { height: 480px; margin-top: 3rem; margin-bottom: 3.125rem; } } /* shop-map ************************************************/ .shop-map { position: relative; } @media all and (max-width: 1023px) { .shop-map > iframe, .google-map > iframe { height: 250px !important; /* override plugin inline style */ } } /************************************************************** * LISTING SITES **************************************************************/ .listing-sites { position: relative; padding-top: calc(200/28 * 1rem); padding-bottom: calc(100/28 * 1rem); } @media all and (min-width: 1024px) { .listing-sites { padding-top: calc(200/16 * 1rem); padding-bottom: calc(200/16 * 1rem); } .listing-sites .wp-headline { text-align: center; } } .listing-sites__banners { gap: 1.25rem; } .listing-sites__banners .wp-block-image { border: 1px solid var(--wp--preset--color--primary); } @media all and (max-width: 1023px) { .listing-sites__banners { padding-left: 5.8vw; padding-right: 5.8vw; } } /* hover */ @media (hover: hover) { .listing-sites__banners figure, .listing-sites__banners figure img { transition: all 0.3s ease; } .listing-sites__banners figure:hover { border-color: #000000; } .listing-sites__banners figure:hover img { filter: brightness(120%); } } /************************************************************** * CONTACT **************************************************************/ .contact { position: relative; padding-top: calc(120/28 * 1rem); padding-bottom: calc(180/28 * 1rem); } .contact .wp-block-columns { gap: 3rem; } @media all and (max-width: 1023px) { .contact { padding-left: 5.8vw; padding-right: 5.8vw; } } @media all and (min-width: 1024px) { .contact { padding-bottom: calc(180/16 * 1rem); } .contact .wp-block-columns { gap: 6.25rem; } .contact .wp-headline { text-align: center; } } /* contact-lead-block ************************************************/ .contact-lead-block { position: relative; } .contact-lead-block > p { margin-bottom: 2.5rem; font-size: 0.875rem; } .contact-lead-block > .wp-block-separator { border-top: 2px dashed; border-bottom: none; } .contact-lead-block > ul { margin-top: 2.5rem; } body:not(.editor-styles-wrapper) .contact-lead-block > ul li { list-style: disc; list-style-position: inside; } .contact-lead-block > p, .contact-lead-block > ul li { font-size: 0.875rem; } /* contact-form-block ************************************************/ .contact-form-block { position: relative; } /************************************************************** * ステート周り **************************************************************/ .is-hidden { display: none !important; } .is-fadeout { opacity: 0 !important; } .is-fixed { position: fixed; top: 0; left: 0; } .is-disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* javascript */ .js-smooth-reveal { clip-path: inset(0% 120% 0% 0%); opacity: 0; } @media all and (min-width: 1024px) {} /************************************************************** * ユーティリティ **************************************************************/ /* u-hide-** ************************************************/ .u-hide-sp, .u-hide-pc { display: none !important; } @media screen and (max-width: 1023px) { .u-hide-pc { display: block !important; } } @media screen and (min-width: 1024px) { .u-hide-sp { display: block !important; } } /* u-flexible-center ************************************************/ .u-flexible-center { display: grid; justify-content: center; text-align: center; } /* u-bullet-list ************************************************/ ul.u-bullet-list li { list-style-type: disc; list-style-position: inside; text-indent: -1.2em; padding-left: 1.2em; } /************************************************************** * 下層ページ関連の特徴スタイル **************************************************************/ .subpage .g-header .nav-link > a:not([class]) { color: var(--wp--preset--color--foreground); } .subpage main { padding-top: calc(250 / 16 * 1rem); padding-bottom: calc(200 / 16 * 1rem); } /* Source: https://nanala-animal-line.com/wp-content/themes/yadori/front-style.css?ver=1769073677 */ @charset "UTF-8"; /************************************************************** * GLOBAL **************************************************************/ body { background-color: var(--wp--preset--color--background); color: var(--wp--preset--color--foreground); font-size: 1rem; font-style: normal; font-weight: 700; line-height: 2; padding: 0; } a:not([class]):hover { color: var(--wp--preset--color--custom-primary-opacity-mode); } @media (hover: hover) and (min-width: 1023px){ a[href*="tel:"] { pointer-events: none; } } /************************************************************** * WP overrides **************************************************************/ /* wp-block-buttons ********************************/ .wp-block-buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .wp-block-button .wp-block-button__link { line-height: 1; padding-right: var(--wp--preset--spacing--60); padding-left: var(--wp--preset--spacing--60); } @media all and (max-width: 1023px) { .wp-block-buttons { flex-flow: column; } } /* wp-block-social-links ********************************/ .wp-block-social-links.is-style-logos-only .wp-social-link a { transform: scale(0.9); } .wp-block-social-links .wp-block-social-link.wp-social-link { display: inherit; } /************************************************************** * WPブロックの指定 (wp-) **************************************************************/ /* wp-headline ********************************/ /* animations */ .wp-headline { opacity: 0; visibility: hidden; } .wp-headline::before, .wp-headline::after { opacity: 0; transition: all 1s cubic-bezier(0.39, 0.575, 0.565, 1); } .wp-headline::before { transform: translateX(50%) translateY(-100%) skew(-30deg); } .wp-headline::after { transform: translateX(-50%) translateY(100%) skew(-30deg); } .wp-headline.is-animating { opacity: 1; visibility: visible; } .wp-headline.is-animating::before, .wp-headline.is-animating::after { opacity: 1; transform: translateX(0) translateY(0) skew(-30deg); } /* headlines alphabetic */ .wp-headline .wp-headline__alphabetic span.char.splitting { overflow: hidden; display: inline-block; } .wp-headline .wp-headline__alphabetic span.char.splitting > span { display: block; opacity: 0; transform: translateX(-50%); } .wp-headline.is-animating .wp-headline__alphabetic span.char.splitting > span { animation: global-headline-fadein-fx 0.7s ease forwards; animation-delay: calc(var(--char-index) * 0.1s); } @keyframes global-headline-fadein-fx { 0% { opacity: 0; transform: translateX(-50%); } 100% { opacity: 1; transform: translateX(0); } } /* headlines kanas */ .wp-headline .wp-headline__kana { opacity: 0; transition: opacity 0.4s ease-in-out; } .wp-headline.is-animating .wp-headline__kana { opacity: 1; } /* wp-block-button ************************************************/ .wp-block-button:not([class*="--backward"]) .wp-block-button__link::after { content: ""; position: absolute; top: 0; bottom: 0; right: 2.5rem; display: block; width: 0.65rem; height: 0.65rem; z-index: 9; margin: auto; border-radius: 0.15rem; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotateZ(-45deg); } .wp-block-button[class*="--backward"] .wp-block-button__link { background-color: rgb(126, 126, 126); color: #000000; } .wp-block-button[class*="--backward"] .wp-block-button__link::after { display: none; } @media (min-width: 1024px) { .wp-block-button::before { content: ""; position: absolute; top: 0.5px; bottom: 0; left: 0.5px; right: 0; display: block; width: 98%; height: 98%; border-radius: 50px; background-color: var(--wp--preset--color--custom-button-color-background-hover, #000000); } } @media (hover: hover) { .wp-block-button, .wp-block-button__link { transition: all 0.3s ease; will-change: transform; } .wp-block-button::before { transition: transform 0.15s ease-in-out; } .wp-block-button__link { z-index: 1; overflow: hidden; } .wp-block-button:hover::before { transform: translateX(-4px) translateY(4px); } .wp-block-button:hover > .wp-block-button__link { transform: translateX(4px) translateY(-4px); } .wp-block-button[class*="--backward"]:hover .wp-block-button__link { color: var(--wp--preset--color--background-secondary); } } /* shop-info-table ********************************/ .shop-info-table table { position: relative; width: 100%; border-collapse: collapse; } .shop-info-table table td { padding-top: calc(40/16 * 1rem); padding-bottom: calc(40/16 * 1rem); vertical-align: top; } .shop-info-table table tr { position: relative; } .shop-info-table table tr td { position: relative; font-size: 90%; font-weight: bold; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; display: block; border-bottom: 1px dashed var(--wp--preset--color--primary); } .shop-info-table table tr td:first-child { width: calc(160/550 * 100%); } .shop-info-table table tr:last-child > td { border-bottom: none; } .shop-info-table table tr td:nth-child(2) { padding-left: calc(30/550 * 100%); } /* demo-table ********************************/ .demo-table-wrapper { padding-left: 5.8vw; padding-right: 5.8vw; } .component-timeTableArea { margin: 0 auto; width: 90%; } .component-timeTable { border-collapse: collapse; font-size: 2.5vw; text-align: center; width: 100%; } .component-timeTable thead th, .component-timeTable tbody tr { border: 1px solid #d8d8d8; } .component-timeTable thead th { padding: 10px 0; font-weight: 600; } .component-timeTable thead th:first-child { background-color: #ececec; width: 10vw; } .component-timeTable thead th:last-child { width: 5vw; } .component-timeTable th+th { background-color: #ececec; width: 5vw; } .component-timeTable tbody th { background-color: #ececec; padding: 10px 0; } .component-timeTable tbody td, .component-timeTable tbody th { border: 1px solid #d8d8d8; padding: 2vw 1vw; font-weight: 600; } .component-timeTable tbody td { position: relative; } .component-timeTable tbody tr:last-child td, .component-timeTable tbody tr:last-child th { padding: 2vw 1vw; } .component-timeTable__open, .component-timeTable__close { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; height: 16px; width: 16px; } .component-timeTable__open:before, .component-timeTable__close:before { background-color: #856d47; content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 1px; width: 3vw; } .component-timeTable__open:before { /* height: 16px; */ height: 3vw; width: 3vw; border-radius: 50px; } .component-timeTable__note { margin-top: 10px; font-weight: 600; text-align: right; } @media screen and (min-width: 1024px) { .component-timeTableArea { width: 850px; } .component-timeTable { font-size: 14px; } .component-timeTable__open:before, .component-timeTable__close:before { height: 1px; width: 16px; } .component-timeTable__open:before { height: 14px; width: 14px; } .component-timeTable tbody td, .component-timeTable tbody th { padding: 15px 0; } .component-timeTable tbody tr:last-child td, .component-timeTable tbody tr:last-child th { padding: 15px 0; } .component-timeTable thead th:first-child { width: 150px; } .component-timeTable th+th { width: 38px; } .component-timeTable thead th:last-child { width: 65px; } } /************************************************************** * コンテンツの共通要素 **************************************************************/ /* constrained-content ************************************************/ @media all and (max-width: 1023px) { .constrained-content { margin-left: 5.33%; margin-right: 5.33%; } } @media all and (min-width: 1024px) { .constrained-content { max-width: calc(1200/16 * 1rem); margin-left: auto; margin-right: auto; } } /* scrolldown-indicator ************************************************/ .scrolldown-indicator { position: absolute; bottom: 2.5%; left: 0; right: 0; z-index: 99; display: flex; justify-content: center; align-items: center; width: calc(160/1023 * 100vw); height: calc(160/1023 * 100vw); margin: auto; } .scrolldown-indicator::before, .scrolldown-indicator::after { content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; } .scrolldown-indicator::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(./assets/imagery/scrolldown_outer_block_bg.svg); } .scrolldown-indicator::after { display: block; width: calc(32/1920 * 100vw); height: calc(32/1920 * 100vw); background-image: url(./assets/imagery/scrolldown_arrow_bg.svg); } /* animations */ .scrolldown-indicator::before { animation: scrolldown-indicator-fx 10s linear infinite; } @media all and (min-width: 1024px) { .scrolldown-indicator { bottom: 6.25%; width: calc(120/1920 * 100vw); height: calc(120/1920 * 100vw); } } @keyframes scrolldown-indicator-fx { 0% { transform: rotateZ(0); } 100% { transform: rotateZ(360deg) } } /************************************************************** * グロバル要素 **************************************************************/ /* g-header ************************************************/ .g-header { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; } @media all and (max-width: 1023px) { .g-header__nav-block { position: fixed; top: 0; left: 0; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100vh; /* height: 100dsvh; */ visibility: hidden; opacity: 0; padding: 10% 5.333%; background-color: var(--wp--preset--color--background); transform: translateY(-110%); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } /* states */ html[class*="ui-state-nav-opened"] .g-header__nav-block { opacity: 1; transform: translateY(0); visibility: visible; pointer-events: all; } } /* g-nav ************************************************/ .g-nav__cta .wp-block-button::after { right: calc(40/16 * 1rem); } .g-nav__list > li { position: relative; line-height: 1; } .g-nav__list > li a { font-weight: bold; text-decoration: none; } @media all and (max-width: 1023px) { .g-nav { padding-top: 5%; } .g-nav__list { text-align: center; } .g-nav__list { display: grid; gap: 2rem; margin-bottom: 2rem; } .g-nav__list > li { font-size: 15px; } .g-nav__cta { width: 100%; } } @media all and (min-width: 1024px) { .g-nav__list .nav-link { color: var(--wp--preset--color--foreground-inverted); } } @media (hover: hover) { .g-nav__list > li.nav-link a { transition: all 0.3s ease; } .g-nav__list > li.nav-link a:hover { color: var(--wp--preset--color--primary); transform: translateY(-2px); } } /* g-footer ************************************************/ .footer-info__location, .footer-info__tel, .footer-info__email { position: relative; } .footer-info__location::before, .footer-info__tel::before, .footer-info__email::before { content: ""; position: relative; top: 2px; display: inline-flex; width: 1rem; height: 1rem; margin-right: 1rem; background-repeat: no-repeat; background-position: center center; background-size: contain; } .footer-info__location::before { background-image: url(./assets/imagery/map_icn.svg); } .footer-info__tel::before { background-image: url(./assets/imagery/tel_icn.svg); } .footer-info__email::before { background-image: url(./assets/imagery/email_icn.svg); } @media all and (min-width: 768px) and (max-width: 1023px) { .g-footer__inner .wp-block-columns { gap: 2rem; } } /************************************************************** * その他の要素 **************************************************************/ /* hamburger-* ************************************************/ .hamburger { position: fixed; top: 8vw; right: 10.333%; z-index: 999; width: 2rem; height: 2rem; display: block; color: var(--wp--preset--color--foreground-inverted); } .hamburger-btn { position: absolute; top: 0; bottom: 0; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 100%; margin-top: auto; margin-bottom: auto; cursor: pointer; color: currentColor; } .hamburger-btn > span { content: ""; position: absolute; left: 0; display: block; height: 1px; background: currentColor; } .hamburger-btn > span:nth-child(1) { width: 100%; transform: translateY(-8px); } .hamburger-btn > span:nth-child(2) { width: 100%; } .hamburger-btn > span:nth-child(3) { width: 100%; transform: translateY(8px); } @media all and (min-width: 1024px) { .hamburger { display: none; } } .hamburger-btn > span:nth-child(1), .hamburger-btn > span:nth-child(2) { transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .hamburger-btn > span:nth-child(3) { transition: all 0.2s ease-out; transition-delay: 0.05s; } @media (hover: hover) { .hamburger-btn { transition: color 0.3s; } .hamburger-btn:hover { color: var(--wp--preset--color--foreground); } html[class*="ui-state-nav-opened"] .hamburger-btn { color: var(--wp--preset--color--background); } .hamburger-btn:hover > i:before, .hamburger-btn:hover > i:after { transform: translateY(0) scaleX(1); filter: blur(0.5px); } } /* states */ html[class*="ui-state-nav-opened"] .hamburger-btn > span { width: 100%; color: var(--wp--preset--color--foreground); } html[class*="ui-state-nav-opened"] .hamburger-btn > span:nth-child(1) { transform-origin: center; transform: translateY(0) rotateZ(135deg) scaleX(0.75); } html[class*="ui-state-nav-opened"] .hamburger-btn > span:nth-child(2) { transform-origin: center; transform: scaleX(0); } html[class*="ui-state-nav-opened"] .hamburger-btn > span:nth-child(3) { transform-origin: center; transform: translateY(0) rotateZ(-135deg) scaleX(0.75); } /* fixed-pagetop-btn ************************************************/ .fixed-pagetop-btn { position: fixed; bottom: 2.5%; right: 2.5%; z-index: 9999; display: flex; justify-content: center; align-items: center; width: calc(60/28 * 1rem); height: calc(60/28 * 1rem); writing-mode: vertical-rl; border-radius: 50%; color: var(--wp--preset--color--primary); border: 2px solid currentColor; } .fixed-pagetop-btn__link { display: block; width: 100%; height: 100%; } .fixed-pagetop-btn__link::after { content: ""; position: absolute; top: 4px; bottom: 0; left: 0; right: 0; display: block; width: 8px; height: 8px; margin: auto; border-top: 2px solid currentColor; border-bottom: 2px solid transparent; border-right: 2px solid transparent; border-left: 2px solid currentColor; transform: rotate(40deg); } @media all and (min-width: 1024px) { .fixed-pagetop-btn { width: calc(60/16 * 1rem); height: calc(60/16 * 1rem); background-color: transparent; } } /* states */ .fixed-pagetop-btn { opacity: 0; transition: opacity 0.3s ease; } html[class*="has-fixed-pagetop-btn-shown"] .fixed-pagetop-btn { opacity: 1; } html[class*="ui-state-nav-opened"] .fixed-pagetop-btn { opacity: 0; } @media (hover: hover) { .fixed-pagetop-btn { transition: all 0.3s ease-out; } .fixed-pagetop-btn:hover { transform: translateY(-10%); } } /************************************************************** * MV **************************************************************/ /* サードパーティーのスタイル（Google reviewのプラグインなど）の悪さから守れるための調整 */ @media all and (max-width: 1024px) { .hero .wp-block-cover, .hero .wp-block-cover-image { height: auto !important; } } /* animations */ /* mv copy block group */ .mv__inner .wp-block-cover__inner-container .wp-block-heading, .mv__inner .wp-block-cover__inner-container > p { opacity: 0; transform: translateY(30px); transition: transform 1.6s ease 0s, opacity 1.6s ease 0s; } .mv__inner .wp-block-cover__inner-container > p { transition-delay: 0.5s; } .mv__inner .wp-block-cover__inner-container .wp-block-heading.is-animating, .mv__inner .wp-block-cover__inner-container > p.is-animating { opacity: 1; transform: translateY(0); } /************************************************************** * HERO **************************************************************/ .hero { overflow: hidden; } .hero__slider { width: 100%; height: 100%; } .hero .swiper-pagination-bullets { left: inherit; right: 0; width: auto; padding-left: 1rem; padding-right: 1rem; } .hero .swiper-pagination-bullet { background: var(--wp--preset--color--background-secondary); } /* カスタイマイズ画面から設定するスライダー版（SP/PC画像） // MEMO: heroのクラスがなくなりました。 **************************************************/ .mv-slider-holder { position: absolute; top: 0; overflow: hidden; width: 100%; height: 100%; padding: 0; } .mv-slider-holder .swiper-pagination-bullets { left: inherit; right: 0; width: auto; padding-left: 1rem; padding-right: 1rem; } .mv-slider-holder .swiper-pagination-bullet { background: var(--wp--preset--color--background-secondary); } .mv-slider-holder .swiper-wrapper picture img { width: 100%; height: 100%; object-fit: cover; } /************************************************************** * CONCEPT **************************************************************/ /* animations */ /* concept heading / paragraph */ .concept-contents .wp-block-heading, .concept-contents p { opacity: 0; transform: translateY(30px); transition: transform 1.6s ease 0s, opacity 1.6s ease 0s; } .concept-contents p { transition-delay: 0.5s; } .concept-contents .wp-block-heading.is-animating, .concept-contents p.is-animating { opacity: 1; transform: translateY(0); } /************************************************************** * OUR PRIDE **************************************************************/ .pride-aside .wp-block-cover, .pride-aside .wp-block-cover-image { overflow: visible; } /* animations */ /* pride point title / paragraph */ .pride-point .pride-point-content > h3, .pride-point .pride-point-content > p { opacity: 0; transform: translateY(30px); transition: transform 1.6s ease 0s, opacity 1.6s ease 0s; } .pride-point .pride-point-content > p { transition-delay: 0.5s; } .pride-point.is-animating .pride-point-content > h3, .pride-point.is-animating .pride-point-content > p { opacity: 1; transform: translateY(0); } /* pride point visual cover backgrounds */ .pride-point .pride-point__fig-block .wp-block-cover { overflow: hidden; pointer-events: none; } .pride-point .pride-point__fig-block .wp-block-cover__background { transform: scaleX(0); transform-origin: 0% 50%; background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } .pride-point .pride-point__fig-block .wp-block-cover__image-background { opacity: 0; } .pride-point.is-animating .pride-point__fig-block .wp-block-cover__background { animation: transient-bg-cover-fx 1.5s ease-in-out forwards; } .pride-point.is-animating .pride-point__fig-block .wp-block-cover__image-background { opacity: 1; transition-delay: 0.75s; } /* pride-aside */ .pride-aside { overflow: hidden; } .pride-aside .wp-block-cover__inner-container .wp-block-heading, .pride-aside .wp-block-cover__inner-container p { opacity: 0; transform: translateY(30px); transition: transform 1.6s ease 0s, opacity 1.6s ease 0s; } .pride-aside .wp-block-cover__inner-container p { transition-delay: 0.5s; } .pride-aside.is-inview .wp-block-cover__inner-container .wp-block-heading, .pride-aside.is-inview p { opacity: 1; transform: translateY(0); } .pride-aside .wp-block-cover__background { transform: scaleX(0); transform-origin: 0% 50%; background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } .pride-aside .wp-block-cover__image-background { pointer-events: none; opacity: 0; } .pride-aside.is-inview .wp-block-cover__background { animation: transient-bg-cover-fx 1.5s ease-in-out forwards; } .pride-aside.is-inview .wp-block-cover__image-background { opacity: 1; transition-delay: 0.75s; } @media all and (min-width: 1024px) { .pride-aside .wp-block-cover__inner-container { transform: translateX(-40%); } } /* pride rail-horizontal-txt */ .rail-horizontal-txt { --rail-speed: 80s; } .rail-horizontal-txt__body > p { animation: rail-loop-slide var(--rail-speed, 80s) infinite linear both; will-change: transform; } /************************************************************** * Q&A **************************************************************/ .qa-list { display: grid; } /************************************************************** * MENU **************************************************************/ /* animations */ .menu-item .menu-item__data > .wp-block-heading, .menu-item .menu-item__data > p { opacity: 0; transform: translateY(30px); transition: transform 1.6s ease 0s, opacity 1.6s ease 0s; } .menu-item .menu-item__data > p { transition-delay: 0.5s; } .menu-item.is-animating .menu-item__data > .wp-block-heading, .menu-item.is-animating .menu-item__data > p { opacity: 1; transform: translateY(0); } /* menu item visual cover backgrounds */ .menu-item .menu-item__fig { position: relative; overflow: hidden; } .menu-item .menu-item__fig::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: 0% 50%; background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } .menu-item .menu-item__fig > img { position: relative; z-index: 1; opacity: 0; } .menu-item.is-animating .menu-item__fig::before { animation: transient-bg-cover-fx 1.5s ease-in-out forwards; } .menu-item.is-animating .menu-item__fig > img { opacity: 1; transition-delay: 0.75s; } /************************************************************** * INSTAGRAM **************************************************************/ .instagram { position: relative; overflow: hidden; } .instagram .constrained-content { position: relative; } .instagram__body { position: relative; z-index: 10; display: grid; grid-template-columns: 20% 80%; padding-left: 5.8vw; } .instagram__body::before { content: ""; position: absolute; top: 0; left: 0; z-index: -2; display: block; width: 100vw; height: 100%; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } .instagram__body::after { content: ""; position: absolute; top: 0; right: 0; z-index: -1; display: block; width: calc((1920 - 1340)/1920 * 100vw); height: 100%; background-color: var(--wp--preset--color--background); } .instagram-heading > span { position: relative; display: flex; padding-top: 3.75rem; writing-mode: vertical-lr; line-height: 1; } .instagram-heading > span::before { content: ""; position: absolute; top: 0; left: 0; right: 0; display: block; width: 1px; height: 8rem; margin: auto; background-color: #000000; transform: translateY(-65%); } .instagram-heading > span::after { content: ""; position: relative; top: 0.5rem; display: inline-block; width: calc(40/28 * 1rem); height: calc(40/28 * 1rem); margin-left: 0.25rem; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(./assets/imagery/instagram_icn.svg); } .instagram__carousel-block { overflow: hidden; padding-top: 5rem; padding-bottom: 8rem; } @media (min-width: 1024px) { .instagram-heading > span::after { width: calc(40/16 * 1rem); height: calc(40/16 * 1rem); } .instagram__carousel-block { min-height: 18.75rem; padding-top: 6.25rem; padding-bottom: 12rem; } } /* instagram-gallery */ .instagram-gallery { display: flex; flex-wrap: nowrap; gap: 1.25rem; } .instagram-gallery__item { flex: 0 0 125px; } .instagram-gallery__item a { display: block; width: 100%; height: 100%; line-height: 0; } .instagram-gallery__item img { display: block; height: 100%; width: 100%; max-height: 125px; object-fit: cover; } @media all and (min-width: 1024px) { .instagram-gallery__item { flex: 0 0 300px; } .instagram-gallery__item img { max-height: 300px; } } @media (hover: hover) { .instagram-gallery__item img { transition: filter 0.3s ease-out; } .instagram-gallery__item a:hover img { transform: translateY(0); } } /* hide editor message */ .instagram-gallery > div p { display: none; } .instagram-cta { position: absolute; bottom: 5%; right: 5%; z-index: 10; margin-top: 1rem; } @media all and (min-width: 1024px) { .instagram::before, .instagram::after { width: calc(480/16 * 1rem); height: calc(480/16 * 1rem); } .instagram::before { top: calc(120/16 * -1rem); left: calc(120/16 * -1rem); } .instagram::after { bottom: calc(120/16 * -1rem); right: calc(120/16 * -1rem); } .instagram__body { grid-template-columns: 1fr calc(1560/1920 * 100vw); } .instagram-cta .wp-block-button:not(.has-custom-width) { max-width: 300px; min-width: 300px; } } .news > div:has(> p) { text-align: center; } /************************************************************** * GREETINGS **************************************************************/ .greeting-cover .wp-block-cover__inner-container { position: absolute; bottom: 0; left: 0; } /* animations */ /* greeting */ .greeting { overflow: hidden; } .greeting .greeting__body .greeting-cover__catch, .greeting .greeting__body .greeting__guts > p { opacity: 0; transition: transform 1.6s ease 0s, opacity 1.6s ease 0s; transition-delay: 1.25s; } .greeting .greeting__body .greeting__guts > p { transform: translateY(30px); } .greeting .wp-block-cover { pointer-events: none; } .greeting .wp-block-cover__background { transform: scaleX(0); transform-origin: 0% 50%; background: linear-gradient(145deg, var(--wp--preset--color--gradient-color-1) 28%, var(--wp--preset--color--gradient-color-2) 100%); } .greeting .wp-block-cover__image-background { opacity: 0; } .greeting.is-inview .wp-block-cover__background { animation: transient-bg-cover-fx 1.5s ease-in-out forwards; background: var(--wp--preset--color--background-secondary); } .greeting.is-inview .wp-block-cover__image-background { opacity: 1; transition-delay: 0.75s; } .greeting.is-inview .greeting__body .greeting-cover__catch, .greeting.is-inview .greeting__body .greeting__guts > p { opacity: 1; } .greeting.is-inview .greeting__body .greeting__guts > p { transform: translateY(0); } @media all and (min-width: 768px) and (max-width: 1100px) { .greeting .wp-block-cover { min-height: 50vh !important; width: 75%; } } /************************************************************** * FORM **************************************************************/ .c-form-control__label { padding-top: 1.05rem; } /************************************************************** * ステート周り **************************************************************/ /* js-acc ************************************************/ .js-acc .wp-block-heading::after { transform: rotatez(135deg) scale(1); } .js-acc.is-unfolded .wp-block-heading::after { transform: rotate(-45deg) scale(1); } .js-acc > p { height: 0; visibility: hidden; opacity: 0; } .js-acc.is-unfolded > p { height: 100%; visibility: visible; opacity: 1; } .js-acc.is-unfolded .wp-block-heading + p { margin-top: 1.5rem; } @media all and (min-width: 1024px) { .js-acc > p { transition: opacity 0.3s ease-out; } } /************************************************************** * KEYFRAMES **************************************************************/ @keyframes rail-loop-slide { from { transform: translateX(0%); } to { transform: translateX(-101%); } } @keyframes transient-bg-cover-fx { 0% { opacity: 1; transform: scaleX(0); } 50% { opacity: 1; transform: scaleX(1); } 100% { opacity: 1; transform: translateX(102%); } } /************************************************************** * PRIDE * MEMO: (7/22 blueearth-lp02.com　ブロック複製のため) * classバージョン **************************************************************/ .js-pride-fx.is-animating .pride-point-content > h3, .js-pride-fx.is-animating .pride-point-content > p { opacity: 1; transform: translateY(0); } .js-pride-fx.is-animating .pride-point__fig-block .wp-block-cover__background { animation: transient-bg-cover-fx 1.5s ease-in-out forwards; } .js-pride-fx.is-animating .pride-point__fig-block .wp-block-cover__image-background { opacity: 1; transition-delay: 0.75s; } /************************************************************** * 追従ボタン（2024/08/05 追記） **************************************************************/ .floating-btns { position: fixed; display: grid; grid-template-columns: 1fr 1fr; gap: 5%; bottom: 5%; left: 5.8vw; z-index: 100; } .floting-btns__free-link .wp-block-button__link { background-color:#ed8515; } @media (max-width: 767px) { .floating-btns { left: unset; bottom: 0; width: 100%; gap:0; } .floating-btns .wp-block-button { min-width:0; } .floating-btns .wp-block-button { height: 48px; } .floating-btns .wp-block-button__link { border-radius:0; } } /************************************************************** ************************************************************** * フォント拡大ver ************************************************************** **************************************************************/ /* bodyタグに「txt-size-bigger」追加で全体気に大きくする **************************************************************/ body.txt-size-bigger { font-size: 1.25rem; } body.txt-size-bigger .wp-headline__kana { font-size: 1em; } body.txt-size-bigger .g-nav__list > li { font-size: 1em; } /* @media screen and (max-width:767px) { body.txt-size-bigger { font-size: 1.1rem; } } */ /* mv */ @media all and (min-width: 1024px) { body.txt-size-bigger .mv__inner .wp-block-cover__inner-container p { font-size: 1em; } } /* concept */ @media all and (max-width: 1023px) { body.txt-size-bigger .pride-point-content > h3::before { font-size: 1.25rem; } } /* recommend menu */ body.txt-size-bigger .menu-item__data > .wp-block-heading { font-size: 1.125em; } /* 個別クラス（font-big） **************************************************************/ /* wp-headline */ @media all and (min-width: 1024px) { .font-big.wp-headline__alphabetic { font-size: 12vw; } .font-big.wp-headline__kana { font-size: 24px; } .wp-headline > p.font-big { font-size: 4.35vw; } } /* wp-block-button */ @media (min-width: 1024px) { .font-big.wp-block-button:not(.has-custom-width) { max-width: 330px; min-width: 330px; } .font-big.wp-block-button:not(.has-custom-width) a { font-size: calc(24 / 16* 1rem); } } /* g-nav */ @media all and (min-width: 1024px) { .g-nav__list > li.font-big { font-size: 1.5rem; } } /* footer-info */ @media all and (min-width: 1024px) { .footer-info > li.font-big { font-size: calc(21/16 * 1rem); } .footer-nav > li.font-big { font-size: calc(24/16 * 1rem); } } /* mv */ @media all and (min-width: 1024px) { .mv__inner h1.wp-block-heading.font-big { font-size: 84px; } .mv__inner .wp-block-cover__inner-container p.font-big { font-size: 27px; } } /* concept */ @media all and (min-width: 1024px) { .concept-contents__inner h2.font-big { font-size: 4.35vw; } .concept-contents__inner p.font-big { font-size: calc(24 / 16* 1rem); } } /* pride-point */ @media all and (min-width: 1024px) { .pride-point__content-block .wp-block-heading.font-big { font-size: 2.4vw; } .pride-point-content > h3.font-big::before { font-size: 1.40625vw; } .pride-point-content > p.font-big { font-size: calc(24 / 16* 1rem); } } /* pride-aside */ @media all and (min-width: 1024px) { .pride-aside .wp-block-heading.font-big { font-size: calc(84/1920 * 100vw); } .pride-aside p.font-big { font-size: calc(24 / 16* 1rem); } } /* menu-item */ @media all and (min-width: 1024px) { .menu-item__data > .wp-block-heading.font-big { font-size: 1.6875rem; } .menu-item__data > p.font-big { font-size: calc(24 / 16* 1rem); } .menu-item__counter.font-big::before { font-size: calc(32/1920 * 100vw); } .menu-item__counter.font-big::after { font-size: calc(80/1920 * 100vw); } } /* grand-menu-data-block */ @media all and (min-width: 1024px) { .grand-menu-data-block .wp-block-heading.font-big { font-size: 2.25rem; } .grand-menu-data-block .wp-block-heading.font-big::after { font-size: 15px; } } /* menu-price-list */ @media all and (min-width: 1024px) { .menu-price-list li.font-big { font-size: calc(24 / 16* 1rem); } } /* instagram */ @media all and (min-width: 1024px) { .instagram-heading.font-big > span { font-size: calc(72/16 * 1rem); } .instagram-cta .wp-block-button.font-big:not(.has-custom-width) { max-width: 450px; min-width: 450px; } .instagram-cta .wp-block-button.font-big:not(.has-custom-width) a { font-size: calc(24 / 16* 1rem); } } /* news */ @media all and (min-width: 1024px) { .font-big.news-item > dt { font-size: calc(24 / 16* 1rem); } .font-big.news-item > dd { font-size: calc(24 / 16* 1rem); } } /* greeting */ @media all and (min-width: 1024px) { .greeting__guts > p.font-big { width: 65%; padding-right: calc(300/1920 * 100vw); font-size: calc(24 / 16* 1rem); } } /* qa */ @media all and (min-width: 1024px) { .font-big.qa-data-item__question { font-size: 1.6875rem; } .font-big.qa-data-item__answer { font-size: 1.3125rem; } } /* shop-info */ @media all and (min-width: 1024px) { .font-big.shop-info-table table tr td { font-size: 135%; } } /* contact */ @media all and (min-width: 1024px) { .contact-lead-block > p.font-big { font-size: 1.3125rem; } .contact-lead-block > p.font-big, .contact-lead-block > ul li.font-big { font-size: 1.3125rem; } } /* form */ @media all and (min-width: 1024px) { .font-big.contact-form-block .c-form-control__label { font-size: calc(27/16 * 1rem); } .font-big.contact-form-block .c-form-control__input, .font-big.contact-form-block .c-form-control__textarea { font-size: 24px; } .font-big.contact-form-block .c-form-control__option { font-size: calc(24/16 * 1rem); } .font-big.contact-form-block .form-submit-area button { font-size: calc(24/16 * 1rem); } .font-big.c-required-mark { font-size: 100%; height: 30px; } .font-big.c-form-control__input:placeholder-shown, .font-big.c-form-control__textarea:placeholder-shown { font-size: 24px; } } /* footer */ @media all and (min-width: 1024px) { .font-big.copyright { font-size: calc(24 / 16* 1rem); } } /* time table (module) */ @media all and (min-width: 1024px) { .font-big.component-timeTableArea th { font-size: 21px; } .font-big.component-timeTableArea .component-timeTable__note { font-size: calc(24 / 16* 1rem); } } /************************************************************** * HACKS **************************************************************/ /* Firefox */ @-moz-document url-prefix() { .g-header .wp-block-site-logo a img { width: revert-layer; } } /* Source: https://nanala-animal-line.com/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */ /* Source: https://nanala-animal-line.com/2025/12/01/2025%e5%b9%b412%e6%9c%881%e6%97%a5%ef%bc%88%e6%9c%88%ef%bc%89%e3%80%81%e3%82%b0%e3%83%a9%e3%83%b3%e3%83%89%e3%82%aa%e3%83%bc%e3%83%97%e3%83%b3%ef%bc%81/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/html-block/analytics-body-noscripts/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/html-block/analytics-body-noscripts/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/html-block/analytics-body-noscripts/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/html-block/analytics-body-noscripts/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/html-block/analytics-body-noscripts/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/html-block/analytics-body-noscripts/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */ /* Source: https://nanala-animal-line.com/html-block/analytics-scripts/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/html-block/analytics-scripts/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/html-block/analytics-scripts/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/html-block/analytics-scripts/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/html-block/analytics-scripts/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/html-block/analytics-scripts/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */ /* Source: https://nanala-animal-line.com/html-block/contact-form/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/html-block/contact-form/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/html-block/contact-form/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/html-block/contact-form/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/html-block/contact-form/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/html-block/contact-form/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */ /* Source: https://nanala-animal-line.com/html-block/google-map/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/html-block/google-map/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/html-block/google-map/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/html-block/google-map/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/html-block/google-map/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/html-block/google-map/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */ /* Source: https://nanala-animal-line.com/category/uncategorized/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/category/uncategorized/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/category/uncategorized/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/category/uncategorized/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/category/uncategorized/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/category/uncategorized/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */ /* Source: https://nanala-animal-line.com/author/super-admin/#inline-css-b2127e0a */ body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #0c1c1f;--wp--preset--color--foreground-inverted: #fbfbfb;--wp--preset--color--primary: #ff8c8c;--wp--preset--color--secondary: #dddddd;--wp--preset--color--warning: #ff3364;--wp--preset--color--background: #ffffff;--wp--preset--color--background-secondary: #fff17d;--wp--preset--color--gradient-color-1: #fff17d;--wp--preset--color--gradient-color-2: #ebbc76;--wp--preset--color--custom-primary-opacity-mode: #7edbe961;--wp--preset--color--custom-background-opacity-mode: #ffffff70;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--custom-gradient-1: linear-gradient(to right, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--kana-font: "游ゴシック", YuGothic, "Yu Gothic", sans-serif;--wp--preset--font-family--alphabetic-font: "Montserrat", sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);} /* Source: https://nanala-animal-line.com/author/super-admin/#inline-css-3d91961f */ .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} /* Source: https://nanala-animal-line.com/author/super-admin/#inline-css-eba61190 */ .wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /* Source: https://nanala-animal-line.com/author/super-admin/#inline-css-7df8c7f1 */ .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} /* Source: https://nanala-animal-line.com/author/super-admin/#inline-css-9df98239 */ .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link:where(.is-style-outline),.wp-block-button:where(.is-style-outline)>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background),.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-button .wp-block-button__link:where(.has-border-color){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-color]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-color]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-color]){border-left-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-style]){border-width:initial}.wp-block-button .wp-block-button__link:where([style*=border-top-style]){border-top-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-right-style]){border-right-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){border-bottom-width:medium}.wp-block-button .wp-block-button__link:where([style*=border-left-style]){border-left-width:medium} /* Source: https://nanala-animal-line.com/author/super-admin/#inline-css-4e62fa1e */ /* Theme Custom CSS start */ /***************** Utility *****************/ /* フォントサイズを一括変更するときはこちら */ html { /* font-size: 10px; */ /* scroll-padding-top: 80px; */ } @media screen and (min-width:768px) { a[href^="tel:"] { pointer-events: none; } } /* price */ .table { width: 100% !important; margin-bottom: 1rem !important; vertical-align: top !important; border-collapse: collapse !important; table-layout: fixed !important; text-align: center !important; } .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } th,td{ border: 1px solid #000 !important; vertical-align: middle !important; } .shop-info-table{ font-size: 1.25rem !important; } .shop-info-table table tr td:nth-child(1) { text-align: center; } .price .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } @media (max-width: 1023px){ .price.shop-info::after{ width: 100%; } } .price figcaption{ text-align: left; font-size: 13px; } .price-bottom-1{ font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } .price-bottom-2{ line-height: 1.25 !important; font-weight: bold !important; font-size: calc(1.275rem + 0.3vw) !important; } /* HEADER */ @media (max-width: 1023px){ .hamburger{ top: 7vw; } .hamburger-btn { color: #ff8c8c; } } .g-header .wp-block-site-logo{ width: 220px; } @media (min-width: 1024px){ .g-header .wp-block-site-logo{ width: 300px; } } @media (min-width: 1024px){ .g-nav__list { display: flex; gap: calc(20/1600 * 100vw); padding-left: 1vw; flex-wrap: wrap; justify-content: flex-end; } } .g-nav__cta .wp-block-button { max-width: 100%; } .wp-block-button .wp-block-button__link { font-size: calc(1.275rem + 0.3vw) !important; } @media (max-width: 1023px){ .wp-block-button .wp-block-button__link { font-size: 1rem !important; } } /* MENU */ #menu{ padding-top: 0 !important; padding-bottom: 0 !important; } #menu .wp-block-columns{ gap: 0; display: block; } #menu .wp-block-column{ margin-right: 0; margin-bottom: 96px; } #menu .wp-block-column .menu-item__data h3{ font-size: calc(1.275rem + 0.3vw) !important; } #menu .wp-block-column .menu-item__data p{ line-height: 1.25 !important; font-size: 1rem !important; } @media (min-width: 782px){ #menu .wp-block-columns { align-items: normal!important; box-sizing: border-box; display: flex; flex-wrap: wrap!important; max-width: 100%; gap: 0; } #menu .wp-block-column{ flex: 1 1 calc(25% - 56px); max-width: calc(25% - 56px); margin-right: 56px; margin-bottom: 96px; } } .menu-price-list> li span { float: none; margin-left: 0 !important; } /* PRIDE */ .pride-point-content>h3::before { content: ""; } @media (min-width: 1024px){ .pride-point:nth-child(odd) .pride-point__fig-block> div { right: 0; padding: 32px; } } .pride-point-content> p { font-size: 1.25rem !important; } /* float-btn */ .floating-btns .wp-block-button{ width: 300px; max-width: 100%; } @media (max-width: 1023px){ .floating-btns .wp-block-button{ width: 100%; } } .line .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-line-48.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 3rem; height: 3rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .line .wp-block-button__link::before{ width: 2.5rem; height: 2.5rem; left: 0.5rem; } } .line .wp-block-button__link { padding-left: 50px !important; } .wp-block-button__link::after { display: none !important; } .tel .wp-block-button__link::before { content: ""; position: absolute; background: url("https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/icons8-電話-50.png") no-repeat center center / cover; top: 50%; left: 1.3rem; display: block; width: 2rem; height: 2rem; z-index: 9; margin: auto; border-radius: 0.15rem; transform: translateY(-50%); } @media (max-width: 1023px){ .tel .wp-block-button__link::before{ left: 0.5rem; width: 1.5rem; height: 1.5rem; } } @media (max-width: 1023px){ .fixed-pagetop-btn{ display: none; } } .news{ padding-bottom: 0; } .news-item{ font-size: 16px; } .concept-contents { background-image: none; background-color: #FFFDF8; color: #3B3B3B; } .menu-price-list> li { position: relative; padding-left: 75px; } @media (max-width: 767px){ .menu-price-list> li { padding-left: 3rem; } } .menu-price-list> li:nth-child(even) { text-align: center; padding-left: 0; } .menu-price-list> li::before { content: ""; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; background-size: cover; max-width: 50px; width: 100%; height: 50px; } @media (max-width: 767px){ .menu-price-list> li::before { top: 0.5rem; max-width: 2rem; width: 100%; height: 2rem; } } .menu-price-list> li:nth-child(1)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow01.svg); } .menu-price-list> li:nth-child(3)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow02.svg); } .menu-price-list> li:nth-child(5)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow03.svg); } .menu-price-list> li:nth-child(7)::before { background-image: url(https://nanala-animal-line.jp/wp-content/uploads/sites/120/2025/10/flow04.svg); } @media (min-width: 1024px){ #menu .wp-block-columns { max-width: 80%; margin: 0 auto; } #menu .wp-block-column{ margin-bottom: 66px; } .menu-item__data> .wp-block-heading::after { display: none; } .menu-item__fig{ margin-bottom: 1rem; } .menu-item__data> .wp-block-heading{ margin-bottom: 0; } } .cal-ex{ padding-left: 16px; } .concept-contents p .line { border-bottom: 1px solid #af9e0e; } .concept-img{ max-width: 100%; margin-top: 16px; } .concept-img img{ object-fit: contain !important; } @media (min-width: 1024px){ .concept-img{ margin-top: 0; } } /* listing-sites-service */ #listing-sites-service{ padding-bottom: 0 !important; } .listing-service-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .listing-service-title{ font-size: 1rem !important; } } @media (min-width: 1024px){ .listing-sites__banners .wp-block-image { pointer-events: none; } } /* listing-sites-about */ #listing-sites-about{ padding-bottom: 0 !important; } .listing-about-title{ text-align: center !important; font-weight: bold !important; font-size: 1.25rem !important; } /* grand-menu */ #grand-menu{ padding-bottom: 0 !important; } #grand-menu ul li{ font-size: calc(1.275rem + 0.3vw) !important; } /* greeting */ #greeting{ padding-top: 3rem !important; margin-top: 3rem !important; } .greeting::after { width: 95%; } @media (min-width: 1024px){ .greeting::after{ width: 85%; } } .greeting.is-inview .greeting__body .greeting__guts> p{ padding-left: 30px; } @media (min-width: 1024px){ .greeting.is-inview .greeting__body .greeting__guts> p { padding-left: 3rem !important; } } .greeting__guts { padding-top: 0 !important; } .greeting__guts> p{ width: 75% !important; font-size: 1.25rem !important; } @media (max-width: 1023px){ .greeting__guts> p{ width: 100% !important; font-size: 1rem !important; } } /* qa */ .qa-data-item__question { font-size: calc(1.275rem + 0.3vw) !important; } .qa-data-item__answer { font-size: 1.25rem !important; } @media (max-width: 767px){ #shop-info-price .wp-headline::before { left: 20px; } #shop-info-price .wp-headline::after { right: 20px; } } .shop-info-table table td { padding-top: calc(20 / 16 * 1rem); padding-bottom: calc(20 / 16 * 1rem); padding-right: calc(20 / 16 * 1rem); } .shop-info__body { align-items: center !important; } .shop-info-table table tr:not(:last-child) td:nth-child(1):after, .shop-info-table table tr:not(:last-child) td:nth-child(2):after { display: none; } .shop-info__guts .shop-info-table{ font-size: 1.25rem !important; } /* contact */ .contact-lead-block> p { font-size: calc(1.275rem + 0.3vw) !important; } /* footer */ .footer-logo{ max-width: 100%; width: 100%; } @media (min-width: 1024px){ .footer-logo{ width: 330px; } } .g-footer .wp-block-column:last-child { justify-content: end; } .zero-taxi{ width: 100%; display: flex; justify-content: center; text-align: center; } .zero-taxi img{ width: 80%; } @media (min-width: 1024px){ .zero-taxi{ justify-content: end; } .zero-taxi img{ width: 300px; } } .copyright { margin-top: 3rem !important; } /* Theme Custom CSS end */