@charset "UTF-8";
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}
 *,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}
html {
line-height: 1; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
body {
margin: 0;
}
main {
display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
dt {
font-weight: bold;
}
dd {
margin: 0;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
}
pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}
a {
background-color: transparent;
text-decoration: none;
color: inherit;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; }
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; }
[type=checkbox] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
button,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer;
}
button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
cursor: default;
}
:-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
}
option {
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px; }
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
label[for] {
cursor: pointer;
}
details {
display: block;
}
summary {
display: list-item;
}
[contenteditable]:focus {
outline: auto;
}
table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}
.is-sp {
display: none;
}
@media screen and (max-width: 820px) {
.is-sp {
display: block;
}
.is-pc {
display: none;
}
}
html {
font-size: 10px;
}
@media screen and (max-width: 1625px) {
html {
font-size: 0.61728vw;
}
}
@media screen and (max-width: 820px) {
html {
font-size: 2.5641vw;
}
}
body {
max-width: 100vw;
width: 100%;
color: #333;
background: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
overflow-x: hidden;
}
section {
margin: 10rem 0;
}
@media screen and (max-width: 820px) {
section {
margin: 5rem 0;
}
}
.inner {
max-width: 123rem;
margin: 0 auto;
padding: 0 1.5rem;
box-sizing: border-box;
}
img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
h2.main-heading {
font-size: 3.2rem;
line-height: 1.5625;
font-weight: bold;
text-align: center;
color: #6ec1e4;
margin-bottom: 5rem;
}
@media screen and (max-width: 820px) {
h2.main-heading {
font-size: 2.2rem;
line-height: 1.4;
margin-bottom: 3rem;
}
}
h3,
h4 {
line-height: 1.3;
}
a {
transition: 0.3s;
}
p,
a {
font-size: 1.6rem;
line-height: 1.875;
}
@media screen and (max-width: 820px) {
p,
a {
font-size: 1.4rem;
}
}
h3.blue_bg {
font-size: 2.4rem;
color: #fff;
background-color: #6ec1e4;
padding: 0.8rem 1.8rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 820px) {
h3.blue_bg {
font-size: 2rem;
padding: 0.8rem 1rem;
margin-bottom: 2rem;
}
}
.lora {
font-family: "Lora", serif;
font-weight: 400;
}
.btn {
max-width: 50rem;
width: 100%;
height: 4rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #6ec1e4;
color: #fff;
border-radius: 50rem;
position: relative;
}
.btn::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/btn_arrow.svg) no-repeat;
width: 2.8rem;
height: 0.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1.5rem;
transition: 0.3s;
}
.btn:hover::after {
right: 1rem;
}
.loading {
width: 100vw;
height: 100vh;
background-color: #bce3fa;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.loading.slide-out {
transform: translateY(-100%);
transition: transform 0.3s ease;
}
.loading_content {
width: 60rem;
opacity: 0;
transition: opacity 2s ease;
}
@media screen and (max-width: 820px) {
.loading_content {
width: 30rem;
}
}
@media screen and (max-width: 820px) {
.g-nav {
position: fixed;
z-index: 99;
top: 6rem;
right: -120%;
width: 100%;
height: 100%;
background: #e1f6ff;
transition: all 0.6s;
}
.g-nav.panelactive {
right: 0;
}
.g-nav-box {
padding: 5rem 1.5rem;
height: calc(100vh - 8rem);
overflow: auto;
}
.g-nav li a {
display: block;
font-size: 1.6rem;
font-weight: 500;
color: #fff;
padding: 1rem 1.5rem;
background-color: #6ec1e4;
margin-bottom: 2px;
}
.g-nav-has a {
position: relative;
}
.g-nav-has a::before, .g-nav-has a::after {
content: "";
background-color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.g-nav-has a::before {
width: 2rem;
height: 2px;
right: 1.5rem;
}
.g-nav-has a::after {
width: 2px;
height: 2rem;
right: calc(2.5rem - 1px);
transition: 0.3s;
}
.g-nav-has a.active::after {
content: none;
}
.g-nav-child {
display: none;
margin-left: 0;
}
.g-nav-child li a {
background-color: #fff;
color: #6ec1e4;
}
#hamburger_btn {
cursor: pointer;
width: 3rem;
height: 3rem;
position: relative;
z-index: 999;
} #hamburger_btn span {
display: inline-block;
transition: all 0.4s;
position: absolute;
right: 0;
width: 3rem;
height: 2px;
background-color: #333;
}
#hamburger_btn span:nth-of-type(1) {
top: 0.5rem;
}
#hamburger_btn span:nth-of-type(2) {
top: 1.4rem;
}
#hamburger_btn span:nth-of-type(3) {
top: 2.3rem;
}
#hamburger_btn.active span:nth-of-type(1) {
top: 0.5rem;
left: 0;
transform: translateY(1rem) rotate(-135deg);
width: 100%;
}
#hamburger_btn.active span:nth-of-type(2) {
opacity: 0;
}
#hamburger_btn.active span:nth-of-type(3) {
top: 0.5rem;
left: 0;
transform: translateY(1rem) rotate(135deg);
width: 100%;
}
}
.header {
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.header_box {
max-width: 137rem;
height: 12rem;
padding: 0 1.5rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
color: #666;
}
.header_log {
width: 26rem;
}
.header_contact {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2rem;
margin-bottom: 2rem;
}
.header_contact a:hover {
opacity: 0.7;
}
.header_tel-num {
font-size: 2.8rem;
line-height: 1;
display: flex;
align-items: center;
gap: 0.5rem;
}
.header_tel-num::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/tel_black_icon.png) no-repeat;
width: 2.5rem;
height: 2.5rem;
display: inline-block;
}
.header_tel-time {
font-size: 1.4rem;
display: inline-block;
margin-top: 0.3rem;
}
.header_line {
width: 20rem;
height: 5.5rem;
display: flex;
align-items: center;
gap: 2rem;
background-color: #32b16c;
color: #fff;
font-size: 1.4rem;
padding-left: 1.9rem;
border-radius: 1rem;
}
.header_line::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/line_icon.png) no-repeat;
width: 3.3rem;
height: 3.2rem;
display: inline-block;
}
.header_nav {
display: flex;
gap: 2.7rem;
}
.header_nav a {
line-height: 1;
font-size: 1.4rem;
}
.header_nav > li:not(.has_child) a {
position: relative;
}
.header_nav > li:not(.has_child) a::before {
content: "";
width: 100%;
height: 1px;
background-color: #666;
position: absolute;
left: 0;
bottom: -0.3rem;
transform: scale(0);
transition: 0.3s;
}
.header_nav > li:not(.has_child) a:hover::before {
transform: scale(1);
}
.header_nav .gnav {
padding-right: 1.6rem;
position: relative;
}
.header_nav .gnav::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/header_nav_icon.svg) no-repeat;
width: 1.1rem;
height: 0.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.header_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
display: none;
}
.header_sub {
display: none;
width: 100%;
background-color: #fff;
padding: 4rem 0 6rem;
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
position: absolute;
top: 12rem;
left: 0;
right: 0;
}
.header_sub-nav {
max-width: 115rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.header_sub-nav li {
width: calc((100% - 8rem) / 5);
}
.header_sub-nav a {
line-height: 1.2;
}
.header_sub-nav a:hover {
opacity: 0.6;
}
.header_sub-nav img {
aspect-ratio: 7/4;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-bottom: 1rem;
}
@media screen and (max-width: 820px) {
.header_box {
height: 6rem;
}
.header_log {
width: 16rem;
}
.header_contact {
display: none;
}
.header_nav {
display: none;
}
}
.footer_top {
padding: 9rem 1.5rem 8.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.footer_txt {
width: 75.4rem;
}
.footer_img {
width: 146.7rem;
margin-top: -2.4rem;
}
.footer_bottom {
background-color: #6ec1e4;
padding: 3rem 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
}
.footer_log {
width: 26rem;
margin-bottom: 3rem;
}
.footer_sns {
display: flex;
gap: 1rem;
}
.footer_sns a:hover {
opacity: 0.6;
}
.footer_icon {
width: 3.5rem;
}
.footer_nav {
max-width: 100rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem 3rem;
color: #fff;
margin: 4rem 0;
}
.footer_nav a {
font-size: 1.3rem;
position: relative;
}
.footer_nav a::before {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
bottom: -0.3rem;
transform: scale(0);
transition: 0.3s;
}
.footer_nav a:hover::before {
transform: scale(1);
}
.footer_copy {
font-size: 1.1rem;
color: #fff;
}
.footer_fixed a:hover {
opacity: 0.6;
}
.footer_fixed-line {
position: fixed;
right: 0;
bottom: 12rem;
width: 18.9rem;
}
.footer_fixed-youtube {
position: fixed;
right: 0;
bottom: 2rem;
width: 8.9rem;
}
@media screen and (max-width: 820px) {
.footer_top {
padding: 5rem 0 3rem;
}
.footer_txt {
padding: 0 1.5rem;
}
.footer_img {
margin-top: 0;
}
.footer_bottom {
padding: 3rem 1.5rem 8rem;
}
.footer_log {
width: 20rem;
margin-bottom: 2rem;
}
.footer_sns {
gap: 1.5rem;
}
.footer_sns a:hover {
opacity: 1;
}
.footer_icon {
width: 3.5rem;
}
.footer_nav {
gap: 0.5rem 2rem;
margin: 3rem 0;
}
.footer_nav a {
font-size: 1.2rem;
}
.footer_nav a::before {
content: none;
}
.footer_copy {
font-size: 1rem;
}
.footer_fixed a:hover {
opacity: 1;
}
.footer_fixed.is-sp {
display: flex;
width: 100%;
text-align: center;
border: 2px solid #fff;
position: fixed;
left: 0;
bottom: 0;
z-index: 99;
}
.footer_fixed.is-sp::before {
content: "";
width: 2px;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.footer_fixed-btn {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
font-size: 1.6rem;
color: #fff;
padding: 0.8rem 0;
}
.footer_fixed-btn::before {
content: "";
display: inline-block;
width: 2.1rem;
height: 2rem;
}
.footer_fixed-btnTel {
background-color: #f8b23f;
}
.footer_fixed-btnTel::before {
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/tel_icon.png) no-repeat;
}
.footer_fixed-btnLine {
background-color: #32b16c;
}
.footer_fixed-btnLine::before {
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/line_icon.png) no-repeat;
}
}
main {
padding-top: 12rem;
overflow-x: hidden;
}
@media screen and (max-width: 820px) {
main {
padding-top: 6rem;
}
}
.splide__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
border: none;
}
.splide__arrow img {
width: 6.7rem;
height: auto;
}
.splide__arrow--prev {
left: -7.7rem;
}
.splide__arrow--prev:hover {
left: -8.2rem;
}
.splide__arrow--next {
right: -7.7rem;
}
.splide__arrow--next:hover {
right: -8.2rem;
}
.splide__pagination {
gap: 1rem;
margin-top: 2rem;
}
.splide__pagination__page {
width: 1rem;
height: 1rem;
background-color: #666;
border-radius: 100%;
border: none;
}
.splide__pagination__page.is-active {
background-color: #6ec1e4;
}
@media screen and (max-width: 820px) {
.splide__pagination {
margin-top: 1rem;
}
}
.dog_footprints {
position: relative;
background-color: #e1f6ff;
overflow: hidden;
margin: 0;
padding: 10rem 0;
}
.dog_footprints::after {
content: "";
background: center/cover url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/dog_footprints.gif) no-repeat;
opacity: 0.2;
width: 100.6rem;
height: 71.4rem;
position: absolute;
bottom: 0;
right: 1.5rem;
z-index: 0;
}
@media screen and (max-width: 820px) {
.dog_footprints::after {
width: 53rem;
height: 37.5rem;
right: 0;
}
}
.dog_footprints .inner {
position: relative;
z-index: 1;
}
@media screen and (max-width: 820px) {
.dog_footprints {
padding: 5rem 0;
}
}
.cover_img {
position: relative;
width: 29.3rem;
}
.cover_img::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/img_cover.png) no-repeat;
width: 33.3rem;
height: 29.8rem;
position: absolute;
top: 50%;
left: 55%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 820px) {
.cover_img {
width: 15rem;
}
.cover_img::after {
width: 17rem;
height: 15.2rem;
}
}
.best100 {
background-color: #f1faff;
}
.best100 .inner {
padding: 0 1.5rem 7rem;
}
.best100 h2.main-heading {
font-size: 3.9rem;
line-height: 1.4358974359;
margin-bottom: 4rem;
}
@media screen and (max-width: 820px) {
.best100 h2.main-heading {
font-size: 2.2rem;
margin-bottom: 1rem;
}
}
.cta {
background: center/cover url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/cta_bg.jpg) no-repeat;
text-align: center;
padding: 10rem 0;
}
.cta h2.cta_ttl {
color: #0f8eae;
margin-bottom: 3rem;
}
.cta_txt {
font-size: 2.2rem;
line-height: 1.7272727273;
margin: 0 0 3.5rem;
}
.cta_wrap {
display: flex;
justify-content: center;
gap: 8rem;
}
.cta_btn {
width: 40rem;
max-width: 100%;
padding: 1.82rem 0;
font-size: 1.8rem;
color: #fff;
border-radius: 1rem;
position: relative;
}
.cta_btn::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/btn_arrow.svg) no-repeat;
width: 2.8rem;
height: 0.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2rem;
transition: 0.3s;
}
.cta_btn:hover::after {
right: 1.5rem;
}
.cta_btn::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.cta_tel {
background-color: #f8b23f;
}
.cta_tel::before {
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/tel_icon.png) no-repeat;
width: 3rem;
height: 2.9rem;
left: 3.2rem;
}
.cta_line {
background-color: #32b16c;
}
.cta_line::before {
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/line_icon.png) no-repeat;
width: 4.2rem;
height: 4.1rem;
left: 2.5rem;
}
@media screen and (max-width: 820px) {
.cta {
padding: 5rem 0;
}
.cta h2.cta_ttl {
margin-bottom: 2rem;
}
.cta_txt {
font-size: 1.8rem;
margin-bottom: 2.5rem;
}
.cta_wrap {
flex-direction: column;
gap: 1rem;
}
.cta_btn {
padding: 1.3rem 0;
font-size: 1.6rem;
}
.cta_line::before {
width: 3rem;
height: 2.9rem;
left: 3.2rem;
}
}
.dog_ul li {
font-size: 1.6rem;
padding-left: 1em;
margin-bottom: 0.5em;
position: relative;
}
.dog_ul li::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/ul_icon.svg) no-repeat;
width: 1rem;
height: 0.9rem;
position: absolute;
left: 0;
top: 0.8rem;
}
@media screen and (max-width: 820px) {
.dog_ul li {
font-size: 1.4rem;
}
.dog_ul li::before {
top: 0.6rem;
}
}
.fv {
width: 100%;
position: relative;
}
.fv h2.fv_txt {
font-size: 5rem;
line-height: 1.6;
white-space: nowrap;
color: #fff;
position: absolute;
top: 20rem;
right: 5rem;
text-shadow: 2px 2px 6px rgb(0, 0, 0), -2px 2px 6px rgb(0, 0, 0), 2px -2px 6px rgb(0, 0, 0), -2px -2px 6px rgb(0, 0, 0);
}
@media screen and (max-width: 820px) {
.fv h2.fv_txt {
font-size: 2.2rem;
font-weight: bold;
color: #003c64;
text-align: center;
position: static;
padding: 2rem 0;
text-shadow: none;
}
}
.bnr_splide {
margin: 8rem auto;
}
.bnr_splide .splide__slide a:hover {
opacity: 0.6;
}
.bnr_splide .splide__slide img {
aspect-ratio: 39/22;
-o-object-fit: contain;
object-fit: contain;
}
.bnr_splide .splide__arrow {
transform: translateY(calc(-50% - 2rem));
}
@media screen and (max-width: 820px) {
.bnr_splide {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.news_bottom {
padding: 10rem 0;
background-color: #f1faff;
}
.news h2.main-heading {
margin-bottom: 3rem;
}
.news_wrap {
margin: 0 2.5rem;
background-color: #fff;
border: 3px solid #6ec1e4;
border-radius: 2rem;
padding: 5rem 7rem;
}
.news_content {
margin-bottom: 4rem;
}
.news_content a:hover {
opacity: 0.6;
}
.news_item {
display: flex;
align-items: center;
gap: 2rem;
padding: 1.5rem 0;
border-bottom: 1px solid #666;
}
.news_thumbnail {
width: 10rem;
flex-shrink: 0;
border-radius: 2rem;
overflow: hidden;
}
.news_info {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.news_cate {
font-size: 1.2rem;
color: #fff;
background-color: #6bb0cf;
padding: 0 0.7rem;
}
.news time {
font-size: 1.4rem;
}
@media screen and (max-width: 820px) {
.news_bottom {
padding: 5rem 0;
}
.news::after {
width: 32rem;
height: 22.7rem;
right: 0rem;
bottom: -1rem;
}
.news_wrap {
margin: 0;
padding: 2.5rem 1.5rem 5rem;
}
.news_content {
margin-bottom: 3rem;
}
.news_content a:hover {
opacity: 1;
}
.news_item {
align-items: flex-start;
gap: 1rem;
line-height: 1.4;
}
.news_thumbnail {
width: 6rem;
border-radius: 1rem;
}
.news_info {
gap: 0.7rem;
margin-bottom: 0.5rem;
}
.news_cate {
font-size: 1rem;
padding: 0 0.5rem;
}
.news time {
font-size: 1.2rem;
}
}
.worry {
overflow-x: hidden;
}
.worry .inner {
position: relative;
}
.worry .inner::before, .worry .inner::after {
content: "";
position: absolute;
bottom: 0;
}
.worry .inner::before {
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/worry_dog_01.png) no-repeat;
width: 36.6rem;
height: 47.3rem;
left: -38.6rem;
}
.worry .inner::after {
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/worry_dog_02.png) no-repeat;
width: 26.8rem;
height: 50.2rem;
right: -31.1rem;
}
.worry h2.main-heading {
margin-bottom: 3rem;
}
.worry_content {
max-width: 115rem;
margin: 5.5rem auto 0;
display: flex;
flex-wrap: wrap;
gap: 6rem 9rem;
}
.worry_box {
width: 32.2rem;
}
.worry_img {
margin-bottom: 1.5rem;
}
.worry_img img {
border-radius: 50%;
}
.worry_txt {
text-align: center;
}
@media screen and (max-width: 820px) {
.worry .inner::before {
width: 7.7rem;
height: 10rem;
left: 0;
}
.worry .inner::after {
width: 5.3rem;
height: 10rem;
right: 0;
}
.worry_content {
margin-top: 5rem;
gap: 3rem 1.5rem;
}
.worry_box {
width: calc((100% - 1.5rem) / 2);
}
.worry_img {
margin-bottom: 1rem;
}
}
.forte {
background-color: #f1faff;
margin: 0;
padding: 10rem 0;
}
.forte_content {
max-width: 99rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 3rem 15rem;
}
.forte_item {
width: 42rem;
height: 42rem;
border-radius: 50%;
background-color: #d0f0ff;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 7rem 0 4.2rem;
}
.forte_box img {
width: auto;
max-width: 23rem;
max-height: 23.4rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.forte_txt {
text-align: center;
}
.forte_youtube {
width: 100rem;
max-width: 100%;
height: auto;
aspect-ratio: 16/9;
margin: 7rem auto 0;
}
.forte_youtube iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 820px) {
.forte {
padding: 5rem 0;
}
.forte_content {
gap: 3rem 1.5rem;
}
.forte_item {
width: calc((100% - 1.5rem) / 2);
height: auto;
background-color: initial;
gap: 1rem;
padding: 0;
}
.forte_box {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
border-radius: 50%;
background-color: #d0f0ff;
width: 100%;
height: auto;
aspect-ratio: 1/1;
padding: 0;
justify-content: center;
}
.forte_box img {
max-width: 11.1rem;
max-height: 10.8rem;
}
.forte_txt {
font-size: 1.3rem;
}
.forte_youtube {
margin: 7rem auto 0;
}
}
.award {
background-color: #f1faff;
padding: 0 1.5rem 10rem;
}
.award_img {
width: 82.2rem;
margin: 0 auto;
}
.top .best100 {
padding-top: 10rem;
}
@media screen and (max-width: 820px) {
.top .best100 {
padding-top: 5rem;
}
}
.top .award {
padding-bottom: 40.5rem;
position: relative;
}
.top .award::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/top_award_dogs.png) no-repeat;
width: 150rem;
height: 47.6rem;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 820px) {
.top .award {
padding-bottom: 11rem;
}
.top .award::after {
width: 38rem;
height: 12.1rem;
}
}
.service_wrap {
display: flex;
flex-wrap: wrap;
gap: 3rem;
}
.service_content {
width: calc((100% - 6rem) / 3);
display: flex;
flex-direction: column;
padding: 2rem 0 3rem;
border: 3px solid #6ec1e4;
}
.service_content.col_2 {
width: calc((100% - 4rem) / 2);
margin-bottom: 1rem;
}
.service_content.col_2:nth-child(1) {
margin-right: 0.5rem;
}
.service_content.col_2:nth-child(2) {
margin-left: 0.5rem;
}
.service_content.col_2 .service_ttl {
font-size: 2.4rem;
}
.service_content.col_2 .col_2-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.service_content.col_2 .service_txt {
margin-top: 0.5rem;
}
.service_content.bottom_2 {
width: calc((100% - 4rem) / 2);
position: relative;
}
.service_content.bottom_2:nth-child(9) {
margin-right: 0.5rem;
}
.service_content.bottom_2:nth-child(10) {
margin-left: 0.5rem;
}
.service_content.bottom_2 .service_ttl {
width: 35rem;
padding: 0 2rem;
justify-content: flex-start;
margin-bottom: 1rem;
}
.service_content.bottom_2 .service_txt {
margin-top: 0;
}
.service_content.bottom_2 img {
width: 25rem;
position: absolute;
top: 1.5rem;
right: 1.5rem;
}
.service_ttl {
font-size: 2.2rem;
color: #fff;
background-color: #6ec1e4;
height: 5rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
}
.service_box {
display: flex;
flex-direction: column;
flex: 1;
padding: 0 2rem;
}
.service_box img {
border-radius: 1rem;
margin-bottom: 2rem;
}
.service_plan {
font-size: 2.6rem;
font-weight: bold;
color: #6ec1e4;
margin-bottom: 0.3rem;
}
.service_plan.sm {
font-size: 2.5rem;
}
.service_sm {
font-size: 1.8rem;
color: #6ec1e4;
}
.service_sm.sm {
font-size: 1.6rem;
}
.service_price {
font-size: 3rem;
line-height: 1;
color: #666;
display: flex;
align-items: center;
}
.service_price span:last-of-type {
font-size: 2rem;
}
.service_txt {
margin: 1.5rem 0 4rem;
flex: 1;
}
.service_btn {
width: 100%;
}
.service_btn.sm {
font-size: 1.4rem;
padding-right: 3rem;
}
@media screen and (max-width: 820px) {
.service_wrap {
flex-direction: column;
}
.service_content {
width: 100%;
}
.service_content.col_2 {
width: 100%;
margin-bottom: 0;
}
.service_content.col_2:nth-child(1) {
margin-right: 0;
}
.service_content.col_2:nth-child(2) {
margin-left: 0;
}
.service_content.col_2 .service_ttl {
font-size: 1.8rem;
}
.service_content.col_2 .col_2-flex {
flex-direction: column;
align-items: flex-start;
}
.service_content.col_2 .service_txt {
margin-top: 1rem;
}
.service_content.bottom_2 {
width: 100%;
}
.service_content.bottom_2:nth-child(9) {
margin-right: 0;
}
.service_content.bottom_2:nth-child(10) {
margin-left: 0;
}
.service_content.bottom_2 .service_ttl {
width: 100%;
justify-content: center;
margin-bottom: 2rem;
}
.service_content.bottom_2 .service_txt {
margin-top: 0;
}
.service_content.bottom_2 img {
width: 100%;
position: static;
}
.service_ttl {
font-size: 1.8rem;
height: 4rem;
}
.service_box {
padding: 0 1.5rem;
}
.service_plan {
font-size: 2.2rem;
margin-bottom: 0.3rem;
}
.service_plan.sm {
font-size: 2.2rem;
}
.service_sm {
font-size: 1.6rem;
}
.service_sm.sm {
font-size: 1.6rem;
}
.service_price {
font-size: 2.6rem;
}
.service_price span:last-of-type {
font-size: 1.4rem;
}
.service_txt {
margin: 1rem 0 2rem;
flex: 1;
}
.service_btn.sm {
font-size: 1.2rem;
padding-right: 2rem;
}
}
.service_other {
display: flex;
gap: 4rem;
margin-top: 3rem;
}
.service_other-item {
width: calc((100% - 4rem) / 2);
border: 3px solid #6ec1e4;
padding: 1.5rem 1.5rem 2rem 0;
}
.service_other-content {
display: flex;
}
.service_other-content img {
width: 25rem;
border-radius: 1rem;
}
.service_other-box {
width: calc(100% - 25rem);
}
.owner {
background-color: #f9fdff;
margin: 0;
padding: 10rem 0;
}
.owner_wrap {
background-color: #fff;
border: 3px solid #31a2be;
border-radius: 2rem;
padding: 5rem 7rem;
margin: 0 2.5rem;
position: relative;
}
.owner_wrap::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/owner_bg.png) no-repeat;
width: 46.8rem;
height: 27rem;
position: absolute;
bottom: 0;
right: 1.8rem;
}
.owner h3.blue_bg {
margin-bottom: 5rem;
}
.owner_content {
display: flex;
align-items: flex-start;
gap: 4rem;
margin-bottom: 1.6rem;
}
.owner_content img {
width: 30rem;
flex-shrink: 0;
}
.owner h4 {
font-size: 2.2rem;
color: #0f8eae;
margin-bottom: 2.5rem;
}
.owner_star {
line-height: 1;
}
.owner_contact {
display: flex;
justify-content: center;
gap: 3rem;
margin-top: 5rem;
position: relative;
z-index: 1;
}
.owner_btn {
width: 43rem;
max-width: 100%;
margin: 0;
}
@media screen and (max-width: 820px) {
.owner {
padding: 5rem 0;
}
.owner_wrap {
padding: 3rem 1.5rem 10rem;
margin: 0;
}
.owner_wrap::after {
width: 16.5rem;
height: 9.5rem;
}
.owner h3.blue_bg {
margin-bottom: 2rem;
}
.owner_content {
flex-direction: column-reverse;
gap: 2rem;
margin-bottom: 3rem;
}
.owner_img {
margin: 0 auto;
}
.owner h4 {
font-size: 1.8rem;
margin-bottom: 1rem;
}
.owner_contact {
flex-direction: column;
gap: 1rem;
margin-top: 3rem;
}
.owner_btn {
font-size: 1.3rem;
padding-right: 3rem;
}
}
.column h2.main-heading {
margin-bottom: 0;
}
.column_txt {
font-size: 2.4rem;
text-align: center;
font-weight: 500;
color: #6ec1e4;
margin-bottom: 6rem;
}
.column_splide {
margin-bottom: 6rem;
}
.column_img img {
width: 100%;
aspect-ratio: 26/16;
-o-object-fit: cover;
object-fit: cover;
border-radius: 2rem;
margin-bottom: 1.5rem;
}
.column time {
font-size: 1.4rem;
color: #666;
}
.column_ttl {
font-size: 2rem;
line-height: 1.45;
font-weight: 500;
color: #6ec1e4;
margin-top: 0.5rem;
}
.column_pick {
max-width: 70rem;
margin: 0 auto;
}
.column_pick a:hover {
opacity: 0.6;
}
.column_pick img {
box-shadow: 0 0 1rem 0 rgba(0, 63, 105, 0.68);
}
@media screen and (max-width: 820px) {
.column_txt {
font-size: 1.8rem;
margin-bottom: 3rem;
}
.column_splide {
margin-bottom: 5rem;
}
.column_img img {
border-radius: 2rem;
margin-bottom: 1.5rem;
}
.column time {
font-size: 1.2rem;
}
.column_ttl {
font-size: 1.8rem;
}
}
.voice.dog_footprints::after {
width: 139.2rem;
height: 98.7rem;
bottom: 0.8rem;
right: 0.6rem;
}
.voice .splide__slide {
display: flex;
flex-direction: column;
}
.voice .splide__slide img {
aspect-ratio: 19/9;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.voice_box {
background-color: #fff;
padding: 2.5rem;
flex: 1;
}
.voice_ttl {
font-size: 2.2rem;
color: #6ec1e4;
margin-bottom: 1rem;
}
.voice_notes {
line-height: 1;
text-align: right;
margin-top: 3rem;
}
.voice_btn {
margin-top: 5.5rem;
}
@media screen and (max-width: 820px) {
.voice.dog_footprints::after {
width: 53rem;
height: 37.5rem;
bottom: 0;
right: -4rem;
}
.voice .inner {
padding: 0;
}
.voice_box {
padding: 2rem 1.5rem;
}
.voice_img {
aspect-ratio: 6/4;
-o-object-fit: cover;
object-fit: cover;
}
.voice_ttl {
font-size: 1.8rem;
}
.voice_notes {
font-size: 1.2rem;
margin-top: 1rem;
}
.voice_btn {
width: 36rem;
margin-top: 3rem;
}
}
.facility .inner {
max-width: 107rem;
}
.facility_youtube {
width: 100%;
height: auto;
aspect-ratio: 16/9;
margin: 0 auto;
}
.facility_youtube iframe {
width: 100%;
height: 100%;
}
.facility_wrap {
margin-top: 3.5rem;
display: flex;
gap: 4rem;
}
.facility_txt {
margin-top: 1.5rem;
text-align: center;
}
.facility_btn {
margin-top: 5rem;
}
@media screen and (max-width: 820px) {
.facility_youtube {
margin-bottom: 3rem;
}
.facility_wrap {
display: flex;
gap: 1.5rem;
}
.facility_txt {
margin-top: 1rem;
}
.facility_btn {
margin-top: 3rem;
}
}
.flow {
background: center/cover url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/flow_bg.jpg) no-repeat;
margin: 0;
padding: 10rem 0;
}
.flow_wrap {
background-color: #fff;
border: 3px solid #31a2be;
border-radius: 2rem;
margin: 0 2.5rem;
padding: 5rem 7rem;
}
.flow_content {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 5.5rem;
}
.flow_box {
width: calc((100% - 11rem) / 3);
position: relative;
}
.flow_box:not(:first-of-type)::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/flow_arrow.png) no-repeat;
width: 2.9rem;
height: 4.5rem;
position: absolute;
top: 13rem;
left: -4rem;
}
.flow h4 {
font-size: 2.4rem;
line-height: 1.25;
color: #6ec1e4;
text-align: center;
white-space: nowrap;
height: 6rem;
margin: 1.5rem 0 1rem;
}
.flow_btn {
margin: 5rem auto;
}
.flow .cta_wrap {
text-align: center;
}
@media screen and (max-width: 820px) {
.flow {
padding: 5rem 0;
}
.flow_wrap {
margin: 0;
padding: 3rem 1.5rem;
}
.flow_content {
flex-direction: column;
gap: 7rem;
}
.flow_box {
width: 100%;
}
.flow_box:not(:first-of-type)::after {
top: -5.7rem;
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
.flow_img {
max-width: 20rem;
margin: 0 auto;
}
.flow h4 {
font-size: 1.8rem;
height: auto;
margin: 1rem 0 1rem;
}
.flow_btn {
margin: 3rem auto;
}
}
.access_wrap {
display: flex;
justify-content: space-between;
margin-bottom: 6rem;
}
.access_map {
width: 63rem;
height: 39.7rem;
}
.access_map iframe {
width: 100%;
height: 100%;
}
.access_content {
width: 54rem;
color: #666;
}
.access_root {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
padding: 1.5rem 0 0.5rem;
margin: 1.5rem 0;
}
.access_ttl {
font-size: 1.8rem;
margin-bottom: 1rem;
}
.access_ttl:last-of-type {
margin-top: 2rem;
}
@media screen and (max-width: 820px) {
.access_wrap {
flex-direction: column;
gap: 2rem;
margin-bottom: 3rem;
}
.access_map {
width: 100%;
height: 30rem;
}
.access_content {
width: 100%;
}
.access_ttl {
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
}
.faq_wrap {
font-size: 1.6rem;
color: #666;
line-height: 1.6875;
}
.faq_wrap:not(:last-of-type) {
margin-bottom: 1rem;
}
.faq_ttl {
background-color: #e5f6ff;
padding: 1.5rem 4.5rem;
position: relative;
}
.faq_ttl::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/q-icon.png) no-repeat;
width: 2.2rem;
height: 3.5rem;
position: absolute;
top: 0.8rem;
left: 1.2rem;
}
.faq_box {
background-color: #f9fdff;
padding: 1.4rem 4.5rem;
position: relative;
}
.faq_box::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/a-icon.png) no-repeat;
width: 2rem;
height: 4rem;
position: absolute;
top: 0.7rem;
left: 1.3rem;
}
@media screen and (max-width: 820px) {
.faq_wrap {
font-size: 1.4rem;
}
.faq_ttl {
padding: 1.2rem 1.5rem 1.2rem 3rem;
}
.faq_ttl::before {
width: 1.5rem;
height: 2.4rem;
top: 0.8rem;
left: 0.7rem;
}
.faq_box {
padding: 1.4rem 1.5rem 1.4rem 3rem;
}
.faq_box::before {
width: 1.5rem;
height: 3.2rem;
top: 0.7rem;
left: 0.7rem;
}
}
.sns_ttl {
background-color: #e1f6ff;
padding: 5rem 0;
}
.sns_ttl h2.main-heading {
max-width: 120rem;
margin: 0 auto;
text-align: left;
}
.sns .inner {
padding-top: 3rem;
position: relative;
}
.sns .inner::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/sns_dog.png) no-repeat;
width: 51.6rem;
height: 49.3rem;
position: absolute;
top: -27.2rem;
right: -4.3rem;
}
.sns_bnr:hover {
opacity: 0.6;
}
.sns_splide {
margin: 9rem 0;
}
.sns .splide__slide {
height: auto;
aspect-ratio: 16/9;
}
.sns .splide__slide iframe {
width: 100%;
height: 100%;
}
.sns_insta {
max-width: 80rem;
margin: 0 auto;
}
.sns_insta a:hover {
opacity: 0.6;
}
@media screen and (max-width: 820px) {
.sns_ttl {
padding: 2rem 1.5rem 3rem;
}
.sns .inner {
padding: 3rem 0 0;
}
.sns .inner::after {
width: 14rem;
height: 13.4rem;
top: -5.1rem;
right: 0;
}
.sns_bnr img {
padding: 0 1.5rem;
}
.sns_bnr:hover {
opacity: 1;
}
.sns_splide {
margin: 5rem 0;
}
.sns_insta {
padding: 0 1.5rem;
}
.sns_insta a:hover {
opacity: 1;
}
}
.breadcrumbs {
max-width: 123rem;
margin: 0 auto;
padding: 1rem 1.5rem;
font-size: 1.4rem;
}
.breadcrumbs a {
font-size: 1.4rem;
}
.breadcrumbs a:hover {
color: #6ec1e4;
}
@media screen and (max-width: 820px) {
.breadcrumbs {
font-size: 1.2rem;
padding: 0.5rem 1.5rem;
overflow-x: auto;
white-space: nowrap;
}
.breadcrumbs a {
font-size: 1.2rem;
}
}
.online_bnr {
padding-bottom: 10rem;
}
.online_bnr-link {
display: block;
max-width: 67rem;
padding: 0 1.5rem;
margin: 0 auto;
}
.online_bnr-link:hover {
opacity: 0.6;
}
@media screen and (max-width: 820px) {
.online_bnr {
padding-bottom: 5rem;
}
}
.pageArchive .inner {
display: flex;
flex-wrap: wrap;
gap: 5rem;
}
.pageArchive_box {
width: calc((100% - 5rem) / 2);
}
.pageArchive_box a:hover {
opacity: 0.6;
}
.pageArchive_img {
aspect-ratio: 55/28;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 1rem 1rem 0 0;
}
.pageArchive_ttl {
font-size: 2.4rem;
text-align: center;
color: #fff;
background-color: #6ec1e4;
padding: 0.65rem;
}
.pageArchive_store {
margin-top: 2rem;
}
.pageArchive_store dl {
display: flex;
font-size: 1.4rem;
}
.pageArchive_store dl:not(:last-of-type) {
margin-bottom: 0.5em;
}
.pageArchive_store dt {
font-weight: 500;
flex-shrink: 0;
}
.pageArchive_store dt::after {
content: "：";
display: inline-block;
padding: 0 0.3em;
}
.pageArchive_store a {
font-size: 1.4rem;
color: #6ec1e4;
text-decoration: underline;
}
@media screen and (max-width: 820px) {
.pageArchive .inner {
gap: 3rem;
}
.pageArchive_box {
width: 100%;
}
.pageArchive_box a:hover {
opacity: 1;
}
.pageArchive_ttl {
font-size: 1.8rem;
padding: 0.5rem;
}
.pageArchive_store {
margin-top: 1rem;
}
.pageArchive_store dl {
font-size: 1.3rem;
}
.pageArchive_store a {
font-size: 1.3rem;
}
}
.Page_header {
width: 100%;
height: 30rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #bbb;
}
.Page_header::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
}
.Page_ttl {
font-size: 5rem;
font-weight: bold;
color: #6ec1e4;
position: relative;
z-index: 1;
}
.Page_intro .inner {
padding-bottom: 0;
}
.Page_intro-wrap {
display: flex;
gap: 3rem;
}
.Page_intro-img {
width: 29rem;
aspect-ratio: 6/4;
flex-shrink: 0;
border-radius: 2rem;
overflow: hidden;
}
.Page_intro-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.Page_intro-ttl {
font-size: 2.2rem;
color: #6ec1e4;
margin-bottom: 1rem;
}
.Page .worry {
padding-bottom: 10rem;
margin-bottom: 0;
}
.Page .worry_wrap {
padding: 2.5rem 4.5rem;
border: 5px solid #6ec1e4;
border-radius: 2rem;
margin-top: 3.5rem;
}
.Page .worry_wrap-txt {
line-height: 2.25;
background-image: linear-gradient(transparent 0, transparent 97%, #c0c0c0 100%);
background-size: 100% 2.25em;
}
.Page .facility {
padding-top: 0;
}
.Page .facility h2.main-heading:not(:first-of-type) {
margin-top: 10rem;
}
.Page .bnr_splide .splide__slide img {
-o-object-fit: cover;
object-fit: cover;
}
.Page .bnr_splide .splide__arrow {
transform: translateY(calc(-50% + 3rem));
}
.Page .col2_flex {
display: flex;
align-items: flex-start;
gap: 4rem;
margin-bottom: 6rem;
}
.Page .col2_flex.reverse {
flex-direction: row-reverse;
}
.Page .col2_flex img {
width: 46rem;
height: 30.5rem;
-o-object-fit: cover;
object-fit: cover;
}
.Page .col2_flex-box h3 {
margin: 0 0 2rem;
}
@media screen and (max-width: 820px) {
.Page_header {
height: 15rem;
}
.Page_ttl {
font-size: 2.4rem;
}
.Page_intro h2.main-heading {
margin-bottom: 2rem;
}
.Page_intro-wrap {
gap: 2rem;
flex-direction: column;
}
.Page_intro-img {
width: 27rem;
margin: 0 auto;
}
.Page_intro-ttl {
font-size: 1.8rem;
}
.Page .worry {
padding-bottom: 5rem;
}
.Page .worry_wrap {
padding: 2.5rem 1.5rem;
border: 3px solid #6ec1e4;
border-radius: 2rem;
}
.Page .facility {
padding-top: 0;
}
.Page .facility h2.main-heading:not(:first-of-type) {
margin-top: 10rem;
}
}
.day {
background-color: #f9fdff;
margin: 0;
padding: 10rem 0;
}
.day_wrap {
background-color: #fff;
border: 3px solid #31a2be;
border-radius: 2rem;
padding: 5rem 7rem;
margin: 0 2.5rem;
}
.day .owner_wrap {
margin-top: 7rem;
}
.day .owner_wrap::after {
content: none;
}
.day .owner_wrap h4 {
font-size: 2.2rem;
color: #0f8eae;
margin-bottom: 2rem;
}
.day_item {
display: flex;
gap: 2.5rem;
padding-bottom: 2.5rem;
margin-bottom: 2.5rem;
border-bottom: 1px solid #666666;
}
.day_item img {
width: 34rem;
aspect-ratio: 34/20;
-o-object-fit: cover;
object-fit: cover;
}
.day_ttl {
font-size: 2.2rem;
color: #0f8eae;
margin-bottom: 1rem;
}
.day_txt span {
font-weight: 500;
}
.day_sm {
line-height: 1.3;
}
@media screen and (max-width: 820px) {
.day {
padding: 5rem 0;
}
.day_wrap {
padding: 3rem 1.5rem;
margin: 0;
}
.day .owner_wrap {
margin-top: 5rem;
padding-bottom: 3rem;
}
.day .owner_wrap h4 {
font-size: 1.8rem;
margin-bottom: 1.5rem;
}
.day_item {
flex-direction: column;
gap: 1rem;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.day_ttl {
font-size: 1.8rem;
margin-bottom: 0.2rem;
}
.day_sm {
font-size: 1.2rem;
}
}
.plan .inner {
max-width: 118rem;
}
.plan img {
width: 90rem;
aspect-ratio: 9/5;
-o-object-fit: cover;
object-fit: cover;
margin: 0 auto 7rem;
}
.plan_table:not(:first-child) {
margin-top: 5rem;
display: block;
}
.plan_table table {
border: 3px solid #0f8eae;
}
.plan_table th,
.plan_table td {
height: 11rem;
font-size: 3rem;
vertical-align: middle;
}
.plan_table th {
max-width: 75rem;
color: #fff;
background-color: #0f8eae;
padding: 0 3.5rem;
white-space: nowrap;
border: 1px solid #fff;
border-right: none;
}
.plan_table th span {
display: block;
font-size: 2rem;
font-weight: 400;
}
.plan_table th span.yellow {
color: #fffcc4;
}
.plan_table td {
width: 40rem;
font-family: "Lora", serif;
font-weight: 400;
line-height: 1.4;
padding: 0 3rem;
border: 1px solid #0f8eae;
}
.plan_table td span {
font-family: "Noto Sans JP", sans-serif;
font-size: 2rem;
}
.plan_table td.sub {
width: 30rem;
font-family: "Noto Sans JP", sans-serif;
font-size: 2.4rem;
line-height: 1.6;
padding: 0 2rem;
color: #fff;
border-color: #fff;
border-left: none;
border-right: none;
background-color: #41adc8;
}
.plan_sm {
margin-top: 2.5rem;
font-size: 1.8rem;
line-height: 1.6666666667;
}
.plan_wrap {
margin-top: 5rem;
border: 3px solid #0f8eae;
}
.plan_ttl {
font-size: 2.4rem;
line-height: 1;
color: #fff;
background-color: #0f8eae;
padding: 1rem 3.5rem 1.3rem;
}
.plan_box {
padding: 2.5rem 3.5rem;
}
.plan_box h4 {
font-size: 2.4rem;
font-weight: 500;
margin-bottom: 1.5rem;
}
.plan_box h4:not(:first-of-type) {
padding-top: 2.5rem;
border-top: 1px solid #0f8eae;
margin-top: 2.8rem;
}
.plan_box-txt {
font-size: 1.8rem;
line-height: 1.8888888889;
}
.plan_box-price {
margin: 1rem 0 2rem;
}
.plan_box-price + .plan_box-txt {
line-height: 1.6666666667;
}
.plan_box-price dl {
display: flex;
border-bottom: 1px solid #0f8eae;
padding: 2rem 0;
font-size: 2.4rem;
}
.plan_box-price dt {
font-weight: 500;
width: 76.5rem;
}
.plan_box-price dd {
font-family: "Lora", serif;
font-weight: 400;
}
.plan_box-price dd span {
font-family: "Noto Sans JP", sans-serif;
font-size: 1.8rem;
}
.plan_box .dog_ul li {
font-size: 1.8rem;
}
.plan_box .dog_ul li::before {
top: 1rem;
}
.plan_box-schedule {
font-size: 2.2rem;
font-weight: 500;
}
.plan_box-schedule li {
padding-bottom: 2rem;
border-bottom: 1px solid #0f8eae;
margin-bottom: 2rem;
}
.plan_box-schedule li::before {
content: "・";
display: inline;
}
.plan_box-schedule li del {
text-decoration: none;
background: linear-gradient(#333, #333) 0 55%/100% 2px repeat-x;
}
.plan_box-schedule li span {
padding-left: 0.5em;
}
.plan_box-schedule li a {
color: #6ec1e4;
text-decoration: underline;
font-size: 2rem;
}
.plan_box table:not(.spa-table) {
width: 100%;
border: 3px solid #6ec1e4;
}
.plan_box table:not(.spa-table):not(:first-child) {
margin-top: 2rem;
}
.plan_box table:not(.spa-table):not(:last-child) {
margin-bottom: 2rem;
}
.plan_box table:not(.spa-table) th,
.plan_box table:not(.spa-table) td {
font-size: 2.2rem;
line-height: 1.4545454545;
padding: 2rem 3.5rem;
}
.plan_box table:not(.spa-table) th {
font-weight: 500;
color: #fff;
background-color: #6ec1e4;
border: 1px solid #fff;
}
.plan_box table:not(.spa-table) td {
border: 1px solid #6ec1e4;
}
.plan_box table.spa-table th,
.plan_box table.spa-table td {
font-size: 2rem;
padding: 2rem;
border-bottom: 1px solid #6ec1e4;
vertical-align: middle;
}
.plan_box table.spa-table th {
background-color: #6ec1e4;
color: #fff;
text-align: center;
border-color: #fff;
font-weight: 500;
}
.plan_box table.spa-table th:not(:first-of-type) {
border-left: 1px solid;
}
.plan_box table.spa-table td:first-of-type {
font-weight: 500;
}
.plan_box table.spa-table td:not(:first-of-type) {
border-left: 1px solid #6ec1e4;
text-align: center;
}
.plan_wrap.accordion .plan_ttl {
position: relative;
cursor: pointer;
}
.plan_wrap.accordion .plan_ttl::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/acc-arrow.svg) no-repeat;
width: 2.5rem;
height: 2.5rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2rem;
}
.plan_wrap.accordion .plan_ttl.active::after {
transform: rotate(180deg) translateY(50%);
}
.plan_wrap.accordion .plan_box {
display: none;
}
@media screen and (max-width: 820px) {
.plan img {
margin-bottom: 3rem;
}
.plan_table:not(:first-child) {
margin-top: 3rem;
}
.plan_table table {
border: 2px solid #0f8eae;
width: 100%;
}
.plan_table tr {
display: flex;
flex-wrap: wrap;
}
.plan_table th,
.plan_table td {
width: 100%;
height: auto;
font-size: 1.8rem;
padding: 1.5rem;
border: none;
}
.plan_table th {
white-space: wrap;
}
.plan_table th span {
font-size: 1.4rem;
}
.plan_table td span {
font-size: 1.2rem;
}
.plan_table td.sub {
width: 50%;
font-size: 1.6rem;
padding: 1.5rem;
}
.plan_table td.sub + td {
width: 50%;
}
.plan_sm {
margin-top: 1.5rem;
font-size: 1.4rem;
}
.plan_wrap {
margin-top: 3rem;
border: 2px solid #0f8eae;
}
.plan_ttl {
font-size: 2rem;
padding: 1rem 1.5rem 1.3rem;
}
.plan_box {
padding: 2rem 1.5rem;
}
.plan_box h4 {
font-size: 1.8rem;
margin-bottom: 1rem;
}
.plan_box h4:not(:first-child) {
padding-top: 2rem;
margin-top: 2.3rem;
}
.plan_box-txt {
font-size: 1.4rem;
}
.plan_box-price {
margin: 1rem 0 1.5rem;
}
.plan_box-price dl {
justify-content: space-between;
padding: 1.5rem 0;
font-size: 1.8rem;
}
.plan_box-price dt {
width: auto;
}
.plan_box-price dd span {
font-size: 1.2rem;
}
.plan_box .dog_ul li {
font-size: 1.4rem;
}
.plan_box .dog_ul li::before {
top: 0.6rem;
}
.plan_box-schedule {
font-size: 1.6rem;
}
.plan_box-schedule li {
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
}
.plan_box-schedule li a {
font-size: 1.6rem;
}
.plan_box table:not(.spa-table) {
border: 2px solid #6ec1e4;
}
.plan_box table:not(.spa-table):not(:first-child) {
margin-top: 1.5rem;
}
.plan_box table:not(.spa-table):not(:last-child) {
margin-bottom: 1.5rem;
}
.plan_box table:not(.spa-table) tr {
display: flex;
flex-direction: column;
}
.plan_box table:not(.spa-table) th,
.plan_box table:not(.spa-table) td {
font-size: 1.6rem;
padding: 1rem;
border: none;
}
.plan_box .scroll {
width: 100%;
overflow-x: auto;
}
.plan_box table.spa-table th,
.plan_box table.spa-table td {
font-size: 1.4rem;
padding: 1rem;
white-space: nowrap;
}
.plan_wrap.accordion .plan_ttl::after {
width: 2rem;
height: 2rem;
right: 1.5rem;
}
}
.defaultPage .Page_contant .inner {
padding: 10rem 1.5rem;
max-width: 103rem;
}
.defaultPage .Page_contant h2.wp-block-heading {
font-size: 2.4rem;
font-weight: 500;
color: #fff;
background-color: #6ec1e4;
margin-bottom: 3rem;
padding: 0.7rem 1.5rem;
}
.defaultPage .Page_contant h2.wp-block-heading:not(:first-child) {
margin-top: 10rem;
}
.defaultPage .Page_contant h2.wp-block-heading + .wp-block-image {
margin: 3rem auto;
}
.defaultPage .Page_contant .store_info + h2.wp-block-heading {
margin-top: 5rem;
}
.defaultPage .Page_contant h3.wp-block-heading {
font-size: 2.2rem;
font-weight: 500;
color: #0f8eae;
margin: 4rem auto 2rem;
}
.defaultPage .Page_contant h4.wp-block-heading {
font-size: 1.8rem;
font-weight: 500;
padding-bottom: 0.5rem;
border-bottom: 2px dashed #6ec1e4;
margin: 3rem auto 2rem;
}
.defaultPage .Page_contant p {
margin-bottom: 1.5em;
}
.defaultPage .Page_contant a {
color: #6ec1e4;
text-decoration: underline;
}
.defaultPage .Page_contant a:hover {
opacity: 0.6;
}
.defaultPage .Page_contant .wp-block-image {
margin: 1.5rem auto;
}
.defaultPage .Page_contant .wp-block-image img {
width: auto;
}
.defaultPage .Page_contant .wp-block-list {
font-size: 1.6rem;
margin: 1em auto;
}
.defaultPage .Page_contant .wp-block-list li {
line-height: 1.5;
margin-bottom: 0.5em;
position: relative;
}
.defaultPage .Page_contant .wp-block-list li > ul {
margin: 0.5em auto;
margin-left: 0;
}
.defaultPage .Page_contant ul.wp-block-list li {
padding-left: 1em;
}
.defaultPage .Page_contant ul.wp-block-list li::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/ul_icon.svg) no-repeat;
width: 1rem;
height: 0.9rem;
position: absolute;
left: 0;
top: 0.8rem;
}
.defaultPage .Page_contant ul.wp-block-list li > ul li::before {
content: "・";
width: auto;
height: auto;
background: none;
top: 0;
}
.defaultPage .Page_contant ol.wp-block-list {
padding-left: 1.5em;
list-style: decimal;
}
.defaultPage .Page_contant .philosophy_wrap {
background-color: #edf1f5;
padding: 4.5rem 6rem;
position: relative;
color: #6bb0cf;
font-size: 2.8rem;
z-index: 0;
margin: 6.5rem 0;
}
.defaultPage .Page_contant .philosophy_wrap::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/about/dog_img.png) no-repeat;
width: 18.7rem;
height: 19.2rem;
position: absolute;
top: 1.6rem;
right: 1.5rem;
z-index: -1;
}
.defaultPage .Page_contant .philosophy_wrap dt {
padding-bottom: 0.5rem;
border-bottom: 1px solid #6bb0cf;
margin-bottom: 0.5rem;
}
.defaultPage .Page_contant .philosophy_wrap dt:not(:first-of-type) {
margin-top: 1rem;
}
.defaultPage .Page_contant .philosophy_wrap dd {
font-weight: 500;
}
.defaultPage .Page_contant .commit_wrap {
display: flex;
flex-wrap: wrap;
gap: 5rem 14.2rem;
}
.defaultPage .Page_contant .commit_wrap .commit_box {
width: calc((100% - 14.2rem) / 2);
position: relative;
}
.defaultPage .Page_contant .commit_wrap .commit_box::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/about/dog_img2.png) no-repeat;
width: 13.5rem;
height: 14.2rem;
position: absolute;
top: -1.3rem;
right: -2rem;
}
.defaultPage .Page_contant .commit_wrap .commit_box img {
aspect-ratio: 43/30;
-o-object-fit: cover;
object-fit: cover;
}
.defaultPage .Page_contant .commit_wrap .commit_box h4 {
font-size: 2rem;
font-weight: bold;
text-align: center;
margin: 2rem 0 1.5rem;
}
.defaultPage .Page_contant .commit_wrap .commit_box p {
margin: 0;
}
.defaultPage .Page_contant .wp-block-column > h3:first-of-type {
margin-top: 0;
}
.defaultPage .Page_contant .wp-block-column > .wp-block-image {
margin: 0;
}
.defaultPage .Page_contant .wp-block-columns {
margin-bottom: 7rem;
}
.defaultPage .Page_contant .wp-block-table {
font-size: 1.6rem;
line-height: 1.8;
}
.defaultPage .Page_contant .wp-block-table + .wp-block-table {
margin-top: 5rem;
}
.defaultPage .Page_contant .wp-block-table tr:nth-of-type(odd) {
background-color: #edf1f5 !important;
}
.defaultPage .Page_contant .wp-block-table th,
.defaultPage .Page_contant .wp-block-table td {
border: none;
text-align: left;
padding: 1.5rem;
}
.defaultPage .Page_contant .wp-block-table td:first-of-type {
width: 27rem;
}
.defaultPage .Page_contant .wp-block-embed__wrapper {
width: 100%;
height: auto;
aspect-ratio: 16/9;
margin: 3rem auto;
}
.defaultPage .Page_contant .wp-block-embed__wrapper iframe {
width: 100%;
height: 100%;
}
.defaultPage .Page_contant .plan_wrap h3.plan_ttl {
margin: 0;
font-size: 2.4rem;
color: #fff;
}
.defaultPage .Page_contant .def_btn {
color: #fff;
text-decoration: none;
margin: 2em auto;
}
.defaultPage .Page_contant .def_btn:hover {
opacity: 1;
}
@media screen and (max-width: 820px) {
.defaultPage .Page_contant .inner {
padding: 5rem 1.5rem;
}
.defaultPage .Page_contant h2.wp-block-heading {
font-size: 2rem;
margin-bottom: 2rem;
padding: 0.5rem 1rem;
}
.defaultPage .Page_contant h2.wp-block-heading:not(:first-child) {
margin-top: 5rem;
}
.defaultPage .Page_contant h2.wp-block-heading + .wp-block-image {
margin: 2rem auto;
}
.defaultPage .Page_contant .store_info + h2.wp-block-heading {
margin-top: 3rem;
}
.defaultPage .Page_contant h3.wp-block-heading {
font-size: 1.8rem;
margin: 3rem 0 1.5rem;
}
.defaultPage .Page_contant h4.wp-block-heading {
font-size: 1.6rem;
padding-bottom: 0.7rem;
margin: 2rem auto 1.5rem;
}
.defaultPage .Page_contant .wp-block-image {
margin: 1rem auto;
}
.defaultPage .Page_contant .wp-block-list {
font-size: 1.4rem;
}
.defaultPage .Page_contant ul.wp-block-list li::before {
top: 0.6rem;
}
.defaultPage .Page_contant .philosophy_wrap {
padding: 2.5rem 1rem;
font-size: 2.2rem;
margin: 4.5rem 0 7rem;
}
.defaultPage .Page_contant .philosophy_wrap::after {
width: 11.3rem;
height: 11.6rem;
}
.defaultPage .Page_contant .philosophy_wrap dd {
line-height: 1.3;
}
.defaultPage .Page_contant .commit_wrap {
gap: 4rem 1.5rem;
}
.defaultPage .Page_contant .commit_wrap .commit_box {
width: calc((100% - 1.5rem) / 2);
}
.defaultPage .Page_contant .commit_wrap .commit_box::after {
width: 4.8rem;
height: 5.1rem;
right: -1rem;
}
.defaultPage .Page_contant .commit_wrap .commit_box img {
aspect-ratio: 43/30;
-o-object-fit: cover;
object-fit: cover;
}
.defaultPage .Page_contant .commit_wrap .commit_box h4 {
font-size: 1.6rem;
margin: 1rem 0;
}
.defaultPage .Page_contant .wp-block-columns {
margin-bottom: 5rem;
}
.defaultPage .Page_contant .wp-block-columns + .wp-block-columns:nth-of-type(even) {
flex-direction: column-reverse;
}
.defaultPage .Page_contant .wp-block-table {
font-size: 1.2rem;
}
.defaultPage .Page_contant .wp-block-table th,
.defaultPage .Page_contant .wp-block-table td {
padding: 1rem;
}
.defaultPage .Page_contant .wp-block-table td:first-of-type {
width: 10rem;
}
.defaultPage .Page_contant .wp-block-embed__wrapper {
margin: 1.5rem auto;
}
.defaultPage .Page_contant .plan_wrap h3.plan_ttl {
font-size: 2rem;
}
}
.defaultPage .Page_contant .form_content {
font-size: 1.6rem;
}
.defaultPage .Page_contant .form_content dl {
display: flex;
align-items: center;
padding-bottom: 3rem;
border-bottom: 1px solid #0f8eae;
margin-bottom: 3rem;
}
.defaultPage .Page_contant .form_content dl dt {
width: 25rem;
flex-shrink: 0;
font-weight: 500;
}
.defaultPage .Page_contant .form_content dl dt .required {
font-size: 1.4rem;
color: #fff;
background-color: #0f8eae;
padding: 0.3em 0.5em;
margin-left: 2rem;
}
.defaultPage .Page_contant .form_content dl dt .required.any {
background-color: #8ebbc6;
}
.defaultPage .Page_contant .form_content dl dd {
width: calc(100% - 25rem);
}
.defaultPage .Page_contant .form_content dl dd .wpcf7-list-item {
margin: 0 1em 0 0;
}
.defaultPage .Page_contant .form_content input[type=text],
.defaultPage .Page_contant .form_content input[type=email],
.defaultPage .Page_contant .form_content textarea {
width: 100%;
}
.defaultPage .Page_contant .form_content input[type=number] {
width: 7rem;
}
.defaultPage .Page_contant .form_content .wpcf7-form-control-wrap:first-of-type input[type=number] {
margin-right: 1rem;
}
.defaultPage .Page_contant .form_content .wpcf7-form-control-wrap:nth-of-type(2) input[type=number] {
margin: 0 1rem 0 2rem;
}
.defaultPage .Page_contant .form_content input[type=text],
.defaultPage .Page_contant .form_content input[type=email],
.defaultPage .Page_contant .form_content input[type=number],
.defaultPage .Page_contant .form_content textarea {
color: #333;
padding: 1rem;
border-radius: 0;
}
.defaultPage .Page_contant .form_content input[type=text]::-moz-placeholder, .defaultPage .Page_contant .form_content input[type=email]::-moz-placeholder, .defaultPage .Page_contant .form_content input[type=number]::-moz-placeholder, .defaultPage .Page_contant .form_content textarea::-moz-placeholder {
color: #a9a9a9;
}
.defaultPage .Page_contant .form_content input[type=text]::placeholder,
.defaultPage .Page_contant .form_content input[type=email]::placeholder,
.defaultPage .Page_contant .form_content input[type=number]::placeholder,
.defaultPage .Page_contant .form_content textarea::placeholder {
color: #a9a9a9;
}
.defaultPage .Page_contant .form_content .captcha {
display: flex;
flex-direction: column;
align-items: center;
}
.defaultPage .Page_contant .form_content .captcha img {
width: 15rem;
}
.defaultPage .Page_contant .form_content .wpcf7-not-valid-tip {
font-size: 1.4rem;
margin-top: 0.5rem;
}
.defaultPage .Page_contant .form_content .form_submit {
margin-top: 5rem;
}
.defaultPage .Page_contant .form_content .form_submit .btn {
border: none;
background: #6ec1e4;
color: #fff;
border-radius: 50rem;
padding: 0;
text-align: center;
transition: 0.3s;
}
.defaultPage .Page_contant .form_content .form_submit .btn:hover {
opacity: 0.6;
}
.defaultPage .Page_contant .form_content .form_submit .wpcf7-spinner {
display: none;
}
@media screen and (max-width: 820px) {
.defaultPage .Page_contant .form_content {
font-size: 1.4rem;
}
.defaultPage .Page_contant .form_content dl {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.defaultPage .Page_contant .form_content dl dt {
width: 100%;
}
.defaultPage .Page_contant .form_content dl dt .required {
font-size: 1rem;
margin-left: 1rem;
}
.defaultPage .Page_contant .form_content dl dd {
width: 100%;
}
.defaultPage .Page_contant .form_content .captcha img {
width: 13rem;
}
.defaultPage .Page_contant .form_content .wpcf7-not-valid-tip {
font-size: 1.2rem;
}
.defaultPage .Page_contant .form_content .form_submit {
margin-top: 3rem;
}
}
.defaultPage .Page_contant .wpcf7-form .wpcf7-response-output {
font-size: 1.4rem;
margin: 3rem 0 0;
}
@media screen and (max-width: 820px) {
.defaultPage .Page_contant .wpcf7-form .wpcf7-response-output {
font-size: 1.2rem;
margin-top: 2rem;
}
}
.defaultPage.corporatePage .Page_contant h2.wp-block-heading {
font-size: 3.2rem;
line-height: 1.5625;
font-weight: bold;
text-align: center;
color: #6ec1e4;
margin-bottom: 5rem;
background-color: initial;
padding: 0;
}
@media screen and (max-width: 820px) {
.defaultPage.corporatePage .Page_contant h2.wp-block-heading {
font-size: 2.2rem;
line-height: 1.4;
margin-bottom: 3rem;
}
}
.defaultPage.staffPage .Page_contant .staff_box:not(:last-child) {
margin-bottom: 8rem;
}
.defaultPage.staffPage .Page_contant .staff_box img {
aspect-ratio: 100/53;
-o-object-fit: cover;
object-fit: cover;
}
.defaultPage.staffPage .Page_contant .staff_box h3 {
margin: 3rem 0 2rem;
}
.defaultPage.staffPage .Page_contant .staff_box p {
margin: 0 0 1em;
}
.defaultPage.staffPage .Page_contant .staff_box p.staff_txt {
font-weight: 500;
}
.defaultPage.staffPage .Page_contant .staff_box .dog_ul li {
margin-bottom: 1em;
}
@media screen and (max-width: 820px) {
.defaultPage.staffPage .Page_contant .staff_box:not(:last-child) {
margin-bottom: 5rem;
}
.defaultPage.staffPage .Page_contant .staff_box h3 {
margin: 2rem 0 1rem;
}
.defaultPage.staffPage .Page_contant .staff_box p {
margin-bottom: 0.5em;
}
.defaultPage.staffPage .Page_contant .staff_box .dog_ul li {
margin-bottom: 0.5em;
}
}
.defaultPage.accessPage .Page_contant .wp-block-embed__wrapper {
margin-top: 8rem;
margin-bottom: 0;
}
@media screen and (max-width: 820px) {
.defaultPage.accessPage .Page_contant .wp-block-embed__wrapper {
margin-top: 5rem;
}
}
.defaultPage.storePage .Page_contant .store_info {
font-size: 2.5rem;
text-align: center;
color: #0f8eae;
font-weight: 700;
}
.defaultPage.storePage .Page_contant .store_info span {
padding: 0 0.5em;
position: relative;
}
.defaultPage.storePage .Page_contant .store_info span::before, .defaultPage.storePage .Page_contant .store_info span::after {
content: "";
width: 3px;
height: 4rem;
background-color: #0f8eae;
position: absolute;
top: 50%;
}
.defaultPage.storePage .Page_contant .store_info span::before {
left: 0;
transform: rotate(-30deg) translateY(-50%);
}
.defaultPage.storePage .Page_contant .store_info span::after {
right: 0;
transform: rotate(30deg) translateY(-50%);
}
.defaultPage.storePage .Page_contant .store_youtube {
width: 100%;
height: auto;
aspect-ratio: 16/9;
margin-bottom: 4.5rem;
}
.defaultPage.storePage .Page_contant .store_youtube iframe {
width: 100%;
height: 100%;
}
.defaultPage.storePage .Page_contant .store_container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 4.5rem;
}
.defaultPage.storePage .Page_contant .store_box {
width: calc((100% - 4.5rem) / 2);
}
.defaultPage.storePage .Page_contant .store_box img {
aspect-ratio: 48/35;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.defaultPage.storePage .Page_contant .store_box p {
text-align: center;
}
.defaultPage.storePage .Page_contant .store_cta {
margin-top: 5rem;
text-align: center;
}
.defaultPage.storePage .Page_contant .store_cta a {
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 820px) {
.defaultPage.storePage .Page_contant .store_info {
font-size: 1.8rem;
}
.defaultPage.storePage .Page_contant .store_info span::before, .defaultPage.storePage .Page_contant .store_info span::after {
width: 2px;
height: 3rem;
}
.defaultPage.storePage .Page_contant .store_youtube {
margin-bottom: 3rem;
}
.defaultPage.storePage .Page_contant .store_container {
gap: 2rem 1.5rem;
}
.defaultPage.storePage .Page_contant .store_box {
width: calc((100% - 1.5rem) / 2);
}
.defaultPage.storePage .Page_contant .store_cta {
margin-top: 3rem;
}
}
.defaultPage.storePage .store_map {
width: 100%;
height: 50rem;
margin-bottom: 10rem;
}
.defaultPage.storePage .store_map iframe {
width: 100%;
height: 100%;
filter: grayscale(100%);
}
@media screen and (max-width: 820px) {
.defaultPage.storePage .store_map {
height: 30rem;
margin-bottom: 5rem;
}
}
.defaultPage.termPage .Page_contant {
background-color: #f7fcff;
padding: 5rem 0 12rem;
}
.defaultPage.termPage .Page_contant .inner {
max-width: 120rem;
margin: 0 auto;
padding: 7.5rem 10rem;
background-color: #fff;
border-radius: 2rem;
}
.defaultPage.termPage .Page_contant p {
margin: 1em 0;
}
.defaultPage.termPage .Page_contant ul.wp-block-list li {
padding-left: 1em;
}
.defaultPage.termPage .Page_contant ul.wp-block-list li::before {
content: "・";
width: auto;
height: auto;
top: 0;
background: none;
}
@media screen and (max-width: 820px) {
.defaultPage.termPage .Page_contant {
padding: 2rem 0 5rem;
}
.defaultPage.termPage .Page_contant .inner {
border-radius: 0;
padding: 5rem 1.5rem;
}
}
.postPage_wrap {
background-color: #f7fcff;
padding: 5rem 1.5rem 12rem;
}
.postPage_inner {
max-width: 120rem;
margin: 0 auto;
padding: 7.5rem 10rem;
background-color: #fff;
border-radius: 2rem;
}
.postPage_info {
display: flex;
align-items: center;
gap: 1rem;
}
.postPage_cate {
font-size: 1.2rem;
color: #fff;
background-color: #6bb0cf;
padding: 0 0.7rem;
}
.postPage time {
font-size: 1.4rem;
color: #666;
}
.postPage .pagination .nav-links {
margin-top: 6rem;
display: flex;
justify-content: center;
gap: 2rem;
}
.postPage .pagination .page-numbers {
width: 4rem;
height: 4rem;
background-color: #efefef;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
}
.postPage .pagination .page-numbers.current, .postPage .pagination .page-numbers:hover {
background-color: #6bb0cf;
color: #fff;
}
.postPage .pagination .page-numbers.next, .postPage .pagination .page-numbers.prev {
color: #5b8b17;
}
.postPage .pagination .page-numbers.next:hover, .postPage .pagination .page-numbers.prev:hover {
color: #fff;
}
@media screen and (max-width: 820px) {
.postPage_wrap {
padding-bottom: 5rem;
}
.postPage_inner {
padding: 5rem 1.5rem;
}
.postPage_info {
gap: 0.7rem;
}
.postPage_cate {
font-size: 1rem;
}
.postPage time {
font-size: 1.2rem;
}
.postPage .pagination .nav-links {
margin-top: 5rem;
gap: 1rem;
}
.postPage .pagination .page-numbers {
width: 2.8rem;
height: 2.8rem;
font-size: 1.4rem;
}
}
body:has(.postPage) .online_bnr,
body:has(.termPage) .online_bnr {
background-color: #f7fcff;
}
.archivePage_header {
padding-bottom: 2rem;
border-bottom: 1px solid #6ec1e4;
margin-bottom: 5rem;
text-align: center;
}
.archivePage_ttl {
font-size: 3.6rem;
font-weight: 500;
color: #6ec1e4;
margin-bottom: 2rem;
}
.archivePage_heading {
font-size: 1.8rem;
font-weight: 500;
line-height: 1.4444444444;
color: #6ec1e4;
margin-top: 0.5rem;
}
.archivePage a:hover {
opacity: 0.6;
}
.archivePage_btn {
margin-top: 4.5rem;
}
.archivePage_btn.btn:hover {
opacity: 1;
}
@media screen and (max-width: 820px) {
.archivePage_header {
padding-bottom: 1rem;
margin-bottom: 4rem;
}
.archivePage_ttl {
font-size: 2.4rem;
margin-bottom: 1rem;
}
.archivePage_heading {
font-size: 1.6rem;
}
.archivePage:hover {
opacity: 1;
}
.archivePage_btn {
margin-top: 3rem;
}
}
.archiveColumn_list {
display: flex;
flex-wrap: wrap;
gap: 4rem;
}
.archiveColumn_item {
width: calc((100% - 4rem) / 2);
display: flex;
align-items: flex-start;
gap: 1.5rem;
}
.archiveColumn_img {
width: 20rem;
aspect-ratio: 20/13;
-o-object-fit: cover;
object-fit: cover;
border-radius: 2rem;
flex-shrink: 0;
overflow: hidden;
}
@media screen and (max-width: 820px) {
.archiveColumn_list {
gap: 4rem;
}
.archiveColumn_item {
width: 100%;
flex-direction: column;
gap: 1rem;
}
.archiveColumn_img {
width: 100%;
}
}
.archiveNews .archivePage_header {
margin-bottom: 2rem;
}
.archiveNews .news_item {
padding: 3rem 0;
border-bottom: 1px solid #d2d2d2;
}
@media screen and (max-width: 820px) {
.archiveNews .news_item {
padding: 2rem 0;
}
}
.archiveVoice_tab {
display: flex;
gap: 2rem;
}
.archiveVoice_tab .tab {
width: calc((100% - 6rem) / 4);
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
font-weight: 500;
color: #6bb0cf;
border: 1px solid #6ec1e4;
border-radius: 2rem;
margin-bottom: 4rem;
cursor: pointer;
}
.archiveVoice_tab .tab.active {
background-color: #6bb0cf;
color: #fff;
}
.archiveVoice_list {
padding: 5rem;
border: 2px solid #6ec1e4;
border-radius: 2rem;
}
.archiveVoice_content {
display: none;
}
.archiveVoice_content.show {
display: block;
}
.archiveVoice_item:not(:last-of-type) {
margin-bottom: 5rem;
}
.archiveVoice_ttl {
font-size: 2.4rem;
font-weight: 500;
text-align: left;
color: #fff;
background-color: #6ec1e4;
margin-bottom: 3rem;
padding: 0.5rem 1.5rem;
}
.archiveVoice_box {
display: flex;
align-items: flex-start;
gap: 3rem;
margin-bottom: 1.5rem;
}
.archiveVoice_img {
width: 42rem;
aspect-ratio: 84/53;
-o-object-fit: cover;
object-fit: cover;
border-radius: 2rem;
}
.archiveVoice_name {
font-size: 2.4rem;
font-weight: 500;
color: #6ec1e4;
}
.archiveVoice_detail {
font-size: 1.6rem;
line-height: 1.5625;
}
.archiveVoice_detail dl {
display: flex;
gap: 0.2em;
}
.archiveVoice_detail dt {
flex-shrink: 0;
font-weight: 400;
width: calc(7rem + 1em);
padding-right: 1em;
position: relative;
}
.archiveVoice_detail dt::after {
content: "：";
position: absolute;
top: 0;
right: 0;
}
.archiveVoice_heading {
font-size: 1.8rem;
font-weight: 500;
line-height: 1.4444444444;
color: #6ec1e4;
margin-bottom: 0.5rem;
}
@media screen and (max-width: 820px) {
.archiveVoice_list {
padding: 0;
border: none;
}
.archiveVoice_item:not(:last-of-type) {
margin-bottom: 3rem;
}
.archiveVoice_ttl {
font-size: 2rem;
margin-bottom: 2rem;
padding: 0.5rem 1rem;
}
.archiveVoice_box {
flex-direction: column;
gap: 0;
}
.archiveVoice_name {
font-size: 2rem;
}
.archiveVoice_detail {
font-size: 1.4rem;
}
.archiveVoice_detail dt {
width: calc(6rem + 1em);
}
.archiveVoice_heading {
font-size: 1.6rem;
}
}
.singlePage_ttl {
font-size: 3.4rem;
font-weight: 500;
line-height: 1.4444444444;
color: #6ec1e4;
margin-bottom: 1.5rem;
}
.singlePage_img {
margin: 2.5rem 0 3.5rem;
}
.singlePage_img img {
border-radius: 2rem;
}
.singlePage_bnr {
max-width: 69rem;
margin: 2rem auto;
}
.singlePage_bnr:last-of-type {
margin: 5rem auto 0;
}
.singlePage_bnr a img {
width: 100%;
margin-bottom: 0;
}
.singlePage_policy {
background: #f5f5f5;
padding: 2rem;
font-size: 1.1rem;
margin-bottom: 2rem;
}
.singlePage_policy a {
font-size: 1.1rem;
}
.singlePage #toc_container {
padding: 3rem 5rem;
border: 2px solid #6ec1e4;
border-radius: 2rem;
}
.singlePage #toc_container .toc_title {
font-size: 1.8rem;
text-align: left;
border-bottom: 1px solid #6ec1e4;
padding-left: 3.5rem;
padding-bottom: 1rem;
position: relative;
}
.singlePage #toc_container .toc_title::before {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/toc_icon.png) no-repeat;
width: 2.5rem;
height: 2.5rem;
position: absolute;
top: 50%;
transform: translateY(-70%);
left: 0;
}
.singlePage #toc_container .toc_list {
counter-reset: toclist 0;
}
.singlePage #toc_container .toc_list li {
position: relative;
}
.singlePage #toc_container .toc_list > li {
padding-left: 1.2em;
}
.singlePage #toc_container .toc_list > li::before {
counter-increment: toclist 1;
content: counter(toclist);
font-size: 1.6rem;
font-weight: 500;
display: inline-block;
color: #6ec1e4;
position: absolute;
left: 0;
top: 0.05em;
}
.singlePage #toc_container .toc_list > li ul {
margin-left: 0;
}
.singlePage #toc_container .toc_list > li ul li {
padding-left: 1em;
}
.singlePage #toc_container .toc_list > li ul li::before {
content: "";
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #6ec1e4;
position: absolute;
left: 0;
top: 0.65em;
}
.singlePage #toc_container a {
font-size: 1.5rem;
color: #000;
}
@media screen and (max-width: 820px) {
.singlePage .postPage_wrap {
padding: 2rem 0 5rem;
}
.singlePage .postPage_inner {
border-radius: 0;
}
.singlePage_ttl {
font-size: 2.2rem;
}
.singlePage_policy {
padding: 1.2rem;
}
.singlePage #toc_container {
padding: 2rem 1.5rem;
}
.singlePage #toc_container .toc_title {
font-size: 1.6rem;
padding-left: 3rem;
padding-bottom: 0.5rem;
}
.singlePage #toc_container .toc_title::before {
width: 2rem;
height: 2rem;
}
.singlePage #toc_container a {
font-size: 1.4rem;
}
}
.singlePage_content {
margin-top: 2.5rem;
}
.singlePage_content h2,
.singlePage_content h3,
.singlePage_content h4 {
line-height: 1.6;
font-weight: 500;
margin: 2em auto 1em;
}
.singlePage_content h2 {
font-size: 2.4rem;
color: #fff;
background-color: #6ec1e4;
padding: 0.8rem 1.5rem;
}
.singlePage_content h3 {
font-size: 2.2rem;
color: #6ec1e4;
padding: 0.5rem 1.5rem 0.8rem;
border-left: 5px solid #6ec1e4;
border-bottom: 1px solid #6ec1e4;
}
.singlePage_content h4 {
font-size: 1.8rem;
padding-bottom: 0.5rem;
border-bottom: 2px dashed #6ec1e4;
}
.singlePage_content p {
margin-bottom: 1.5em;
}
.singlePage_content img {
width: auto;
}
.singlePage_content a {
color: #6ec1e4;
text-decoration: underline;
}
.singlePage_content a:hover {
opacity: 0.6;
}
.singlePage_content blockquote {
background: #6bb0cf;
color: #fff;
padding: 3rem 5rem;
position: relative;
}
.singlePage_content blockquote::before {
content: "\f10d";
font-family: "FontAwesome";
position: absolute;
top: 0.5rem;
left: 1rem;
color: #fff;
font-size: 3rem;
}
.singlePage_content ul {
font-size: 1.6rem;
margin: 1em 0;
padding: 2rem 3rem calc(2rem - 0.5em);
background-color: #e1f6ff;
}
.singlePage_content ul li {
padding-left: 1em;
margin-bottom: 0.5em;
position: relative;
}
.singlePage_content ul li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.singlePage_content ol {
font-size: 1.6rem;
margin: 1em 0;
list-style: decimal;
background-color: #e1f6ff;
padding: 2rem 3rem calc(2rem - 0.5em) 5rem;
}
.singlePage_content ol li {
margin-bottom: 0.5em;
}
.singlePage_content table {
font-size: 1.6rem;
line-height: 1.8;
margin: 1em 0;
}
.singlePage_content table td {
border: 1px #d4d4d4 solid;
padding: 1em;
}
.singlePage_content table td:nth-of-type(1) {
background-color: #6ec1e4;
color: #fff;
}
.singlePage_content table ul {
margin: 0;
padding: 0;
background-color: initial;
}
.singlePage_content .post-marker {
font-weight: bold;
background: linear-gradient(transparent 70%, rgb(255, 249, 196) 0%);
}
.singlePage_content .post_point {
background-color: #f7fcff;
border: 2px solid #6ec1e4;
border-radius: 2rem;
padding: 2rem 3rem 1rem;
margin: 2rem 0;
}
.singlePage_content .post_point-ttl {
font-size: 1.8rem;
font-weight: 500;
line-height: 1;
color: #6bb0cf;
padding-bottom: 1.5rem;
border-bottom: 1px solid #6bb0cf;
margin-bottom: 2rem;
}
.singlePage_content .post_point-ttl::before {
content: "\f058";
font-family: "FontAwesome";
display: inline-block;
padding-right: 0.5rem;
}
.singlePage_content .post_point ul {
margin: 0;
padding: 0;
background-color: initial;
}
.singlePage_content .post_point ul li {
font-size: 1.5rem;
font-weight: 500;
}
.singlePage_content .post_point.note {
background-color: #ffebee;
border-color: #ef5350;
}
.singlePage_content .post_point.note .post_point-ttl {
color: #ef5350;
border-color: #ef5350;
}
.singlePage_content .post_point.note .post_point-ttl::before {
content: "\f06a";
}
.singlePage_content .post_balloon {
display: flex;
align-items: flex-start;
gap: 3rem;
margin: 2rem 0;
}
.singlePage_content .post_balloon-img {
width: 9rem;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
border: 2px solid #31a2be;
flex-shrink: 0;
margin-bottom: 0;
}
.singlePage_content .post_balloon-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 0;
}
.singlePage_content .post_balloon-txt {
font-size: 1.4rem;
background-color: #e1f6ff;
padding: 1.5rem;
border-radius: 1rem;
position: relative;
margin: 0;
}
.singlePage_content .post_balloon-txt::after {
content: "";
width: 2rem;
height: 3rem;
background-color: #e1f6ff;
-webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
clip-path: polygon(100% 0, 0 50%, 100% 100%);
position: absolute;
top: 1rem;
left: -1.8rem;
}
.singlePage_content .post_btn {
display: block;
text-align: center;
width: 50rem;
max-width: 100%;
margin: 2em auto;
padding: 1.8rem 6rem;
font-size: 1.8rem;
text-decoration: none;
background-color: #f8b23f;
color: #fff;
border-radius: 1rem;
position: relative;
}
.singlePage_content .post_btn::after {
content: "";
background: center/contain url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/btn_arrow.svg) no-repeat;
width: 2.8rem;
height: 0.6rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2rem;
transition: 0.3s;
}
.singlePage_content .post_btn:hover {
opacity: 1;
}
.singlePage_content .post_btn:hover::after {
right: 1.5rem;
}
.singlePage_content iframe.wp-embedded-content {
display: block;
width: 100%;
height: 157px;
}
@media screen and (max-width: 820px) {
.singlePage_content h2 {
font-size: 2rem;
padding: 0.5rem 1rem;
}
.singlePage_content h3 {
font-size: 1.8rem;
padding: 0.5rem 1rem;
border-left: 4px solid #6ec1e4;
}
.singlePage_content h4 {
font-size: 1.6rem;
padding-bottom: 0.7rem;
}
.singlePage_content blockquote {
padding: 3rem 1.5rem;
}
.singlePage_content blockquote::before {
font-size: 2rem;
}
.singlePage_content ul {
font-size: 1.4rem;
padding: 1.5rem 1.5rem calc(1.5rem - 0.5em);
}
.singlePage_content ol {
font-size: 1.4rem;
padding: 1.5rem 1.5rem calc(1.5rem - 0.5em) 3rem;
}
.singlePage_content table {
font-size: 1.4rem;
}
.singlePage_content table td {
border: 1px #d4d4d4 solid;
padding: 0.5em;
}
.singlePage_content .post_point {
padding: 1.5rem 1.5rem calc(1.5rem - 0.5em);
margin: 1.5rem 0;
}
.singlePage_content .post_point-ttl {
font-size: 1.6rem;
padding-bottom: 1rem;
margin-bottom: 1.5rem;
}
.singlePage_content .post_point ul li {
font-size: 1.4rem;
}
.singlePage_content .post_balloon {
gap: 1.5rem;
margin: 1.5rem 0;
}
.singlePage_content .post_balloon-img {
width: 6rem;
}
.singlePage_content .post_balloon-txt {
font-size: 1.2rem;
padding: 1rem;
}
.singlePage_content .post_balloon-txt::after {
width: 1rem;
height: 2rem;
left: -0.8rem;
}
.singlePage_content .post_btn {
margin: 1.5em auto;
padding: 1.3rem 4rem;
font-size: 1.6rem;
}
.singlePage_content .post_btn::after {
width: 2rem;
right: 1rem;
}
.singlePage_content .post_btn:hover::after {
right: 1rem;
}
.singlePage_content iframe.wp-embedded-content {
height: 105px;
}
}
.st-mybox {
position: relative;
margin: 25px 0;
padding: 0 20px;
border: solid 2px #9E9E9E;
border-radius: 8px;
}
.st-mybox.has-title .st-mybox-title {
padding-right: 10px;
padding-left: 10px;
}
.st-mybox .st-mybox-title {
position: absolute;
display: inline-block;
top: -0.5em;
left: 10px;
padding: 0 5px;
line-height: 1;
color: #9E9E9E;
font-weight: bold;
margin-bottom: 10px;
z-index: 1;
text-shadow: #fff 3px 0px 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838246px 0px;
}
.st-mybox .st-mybox-title::after {
position: absolute;
display: inline-block;
top: calc(55% - 11px);
left: 0;
background: #ffffff;
content: "";
width: 100%;
height: 11px;
z-index: -1;
}
.st-mybox .st-fa,
.st-mybox .fa {
margin-right: 5px;
margin-left: 5px;
font-style: normal;
}
.st-mybox .st-fa::before,
.st-mybox .fa::before {
font-family: "FontAwesome";
}
.st-mybox .st-in-mybox {
padding: 20px 0;
z-index: -2;
}
.st-mybox .st-in-mybox p {
margin: 0;
}
.st-mybox ul {
background-color: initial;
margin: 0;
padding: 0;
}
.st-svg-check-circle::before {
content: "\f058";
}
.st-svg-exclamation-circle::before {
content: "\f06a";
}
.st-kaiwa-box {
width: 100%;
height: auto;
margin-bottom: 20px;
display: table;
}
.st-kaiwa-face {
text-align: center;
display: table-cell;
width: 60px;
vertical-align: top;
}
.st-kaiwa-face {
width: 80px;
}
.st-kaiwa-face img {
width: 80px !important;
border-radius: 20px;
margin-bottom: 0;
}
.st-kaiwa-face-name {
max-width: 80px;
color: #616161;
font-size: 70%;
line-height: 1.5;
font-size: 12px;
}
.st-kaiwa-area {
display: table-cell;
vertical-align: top;
text-align: left;
padding-top: 5px;
}
.st-kaiwa-hukidashi {
display: inline-block;
padding: 15px 20px;
margin-left: 20px;
border-radius: 7px;
position: relative;
word-break: break-all;
border: solid 2px #e5f5ff;
background-color: #e5f5ff;
font-size: 15px;
line-height: 27px;
}
.st-kaiwa-hukidashi::before {
content: "";
position: absolute;
top: 30px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
margin-top: -13px;
left: -13px;
border-width: 13px 13px 13px 0;
border-color: transparent #e5f5ff transparent transparent;
}
.st-kaiwa-hukidashi::after {
content: "";
position: absolute;
top: 30px;
left: -10px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e5f5ff transparent transparent;
}
a.st-cardlink {
text-decoration: none;
}
.st-cardbox {
padding: 15px;
border: 1px solid #E0E0E0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 3px 3px -3px rgba(0, 0, 0, 0.1);
width: 100%;
margin-bottom: 20px;
position: relative;
background-color: #fff;
}
.st-cardbox dl {
display: flex;
gap: 20px;
}
.st-cardbox .st-card-img {
width: 100px;
height: 100px;
flex-shrink: 0;
}
.st-cardbox .st-card-img img {
width: 100%;
}
.st-cardbox dd h5 {
font-size: 15px;
font-weight: 500;
color: #333;
}
.st-cardbox dd p {
font-size: 12px;
line-height: 1.7;
margin-bottom: 10px;
color: #999;
}
.st-cardbox dd .cardbox-more {
display: inline-block;
padding: 5px 10px;
box-sizing: border-box;
border: 1px solid #ccc;
text-align: center;
text-decoration: none;
margin-top: 10px;
margin-bottom: 0;
}
@media screen and (max-width: 820px) {
.st-cardbox dl {
display: flex;
gap: 10px;
}
.st-cardbox dd p {
display: none;
}
.st-cardbox dd .cardbox-more {
width: 100%;
font-weight: 500;
}
}
.st-mymarker-s {
font-weight: bold;
background: linear-gradient(transparent 70%, rgb(255, 249, 196) 0%);
}
.notPage {
background-color: #f7fcff;
margin-bottom: 10rem;
}
.notPage .inner {
padding: 5rem 1.5rem 10rem;
text-align: center;
}
.notPage_ttl {
font-size: 9rem;
color: #0f8eae;
margin-bottom: 3rem;
}
.notPage_img {
width: 40rem;
margin: 0 auto 5rem;
}
.notPage_heading {
font-size: 2.8rem;
font-weight: 500;
}
.notPage_txt {
margin: 2rem 0 5rem;
}
@media screen and (max-width: 820px) {
.notPage {
margin-bottom: 5rem;
}
.notPage .inner {
padding-bottom: 5rem;
}
.notPage_ttl {
font-size: 5rem;
}
.notPage_img {
width: 25rem;
margin-bottom: 3rem;
}
.notPage_heading {
font-size: 2rem;
}
.notPage_txt {
margin: 1rem 0 3rem;
}
}body {
font-family: "Arial Black", "Noto Sans JP", sans-serif;
}
.Page_contant {
width: 100%;
height: 100%;
position: relative;
}
.Page_contant::before {
content: "";
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-image: url(//tokyo-dogs.com/wp-content/themes/tokyodogs/img/london-dog-festival-top-bg-image.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.7;
z-index: -1;
}
.online_bnr {
background-color: #fff;
}
.footer_top {
background-color: #fff;
}
.breadcrumbs-box {
background-color: #fff;
}
#londonDogFestivalTopNav {
background-color: #87CAE3;
padding: 2em;
}
#londonDogFestivalTopNav ul {
display: flex;
justify-content: space-between;
list-style-type: none;
}
#londonDogFestivalTopNav a {
color: #fff;
text-decoration: none;
}
@media screen and (max-width: 820px) {
#londonDogFestivalTopNav ul {
flex-wrap: wrap;
}
#londonDogFestivalTopNav ul li {
width: 50%;
}
}