@charset "UTF-8";
                  * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
-webkit-appearance: none;
}
*:focus {
outline: none;
}
html {
font-size: 62.5%;
min-width: 375px !important;
}
body {
width: 100%;
font-family: sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
article,
aside,
footer,
nav,
header,
section,
main,
div,
img {
display: block;
}
table {
border-collapse: collapse;
}
ol,
ul {
list-style: none;
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.6;
margin: 0;
padding: 0;
font-weight: 500;
}
img {
width: 100%;
height: auto;
vertical-align: middle;
border: none;
}
iframe {
width: 100%;
height: 100%;
}
a,
a:visited {
text-decoration: none;
color: #4d320d;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: transparent;
cursor: pointer;
color: #4d320d;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
span,
li,
select,
th,
td,
input,
textarea,
strong {
font-size: 1.6rem; font-family: "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", "sans-serif";
color: #4d320d;
font-weight: 500;
-webkit-transform: rotate(0.05deg);
-ms-transform: rotate(0.05deg);
transform: rotate(0.05deg);
}
select,
th,
td,
input,
textarea {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
a,
p,
span,
li,
strong {
font-size: 1.6rem;
line-height: 1.7;
}
input,
input[type=text],
input[type=button],
input[type=radio],
input[type=email],
input[type=submit],
input[type=reset],
textarea,
select {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
}
input {
background-color: transparent;
}
select {
background-color: white;
}
select::-ms-expand {
display: none;
}
body {
padding-top: 203px;
}
main {
overflow-x: hidden;
position: relative;
z-index: 1;
padding-top: 20px;
}
.link {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: black;
opacity: 0.4;
}
.link li {
line-height: 1.1;
}
.link li a {
line-height: 1.2;
font-size: 1rem;
color: #1dff43;
}
.link__item--c a {
color: pink !important;
}
.__inner {
max-width: 1060px;
width: 100%;
margin: 0 auto;
padding: 0 1%;
}
.__inner--lg {
max-width: 1100px;
width: 100%;
margin: 0 auto;
}
.disp--pc {
display: block !important;
}
.disp--sp {
display: none !important;
}
.header {
position: fixed;
top: 0;
z-index: 10;
width: 100%;
height: 203px;
background-color: #fff;
}
.header__inner {
padding: 0 2%;
height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.header__logo {
max-width: 366px;
width: 50%;
height: inherit;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header__top {
padding-bottom: 3.7rem;
padding-top: 1.7rem;
background-color: #ffffff;
}
.header__top-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__top-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.header__logo a {
height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.header__top-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.3rem;
margin-left: 1rem;
}
.header__button {
border-radius: 10px;
width: 100%;
min-width: 113px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.header__button:hover {
opacity: 0.7;
}
.header__button a {
color: #fff;
padding: 1rem 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header__button.header__button--pink {
background-color: #de6b7a;
}
.header__button.header__button--green {
background-color: #349b39;
}
.header__button.header__button--brown {
background-color: #4d320d;
}
.header__button.header__button--fav {
border: #d8686b 4px solid;
}
.header__button.header__button--fav {
min-width: 189px;
}
.header__button.header__button--fav a {
color: #493014;
width: 100%;
position: relative;
font-size: 13px;
}
.header__button.header__button--fav .icon {
text-indent: 2.5rem;
font-size: 13px;
}
.header__button.header__button--fav .icon::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/_icon_heart.png);
background-size: contain;
background-repeat: no-repeat;
left: 0;
top: 30%;
}
.header__button.header__button--fav .fav_count {
font-size: 2.5rem;
margin: 0 0.5rem 0 1rem;
}
.header__bottom-inner {
padding: 0 2%;
max-width: 1130px;
margin: 0 auto;
display: block;
}
.header__bottom {
background-color: #ffffff;
border-top: #eddbbf 2px solid;
border-bottom: #eddbbf 2px solid;
}
.is-fixed {
position: fixed;
top: 0 !important;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.header.is-fixed {
background-color: #fff;
}
.header.is-fixed .nav__item--fav .nav__link::after {
width: 80px;
height: 62px;
}
.nav {
height: 100%;
}
.nav__list {
width: 100%;
display: grid;
grid-template-columns: repeat(9, 1fr);
}
.nav__item img {
margin-bottom: 15px;
}
.nav__item--fav {
width: 150px;
background-color: #d8686b;
border-radius: 0 0 0 20px;
position: relative;
}
.nav__item--fav .nav__link::after {
content: "";
position: absolute;
width: 100px;
height: 78px;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/fav_logo.png);
background-size: contain;
background-repeat: no-repeat;
}
.nav__item--fav .nav__link:hover::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/fav_logo-hover.png);
}
.nav__item--fav a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.nav__item,
.nav__accordion-wrap {
width: 100%;
height: 100%;
position: relative;
border-left: #eddbbf 2px solid;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.nav__item:hover,
.nav__accordion-wrap:hover {
background-color: #efddc2;
}
.nav__item img,
.nav__accordion-wrap img {
width: 37px;
margin-bottom: 7px;
}
.nav__item:last-child {
border-right: #eddbbf 2px solid;
}
.nav__link,
.nav__text {
padding: 8px 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
height: 100%;
}
.nav__item p,
.nav__accordion-wrap p {
font-size: 1.4rem;
line-height: 1.2;
text-align: center;
}
.nav__accordion {
display: none;
position: absolute;
width: 100%;
top: 7.5rem;
left: 0;
width: 100%;
min-width: 250px;
z-index: 10;
background-color: #fbf4e8;
}
.nav__accordion-item {
font-size: 1.4rem;
width: 100%;
padding: 0 1rem;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.nav__accordion-item:hover {
background-color: #efddc2;
}
.nav__accordion-item:not(:first-child) a {
border-top: #eddbbf 1px solid;
}
.nav__accordion-item a {
display: block;
position: relative;
width: 100%;
font-size: 1.4rem;
padding: 1rem 0 1.3rem;
text-indent: 2.5rem;
}
.nav__accordion-item a::before {
position: absolute;
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_icon.png);
width: 8px;
height: 8px;
left: 1rem;
top: 40%;
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
.header__top {
padding-top: 0;
}
.header__button.header__button--pink {
display: none;
}
.header__button.header__button--green {
display: none;
}
.header__button.header__button--brown {
display: none;
}
.header__button.header__button--fav {
min-width: unset;
border: #d8686b 2px solid;
}
.header__button.header__button--fav a {
padding: 10px 4px 10px 17px;
height: 40px;
min-width: 60px;
}
.header__button.header__button--fav .fav_count {
font-size: 2.2rem;
margin: 0;
}
}
.bdrs {
border-radius: 10px;
}
.btn {
height: 52px;
border-radius: 35px;
display: block;
line-height: 52px;
font-weight: 800;
color: white;
position: relative;
text-align: center;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.btn:visited {
color: white;
}
.btn::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 10px;
height: 14px;
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/btn_tri.png);
background-size: contain;
background-repeat: no-repeat;
}
.btn--orange {
background-color: #f47000;
}
.btn--orange:hover {
background-color: #4d320d;
}
.btn--green {
background-color: #8c9600;
}
.btn--green:hover {
background-color: #4d320d;
}
.btn--brown {
background-color: #4d320d;
}
.btn--brown:hover {
background-color: #f47000;
}
.btn--border {
color: #614530;
border: 2px solid #614530;
background-color: #fff;
-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
.btn--border::after {
background: none;
}
.btn--border:hover {
background-color: #614530;
color: #fff;
}
.btn--s {
width: 160px;
}
.btn--m {
width: 190px;
}
.btn--lg {
width: 300px;
text-align: center;
margin: 0 auto;
}
.btn--reset {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
}
.btn--pos {
position: relative;
top: -15px;
}
a.btn--square {
width: min(100%, 370px);
margin-inline: auto;
border: 1px solid #000;
padding: 10px 2%;
color: #000!important;
border-radius: 0;
background-color: #fff;
display: grid;
place-content: center;
}
.btn input {
color: white;
font-size: 2rem;
font-weight: 800;
display: block;
}
.btn .for_contact {
height: auto;
width: 100%;
line-height: 52px;
}
.favBtn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px 30px;
border-radius: 35px;
font-weight: 800;
color: white;
position: relative;
text-align: center;
background-color: #fff;
border: 2px solid #c8c8c8;
position: relative;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.favBtn::before {
content: "";
width: 26px;
height: 21px;
margin-right: 8px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/icon_heart.png);
background-size: contain;
background-repeat: no-repeat;
}
.favBtn::after {
content: "お気に入りに追加";
color: #a8a8a8;
letter-spacing: 1px;
}
.favBtn_on {
background-color: #d8686b;
color: white;
border: 2px solid #d8686b;
}
.favBtn_on::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/heart_white.png);
}
.favBtn_on::after {
content: "お気に入りに追加済";
color: white;
}
.favBtn--small {
width: 40px;
height: 40px;
border-radius: 50%;
position: absolute;
right: 0;
top: -15px;
background-color: #fff;
border: 3px solid #c8c8c8;
}
.favBtn--small::after {
content: "";
width: 22px;
height: 20px;
position: absolute;
top: 10px;
right: 6px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/icon_heart.png);
background-size: contain;
background-repeat: no-repeat;
}
.favBtn--small_on {
background-color: #d8686b;
border: 3px solid #d8686b;
}
.favBtn--small_on::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/heart_white.png);
}
.sec_title img {
margin: 0 auto;
width: auto;
height: 52px;
}
.sec_title-sub {
margin-bottom: 40px;
}
.titleArea {
width: 100%;
padding: 75px 0 95px 0;
margin-top: 50px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
background-size: cover;
background-repeat: repeat-x;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.titleArea::before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.bread {
padding-top: 5px;
width: 100%;
position: relative;
} .bread a {
line-height: 1;
}
.bread li {
display: inline;
}
.bread li:before {
content: ">";
padding: 0 4px;
}
.bread li:first-child:before {
content: none;
}
@media screen and (max-width: 1000px) {
.bread a {
font-size: 1.2rem;
}
.bread li {
font-size: 1.2rem;
}
}
.pageTitle {
padding: 10px 30px;
margin-bottom: 35px;
background-color: #fff8ed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pageTitle__img {
width: 38px;
margin-right: 20px;
}
.pageTitle__img--pet {
width: 50px;
}
.pageTitle__label {
font-size: 2.4rem;
font-weight: 800;
}
.pageTitle__label--pet {
font-size: 3.2rem;
margin-right: auto;
font-weight: 800;
}
.pageTitle p {
font-size: 1.4rem;
}
.pageTitle__img {
width: 50px;
}
.pageTitle.white {
background-color: #fff;
}
.pageTitle.palecream {
background-color: #fff8ed;
}
.titleBg {
background-size: contain;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.titleBg--dog {
width: 134px;
height: 126px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_dog.png);
}
.titleBg--cat {
width: 135px;
height: 135px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_cat.png);
}
.titleBg--dog-white {
width: 134px;
height: 126px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_dog-white.png);
}
.titleBg--cat-white {
width: 135px;
height: 135px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_cat-white.png);
}
.titleBg--recent {
width: 161px;
height: 149px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_recent.png);
}
.titleBg--recent-brown {
width: 161px;
height: 149px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_recent-brown.png);
}
.titleBg--popDog {
width: 106px;
height: 105px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/pop_dog.png);
background-position: 50% 50%;
}
.titleBg--popCat {
width: 107px;
height: 113px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/pop_cat.png);
background-position: 50% 50%;
}
.swiper-container--store {
position: absolute;
top: -270px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
}
.petCount {
margin-top: 10px;
margin-bottom: 20px;
line-height: 1;
font-size: 2.4rem;
font-weight: 800;
padding: 10px 10px;
color: #000;
background-color: #f5f5f5;
}
.petGrid__list {
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.petGrid__item {
width: calc((100% - 120px) / 4);
margin-right: 40px;
margin-bottom: 60px;
padding-bottom: 53px;
}
.petGrid__item p,
.petGrid__item a {
margin-bottom: 15px;
}
.petGrid__item p:last-of-type {
margin-bottom: 20px;
}
.petGrid__item:nth-of-type(4n) {
margin-right: 0;
}
.petGrid__item .petGrid__btn {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
margin-bottom: 0;
}
.petGrid__img {
display: block;
margin-bottom: 20px;
position: relative;
}
.petGrid__img .pg_img {
height: 235px;
-o-object-fit: cover;
object-fit: cover;
background-color: #f0f0f0;
}
.petGrid__img .pg_img__new {
position: absolute;
top: -1.1rem;
left: 0;
background-color: #f47000;
color: #fff;
font-weight: 700;
font-size: 1.2rem;
padding: 0.6rem 0.4rem 0.6rem 1rem;
z-index: 10;
line-height: 1;
text-transform: uppercase;
}
.petGrid__img .pg_img__gender {
position: absolute;
bottom: -0.1rem;
right: -0.1rem;
font-weight: 700;
background-color: #fff;
line-height: 1;
padding: 0.6rem 0.9rem 0.2rem 1.4rem;
border-radius: 0.8rem 0 0 0;
color: #333;
}
.petGrid__img .pg_img__gender--male {
color: #0f6cdd;
}
.petGrid__img .pg_img__gender--female {
color: #fe88bd;
}
.petGrid__img .pg_img__gender--unknown {
color: #4d320d;
}
.petGrid__name {
display: block;
background-color: #fff;
border-radius: 5px;
padding: 0;
font-weight: 700;
color: #000;
font-size: 1.6rem;
}
.petGrid__parent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
}
.petGrid__parent span {
line-height: 1.2;
}
.petGrid__gender {
line-height: 1;
}
.petGrid__gender span {
line-height: 1;
}
.petGrid__gender--title {
color: #f47000;
}
.petGrid__price {
line-height: 1;
}
.petGrid__price span {
line-height: 1;
}
.petGrid__price--title {
color: #f47000;
}
.petList {
padding: 75px 0;
background-color: #e8e8e8;
}
.petList__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.petList__wrapper a {
display: block;
}
.petList__wrapper:nth-of-type(1) {
margin-bottom: 60px;
}
.petList__main {
width: 160px;
text-align: center;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.petList__title {
font-weight: 800;
font-size: 2.1rem;
line-height: 1.3;
letter-spacing: 2px;
}
.petList__title--orange {
font-weight: 800;
color: #f47000;
font-size: 2.1rem;
line-height: 1.3;
}
.petList__title--orange span {
font-weight: 800;
color: #f47000;
}
.petList__title--green {
color: #8c9600;
font-size: 2.1rem;
line-height: 1.3;
font-weight: 800;
}
.petList__title--green span {
font-weight: 800;
color: #8c9600;
}
.petList__title--white {
font-weight: 800;
color: #fff;
font-size: 1.7rem;
line-height: 1.3;
text-align: center;
padding-top: 10px;
}
.petList__title--white > span {
font-weight: 800;
color: #fff;
font-size: 1.7rem;
}
.petList__title--white span {
color: #fff;
}
.petList__title--small {
font-size: 1.4rem;
font-weight: 800;
}
.petList__title--recent {
font-size: 2.4rem;
line-height: 1.4;
}
.petList__sub {
width: calc(100% - 160px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.petList__sub--recent .petList__img {
overflow: hidden;
border: 2px solid #efddc2;
border-radius: 10px;
z-index: 10;
}
.petList__sub--recent .petList__img .pg_img {
border-radius: 8px;
border: 2px solid #efddc2;
height: 235px;
-o-object-fit: cover;
object-fit: cover;
}
.petList__sub--recent .petList__img_top {
overflow: hidden;
z-index: 10;
border: 2px solid #cac1b6;
border-radius: 10px;
}
.petList__content {
width: 18.4%;
margin-right: 2%;
text-align: center;
}
.petList__content:last-of-type {
margin-right: 0;
}
.petList__img {
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px;
height: 158px;
}
.petList__img img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s -webkit-transform;
transition: 0.3s -webkit-transform;
transition: 0.3s transform;
transition: 0.3s transform, 0.3s -webkit-transform;
-o-object-fit: cover;
object-fit: cover;
height: inherit;
}
.petList__img img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.petList__name {
font-size: 1.7rem;
font-weight: bold;
line-height: 1;
margin-bottom: 6px;
white-space: normal;
}
.petList__name--dog {
color: #f47000;
}
.petList__name--dog a:link,
.petList__name--dog a:visited,
.petList__name--dog a:hover,
.petList__name--dog a:active {
color: #f47000;
}
.petList__name--cat {
color: #8c9600;
}
.petList__name--cat a:link,
.petList__name--cat a:visited,
.petList__name--cat a:hover,
.petList__name--cat a:active {
color: #8c9600;
}
.petList__birth {
font-size: 1.4rem;
line-height: 1;
}
.search {
position: relative;
padding-bottom: 50px;
}
.tab_content input {
visibility: hidden;
}
.tab_content {
width: 100%;
margin: 0 auto;
margin-bottom: 40px;
}
.tab_list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.tab_item {
width: 33%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.tab_item label {
width: 100%;
height: 100%;
}
.tab_item label span {
font-weight: 800;
position: absolute;
bottom: 13px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.tab_item label {
height: 80px;
display: block;
cursor: pointer;
text-align: center;
}
.tab_item1 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_dog.png);
background-size: cover;
background-repeat: no-repeat;
}
.tab_item2 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_cat.png);
background-size: cover;
background-repeat: no-repeat;
}
.tab_item3 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_rabbit.png);
background-size: cover;
background-repeat: no-repeat;
}
.tab_item1_top {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_dog_top.png);
}
.tab_item2_top {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_cat_top.png);
}
.tab_item3_top {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_rabbit_top.png);
}
#item1:checked ~ .tab_list .tab_item1,
#item2:checked ~ .tab_list .tab_item2,
#item3:checked ~ .tab_list .tab_item3 {
z-index: 2;
}
#item1:checked ~ .tab_list .tab_item1 span,
#item2:checked ~ .tab_list .tab_item2 span,
#item3:checked ~ .tab_list .tab_item3 span {
color: white;
}
#item1:checked ~ .tab_list .tab_item1 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_dog-active.png);
}
#item2:checked ~ .tab_list .tab_item2 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_cat-active.png);
}
#item3:checked ~ .tab_list .tab_item3 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_rabbit-active.png);
}
#item1:checked ~ .tab_list .tab_item1 label,
#item2:checked ~ .tab_list .tab_item2 label,
#item3:checked ~ .tab_list .tab_item3 label {
cursor: auto;
}
#item1:checked ~ .content_wrap .content1,
#item2:checked ~ .content_wrap .content2,
#item3:checked ~ .content_wrap .content3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#item1:checked ~ .content_wrap--detail .content1,
#item2:checked ~ .content_wrap--detail .content2,
#item3:checked ~ .content_wrap--detail .content3 {
display: block;
}
.content_wrap,
.content_wrap--detail {
position: relative;
z-index: 2;
width: 100%;
border: 2px solid #efddc2;
border-top: 2px solid #4d320d;
border-radius: 0 0 10px 10px;
overflow: hidden;
}
.content {
width: 100%;
position: relative;
z-index: 1;
display: none;
}
.content-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fbf5e9;
}
.content__list--top {
padding: 30px 20px;
width: 634px;
height: 351px;
}
.content__list--detail {
padding: 30px 40px;
width: 100%;
}
.content__list--smallAnimal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content__item {
position: relative;
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
background-color: #fff;
}
.content__item img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s -webkit-transform;
transition: 0.3s -webkit-transform;
transition: 0.3s transform;
transition: 0.3s transform, 0.3s -webkit-transform;
}
.content__item img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.content__item--dogcat,
.content__item--cat {
width: calc((100% - 40px) / 5);
height: 135px;
margin-right: 10px;
}
.content__item--dogcat img,
.content__item--cat img {
width: 100%;
height: 135px;
}
.content__item--dogcat:first-of-type,
.content__item--cat:first-of-type {
pointer-events: none;
}
.content__item--dogcat:nth-of-type(5n),
.content__item--cat:nth-of-type(5n) {
margin-right: 0;
}
.content__item--smallAnimal {
width: 176px;
height: 290px;
margin-right: 30px;
}
.content__item--smallAnimal:nth-of-type(3) {
margin-right: 0;
}
.content__name {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-height: 36px;
padding: 3px 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content__name span {
display: block;
}
.content__name--dog span,
.content__name--cat span {
color: white;
font-size: 1.2rem;
line-height: 1.3;
}
.content__name--dog {
background-color: rgba(244, 112, 0, 0.7);
}
.content__name--cat {
background-color: rgba(140, 150, 0, 0.7);
}
.content__name--smallAnimal {
background-color: rgba(216, 104, 107, 0.7);
}
.content__name--smallAnimal span {
color: white;
font-size: 1.7rem;
font-weight: 800;
}
.titleBg--popDog,
.titleBg--popCat {
background-color: transparent;
}
.dog {
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.dog01 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog01.jpg);
}
.dog02 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog02.jpg);
}
.dog03 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog03.jpg);
}
.dog04 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog04.jpg);
}
.dog05 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog05.jpg);
}
.dog06 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog06.jpg);
}
.dog07 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog07.jpg);
}
.dog08 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog08.jpg);
}
.dog09 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/dog09.jpg);
}
.cat {
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.cat01 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat01.jpg);
}
.cat02 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat02.jpg);
}
.cat03 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat03.jpg);
}
.cat04 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat04.jpg);
}
.cat05 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat05.jpg);
}
.cat06 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat06.jpg);
}
.cat07 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat07.jpg);
}
.cat08 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat08.jpg);
}
.cat09 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/cat09.jpg);
}
.s-animal {
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.s-animal01 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/smallpet.jpg);
}
.s-animal02 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bird.jpg);
}
.s-animal03 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/rept.jpg);
}
.searchForm select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
border-radius: 6px;
border: 1px solid #4d320d;
position: relative;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_arrow.png);
background-size: 27px 7px;
background-repeat: no-repeat;
background-position: right 10px center;
padding-left: 10px;
padding-right: 50px;
color: #4d320d;
}
.searchForm__enterWrap {
position: relative;
max-width: 300px;
width: 95%;
margin: 0 auto 70px auto;
}
.searchForm__enter {
position: relative;
display: block;
width: 100%;
height: 52px;
line-height: 52px;
text-align: center;
font-weight: 800;
border-radius: 30px;
background-color: #4d320d;
}
.searchForm__enter:hover {
background-color: #f47000;
}
.searchForm__enter::before {
content: "";
position: absolute;
width: 24px;
height: 29px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/glassicon.png);
background-size: contain;
background-repeat: no-repeat;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.searchForm__enter:after {
content: normal;
}
.searchForm__enter input {
width: 100%;
height: 100%;
color: #fff;
font-weight: 800;
visibility: visible !important;
}
.searchForm__btn {
width: 160px;
height: 42px;
line-height: 42px;
margin: 15px auto 0 auto;
text-align: center;
}
.glassIcon {
position: absolute;
z-index: 10;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 24px;
height: 28px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/glassicon.png);
background-size: contain;
background-repeat: no-repeat;
}
.formReset {
padding: 0 5px;
position: absolute;
top: 50%;
right: -150px;
visibility: visible !important;
background-color: transparent;
border-bottom: 1px solid !important;
border-color: #4d320d;
}
.searchForm--top {
width: 428px;
padding: 30px 0;
background-color: white;
}
.searchForm--top select {
width: 300px;
height: 40px;
margin: 0 auto;
margin-bottom: 15px;
}
.searchForm--top select:last-of-type {
margin-bottom: 30px;
}
.searchForm__enter--top {
margin: 0 auto;
width: 100%;
max-width: 300px;
}
.searchForm--detail {
width: 95%;
padding-top: 40px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.searchForm--detail select {
font-size: 1.8rem;
font-weight: 800;
height: 46px;
margin-bottom: 40px;
width: 470px;
}
.searchForm__enterWrap {
position: relative;
}
.searchForm__enter--search {
margin-bottom: 28px;
}
.searchMix {
width: 95%;
margin: 0 auto;
padding: 30px 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #efddc2;
margin-bottom: 40px;
}
.searchMix select {
max-width: 435px;
width: 95%;
height: 46px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
border-radius: 6px;
border: 1px solid #4d320d;
position: relative;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_arrow.png);
background-size: 27px 7px;
background-repeat: no-repeat;
background-position: right 10px center;
padding-left: 10px;
color: #4d320d;
background-color: #fff;
}
.searchMix__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 65px;
}
.searchMix__title span:nth-of-type(1) {
display: block;
width: 42px;
margin-right: 10px;
}
.searchMix__title span:nth-of-type(2) {
font-size: 2.4rem;
font-weight: 800;
}
.searchMix__parent {
font-weight: 800;
margin-right: 25px;
}
.searchMix__reset {
position: absolute;
right: -125px;
bottom: 0;
border-bottom: 1px solid #4d320d;
}
.news {
padding: 50px 0 100px 0;
}
.news_button,
.camp_button {
cursor: pointer;
}
.newsCat {
width: 110px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 20px;
margin-right: 20px;
font-size: 1.5rem;
color: #fff;
font-weight: 800;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.newsCat--news {
background-color: #f47000;
}
.newsCat--camp {
background-color: #8c9600;
}
.catToggle {
width: 343px;
height: 50px;
padding: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 2px solid #efddc2;
border-radius: 5px;
}
.catToggle span {
display: block;
width: 49%;
height: 36px;
color: #fff;
font-size: 1.5rem;
line-height: 36px;
font-weight: 800;
text-align: center;
border-radius: 5px;
}
.catToggle span:nth-of-type(1) {
background-color: #f47000;
}
.catToggle span:nth-of-type(2) {
background-color: #8c9600;
}
.newsPost__item-news,
.newsPost__item-camp {
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 2px solid #efddc2;
}
.newsPost__cat {
width: 110px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 20px;
margin-right: 20px;
color: #fff;
font-weight: 800;
}
.newsPost__cat--news {
background-color: #f47000;
}
.newsPost__cat--camp {
background-color: #8c9600;
}
.newsPost__date {
font-size: 1.8rem;
line-height: 1;
margin-right: 20px;
}
.newsPost__text {
font-size: 1.8rem;
font-weight: 800;
}
.newsSingle {
padding: 50px 0 100px 0;
}
.newsSingle__inner {
max-width: 720px;
width: 90%;
margin: 0 auto;
}
.newsSingle__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.newsSingle__title {
font-size: 3.2rem;
font-weight: 800;
margin-bottom: 30px;
}
.newsSingle__img {
border-radius: 25px;
overflow: hidden;
margin-bottom: 35px;
}
.newsSingle__text {
margin-bottom: 40px;
}
.newsSingle__btn {
width: 200px;
margin: 30px auto 0 auto;
}
.blogList {
padding: 50px 0 100px 0;
}
.blogList__select {
max-width: 100%;
margin-bottom: 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
border-radius: 10px;
border: 1px solid #4d320d;
position: relative;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_arrow.png);
background-size: 27px 7px;
background-repeat: no-repeat;
background-position: right 10px center;
padding: 10px 46px 10px 10px;
color: #4d320d;
}
.blogList__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}
.blogPost {
width: calc((100% - 60px) / 4);
margin-right: 20px;
border: 2px solid #efddc2;
background-color: #fbf5e9;
border-radius: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.blogPost:nth-of-type(4n) {
margin-right: 0;
}
.blogPost__content {
padding: 20px;
}
.blogPost__date {
line-height: 1;
margin-bottom: 15px;
}
.blogPost__text {
font-weight: 800;
margin-bottom: 15px;
}
.blogPost__store {
display: inline-block;
padding: 3px 15px;
color: #fff;
background-color: #f47000;
border-radius: 20px;
line-height: 1.2;
}
.fav {
padding: 50px 0;
}
.pet__contactBtn {
max-width: 340px;
height: 70px;
margin: 0 auto;
line-height: 70px;
font-size: 2rem;
margin-bottom: 20px;
}
.pet__contactBtn input {
width: 100%;
line-height: 70px;
}
.pet__linkBtn {
width: 235px;
height: 70px;
border-radius: 35px;
display: block;
line-height: 70px;
font-weight: 800;
position: relative;
text-align: center;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.pet .lb_green {
color: #8c9600;
background-color: #fff;
border: 2px solid #8c9600;
font-size: 1.5rem;
}
.pet .lb_green::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 10px;
height: 14px;
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/green_arrow.png);
background-size: contain;
}
.pet .lb_green:hover {
color: #fff;
background-color: #8c9600;
border: 2px solid #fff;
}
.pet .lb_green:hover::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/btn_tri.png);
}
.pet .lb_pink {
color: #d8686b;
background-color: #fff;
border: 2px solid #d8686b;
}
.pet .lb_pink::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 10px;
height: 14px;
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/pink_arrow.png);
background-size: contain;
}
.pet .lb_pink:hover {
color: #fff;
background-color: #d8686b;
border: 2px solid #fff;
}
.pet .lb_pink:hover::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/btn_tri.png);
}
.pet__favBtn {
margin: 0 auto;
}
.pet__transfer {
margin: 0 auto;
text-decoration: underline;
font-weight: 800;
}
.petMain {
padding: 50px 0 100px 0;
position: relative;
}
@media (min-width: 1001px) {
.blogPost__img img {
height: 164px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
@media (max-width: 1000px) {
.blogPost__img img {
height: 300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
}
@media (max-width: 1000px) {
.petMain {
padding-bottom: 50px;
padding-top: 10px;
}
}
.petSub {
padding: 80px 0 100px 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
position: relative;
}
.petSub::before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
z-index: 900;
}
.petSub__inner {
position: relative;
}
.petSub__inner.petSub_smallanim .storeInfo {
max-width: 500px;
margin: 0 auto 30px;
}
.petSub__inner::after {
position: absolute;
top: -190px;
right: 0;
z-index: 1000;
content: "";
width: 151px;
height: 140px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/border_dog.png);
background-size: contain;
background-repeat: no-repeat;
}
.petInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.petInfo__left {
max-width: 500px;
width: 100%;
}
.petImg {
margin-bottom: 30px;
}
.petImg__main {
width: 100%;
height: 330px;
margin-bottom: 20px;
border: 2px solid #efddc2;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media (max-width: 1000px) {
.petImg__main {
height: 250px;
}
}
.petImg__sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.petImg__subimg {
width: 23%;
height: 80px;
border: 2px solid #efddc2;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-right: 10px;
}
.petImg__subimg:hover {
cursor: pointer;
}
.petImg__subimg:nth-child(4) {
margin-right: 0px;
}
.petSort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.petSort--favP {
margin-bottom: 40px;
}
.petSort__favCount {
margin-right: auto;
}
.petSort select {
height: 40px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
border-radius: 9999px;
border: 1px solid #dcdcdc;
position: relative;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/CaretDown.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: right 10px center;
padding-left: 10px;
color: #000000;
margin-left: 20px;
font-size: 1.4rem;
}
.sort-title {
margin-right: 25px;
}
.petSort--result {
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.petSort--result-orderbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.petSort--result-orderbox-last select {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/ArrowsDownUp.svg);
background-position: left 10px center;
text-align: -webkit-right;
text-align: -ms-right;
text-align: right;
padding-right: 10px;
margin-right: 8px;
} .petSort--result:not(:last-child) {
margin-right: 20px;
}
@media screen and (max-width: 1000px) {
.petSort select {
width: 100%;
padding-right: 30px;
}
.petSort--result-orderbox {
width: 100%;
max-width: 300px;
}
}
@media screen and (max-width: 768px) {
.petSort--result-orderbox {
max-width: 200px;
}
.petSort--result-orderbox-last select {
padding-left: 30px;
padding-right: 10px;
}
.header__button.header__button--fav .icon::before {
left: -17px;
top: -5px;
}
}
.reserved {
display: block;
width: 95%;
position: absolute;
left: 50%;
bottom: 25px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.reserved img {
border: none !important;
}
.soldout {
display: block;
width: 95%;
position: absolute;
left: 50%;
bottom: 25px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.soldout img {
border: none !important;
}
.detailView,
.gridView {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 30px;
height: 30px;
display: block;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}
.detailView {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/detailrow.png);
}
.detailView.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/detailrow_active.png);
}
.gridView {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/columnrow.png);
margin-right: 18px;
}
.gridView--favP {
margin-left: auto;
}
.gridView.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/columnrow_active.png);
}
.camera_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.camera_container + .camera_container {
margin-left: 20px;
}
.camera_container.sp {
display: none;
}
.camera_img {
width: 26px;
margin-right: 10px;
} .pet-shot-dates {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px 16px;
font-size: 1.1rem;
line-height: 1.35;
}
.pet-shot-dates.sp {
display: none;
}
.pet-shot-dates .camera_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pet-shot-dates .camera_container + .camera_container {
margin-left: 0;
}
.pet-shot-dates .camera_img {
width: 20px;
margin-right: 6px;
}
.pet-shot-dates .camera_img img {
display: block;
width: 100%;
height: auto;
}
.pet-shot-dates p {
font-size: 1.3rem;
margin: 0;
line-height: 1.35;
}
.pageTitle .pet-shot-dates p {
font-size: 1.3rem;
}
.result__petGrid {
padding: 50px 0 100px 0;
}
.result input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
outline: none;
border: none;
}
@media screen and (max-width: 1000px) {
.result .__inner {
width: 100%;
}
}
.petDetail-list {
margin-bottom: 60px;
}
.petDetail-list li:last-of-type {
margin-bottom: 0;
}
.petDetail__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.petDetail__img {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 360px;
width: 100%;
height: 360px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.petDetail__img-contact {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 250px;
width: 100%;
height: 250px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.petDetail__infoList {
max-width: 640px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.petDetail__infoItem {
padding: 15px 0;
width: 48%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #efddc2;
}
.petDetail__infoItem span:nth-of-type(1) {
display: block;
width: 88px;
color: #f47000;
font-weight: 800;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
white-space: nowrap;
}
.petDetail__infoItem--price span span:nth-of-type(2) {
font-size: 2rem;
margin-right: 5px;
}
.petDetail__btnWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.petDetail__contactBtn,
.petDetail__favBtn {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
width: 48%;
height: 70px;
line-height: 70px;
font-size: 2rem;
}
.petDetail__content {
width: 100%;
max-width: 640px;
}
.petDetail__content-contact {
width: 100%;
max-width: 550px;
}
.pagination {
margin-right: -40px;
margin-bottom: 10px;
}
.pagination span,
.pagination a {
font-size: 2.4rem;
margin-right: 40px;
font-weight: 800;
}
.pagination .current {
color: white;
display: inline-block;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/mix_dog.png);
background-size: contain;
background-repeat: no-repeat;
width: 61px;
height: 52px;
padding-top: 6px;
margin-left: -15px;
margin-right: 25px;
}
.prev {
font-size: 3.8rem;
}
.next {
font-size: 3.8rem;
}
.infoList_div {
max-width: 500px;
width: 100%;
}
.infoList_div .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.infoList_div .btns img {
max-width: 240px;
} .infoList_div .btns--withEngagement {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 14px 18px;
}
.petEngagement {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 14px;
-webkit-box-flex: 1;
-ms-flex: 1 1 220px;
flex: 1 1 220px;
min-width: 0;
font-size: 1.4rem;
line-height: 1.5;
color: #000;
}
.petEngagement__cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px 8px;
}
.petEngagement__iconSvg {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #000;
vertical-align: middle;
}
.petEngagement__label {
font-weight: 400;
}
.petEngagement__num {
font-weight: 700;
font-size: 1.5rem;
}
.petEngagement__unit,
.petEngagement__suffix {
font-weight: 400;
}
.petEngagement__rule {
width: 1px;
-ms-flex-item-align: stretch;
align-self: stretch;
min-height: 1.6em;
background: #d8d8d8;
}
.infoList_div .favorite_button--petEngagement {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.infoList_div .favorite_button--petEngagement .favBtn {
margin: 0;
} .petEngagementRow {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.petEngagementRow .infoList_div--engagementBar {
max-width: 100%;
width: 100%;
margin-bottom: 0;
}
.infoList li {
padding: 8px 0;
border-bottom: 1px solid #efddc2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.infoList li:first-of-type p {
font-size: 2.4rem;
}
.infoList li:first-of-type p span {
margin-left: 5px;
}
.infoList li:nth-last-child(2) {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.infoList li:last-of-type {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.infoList li:last-of-type p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.infoList li.camera_list {
display: none;
}
.infoList .il_sale {
color: #d8686b;
}
.infoList__title {
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.6rem;
line-height: 1.8;
width: 35%;
color: #f47000;
}
.record {
max-width: 500px;
width: 100%;
padding: 25px 25px 25px 25px;
background-color: #efddc2;
}
.record__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.record__icon {
width: 50px;
margin-right: 9px;
}
.record__title {
font-size: 2.4rem;
font-weight: 800;
margin-right: auto;
}
.record__weight {
max-width: 256px;
width: 55%;
padding: 15px 0;
text-align: center;
background-color: #fff;
position: relative;
font-size: 1.7rem;
}
.record__weight::before {
position: absolute;
content: "NEW";
font-weight: 800;
line-height: 1;
color: #f47000;
top: -6px;
left: -4px;
}
.record__weight span {
margin-left: 20px;
font-size: 2.4rem;
font-weight: 800;
color: #f47000;
}
.record__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 20px;
}
.record__bottom p {
max-width: 104px;
width: calc(25% - 7.5px);
font-size: 1.4rem;
text-align: center;
padding: 15px;
background-color: #fff;
margin-right: 10px;
}
.record__bottom p:last-child {
margin-right: 0;
}
.record__bottom p span {
font-weight: 800;
}
.extraInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 45px;
}
.extraInfo__left {
width: 47%;
background-color: #fff;
}
.extraInfo__right {
width: 47%;
}
.extraInfo .contact {
text-align: center;
}
.extraInfo__right .pageTitle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #d8686b;
margin-bottom: 30px;
}
.extraInfo__right .pageTitle .pageTitle__img {
width: 32px;
}
.extraInfo__right .pageTitle h2 {
color: #fff;
}
.estimate {
width: 100%;
padding: 18px 40px;
}
.estimate__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.estimate__title span:nth-of-type(1) {
display: block;
width: 30px;
margin-right: 20px;
}
.estimate__title span:nth-of-type(2) {
font-size: 2.4rem;
font-weight: 800;
}
.estimate__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.estimate__item:last-of-type {
margin-bottom: 30px;
}
.estimate__item span:first-of-type {
width: 160px;
background-color: #fff8ed;
margin-right: 5px;
padding-right: 10px;
text-align: right;
}
.estimate__item--underbar {
border-bottom: 1px solid #000;
padding-bottom: 15px;
}
.estimate__label {
width: 140px;
margin-right: 70px;
}
.estimate .es_doctor {
color: #8c9600;
}
.estimate .es_trust {
color: #d8686b;
}
.estimate p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.estimate__wrap p:first-of-type {
margin-bottom: 20px;
}
.estimate__wrap span:first-of-type {
width: 160px;
}
.estimate select {
background-color: #fff8ed;
width: 160px;
text-align: right;
padding-right: 10px;
}
.simulate {
background-color: #fff;
}
.simulate__title {
margin-bottom: 10px;
font-size: 2rem;
}
.simulate__notes {
font-size: 1.2rem;
}
.simulate__wrap { font-family: "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", "sans-serif";
font-weight: 500;
-webkit-transform: rotate(0.05deg);
-ms-transform: rotate(0.05deg);
transform: rotate(0.05deg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: right;
margin-bottom: 10px;
}
.simulate__wrap span {
line-height: 1;
}
.simulate__wrap #loan_price {
width: 130px;
background-color: #fff8ed;
margin: 0 5px;
padding: 8px 10px;
font-size: 2.4rem;
}
.simulate .loan_wrap {
background: #fff8ed;
position: relative;
margin-right: 5px;
}
.simulate .loan_wrap:after {
content: "";
position: absolute;
top: 50%;
right: 11px;
width: 0;
height: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #4d320d;
pointer-events: none;
}
.simulate select {
font-size: 1.6rem;
width: auto;
padding: 10px 30px 10px 10px;
}
.storeInfo {
padding: 18px 30px 25px 30px;
background-color: #fff;
margin-bottom: 30px;
}
.storeInfo__smallanimal {
border: 2px solid #efddc2;
}
.storeInfo__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.storeInfo__logo {
width: 38px;
margin-right: 15px;
}
.storeInfo__title {
font-size: 2.4rem;
font-weight: 800;
margin-bottom: 15px;
}
.storeInfo__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.storeInfo__img {
width: 150px;
overflow: hidden;
width: 35%;
margin-right: 5%;
}
.storeInfo__name,
.storeInfo__address,
.storeInfo__tel,
.storeInfo__time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 6px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #efddc2;
}
.storeInfo__name {
font-size: 2.4rem;
font-weight: 800;
}
.storeInfo__address {
font-size: 1.4rem;
}
.storeInfo__tel {
font-size: 2.2rem;
font-weight: 800;
}
.storeInfo__time {
font-size: 1.4rem;
}
.linkList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.recent--pet {
padding: 50px 0 100px 0;
position: relative;
}
.recent--pet::before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bgwhite_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.singleRecent {
padding: 80px 0 130px 0;
position: relative;
}
.singleRecent::before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bgwhite_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.singleRecent_smallanimal {
padding: 80px 0 100px 0;
background-color: #fff8ed;
position: relative;
}
.singleRecent_smallanimal::before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_main.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
z-index: 900;
}
.singleRecent_smallanimal__inner {
position: relative;
}
.singleRecent_smallanimal__inner::after {
position: absolute;
top: -190px;
right: 0;
z-index: 1000;
content: "";
width: 151px;
height: 140px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/border_dog.png);
background-size: contain;
background-repeat: no-repeat;
}
.company {
padding: 50px 0 130px 0;
}
.company__table {
max-width: 720px;
width: 100%;
margin: 0 auto 70px auto;
}
.company__table tr th {
width: 230px;
font-weight: 800;
background-color: #fff8ed;
white-space: nowrap;
padding: 10px 0;
}
.company__table tr td {
padding: 15px 20px 15px 75px;
width: 490px;
}
.company__table,
.company td,
.company th {
border: 1px solid #efddc2;
}
.staff {
display: block;
overflow: hidden;
position: relative;
border-radius: 15px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 1;
}
.staff:hover {
opacity: 0.7;
}
.faq {
padding: 75px 0;
position: relative;
}
.faq__wrapper {
margin-bottom: 40px;
}
.faq__about {
font-size: 2.8rem;
font-weight: 800;
line-height: 1;
margin-bottom: 30px;
}
.faq__item--top {
width: 100%;
display: inline-block;
background-color: #efddc2;
border-radius: 15px;
margin-bottom: 20px;
}
.faq__item--main {
border-top: 2px solid #efddc2;
}
.faq__item--main:last-of-type {
border: solid #efddc2;
border-width: 2px 0;
}
.faq__item:last-of-type {
margin-bottom: 0;
}
.faq__subTitle {
width: 100%;
padding: 25px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: relative;
}
.faq__subTitle::after {
content: "";
width: 29px;
height: 10px;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/faq_arrow.png) no-repeat center center/cover;
}
.faq__subTitle--top {
padding: 15px 91px 15px 20px;
}
.faq__subTitle--main {
padding: 25px 91px 25px 20px;
}
.faq__subTitle--active::after {
-webkit-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.faq__subTitle img {
display: block;
width: 51px;
margin-right: 15px;
}
.faq__subTitle p {
font-size: 2rem;
}
.faq__content {
padding: 0 91px 0 20px;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.faq__content--main {
background-color: #efddc2;
border-radius: 15px;
margin-bottom: 20px;
}
.faq__contentBar {
width: 950px;
min-height: 8px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/faq_bar.png);
background-size: 950px;
height: 8px;
background-repeat: repeat-x;
overflow: hidden;
}
.faq__contentWrap img {
width: 54px;
height: 48px;
margin-right: 10px;
}
.faq__contentInner {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.headLabel {
font-size: 2.4rem;
font-weight: 800;
line-height: 27px;
}
.headLabel::before {
content: "";
display: block;
width: 30px;
height: 27px;
background-size: contain;
background-repeat: no-repeat;
float: left;
margin-right: 5px;
}
.headLabel--orange::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot-orange.png);
}
.headLabel--green::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot-green.png);
}
.privacy {
padding: 50px 0 100px 0;
}
.privacy__item {
padding: 50px 0;
border-bottom: 2px solid #efddc2;
}
.privacy__item:first-of-type {
padding: 0 0 50px 0;
}
.privacy__item:last-of-type {
border-bottom: none;
}
.privacy__headLabel {
margin-bottom: 25px;
}
.privacy p {
clear: left;
margin-bottom: 25px;
}
.privacy p:last-of-type {
margin-bottom: 0;
}
.sdgs {
padding: 50px 0 100px 0;
}
.sdgs__topText {
margin-bottom: 30px;
}
.sdgs__img {
margin-bottom: 72px;
}
.sdgs__img img {
image-rendering: -webkit-optimize-contrast;
}
.sdgs__bottomText {
margin-bottom: 50px;
}
.sdgsList li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 50px 0;
border-bottom: 2px solid #efddc2;
}
.sdgsList li:first-of-type {
border: 2px solid #efddc2;
border-width: 2px 0;
}
.sdgsList__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 160px;
height: 160px;
overflow: hidden;
}
.sdgsList__wrap {
max-width: 840px;
width: 100%;
}
.sdgsList__headLabel {
margin-bottom: 25px;
}
.sdgsList__text {
clear: left;
}
.prop {
padding: 50px 0 100px 0;
}
.propTop {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.propTop::before {
position: absolute;
top: 25px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/prop_foot.png);
background-size: contain;
background-repeat: no-repeat;
width: 1019px;
height: 183px;
}
.propTop__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.propTop__btn {
width: 260px;
height: 50px;
}
.propTop__btn::after {
display: none;
}
.propTop__btn:first-of-type {
background-color: #f47000;
margin-right: 20px;
}
.propTop__btn:last-of-type {
background-color: #8c9600;
}
.propTop__title {
position: relative;
padding: 0 15px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.propTop__title--orange {
color: #f47000;
}
.propTop__title span {
font-size: 4.2rem;
line-height: 1;
font-weight: 800;
}
.propTop__text {
text-align: center;
margin-bottom: 60px;
}
.propList .headLabel {
margin-bottom: 20px;
}
.propList__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 0;
border-bottom: 2px solid #efddc2;
}
.propList__item:first-of-type {
border-top: 2px solid #efddc2;
}
.propList__item:first-of-type p.propList__text {
margin-bottom: 40px;
}
.propList__text {
max-width: 880px;
width: 100%;
}
.propPhoto {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.propPhoto__wrap {
width: 47%;
margin-bottom: 40px;
}
.propPhoto__img {
overflow: hidden;
margin-bottom: 15px;
}
.propPhoto__name {
text-align: center;
font-size: 2.4rem;
font-weight: 800;
line-height: 1;
}
.propContact {
padding: 70px 0 140px 0;
background-color: #fff8ed;
position: relative;
}
.propContact:before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_main.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.propContact__pageTitle {
background-color: #fff;
margin-bottom: 40px;
}
.propContact__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.propContact__wrapper a,
.propContact__wrapper p {
position: relative;
border-radius: 100px;
width: 516px;
height: 130px;
}
.propContact__wrapper a::after,
.propContact__wrapper p::after {
right: 40px;
}
.propContact__wrapper a::before,
.propContact__wrapper p::before {
position: absolute;
left: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
width: 86px;
height: 88px;
background-size: contain;
background-repeat: no-repeat;
}
.propContact__wrapper a {
line-height: 130px;
font-size: 2.4rem;
background-color: #f47000;
}
.propContact__wrapper a:hover {
background-color: #4d320d;
}
.propContact__wrapper a::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot_greenwhite.png);
}
.propContact__wrapper p {
border: 2px solid #8c9600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.propContact__wrapper p::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot_green.png);
}
.propContact__wrapper p::after {
content: normal;
}
.propContact__wrapper p span {
font-size: 2.4rem;
color: #8c9600;
font-weight: 800;
}
.prop_border {
position: relative;
}
.prop_border::after {
position: absolute;
content: "";
z-index: -1;
left: 50%;
bottom: -2px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
height: 10px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/prop_underline.png);
background-size: cover;
background-repeat: no-repeat;
}
.prop_orange {
color: #f47000;
}
.health {
padding: 50px 0 90px 0;
}
.health__pageTitle {
margin-bottom: 50px;
}
.health__pageTitle_top {
margin-bottom: 50px;
background: #f47000;
}
.health__pageTitle_top .pageTitle__img {
width: 32px;
}
.health__pageTitle_top h2 {
color: #fff;
}
.health .__inner__top {
margin-bottom: 50px;
}
.health .__inner__top .support__item--flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.health__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 2px solid #efddc2;
}
.health__wrapper:last-of-type {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom: 0px;
}
.health__main {
width: 100%;
max-width: 570px;
}
.health__headLabel {
margin-bottom: 25px;
}
.health__img {
max-width: 450px;
width: 100%;
overflow: hidden;
}
.check {
margin-top: 15px;
padding: 25px 40px;
border-radius: 10px;
background-color: #efddc2;
}
.check__title {
font-size: 2.2rem;
font-weight: 800;
line-height: 1;
margin-bottom: 15px;
}
.parasite {
padding: 80px 0 100px 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
position: relative;
}
.parasite::before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.parasite__pageTitle {
background-color: #fff;
}
.parasite table,
.parasite tr,
.parasite th,
.parasite td {
border: 1px solid #efddc2;
}
.parasiteTable {
width: 100%;
}
.parasiteTable tr {
height: 50px;
background-color: #fff;
}
.parasiteTable th {
font-weight: 800;
}
.parasiteTable td {
padding-left: 15px;
}
.parasiteTable__bgc {
background-color: #fff8ed;
}
.parasiteTable__left {
width: 190px;
}
.insurance_link {
display: inline-block;
border-bottom: 1px solid;
margin-bottom: 30px;
width: 182px;
}
.insurance_link a {
position: relative;
}
.insurance_link a:after {
position: absolute;
top: calc(50% + 3px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -20px;
width: 10px;
height: 14px;
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_brown.png);
background-size: contain;
background-repeat: no-repeat;
}
.insurance_block {
background: #fff8ed;
padding: 40px;
}
.insurance_block h3 {
font-size: 2.2rem;
font-weight: 800;
margin-bottom: 10px;
}
.insurance_block .intro {
margin-bottom: 20px;
}
.insurance_block .supportTable tr.maria_price td {
background: #fde8d6;
}
.insurance_block .supportTable th {
height: auto;
padding: 5px 10px;
background: #ebddc4;
border-color: #fff;
}
.insurance_block .supportTable th > span {
font-size: 1.3rem;
}
.insurance_block .supportTable td {
background: #fff;
}
.support {
padding: 75px 0 80px 0;
position: relative;
}
.support::before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bgwhite_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.support__pageTitle {
margin-bottom: 0;
}
.support__item {
padding: 50px 0;
border-bottom: 2px solid #efddc2;
}
.support__item:last-of-type {
border-bottom: 0;
padding: 50px 0 0 0;
}
.support__item--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.support__wrapper {
max-width: 575px;
width: 100%;
}
.support__wrapper p {
margin-bottom: 20px;
}
.support__wrapper p:last-of-type a {
margin: 0 auto;
border-bottom: 1px solid #4d320d;
}
.support__img {
max-width: 450px;
width: 100%;
overflow: hidden;
}
.support__banner {
max-width: 450px;
width: 100%;
overflow: hidden;
}
.support__banner a {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 1;
margin: 0 auto;
max-width: 320px;
display: block;
}
.support__banner a:hover {
opacity: 0.7;
}
.support__tableTitle {
margin-top: 40px;
font-size: 1.8rem;
font-weight: 800;
}
.support__notice {
padding: 40px;
margin-top: 40px;
background-color: #fff8ed;
}
.support__noticeTitle {
font-size: 2.2rem;
font-weight: 800;
}
.packList {
margin-top: 25px;
padding: 20px 40px;
background-color: #fff8ed;
}
.supportTable {
width: 100%;
text-align: center;
margin-bottom: 10px;
border: 1px solid #efddc2;
}
.supportTable th,
.supportTable td {
border: 1px solid #efddc2;
padding: 10px;
}
.supportTable th {
background-color: #fff8ed;
}
.supportTable__right {
width: 120px;
}
.noticeList {
margin-top: 10px;
}
.invite {
padding: 50px 0 100px 0;
}
.invite p {
text-indent: -1em;
padding-left: 1em;
margin-bottom: 30px;
}
.store {
padding: 30px 0 140px 0;
}
#area_aichi,
#area_tokyo,
#area_shizuoka,
#area_gifu,
#area_saitama,
#area_kanagawa {
display: block;
}
.areaList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.areaList__item {
width: calc(25% - 1.5rem);
text-align: center;
border-radius: 5px;
margin: 0 2rem 2rem 0;
}
.areaList__item:nth-last-of-type(4n) {
margin-right: 0;
}
.areaList__item a {
display: block;
line-height: 56px;
color: white;
border-radius: 5px;
font-size: 2.4rem;
font-weight: 800;
position: relative;
border: 2px solid transparent;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.areaList__item a::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10px;
width: 10px;
height: 14px;
content: "";
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/btn_tri.png);
background-size: contain;
}
@media (min-width: 1001px) {
.areaList__item br {
display: none;
}
}
.areaList__item:nth-of-type(1) a {
background-color: #f48c39;
}
.areaList__item:nth-of-type(2) a {
background-color: #53bbcc;
}
.areaList__item:nth-of-type(3) a {
background-color: #b2bc20;
}
.areaList__item:nth-of-type(4) a {
background-color: #3cad83;
}
.areaList__item:nth-of-type(5) a {
background-color: #ff808b;
}
.areaList__item:nth-of-type(6) a {
background-color: #bc83b3;
}
.areaList__item:nth-of-type(7) a {
background-color: #6a8ad1;
}
.areaList__item--active a,
.areaList__item:hover a {
background-color: #fff !important;
}
.areaList__item--active:nth-of-type(1) a,
.areaList__item:hover:nth-of-type(1) a {
color: #f48c39;
border: 2px solid #f48c39;
}
.areaList__item--active:nth-of-type(1) a::after,
.areaList__item:hover:nth-of-type(1) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_aichi.png);
}
.areaList__item--active:nth-of-type(2) a,
.areaList__item:hover:nth-of-type(2) a {
color: #53bbcc;
border: 2px solid #53bbcc;
}
.areaList__item--active:nth-of-type(2) a::after,
.areaList__item:hover:nth-of-type(2) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_gihu.png);
}
.areaList__item--active:nth-of-type(3) a,
.areaList__item:hover:nth-of-type(3) a {
color: #b2bc20;
border: 2px solid #b2bc20;
}
.areaList__item--active:nth-of-type(3) a::after,
.areaList__item:hover:nth-of-type(3) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_shizuoka.png);
}
.areaList__item--active:nth-of-type(4) a,
.areaList__item:hover:nth-of-type(4) a {
color: #3cad83;
border: 2px solid #3cad83;
}
.areaList__item--active:nth-of-type(4) a::after,
.areaList__item:hover:nth-of-type(4) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_mie.png);
}
.areaList__item--active:nth-of-type(5) a,
.areaList__item:hover:nth-of-type(5) a {
color: #ff808b;
border: 2px solid #ff808b;
}
.areaList__item--active:nth-of-type(5) a::after,
.areaList__item:hover:nth-of-type(5) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_tokyo.png);
}
.areaList__item--active:nth-of-type(6) a,
.areaList__item:hover:nth-of-type(6) a {
color: #bc83b3;
border: 2px solid #bc83b3;
}
.areaList__item--active:nth-of-type(6) a::after,
.areaList__item:hover:nth-of-type(6) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_saitama.png);
}
.areaList__item--active:nth-of-type(7) a,
.areaList__item:hover:nth-of-type(7) a {
color: #6a8ad1;
border: 2px solid #6a8ad1;
}
.areaList__item--active:nth-of-type(7) a::after,
.areaList__item:hover:nth-of-type(7) a::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_kanagawa.png);
}
.storeMap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 460px;
border: 4px solid #efddc2;
margin-bottom: 50px;
overflow: hidden;
}
.storeMap p {
font-size: 3rem;
}
.storeList__main {
width: calc(98% - 540px);
}
.storeList__item {
padding: 10px 0;
border-top: 2px solid #efddc2;
cursor: pointer;
}
.storeList__item:first-of-type {
border: 0;
}
.storeList__wrapper {
padding: 20px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.storeList__wrapper:hover {
background-color: #fff7eb;
}
.storeList__name {
font-weight: 800;
line-height: 1;
margin-bottom: 15px;
}
.storeList__name a {
font-size: 2.4rem;
font-weight: 800;
color: #f47000;
}
.storeList__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.storeList__address {
margin-bottom: 10px;
}
.storeList__tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 45px;
font-weight: 800;
font-size: 2.2rem;
}
.storeList__tel::before {
display: block;
content: "";
width: 30px;
height: 30px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/icon_tel.png);
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
.storeList__time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.storeList__time::before {
display: block;
content: "";
width: 30px;
height: 30px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/icon_clock.png);
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
.storeLabel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.storeLabel--dog.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_dog-active.png);
}
.storeLabel--dog {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_dog.png);
}
.storeLabel--small.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_small-active.png);
}
.storeLabel--small {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_small.png);
}
.storeLabel--bird.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_bird-active.png);
}
.storeLabel--bird {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_bird.png);
}
.storeLabel--rept.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_rept-active.png);
}
.storeLabel--rept {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_rept.png);
}
.storeLabel--fish.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_fish-active.png);
}
.storeLabel--fish {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_fish.png);
}
.storeLabel--goods.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_goods-active.png);
}
.storeLabel--goods {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_goods.png);
}
.storeLabel--trim.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_trim-active.png);
}
.storeLabel--trim {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_trim.png);
}
.storeLabel--hotel.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_hotel-active.png);
}
.storeLabel--hotel {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_hotel.png);
}
.storeLabel--park.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_parking-active.png);
}
.storeLabel--park {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/label_parking.png);
}
.storeLabel li {
width: 100px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
.storeLabel li:last-of-type {
margin-right: 0;
}
.storeLabel--single {
margin-bottom: 70px;
}
.storeLabel--shop {
margin-bottom: 40px;
}
.storeLabel--list {
width: 100%;
max-width: 540px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.storeLabel--list li {
margin-bottom: 10px;
}
.storeLabel--list li:nth-of-type(5) {
margin-right: 0;
}
.shopService {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.shopService__item {
width: calc(50% - 15px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 30px;
margin-bottom: 10px;
margin-top: 20px;
border-bottom: 1px solid #ebddc4;
padding-bottom: 10px;
font-weight: 800;
}
.shopService__item:nth-of-type(2n) {
margin-right: 0;
}
.shopService__item--name {
width: calc(100% - 210px);
margin-right: 20px;
font-weight: 800;
font-size: 2.2rem;
}
.shopService__item .off {
background-color: #f2dbbe;
color: #fff;
}
.shopService__name {
font-size: 2.2rem;
font-weight: 800;
}
.shopService__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shopService__icons:nth-of-type(2n) {
margin-right: 0;
}
.shopService__icon {
font-size: 1.3rem;
color: white;
text-align: center;
border-radius: 15px;
height: 30px;
line-height: 30px;
}
.shopService__icon-trimming {
background-color: #f47000;
min-width: 90px;
margin-right: 10px;
}
.shopService__icon-hotel {
background-color: #8c9600;
min-width: 110px;
}
.service_area h2 {
font-size: 3.2rem;
font-weight: 800;
}
.service_area .aichi {
color: #f48c39;
border-bottom: 2px solid #f48c39;
}
.service_area .gifu {
color: #60b4b3;
border-bottom: 2px solid #60b4b3;
}
.service_area .shizuoka {
color: #b0ba21;
border-bottom: 2px solid #b0ba21;
}
.service_area .mie {
color: #3cad83;
border-bottom: 2px solid #3cad83;
}
.service_area .tokyo {
color: #d8686b;
border-bottom: 2px solid #d8686b;
}
.service_area .saitama {
color: #bc83b3;
border-bottom: 2px solid #bc83b3;
}
.service_area .kanagawa {
color: #6b88cf;
border-bottom: 2px solid #6b88cf;
}
.shopTop {
display: block;
max-width: 1253px;
margin: 40px auto 50px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/shop_top_bg.png);
background-size: cover;
height: 145px;
padding: 0px 0px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shopTop .st_title {
margin: 0px auto;
}
.shopTop__name {
font-size: 3.6rem;
font-weight: 800;
line-height: 1;
padding: 20px 50px;
text-align: center;
color: #523002;
background: #fdf6eb;
-webkit-box-shadow: 0px 0px 0px 10px #fdf6eb;
box-shadow: 0px 0px 0px 10px #fdf6eb;
border: dashed 3px #efddc2;
border-radius: 45px;
}
.recentStore {
width: 100%;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
background-size: cover;
position: relative;
z-index: -1;
padding: 80px 0 100px 0;
}
.recentStore::before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.recentStore__inner {
position: relative;
}
.recentStore__title {
margin: 0 auto 40px auto;
width: 637px;
}
.recentStore__searchLink {
display: block;
width: 700px; margin: 0 auto 80px auto;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 1;
}
.recentStore__searchLink:hover {
opacity: 0.7;
}
.storeDetail {
padding: 80px 0 100px 0;
position: relative;
z-index: 2;
} .storeDetail__inner {
position: relative;
}
.storeDetail__inner::after {
content: "";
width: 180px;
height: 181px;
position: absolute;
top: -170px;
right: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/border_dog.png);
background-size: contain;
background-repeat: no-repeat;
}
.storeDetail__title {
width: 438px;
margin: 0 auto 40px auto;
}
.storeDetail__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
.storeTable tr {
display: block;
border-top: 2px solid #efddc2;
}
.storeTable tr:last-of-type {
border: solid #efddc2;
border-width: 2px 0;
}
.storeTable th {
width: 140px;
color: #f47000;
font-weight: 800;
padding: 10px 0;
text-align: left;
}
.storeTable td {
width: 360px;
padding: 10px 0;
}
.storeBlog {
padding: 80px 0 130px 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
background-size: cover;
position: relative;
}
.storeBlog:before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.storeBlog__inner {
position: relative;
}
.storeBlog__inner::after {
content: "";
width: 180px;
height: 181px;
position: absolute;
z-index: 100;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/border_cat.png);
background-size: contain;
background-repeat: no-repeat;
}
.storeBlog__title {
width: 477px;
margin: 0 auto 40px auto;
}
.storeBlog__btn {
margin-top: 40px;
}
.storeBlog .blogList__wrapper {
position: relative;
z-index: 10;
}
.neighb {
padding: 80px 0 120px 0;
background-color: #fff8ed;
position: relative;
} .neighb__inner {
position: relative;
}
.neighb__inner::after {
content: "";
position: absolute;
right: -90px;
bottom: -120px;
z-index: 1;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/footprints.png);
background-size: contain;
background-repeat: no-repeat;
width: 360px;
height: 1218px;
}
.salon {
padding: 50px 0 90px 0;
}
.salon__pageTitle {
margin-bottom: 50px;
}
.salonTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 50px;
border-bottom: 2px solid #efddc2;
}
.salonTop__main {
width: 576px;
}
.salonTop__headLabel {
margin-bottom: 20px;
}
.salonTop__img {
width: 450px;
overflow: hidden;
}
.salonCourse {
padding: 50px 0;
position: relative;
border-bottom: 2px solid #efddc2;
}
.salonCourse__headLabel {
display: inline-block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 20px;
}
.salonCourse__headLabel::before {
position: absolute;
bottom: 0;
left: -38px;
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 27px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot-orange.png);
}
.salonCourse__headLabel::after {
position: absolute;
bottom: 0;
right: -38px;
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
margin-left: 5px;
width: 30px;
height: 27px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot-orange.png);
}
.salonCourse__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.salonCourse__wrapper > div {
padding: 25px 29px;
max-width: 516px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff8ed;
}
.salonCourse__main {
width: 224px;
}
.salonCourse__name {
font-size: 2.2rem;
font-weight: 800;
line-height: 1.4;
margin-bottom: 10px;
}
.salonCourse__img {
width: 212px;
}
.trimMenu {
padding-top: 50px;
}
.trimMenu__text {
text-align: center;
margin-bottom: 55px;
}
.trimMenu__list {
max-width: 885px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
}
.trimMenu__item {
width: calc((100% - 120px) / 3);
margin-right: 40px;
margin-bottom: 45px;
}
.trimMenu__item:nth-of-type(3n) {
margin-right: 0;
}
.trimMenu__img {
width: 90%;
border-radius: 50%;
overflow: hidden;
margin: 0px auto 20px;
}
.trimMenu__label {
font-size: 1.8rem;
font-weight: 800;
text-align: center;
line-height: 1;
}
.trimMenu.salon {
background-color: #fff8ed;
padding: 30px;
margin-top: 20px;
}
.trimMenu.salon .salon_title {
font-size: 1.8rem;
font-weight: 800;
}
.trimMenu__reserve {
padding: 40px;
background-color: #fff8ed;
}
.trimMenu__reserve p:nth-of-type(1) {
font-size: 1.8rem;
font-weight: 800;
margin-bottom: 15px;
}
.hotel {
padding: 85px 0 100px 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
background-size: cover;
position: relative;
}
.hotel:before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.hotelTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 50px;
border-bottom: 2px solid #fff;
}
.hotelTop__main {
max-width: 576px;
width: 100%;
}
.hotelTop__headLabel {
margin-bottom: 15px;
}
.hotelTop__img {
max-width: 450px;
width: 100%;
}
.hotelTop__img img {
border-radius: 10px;
}
.hotelCourse {
padding-top: 50px;
}
.hotelCourse__headLabel {
display: inline-block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 20px;
}
.hotelCourse__headLabel::before {
position: absolute;
bottom: 0;
left: -38px;
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 27px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot-green.png);
}
.hotelCourse__headLabel::after {
position: absolute;
bottom: 0;
right: -38px;
content: "";
display: block;
background-size: contain;
background-repeat: no-repeat;
margin-left: 5px;
width: 30px;
height: 27px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/foot-green.png);
}
.hotelCourse__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 50px;
}
.hotelCourse__top > div {
padding: 20px 25px;
max-width: 516px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #fff;
}
.hotelCourse__main {
width: 224px;
}
.hotelCourse__name {
font-size: 2.2rem;
font-weight: 800;
line-height: 1;
margin-bottom: 15px;
}
.hotelCourse__img {
width: 212px;
}
.hotelReserve {
background-color: #fff;
padding: 40px;
}
.hotelReserve__title {
font-size: 2.2rem;
font-weight: 800;
margin-bottom: 10px;
}
.trimStore {
padding: 70px 0 100px 0;
position: relative;
}
.trimStore .service_area {
margin-bottom: 40px;
}
.trimStore::before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bgwhite_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.trimStore__text {
text-align: center;
margin-bottom: 44px;
}
.shopInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.shopInfo__item {
width: calc(50% - 15px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 30px;
margin-bottom: 30px;
}
.shopInfo__item > a {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1001px) {
.shopInfo__item > a {
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.shopInfo__item > a:hover {
background: rgba(255, 255, 255, 0.8);
}
}
.shopInfo__item:nth-of-type(2n) {
margin-right: 0;
}
.shopInfo__item--single a {
width: 100%;
background-color: #fff;
}
.shopInfo__item--hotel {
background-color: #fff8ed;
margin-bottom: 26px;
}
.shopInfo__img {
display: block;
width: 150px;
margin-right: 30px;
}
.shopInfo__img img {
border-radius: 10px;
}
.shopInfo__main {
width: calc(100% - 180px);
}
.shopInfo__main p {
min-height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shopInfo__main p {
border-top: 1px solid #ebddc4;
}
.shopInfo__main p:last-of-type {
border: solid #ebddc4;
border-width: 1px 0;
}
.shopInfo__name {
font-size: 2.2rem;
font-weight: 800;
}
.shopInfo__address {
font-size: 1.4rem;
}
.shopInfo__tel {
font-size: 2.2rem;
font-weight: 800;
}
.shopInfo__time {
font-size: 1.4rem;
}
.about {
padding: 50px 0 100px 0;
}
.origin {
padding: 60px 0 50px 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg);
background-size: cover;
position: relative;
}
.origin::before {
content: "";
min-width: 1200px;
width: 100%;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.origin__headLabel {
margin-bottom: 15px;
}
.origin__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.origin__main {
max-width: 648px;
width: 100%;
margin-right: 55px;
}
.origin__img {
max-width: 291px;
margin: auto;
}
.origin__title {
background-color: white;
}
.origin p {
margin: 20px auto 40px auto;
}
.origin span {
font-weight: bold;
margin-bottom: 10px;
}
.service {
padding: 70px 0 130px 0;
position: relative;
}
.service::before {
content: "";
width: 100%;
min-width: 1200px;
min-height: 30px;
position: absolute;
top: -29px;
left: 0;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bgwhite_top.png);
background-size: contain;
background-repeat: repeat-X;
background-position: 50% 50%;
}
.service__text {
margin-bottom: 25px;
}
.service__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.service__item {
width: 330px;
}
.service__img {
border-radius: 10px;
margin-bottom: 25px;
}
.service__headLabel {
font-size: 2.2rem;
margin-bottom: 15px;
}
.service__content {
margin-bottom: 30px;
}
.transfer {
padding: 50px 0 130px 0;
}
.transfer__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.transfer__main {
max-width: 576px;
width: 55%;
}
.transfer__img {
max-width: 450px;
width: 40%;
overflow: hidden;
}
.transfer__headLabel {
margin-bottom: 15px;
}
.transfer__caution {
padding: 40px;
background-color: #fff8ed;
}
.transfer__cautTitle {
font-size: 2.2rem;
font-weight: 800;
line-height: 1;
margin-bottom: 20px;
}
.contact_item {
text-align: center;
}
.contact {
padding: 65px 0 130px 0;
}
.contact__inner {
width: 880px;
}
.contact__topText {
margin-bottom: 30px;
text-align: center;
font-size: 1.6rem; font-family: "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", "sans-serif";
color: #4d320d;
font-weight: 500;
-webkit-transform: rotate(0.05deg);
-ms-transform: rotate(0.05deg);
transform: rotate(0.05deg);
}
.contactForm input[type=radio] {
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #4d320d;
}
.contactForm input[type=radio]:checked {
position: relative;
}
.contactForm input[type=radio]:checked::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #4d320d;
}
.contactForm__item {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 2px solid #efddc2;
}
.contactForm__item:last-of-type {
border: solid #efddc2;
border-width: 2px 0;
margin-bottom: 50px;
}
.contactForm__input {
max-width: 640px;
width: 100%;
height: 60px;
padding: 0 15px;
border-radius: 10px;
border: 1px solid #4d320d;
}
.contactForm__submit {
text-align: center;
}
.contactForm__submit :nth-of-type(1) {
margin-bottom: 20px;
}
.contactForm__submit .return {
border-bottom: 1px solid #4d320d;
text-underline-offset: 5px;
font-weight: 800;
}
input[type=text].contactForm__input,
input[type=email].contactForm__input {
border: 1px solid #4d320d;
border-radius: 10px;
}
input[type=date] {
min-width: 200px;
}
.cf_item--large {
height: auto;
padding: 30px 0;
}
.cf_label {
width: 240px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cf_label label,
.cf_label > span {
font-weight: 800;
}
.cf_textarea {
font-size: 16px;
max-width: 640px;
height: 200px;
padding: 10px;
}
.cf_check span,
.hp_check span,
.dev_check span {
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
}
.cf_check span label,
.hp_check span label,
.dev_check span label {
line-height: 1.5;
margin-left: 10px;
}
.cf_check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px;
border-radius: 10px;
}
.cf_check p {
margin: 20px 0 20px;
}
.cf_check select {
padding: 5px 15px;
border: 1px black solid;
}
.hp_check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.hp_check span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dev_check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.validate-errors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px;
background: #f7e1e1;
border-radius: 10px;
margin-bottom: 40px;
border: solid 2px;
border-color: #dc3246;
}
.validate-errors h3,
.validate-errors p {
color: #dc3246;
}
.validate-errors h3 {
width: 100%;
text-align: center;
line-height: 1;
font-weight: 800;
margin-bottom: 15px;
}
.contactForm__item .error {
background: #f7e1e1;
}
.contactForm__item .error label {
color: #dc3246;
}
.contactForm__item .error input {
border-color: #dc3246;
background-color: white;
}
.error + input,
.error + textarea {
border: 2px solid #dc3246 !important;
background: #f7e1e1;
color: #dc3246;
}
.error + input::-moz-placeholder {
color: #dc3246;
opacity: 0.5;
}
.error + input::-webkit-input-placeholder {
color: #dc3246;
opacity: 0.5;
}
.error + input:-ms-input-placeholder {
color: #dc3246;
opacity: 0.5;
}
.error + input::-ms-input-placeholder {
color: #dc3246;
opacity: 0.5;
}
.error + input::placeholder {
color: #dc3246;
opacity: 0.5;
}
.cf_textarea.error {
border: solid 2px;
border-color: #dc3246;
}
.required {
position: relative;
}
.required::after {
content: "必須";
position: absolute;
padding: 3px 10px;
top: 50%;
right: -60px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
color: white;
background-color: #d8686b;
border-radius: 20px;
font-weight: 500 !important;
}
.mb40 {
margin-bottom: 40px;
}
.pageTop {
position: fixed;
bottom: 20px;
right: 50px;
z-index: 8;
width: 60px;
height: 55px;
cursor: pointer;
}
.footer {
width: 100%;
padding: 50px 0 30px 0;
background-color: #efddc2;
position: relative;
left: 0;
top: 0;
}
.footer a:hover {
color: #f47000;
}
.footer::before {
content: "";
width: 100%;
height: 49px;
position: absolute;
top: -49px;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_footer2.png) no-repeat center center/auto 49px;
z-index: 2;
}
.footer__inner {
max-width: 1450px;
width: 96%;
}
.footer__wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__main {
width: 19rem;
}
.footer__sub {
width: calc(98% - 19rem);
}
.footer__areaTitle {
font-weight: 800;
margin-bottom: 17px;
}
.footer__bottom {
margin: 0px auto;
margin-bottom: 30px;
width: 20%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__policy {
font-size: 1.2rem;
}
.footer__copyright {
width: 100%;
text-align: center;
}
.footer__copyright span {
font-size: 1.3rem;
}
.petMenu {
margin-bottom: 40px;
}
.petMenu__title {
font-weight: 800;
margin-bottom: 10px;
}
.petMenu__item {
margin-bottom: 3px;
line-height: 1.2;
}
.petMenu__item:last-of-type {
margin-bottom: 0;
}
.petMenu__item a {
display: inline-block;
line-height: 1.2;
margin-bottom: 4px;
}
.storeMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.storeMenu__wrapper {
width: calc(25% - 11.25px);
margin-bottom: 30px;
margin-right: 15px;
}
.storeMenu__wrapper:nth-child(4n) {
margin-right: 0;
}
.storeMenu__wrapper:nth-of-type(1) h3 {
border-bottom: 2px solid #f48c39;
}
.storeMenu__wrapper:nth-of-type(2) h3 {
border-bottom: 2px solid #53bbcc;
}
.storeMenu__wrapper:nth-of-type(3) h3 {
border-bottom: 2px solid #b2bc20;
}
.storeMenu__wrapper:nth-of-type(4) h3 {
border-bottom: 2px solid #3cad83;
}
.storeMenu__wrapper:nth-of-type(5) h3 {
border-bottom: 2px solid #ff808b;
}
.storeMenu__wrapper:nth-of-type(6) h3 {
border-bottom: 2px solid #bc83b3;
}
.storeMenu__wrapper:nth-of-type(7) h3 {
border-bottom: 2px solid #6a8ad1;
}
.storeMenu__list li a {
font-size: 1.3rem;
line-height: 1.6;
}
.storeMenu__area {
line-height: 1;
padding: 10px 0;
margin-bottom: 7px;
font-weight: 800;
font-size: 1.6rem;
position: relative;
}
#mapdiv {
pointer-events: none;
}
#mapdiv #map {
height: 100%;
width: 100%;
}
.footerMenu {
display: none;
}
.footerMenu--right a {
font-weight: 800;
}
.foot_menu-sp {
display: none;
}
@media (max-width: 1000px) {
html,
body {
min-width: 0;
position: relative;
}
body {
padding-top: 65px;
}
.__inner {
max-width: 500px;
width: 90%;
margin: 0 auto;
}
.__inner.support_inner {
width: 98%;
}
.__inner--lg {
max-width: 500px;
width: 90%;
margin: 0 auto;
}
.__inner--currentPets {
margin: 0 auto;
width: 100%;
}
.disp--pc {
display: none !important;
}
.disp--sp {
display: block !important;
}
main {
overflow-x: hidden;
}
.header {
position: fixed;
min-width: auto;
height: 65px;
}
.header__inner {
width: 100%;
padding: 10px 2%;
}
.header__logo {
width: 260px;
}
.header.is-fixed {
position: fixed;
height: 65px;
}
.nav {
display: none;
}
.nav_toggle {
width: 45px;
height: 45px;
position: fixed;
top: 8px;
right: 10px;
z-index: 9999;
background-color: #f47000;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav_toggle span {
display: block;
width: 27px;
height: 2px;
background-color: white;
margin-bottom: 5px;
}
.nav_toggle span:last-of-type {
margin-bottom: 0;
}
body.noScroll {
overflow: hidden;
}
.menu-sp.is-active {
width: 100%;
height: 100vh;
padding: 10px 0 30rem 0;
visibility: visible;
opacity: 1;
position: fixed;
top: 115px;
left: 0;
z-index: 9;
background-color: #fbf5e9;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.white-area {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
height: 65px;
background-color: #fff;
margin-bottom: 20px;
}
.menu-sp-search {
font-weight: 800;
margin-bottom: 5px;
}
.menu-sp-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-sp-wrap a:nth-of-type(1),
.menu-sp-wrap a:nth-of-type(2) {
width: 49%;
margin-bottom: 6px;
}
.menu-sp-wrap a:nth-of-type(3),
.menu-sp-wrap a:nth-of-type(4),
.menu-sp-wrap a:nth-of-type(5) {
width: 32%;
}
.menu-sp-main {
margin-bottom: 16px;
}
.menu-sp-main > li {
padding-top: 17px;
min-height: 50px;
height: auto;
border-bottom: 2px solid #efddc2;
}
.menu-sp-main > li > a {
display: block;
font-weight: bold;
}
.menu-sp-pull {
position: relative;
}
.menu-sp-pull div:nth-of-type(1) {
position: relative;
}
.menu-sp-pull div:nth-of-type(1) p {
font-weight: bold;
}
.menu-sp-pull div:nth-of-type(1) span {
position: absolute;
width: 20px;
height: 20px;
right: 10px;
bottom: 5px;
}
.menu-sp-pull div:nth-of-type(1) span::before,
.menu-sp-pull div:nth-of-type(1) span::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
background-color: black;
}
.menu-sp-pull div:nth-of-type(1) span::before {
width: 2px;
height: 15px;
}
.menu-sp-pull div:nth-of-type(1) span::after {
width: 15px;
height: 2px;
}
.pull-menu-main {
cursor: pointer;
}
.pull-menu-sub {
width: 100%;
border: solid #efddc2;
border-width: 0 2px;
margin-top: 5px;
}
.pull-menu-sub li {
line-height: 1;
border-top: 2px solid #efddc2;
}
.pull-menu-sub li:last-of-type {
border-bottom: none;
}
.pull-menu-sub li a {
padding: 15px 0;
display: block;
text-align: center;
line-height: 1;
}
.pull-menu-sub.shop-list li a {
text-align: left;
padding-left: 1em;
padding-right: 1em;
}
.menu-sp-sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu-sp-sub ul li a {
display: block;
font-size: 1.4rem;
line-height: 2;
}
.menu-sp-sub ul:first-of-type {
margin-right: 20%;
}
.btn--s,
.btn--lg {
width: 240px;
}
.btn .for_reserve {
height: 55px;
line-height: 55px;
}
.sec_title img {
max-width: 100%;
height: auto;
max-height: 70px;
}
.titleArea {
text-align: center;
padding: 10px 0 70px 0;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
margin-top: 30px;
}
.pageTitle {
padding: 12px 18px;
}
.pageTitle--pet {
padding: 7px 9px;
margin-bottom: 0;
}
.pageTitle__img {
width: 29px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 13px;
}
.pageTitle__label {
font-size: 2rem;
}
.pageTitle__label--pet {
font-size: 1.6rem;
}
.titleBg--recent {
width: 207px;
height: 193px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 60px;
}
.titleBg--recent br {
display: none;
}
.headLabel {
font-size: 1.8rem;
}
.headLabel::before {
width: 26px;
height: 24px;
}
.swiper-container--store {
position: relative;
top: 0;
margin-bottom: 75px;
}
.petGrid > .__inner {
width: 100%;
}
.petGrid__list {
padding-top: 20px;
}
.petGrid__item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-right: 0;
padding-top: 18px;
margin-bottom: 20px;
gap: 15px;
padding-left: 15px;
padding-right: 15px;
border-top: 1px solid #d9d9d9;
}
.petGrid__item:last-of-type {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 20px;
}
.petGrid__item p,
.petGrid__item a {
margin-bottom: 10px;
}
.petGrid__item p:last-of-type {
margin-bottom: 15px;
}
.petGrid__item:nth-of-type(4n) {
margin-right: 10px;
}
.petGrid__item:nth-of-type(2n) {
margin-right: 0px;
}
.petGrid__img {
width: 100%;
margin-bottom: 0;
}
.petGrid__img .pg_img {
height: 170px;
}
.petGrid__content {
width: 100%;
}
.petGrid__parent a,
.petGrid__parent span,
.petGrid__gender a,
.petGrid__gender span,
.petGrid__price a,
.petGrid__price span {
font-size: 1.3rem;
}
.topNew,
.storeNew,
.recentStore {
padding: 35px 0 50px 0;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
}
.topNew::before,
.storeNew::before,
.recentStore::before {
width: auto;
}
.topNew .titleBg,
.storeNew .titleBg,
.recentStore .titleBg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.topNew .titleBg--dog,
.storeNew .titleBg--dog,
.recentStore .titleBg--dog {
width: 215px;
height: 199px;
padding-top: 60px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_dog-sp.png);
}
.topNew .titleBg--cat,
.storeNew .titleBg--cat,
.recentStore .titleBg--cat {
width: 204px;
height: 199px;
padding-top: 60px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_cat-sp.png);
}
.topNew .titleBg--dog-white,
.storeNew .titleBg--dog-white,
.recentStore .titleBg--dog-white {
width: 215px;
height: 199px;
padding-top: 60px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_dog-white-sp.png);
}
.topNew .titleBg--cat-white,
.storeNew .titleBg--cat-white,
.recentStore .titleBg--cat-white {
width: 204px;
height: 199px;
padding-top: 60px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_cat-white-sp.png);
}
.titleBg--popDog {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/pop_dog-sp.png);
}
.titleBg--popCat {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/pop_cat-sp.png);
}
.areaList {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.areaList li {
width: calc(50% - 6px);
margin: 0 6px 12px 0;
}
.areaList li a {
padding: 14px 0;
font-size: 1.6rem;
line-height: 1.3;
}
.areaList li:nth-of-type(2n) {
margin-right: 0 !important;
}
.areaList iframe {
display: none;
}
.areaList__item a::after {
right: 3px;
}
.storeMapList {
margin-bottom: 40px;
display: none;
}
.storeList__main {
width: 100%;
}
.storeList__wrapper {
padding: 5px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.storeList__item {
padding: 30px 0;
}
.storeList__tel {
margin-right: 15px;
font-size: 1.8rem;
}
.storeList__tel::before {
width: 20px;
height: 20px;
margin-right: 5px;
}
.storeList__time {
font-size: 1.3rem;
}
.storeList__time::before {
width: 20px;
height: 20px;
margin-right: 5px;
}
.shopTop {
display: block;
height: auto;
max-width: 90%;
}
.shopTop__name {
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 50px;
padding: 20px 10px;
}
.recentStore {
padding-bottom: 65px;
}
.recentStore__searchLink {
width: 335px; margin: 0 auto 8rem auto;
}
.storeDetail {
padding: 30px 0 70px 0;
}
.storeDetail__inner::after {
width: 90px;
height: 90px;
top: -90px;
}
.storeDetail__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.storeTable {
width: 100%;
}
.storeTable tr:last-of-type {
border-top: 2px solid #efddc2;
border-width: 2px 0 0 0;
}
.storeTable th {
width: 95px;
font-size: 1.3rem;
text-align: left;
}
.storeTable td {
font-size: 1.3rem;
width: auto;
}
.storeTable:nth-of-type(2) tr:last-of-type {
border: solid #efddc2;
border-width: 2px 0;
}
.storeList__name {
margin-bottom: 10px;
}
.storeList__name a {
font-size: 2.2rem;
}
.storeList__address {
font-size: 1.4rem;
margin-bottom: 5px;
}
.storeList__info {
margin-bottom: 20px;
}
.storeLabel {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.storeLabel li {
width: 68px;
height: 34px;
margin-bottom: 5px;
}
.storeLabel--list li {
margin-right: 10px;
}
.storeLabel--list li:nth-of-type(5) {
margin-right: 10px;
}
.storeLabel--single {
margin: 0 auto 40px auto;
}
.storeLabel--shop {
margin-bottom: 10px;
}
.blogPost__store {
font-size: 1.2rem;
}
.storeBlog {
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
}
.storeBlog__inner::after {
content: normal;
}
.blogPost {
width: calc((100% - 10px) / 2);
margin-right: 10px;
}
.blogPost:nth-of-type(2n) {
margin-right: 0;
}
.neighb__inner::after {
content: normal;
}
.shopInfo--single {
width: 100%;
margin: 0 auto;
}
.shopInfo__item {
width: 100%;
margin: 0 auto 20px auto;
}
.shopInfo__item > a {
padding: 6%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shopInfo__item:nth-of-type(2n) {
margin-right: 0;
}
.shopInfo__item:last-child {
margin-bottom: 0;
}
.shopInfo__main {
width: 60%;
}
.shopInfo__main p {
padding: 5px 0;
}
.shopInfo__img {
width: 34%;
margin-right: 0;
}
.shopInfo__name {
font-size: 1.4rem;
}
.shopInfo__address {
font-size: 1.3rem;
line-height: 1.4;
}
.shopInfo__tel {
font-size: 1.4rem;
}
.shopInfo__time {
font-size: 1.3rem;
}
.shopService__item {
padding: 10px;
max-width: 400px;
width: 100%;
margin: 0 auto;
}
.shopService__item--name {
font-size: 1.6rem;
width: calc(100% - 105px);
margin-right: 15px;
}
.shopService__item:nth-of-type(2n) {
margin-right: auto;
}
.shopService__icons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: justify;
align-content: space-between;
height: 70px;
width: 90px;
}
.shopService__icons:nth-of-type(2n) {
margin-right: auto;
}
.shopService__icon {
font-size: 1.1rem;
min-width: 90px;
}
.shopService__icon-trimming {
margin-right: 0;
}
.search {
padding: 35px 0 35px 0;
}
.search:before {
width: auto;
}
.tab_list {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tab_item {
width: 32%;
}
.tab_item label {
height: auto;
padding-top: 73.8317757%;
}
.tab_item label span {
bottom: 7%;
}
.tab_item1 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_dog-sp.png);
background-size: contain;
background-repeat: no-repeat;
}
.tab_item2 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_cat-sp.png);
background-size: contain;
background-repeat: no-repeat;
}
.tab_item3 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_rabbit-sp.png);
background-size: contain;
background-repeat: no-repeat;
}
.tab_item1_top {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_dog_top-sp.png);
}
.tab_item2_top {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_cat_top-sp.png);
}
.tab_item3_top {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_rabbit_top-sp.png);
}
#item1:checked ~ .tab_list .tab_item1 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_dog-active-sp.png);
}
#item2:checked ~ .tab_list .tab_item2 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_cat-active-sp.png);
}
#item3:checked ~ .tab_list .tab_item3 {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/form_rabbit-active-sp.png);
}
#item1:checked ~ .content_wrap .content1,
#item2:checked ~ .content_wrap .content2,
#item3:checked ~ .content_wrap .content3 {
display: block;
}
.content_wrap,
.content_wrap--detail {
margin-top: -1px;
}
.content-flex {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.content__list--top {
width: 100%;
height: auto;
position: relative;
}
.content__list--dogcat {
position: relative;
padding: 100px 4% 30px 4%;
}
.content__list--smallAnimal {
padding: 30px 4%;
}
.content__item {
height: 130px;
}
.content__item--dogcat {
width: calc((100% - 10px) / 3);
margin-right: 5px;
margin-bottom: 10px;
}
.content__item--dogcat:first-of-type {
width: 157px;
height: 160px;
position: absolute;
top: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.content__item--dogcat:nth-of-type(3n + 1) {
margin-right: 0px;
}
.content__item--dogcat:nth-of-type(5) {
margin-right: 5px;
}
.content__item--smallAnimal {
width: calc((100% - 10px) / 3);
height: 130px;
margin-right: 5px;
}
.content__name--smallAnimal span {
font-size: 1.2rem;
}
.content .titleBg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.content .petList__title--white {
padding-top: 45px;
}
.searchForm--top {
width: 100%;
}
.searchForm__enterWrap {
margin: 0 auto 25px auto;
}
.formReset--search {
display: block;
position: static;
margin: 0 auto;
}
.searchForm--detail {
padding: 5% 5% 25px 5%;
}
.searchForm--detail select {
font-size: 1.6rem;
font-weight: 500;
height: 42px;
margin-bottom: 15px;
}
.searchForm--detail select:nth-of-type(1),
.searchForm--detail select:nth-of-type(2),
.searchForm--detail select:nth-of-type(5) {
width: 100%;
}
.searchForm--detail select:nth-of-type(3),
.searchForm--detail select:nth-of-type(4) {
width: 48%;
}
.searchForm--detail select:last-of-type {
margin-bottom: 0;
}
.searchForm__enter--search {
margin-bottom: 15px;
}
.searchMix {
width: 100%;
padding: 9%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 28px;
}
.searchMix select {
width: 100%;
}
.sort-title {
display: none;
}
.catToggle {
width: 100%;
margin-bottom: 20px;
}
.catToggle a {
width: 49%;
}
.newsPost__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 0;
}
.newsPost__text {
width: 100%;
margin-top: 10px;
}
.petList__img {
height: 120px;
}
.topRecent .petList__wrapper,
.searchRecent .petList__wrapper,
.singleRecent .petList__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.topRecent .petList__main,
.searchRecent .petList__main,
.singleRecent .petList__main {
position: absolute;
margin: 0;
}
.topRecent .petList__sub,
.searchRecent .petList__sub,
.singleRecent .petList__sub {
max-width: 370px;
width: 100%;
margin: 0 auto;
padding-top: 110px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.topRecent .petList__content,
.searchRecent .petList__content,
.singleRecent .petList__content {
width: calc((100% - 10px) / 3);
margin-right: 5px;
margin-bottom: 15px;
}
.topRecent .petList__content:nth-of-type(3n),
.searchRecent .petList__content:nth-of-type(3n),
.singleRecent .petList__content:nth-of-type(3n) {
margin-right: 0;
}
.topNew .petList__wrapper,
.recentStore .petList__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.topNew .petList__main,
.recentStore .petList__main {
margin: 0;
position: absolute;
}
.topNew .petList__title br,
.recentStore .petList__title br {
display: none;
}
.topNew .petList__sub,
.recentStore .petList__sub {
max-width: 370px;
padding-top: 100px;
margin: 0 auto 20px;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.topNew .petList__content,
.recentStore .petList__content {
width: calc(33.33% - 3.3333333333px);
margin-right: 5px;
padding-bottom: 15px;
display: inline-block;
}
.topNew .petList__content:last-child,
.recentStore .petList__content:last-child {
margin-right: 0;
}
.topNew .petList__birth,
.recentStore .petList__birth {
font-size: 1.3rem;
}
.petCount {
font-size: 1.2rem;
padding: 5px 10px;
margin-bottom: 10px;
}
.petSort--result {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.petSort--result:not(:last-child) {
margin-top: 20px;
}
.petSort--result span {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.petSort--result select {
margin-left: 8px;
}
.petSort--result-orderbox .view_order {
display: none;
}
.detailView,
.gridView {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 42px;
height: 42px;
display: block;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}
.detailView {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/detailrow-sp.png);
}
.detailView--favP {
margin-left: auto;
}
.detailView.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/detailrow_active-sp.png);
}
.gridView {
margin-right: 8px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/columnrow-sp.png);
}
.gridView.active {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/columnrow_active-sp.png);
}
.camera_container.pc {
display: none;
}
.camera_container.sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
.pet-shot-dates.pc {
display: none;
}
.pet-shot-dates.sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
margin-top: 10px;
margin-bottom: 10px;
}
.pet-shot-dates p {
font-size: 1.1rem;
}
.pageTitle .pet-shot-dates p {
font-size: 1.1rem;
}
.petDetail__wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 45px;
}
.petDetail__img,
.petDetail__img-contact {
max-width: 100%;
height: 220px;
margin-bottom: 10px;
}
.petDetail__infoItem {
height: auto;
padding: 8px 0;
font-size: 1.3rem;
}
.petDetail__infoItem span {
font-size: 1.3rem;
}
.petDetail__infoItem span:nth-of-type(1) {
width: 60px;
}
.petDetail__infoItem a {
font-size: 1.3rem;
}
.petDetail__infoItem--price {
white-space: nowrap;
}
.petDetail__btnWrap {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.petDetail__contactBtn {
max-width: 300px;
width: 100%;
height: 52px;
line-height: 52px;
margin-top: 20px;
}
.petDetail__favBtn {
width: 100%;
max-width: 300px;
height: auto;
margin-top: 10px !important;
font-size: 1.6rem;
}
.pagination span,
.pagination a {
margin-right: 25px;
}
.pagination .current {
margin-right: 10px;
}
.petInfo {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.petInfo__left,
.petInfo__right {
width: 100%;
}
.infoList {
margin-bottom: 20px;
}
.infoList li:first-of-type p {
font-size: 1.6rem;
}
.infoList li:first-of-type p span {
font-size: 1.3rem;
}
.infoList li p {
font-size: 1.3rem;
}
.infoList li p span {
font-size: 1.3rem;
}
.infoList li:last-of-type p {
display: inline;
}
.infoList li:last-of-type p span:first-of-type {
margin-right: 5px;
}
.infoList li.camera_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.infoList__title {
font-size: 1.3rem;
}
.infoList_div {
margin: 10px 0;
}
.infoList_div .btns img {
width: 48%;
height: 100%;
}
}
@media (max-width: 1000px) and (max-width: 490px) {
.infoList_div .btns img {
width: 49%;
}
.infoList_div .btns .favorite_button {
width: 49%;
}
.infoList_div .btns .pet__favBtn {
padding: 5px 10px;
}
}
@media (max-width: 1000px) {
.infoList_div .btns--withEngagement {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
}
.favBtn {
line-height: normal;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 10px 20px;
}
.favBtn::before {
width: 14px;
height: 10px;
}
.favorite_button {
width: 48%;
}
.infoList_div .btns--withEngagement .favorite_button--petEngagement {
width: auto;
max-width: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.infoList_div .btns--withEngagement .petEngagement {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 6px 10px;
font-size: 1.2rem;
line-height: 1.35;
}
.infoList_div .btns--withEngagement .petEngagement .petEngagement__cell {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px 6px;
}
.infoList_div .btns--withEngagement .petEngagement .petEngagement__num {
font-size: 1.3rem;
}
.infoList_div .btns--withEngagement .petEngagement .petEngagement__unit,
.infoList_div .btns--withEngagement .petEngagement .petEngagement__label,
.infoList_div .btns--withEngagement .petEngagement .petEngagement__suffix {
font-size: 10px;
}
.infoList_div .btns--withEngagement .favorite_button--petEngagement .favBtn {
width: 30px;
height: 30px;
border-radius: 50%;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.infoList_div .btns--withEngagement .favorite_button--petEngagement .favBtn::before {
margin-right: 0;
}
.infoList_div .btns--withEngagement .favorite_button--petEngagement .favBtn::after,
.infoList_div .btns--withEngagement .favorite_button--petEngagement .favBtn_on::after {
content: none;
}
.pet__favBtn {
width: 100%;
height: 100%;
}
.pet__favBtn::after {
content: "お気に入り追加";
}
.favBtn_on::after {
content: "お気に入り済";
}
.record {
padding: 15px 20px;
}
.record__icon {
width: 25px;
}
.record__title {
font-size: 1.8rem;
margin-right: 5%;
}
.record__weight {
font-size: 1.3rem;
padding: 13px 2%;
width: 58%;
}
.record__weight span {
font-size: 1.8rem;
margin-left: 3%;
}
.record__bottom p {
max-width: 100%;
width: calc(50% - 5px);
margin-bottom: 10px;
margin-right: 10px;
}
.record__bottom p:nth-child(2n) {
margin-right: 0;
}
.petSub {
padding-bottom: 20px;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
}
.petSub__inner.petSub_smallanim {
padding: 0 0 50px;
}
.petSub__inner::after {
content: normal;
}
.extraInfo {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.extraInfo__left {
width: 100%;
margin: 0 auto;
}
.extraInfo__right {
width: 100%;
}
.extraInfo__right .pageTitle {
margin-bottom: 20px;
}
.extraInfo__left {
margin-bottom: 30px;
}
.estimate {
padding: 3%;
}
.estimate select {
font-size: 1.6rem;
}
.estimate__title span:nth-of-type(1) {
width: 20px;
}
.estimate__title span:nth-of-type(2) {
font-size: 2rem;
}
.estimate__item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.estimate__item p {
width: 185px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.estimate__item p span {
font-size: 1.3rem;
}
.estimate__item p span:nth-of-type(1) {
width: 140px;
}
.estimate__label {
width: 110px;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 1.3rem;
margin-right: 0;
}
.estimate__wrap {
width: auto;
}
.estimate__wrap p {
width: 185px;
}
.simulate__title {
font-size: 1.3rem;
}
.simulate__wrap #loan_price {
font-size: 1.6rem;
}
.simulate__wrap span {
font-size: 1.3rem;
}
.simulate select {
font-size: 1.3rem;
padding: 6px 30px 6px 10px;
}
.storeInfo {
padding: 20px;
}
.storeInfo__logo {
width: 25px;
}
.storeInfo__title {
font-size: 2rem;
}
.storeInfo__img img {
border-radius: 10px;
}
.storeInfo__detail {
width: 65%;
}
.storeInfo__name {
font-size: 1.4rem;
}
.storeInfo__address {
font-size: 1.3rem;
}
.storeInfo__tel {
font-size: 1.4rem;
}
.storeInfo__time {
font-size: 1.3rem;
}
.linkList {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.linkList li {
margin-bottom: 20px;
}
.linkList__title span {
font-size: 1.3rem;
}
.linkList__title span:nth-of-type(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.linkList__title span:nth-of-type(2)::after {
display: block;
content: "";
width: 9px;
height: 13px;
background-size: contain;
background-repeat: no-repeat;
margin-left: 5px;
}
.linkList__title.dog span:nth-of-type(2)::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_orange.png);
}
.linkList__title.cat span:nth-of-type(2)::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_green.png);
}
.linkList__title.rabbit span:nth-of-type(2)::after {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_pink.png);
}
.linkList__more {
display: none;
}
.pet__contactBtn {
height: 52px;
line-height: 52px;
max-width: 300px;
width: 100%;
}
.singleRecent {
padding: 0px 0 80px 0;
}
.company__table tr th {
width: 30%;
padding: 15px 10px;
}
.company__table tr td {
padding: 15px 10px;
}
.blogPost {
width: 100%;
margin-right: 0;
}
.propTop__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.propTop__wrap p:first-of-type {
margin-right: 0;
margin-bottom: 17px;
}
.propTop__title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.propTop__title span {
font-size: 3.5rem;
}
.propTop__title span:first-of-type {
margin-bottom: 15px;
}
.propPhoto {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.propPhoto__wrap {
width: 100%;
}
.propContact__pageTitle {
margin-bottom: 30px;
}
.propContact__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.propContact__wrapper a,
.propContact__wrapper p {
width: 85%;
height: 85px;
}
.propContact__wrapper a::before,
.propContact__wrapper p::before {
width: 62px;
height: 54px;
left: 16px;
}
.propContact__wrapper a {
line-height: 85px;
font-size: 1.6rem;
margin-bottom: 30px;
}
.propContact__wrapper a::after {
right: 30px;
}
.propContact__wrapper p {
padding-left: 70px;
}
.propContact__wrapper p span {
font-size: 1.6rem;
}
.transfer__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.transfer__wrapper > div {
max-width: none;
width: 100%;
}
.transfer__main {
margin-bottom: 25px;
}
.transfer__main p {
font-size: 1.4rem;
}
.transfer__cautTitle {
font-size: 1.6rem;
}
.transfer__caution {
padding: 20px 25px;
}
.transfer__caution p {
font-size: 1.4rem;
}
.salon__pageTitle {
margin-bottom: 40px;
}
.salonTop {
padding-bottom: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.salonTop > div {
width: 100%;
}
.salonTop__headLabel {
margin-bottom: 15px;
}
.salonTop__main {
margin-bottom: 25px;
}
.salonCourse {
padding: 40px 0;
}
.salonCourse__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.salonCourse__wrapper > div {
height: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: none;
padding: 20px 25px;
}
.salonCourse__wrapper > div:first-of-type {
margin-bottom: 20px;
}
.salonCourse__main {
width: 55%;
}
.salonCourse__main p {
font-size: 1.4rem;
}
.salonCourse__name {
font-size: 1.6rem;
}
.salonCourse__img {
width: 40%;
}
.trimMenu {
padding-top: 40px;
}
.trimMenu__text {
text-align: left;
}
.trimMenu__item {
width: 45%;
margin-right: 10%;
}
.trimMenu__item:nth-of-type(3n),
.trimMenu__item:nth-of-type(4n) {
margin-right: 10%;
}
.trimMenu__item:nth-of-type(2n) {
margin-right: 0;
}
.trimMenu__reserve {
padding: 20px 25px;
}
.trimMenu__reserve p:first-of-type {
font-size: 1.6rem;
}
.trimMenu__reserve p:last-of-type {
font-size: 1.4rem;
}
.hotel {
padding: 30px 0 85px 0;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
}
.hotelTop {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 40px;
}
.hotelTop__main {
margin-bottom: 25px;
}
.hotelTop__img {
max-width: none;
}
.hotelCourse {
padding-top: 40px;
}
.hotelCourse__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
}
.hotelCourse__top > div:first-of-type {
margin-bottom: 20px;
}
.hotelCourse__main {
width: 55%;
}
.hotelCourse__main p {
font-size: 1.4rem;
}
.hotelCourse__img {
width: 40%;
}
.hotelCourse__name {
font-size: 1.6rem;
}
.hotelReserve {
padding: 20px 25px;
font-size: 1.6rem;
}
.hotelReserve p {
font-size: 1.4rem;
}
.hotelReserve__title {
font-size: 1.8rem;
}
.trimStore {
padding: 30px 0 90px 0;
}
.trimStore__text {
text-align: left;
margin-bottom: 30px;
}
.service_area h2 {
font-size: 2rem;
margin-bottom: 10px;
}
.health {
padding: 50px 0 75px 0;
}
.health__pageTitle,
.health__pageTitle_top {
margin-bottom: 35px;
}
.health__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 40px;
margin-bottom: 40px;
}
.health__wrapper:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.health__headLabel {
margin-bottom: 0;
}
.health__main,
.health__img {
max-width: none;
}
.health__text {
margin-bottom: 25px;
}
.check {
padding: 20px 25px;
margin-bottom: 30px;
}
.check__title {
font-size: 1.6rem;
}
.check__list {
font-size: 1.4rem;
}
.parasite {
padding: 30px 0 80px 0;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
}
.parasiteTable td {
padding: 10px;
}
.support {
padding: 30px 0 80px 0;
}
.support .insurance_link {
margin: 0 0 30px;
width: auto;
}
.support__item {
padding: 25px 0;
}
.support__item--flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.support__img {
max-width: none;
}
.packList {
padding: 20px 25px;
margin-bottom: 30px;
}
.packList__item {
font-size: 1.4rem;
}
.support__notice {
padding: 20px 25px;
}
.support__noticeTitle {
font-size: 1.6rem;
}
.noticeList__item {
font-size: 1.4rem;
}
.sdgsList__img {
margin: 0 auto 15px auto;
}
.about {
padding: 50px 0 75px 0;
}
.origin {
padding: 30px 0 80px 0;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_sp.png) repeat;
}
.origin__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.origin__main {
margin-bottom: 35px;
}
.origin__img {
margin: 0 auto;
}
.service {
padding: 30px 0 90px 0;
}
.service__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.service__list li {
width: 100%;
margin-bottom: 40px;
}
.service__list li a {
width: 240px;
margin: 0 auto;
}
.service__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.privacy__item {
padding: 30px 0;
}
.privacy__headLabel {
margin-bottom: 15px;
}
.faq {
padding: 35px 0 65px 0;
}
.faq__subTitle {
padding: 10px 70px 10px 13px;
}
.faq__subTitle img {
width: 40px;
}
.faq__subTitle::after {
top: 50%;
}
.faq__subTitle p {
font-size: 1.4rem;
line-height: 1.4;
}
.faq__content {
padding: 0 13px 0 13px;
}
.faq__content p {
font-size: 1.4rem;
}
.faq__contentInner img {
width: 40px;
height: 36px;
}
.faq__contentBar {
width: 100%;
}
.contact_item div input {
line-height: 52px;
height: 52px;
}
.contactForm input {
visibility: visible;
border: 1px solid #4d320d;
}
.contact__topText {
text-align: left;
margin-bottom: 20px;
}
.contactForm__item {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding: 30px 0;
}
.contactForm__item span:nth-of-type(2) {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cf_label {
margin-bottom: 15px;
}
.cf_textarea {
max-width: 100%;
}
.pageTop {
bottom: 80px;
right: 10px;
}
.footer {
padding: 30px 0 80px 0;
}
.footer::before {
height: 46px;
top: -46px;
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg_footer-sp.png) no-repeat center center/auto 46px;
}
.footer__main {
display: none;
}
.footer__sub {
margin: 0 auto;
max-width: 350px;
width: 100%;
}
.footer__bottom {
display: none;
}
.footer__copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__copyright span {
font-size: 1.1rem;
line-height: 1.2;
}
.foot-logo-sp {
width: 226px;
margin: 0 auto 30px auto;
}
.storeMenu {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 55px;
}
.storeMenu__wrapper {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.storeMenu__wrapper:last-of-type {
margin-bottom: 0;
} .storeMenu__wrapper li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.storeMenu__wrapper li::before {
content: "";
width: 5px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
margin-right: 7px;
}
.storeMenu__wrapper:nth-of-type(1) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_orange.png);
}
.storeMenu__wrapper:nth-of-type(1) h3 span {
background-color: #f48c39;
}
.storeMenu__wrapper:nth-of-type(2) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_aqua.png);
}
.storeMenu__wrapper:nth-of-type(2) span {
background-color: #53bbcc;
}
.storeMenu__wrapper:nth-of-type(3) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_green.png);
}
.storeMenu__wrapper:nth-of-type(3) span {
background-color: #b2bc20;
}
.storeMenu__wrapper:nth-of-type(4) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_d-green.png);
}
.storeMenu__wrapper:nth-of-type(4) span {
background-color: #3cad83;
}
.storeMenu__wrapper:nth-of-type(5) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_pink.png);
}
.storeMenu__wrapper:nth-of-type(5) span {
background-color: #ff808b;
}
.storeMenu__wrapper:nth-of-type(6) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_purple.png);
}
.storeMenu__wrapper:nth-of-type(6) span {
background-color: #bc83b3;
}
.storeMenu__wrapper:nth-of-type(7) li::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/arrow_blue.png);
}
.storeMenu__wrapper:nth-of-type(7) span {
background-color: #6a8ad1;
}
.storeMenu__area span {
display: none;
} .storeMenu__area span::before,
.storeMenu__area span::after {
display: block;
content: "";
background-color: #fff;
position: absolute;
width: 10px;
height: 2px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.storeMenu__area span::before {
width: 2px;
height: 10px;
}
.storeMenu__area--active span::before {
content: normal;
}
.foot_menu-sp {
width: 100%;
height: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: fixed;
left: 0;
bottom: 0;
z-index: 5;
background-color: #efddc2;
}
.foot_menu-sp li {
width: calc((100% - 6px) / 3);
}
.foot_menu-sp li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
background-color: #4d320d;
}
.foot_menu-sp li span {
display: block;
max-width: 61px;
}
.foot_menu-sp li p {
color: #fff;
font-weight: 800;
font-size: 1.5rem;
white-space: nowrap;
}
}
@media (max-width: 385px) {
.dog,
.cat {
background-size: cover;
}
}
.pet_img_wrapper {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
border: 2px solid #cac1b6;
border-radius: 10px;
}
.pet_img_wrapper:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.pet_img_wrapper:before {
content: "";
display: block;
padding-top: 100%;
}
.scroll_indc {
display: block;
width: 100%;
min-height: 2rem;
margin-bottom: 1rem;
position: relative;
}
@media (min-width: 1001px) {
.scroll_indc {
display: none;
}
}
.scroll_indc p {
font-size: 1.4rem;
position: absolute;
right: 0;
border: 0;
-webkit-animation: scroll-indicator 2s ease-in-out infinite;
animation: scroll-indicator 2s ease-in-out infinite;
}
@-webkit-keyframes scroll-indicator {
0% {
right: 10px;
}
50% {
right: 0;
}
100% {
right: 10px;
}
}
@keyframes scroll-indicator {
0% {
right: 10px;
}
50% {
right: 0;
}
100% {
right: 10px;
}
}
.free_area {
font-size: 1.6rem; font-family: "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", "sans-serif";
font-weight: 500;
-webkit-transform: rotate(0.05deg);
-ms-transform: rotate(0.05deg);
transform: rotate(0.05deg);
color: #4d320d;
margin-bottom: 50px;
}
.free_area img {
margin: 10px 0;
}
@media (max-width: 1000px) {
.table_wrap {
display: block;
overflow: auto;
}
.table_wrap table {
min-width: 800px;
}
.free_area {
margin-bottom: 40px;
}
}
.btm_txt {
text-align: center;
}
@media screen and (max-width: 1000px) {
.sec_title-sub {
margin-bottom: 20px;
}
.btm_txt {
font-size: 1.4rem;
text-align: left;
}
} .blogPost__content_top {
height: 100px; overflow: hidden;
} .blogPost__text_top {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight: 800;
margin-bottom: 15px;
} .blogPost_top {
display: block;
width: 100%; height: 340px;
overflow: hidden; margin: 10px 0; margin-right: 20px;
border: 2px solid #efddc2;
background-color: #fbf5e9;
border-radius: 10px;
margin-bottom: 20px;
overflow: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blogPost_top:hover {
opacity: 0.7;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.blogPost__img_top {
width: 100% !important; height: 160px; -o-object-fit: cover;
object-fit: cover; }
.blogPost__content_top {
height: 160px; padding: 20px;
padding-top: 30px;
}
.owl-carousel .owl-item img {
width: 100% !important;
height: 170px;
-o-object-fit: cover;
object-fit: cover;
}
.owl-carousel .owl-item p.blogPost__text_top img {
width: initial !important;
}
.tips .bread li:first-child:before {
display: none;
}
.tips .bread {
margin-bottom: 2rem;
background: #f7e8d2;
}
.tips .bread:before {
display: none;
}
.tips .titleArea {
padding: 10px 0 40px 0;
}
.tips .newsSingle {
padding: 30px 0 100px 0;
}
.tips .newsSingle__info {
margin-bottom: 0px;
padding: 0px 5.5rem;
}
.tips .newsSingle__info p {
margin-bottom: 0px;
}
.tips h2 {
font-size: 2.8rem;
font-weight: 800;
margin: 30px 0px 20px;
}
.tips .newsSingle__title {
padding: 0 5.5rem 1rem;
border-bottom: 1px solid #efddc2;
margin: 0px 0px 20px;
}
.tips h3 {
font-size: 2rem;
font-weight: 800;
margin: 20px 0px 10px;
}
.tips p {
margin-bottom: 1.5rem;
}
@media screen and (max-width: 1000px) {
.tips .__inner--lg {
max-width: 1000px;
}
.tips .newsSingle__info {
padding: 0px;
}
.tips .newsSingle__title {
padding: 0 0px 1rem;
}
.tips .__inner--lg ul li,
.tips .__inner--lg ul li a {
font-size: 1.2rem;
}
.tips .newsSingle {
padding: 20px 0 100px 0;
}
.tips .newsSingle__info p {
margin-bottom: 0px;
}
.tips h2 {
font-size: 2rem;
margin: 40px 0px 10px;
}
.tips .newsSingle__info p {
margin-bottom: 0px;
}
.tips h3 {
font-size: 1.6rem;
margin: 30px 0px 0px;
}
}
@media screen and (max-width: 1000px) {
main {
padding-top: 25px;
}
} .menu-sp-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.menu-sp-wrap a {
position: relative;
padding: 14px 10px 14px 60px;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 3px solid rgb(244, 112, 0);
border-radius: 50px;
margin-bottom: 6px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.menu-sp-wrap a:hover {
border: 3px solid #4d320d;
}
@media screen and (max-width: 340px) {
.menu-sp-wrap a {
font-size: 13px;
font-weight: 700;
line-height: 1.1;
}
}
.menu-sp-wrap a > img {
display: inline-block;
position: absolute;
width: 50px;
height: 50px;
border-radius: 100vh;
border: 3px solid rgb(244, 112, 0);
left: -2.7px;
top: -3.2px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0%;
object-position: 50% 0%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 340px) {
.menu-sp-wrap a > img {
width: 48px;
height: 48px;
}
}
.menu-sp-wrap a:hover > img {
border: 3px solid #4d320d;
}
.menu-sp-wrap a:nth-of-type(1),
.menu-sp-wrap a:nth-of-type(2) {
width: 100%;
}
.menu-sp-wrap a:nth-of-type(3),
.menu-sp-wrap a:nth-of-type(4),
.menu-sp-wrap a:nth-of-type(5) {
width: 100%;
}
.menu-sp-wrap a:nth-of-type(6),
.menu-sp-wrap a:nth-of-type(7),
.menu-sp-wrap a:nth-of-type(8),
.menu-sp-wrap a:nth-of-type(6) > img,
.menu-sp-wrap a:nth-of-type(7) > img,
.menu-sp-wrap a:nth-of-type(8) > img {
border: 3px solid #8c9600;
}
.menu-sp-wrap a:nth-of-type(9),
.menu-sp-wrap a:nth-of-type(9) > img {
border: 3px solid #d8686b;
}
.menu-sp-wrap a:nth-of-type(5) > img,
.menu-sp-wrap a:nth-of-type(8) > img,
.menu-sp-wrap a:nth-of-type(9) > img {
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.menu-sp-wrap a:nth-of-type(6):hover,
.menu-sp-wrap a:nth-of-type(7):hover,
.menu-sp-wrap a:nth-of-type(8):hover,
.menu-sp-wrap a:nth-of-type(9):hover {
border: 3px solid #4d320d;
}
.menu-sp-wrap a:nth-of-type(6):hover > img,
.menu-sp-wrap a:nth-of-type(7):hover > img,
.menu-sp-wrap a:nth-of-type(8):hover > img,
.menu-sp-wrap a:nth-of-type(9):hover > img {
border: 3px solid #4d320d;
}  .infoList li.has-sale-price p {
font-size: 2.4rem;
color: #ff001a;
}
@media (max-width: 1000px) {
.infoList li.has-sale-price p {
font-size: 1.6rem;
}
}
.infoList li.has-sale-price p span {
margin-left: 5px;
color: #ff001a;
}  .petGrid__price span span.has-sale-price {
color: #ff001a;
}  .estimate__label.has-sale-price {
color: #ff001a;
} .header__bnr {
width: 18vw;
max-width: 341px;
height: inherit;
padding-left: 1em;
}
@media (max-width: 1140px) {
.header__bnr {
width: 14vw;
}
}
@media (max-width: 999px) {
.header__bnr {
width: 20vw;
}
}
@media (max-width: 767px) {
.header__logo {
width: 200px;
}
.header__bnr { }
.header__button.header__button--fav a .txt {
display: none;
}
}
@media (max-width: 425px) {
.header__logo {
width: 40vw;
}
.header__bnr {
width: 30vw;
}
}  .petGrid__item {
padding-bottom: 0;
}
.petGrid__name {
font-weight: 700;
padding: 0;
background-color: #fff;
font-size: 1.6rem;
}
.petGrid__store {
line-height: 1;
}
.petGrid__store--title {
color: #f47000;
line-height: 1;
}
.petGrid__price--title {
color: #f47000;
line-height: 1;
}
.petGrid__price span > span {
color: #ff001a;
font-size: 2rem;
}
.petGrid__price span > span > span {
font-size: 1.6rem;
}
@media (max-width: 1000px) {
.petGrid__img-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.petGrid_2 .petGrid__img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
a.petGrid__name {
margin-bottom: 1.8rem;
font-size: 1.6rem;
}
.petGrid__parent a,
.petGrid__parent span,
.petGrid__gender a,
.petGrid__gender span,
.petGrid__store a,
.petGrid__store span {
font-size: 1.3rem;
}
.petGrid__price a {
font-size: 1.6rem;
}
.petGrid__price span > span {
font-size: 1.6rem;
}
.petGrid__price span > span > span {
font-size: 1.3rem;
}
} .topNew .petList__wrapper,
.recentStore .petList__wrapper {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
} .topNew .petList__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.topNew .petList__wrapper > .petList__sub {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
max-width: 100%;
}
.topNew .petList__wrapper > .petList__more {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
text-align: center;
margin-top: 10px;
}
@media (max-width: 1000px) {
.topNew .petList__wrapper,
.recentStore .petList__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 1000px) {
.petGrid_2.petList__sub {
max-width: 500px;
}
}
.petGrid_2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.petGrid_2 .petGrid__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
margin-right: 20px;
width: calc((100% - 275px) / 4);
margin-bottom: 40px;
}
.petGrid_2 .petGrid__item:nth-of-type(5n) {
margin-right: 0;
}
@media (max-width: 1000px) {
.petGrid_2 .petGrid__item {
width: calc(50% - 10px);
margin-right: 10px;
border: none;
padding: 0;
}
.petGrid_2 .petGrid__item:nth-of-type(5n) {
margin-right: 5px;
}
}
.petGrid_2 .petGrid__img {
margin-bottom: 15px;
}
@media (max-width: 1000px) {
.petGrid_2 .petGrid__img {
margin-bottom: 5px;
}
}
.petGrid_2 .petGrid__img .pg_img {
height: 160px;
}
@media (max-width: 600px) {
.petGrid_2 .petGrid__img .pg_img {
height: 125px;
}
}
.petGrid_2 .petGrid__name {
font-size: 1.6rem;
line-height: 1.5;
}
@media (max-width: 1000px) {
.petGrid_2 .petGrid__name {
font-size: 1.3rem;
margin-bottom: 8px;
}
}
.petGrid_2 .petGrid__gender--title,
.petGrid_2 .petGrid__gender span,
.petGrid_2 .petGrid__btn,
.petGrid_2 .petGrid__store,
.petGrid_2 .petGrid__store span a {
font-size: 1.3rem;
}
.petGrid_2 .petGrid__price span a,
.petGrid_2 .petGrid__store span a {
display: inline-block;
}
.petGrid_2 .petGrid__store span a {
margin-bottom: 0;
}
.petGrid_2 .petGrid__store--title {
color: #adadad;
line-height: 1;
font-size: 1.3rem;
}
.petGrid_2 .petGrid__price span > span {
color: #ff001a;
font-size: 1.6rem;
}
.petGrid_2 .petGrid__price span > span > span {
font-size: 1.3rem;
}
.petGrid_2 .petGrid__item p:last-of-type {
margin-bottom: 0;
}
.petGrid_2 .petGrid__name {
font-weight: 700;
padding: 0;
background-color: transparent;
}
.linkList {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pet__linkBtn {
width: 340px;
}
@media (max-width: 1000px) {
.pet__linkBtn {
width: 300px;
}
}  .petGrid-sale-price {
margin-bottom: 8px;
line-height: 1;
}
.petGrid-sale-price__title {
display: inline-block;
font-size: 1.2rem;
line-height: 1.3;
color: #fff;
background-color: #ff0000;
padding: 0.3em 0.5em;
margin-bottom: 0.5em;
}
.petGrid-sale-price__content {
font-size: 2.2rem;
line-height: 1;
}
.petGrid-sale-price__number,
.petGrid-sale-price__text {
color: #ff0000;
}
.petGrid-sale-price__number {
font-size: 1em;
font-weight: 700;
line-height: 1;
}
.petGrid-sale-price__text {
font-size: 0.7em;
line-height: 1;
}
.petGrid-sale-price__text .text-nowrap {
font-size: 1em;
line-height: 1;
color: inherit;
}
.petGrid-normal-price {
font-size: 1.9rem;
line-height: 1;
margin-bottom: 8px;
}
.petGrid-normal-price__number,
.petGrid-normal-price__text,
.petGrid-normal-price__undecided-text {
line-height: 1;
}
.petGrid-normal-price__number {
font-size: 1em;
font-weight: 700;
}
.petGrid-normal-price__text {
font-size: 0.7em;
}
.petGrid-normal-price__text .text-nowrap {
font-size: 1em;
line-height: 1;
color: inherit;
}
.petGrid-normal-price__undecided-text {
font-size: 0.9em;
} .petGrid-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.3em;
font-size: 1.4rem;
line-height: 1.3;
color: #4d320d;
}
.petGrid-detail.is-smallanimal .petGrid-detail__row._birthday {
display: none;
}
.petGrid-detail__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 2px;
}
.petGrid-detail__term {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-weight: 400;
}
.petGrid-detail__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 400;
}
.petGrid-detail__row.-inquiry {
position: relative;
}
._inquiry .petGrid-detail__term {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
white-space: nowrap;
}
._inquiry .petGrid-detail__content {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
min-width: 0;
}
.petGrid-detail__inquiry-chip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.5em;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.4em 0.25em 0.4em 0.5em;
background-color: #f0f0f0;
border-radius: 4px;
line-height: 1;
position: relative;
overflow: visible;
-webkit-transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: background-color 0.2s ease, box-shadow 0.2s ease;
transition: background-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.petGrid-detail__inquiry-chip-label {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-weight: 400;
font-size: 1.2rem;
color: #7a7a7a;
}
.petGrid-detail__inquiry-code {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
text-align: center;
font-variant-numeric: tabular-nums;
font-weight: 400;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
font-size: 1.2rem;
cursor: copy;
color: #7a7a7a;
}
.petGrid-detail__copy-inquiry {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
gap: 0.2em;
padding: 0.25em;
border: none;
border-radius: 6px;
background-color: transparent;
color: #666;
cursor: pointer;
line-height: 0;
}
.petGrid-detail__copy-inquiry:hover,
.petGrid-detail__copy-inquiry:focus-visible {
color: #333;
background-color: rgba(0, 0, 0, 0.06);
outline: none;
}
.petGrid-detail__copy-icon,
.petGrid-detail__copy-img {
display: block;
width: 1.15em;
height: 1.15em;
-o-object-fit: contain;
object-fit: contain;
}
.petGrid-detail__inquiry-chip.is-copied {
background-color: #dde8db;
-webkit-box-shadow: inset 0 0 0 1px rgba(74, 124, 62, 0.35);
box-shadow: inset 0 0 0 1px rgba(74, 124, 62, 0.35);
}
.petGrid-detail__copied-text {
position: absolute;
right: 2.6em;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5;
pointer-events: none;
padding: 0.2em 0.5em;
border-radius: 999px;
background-color: rgba(196, 223, 190, 0.9);
color: #2f6d22;
font-size: 1.1rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.petGrid-detail__row._pet-video {
position: relative;
}
._pet-video .petGrid-detail__term {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
white-space: nowrap;
}
._pet-video .petGrid-detail__content {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
min-width: 0;
}
.petGrid-detail__video-chip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.45em 1em;
background-color: #efddc2;
border-radius: 4px;
color: #7a7a7a;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.3;
text-align: center;
text-decoration: none;
-webkit-transition: opacity 0.2s ease, background-color 0.2s ease;
transition: opacity 0.2s ease, background-color 0.2s ease;
}
a.petGrid-detail__video-chip {
margin-bottom: 0;
}
.petGrid-detail__video-chip:hover,
.petGrid-detail__video-chip:focus-visible {
opacity: 0.94;
background-color: #e8d4b5;
outline: none;
}
.petGrid-detail__store-link {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.3;
color: #4d320d;
-webkit-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
margin-bottom: 0 !important;
text-decoration: underline;
}
.petGrid-detail__store-link:hover {
opacity: 0.8;
}
.petGrid-detail__store-link:visited {
color: #adadad;
}
@media (max-width: 1000px) {
.petGrid-detail {
gap: 0.5em;
}
.petGrid-sale-price__title {
font-size: 1rem;
}
.petGrid-sale-price__content {
font-size: 1.8rem;
}
.petGrid-normal-price {
font-size: 1.6rem;
}
}
@media screen and (max-width: 480px) {
.petGrid_2 .petGrid-detail__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
}  @media screen and (max-width: 768px) {
.hide-on-mobile {
display: none !important;
}
}  .banner__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
max-width: 600px;
margin: 0 auto;
}
.banner__item {
width: calc(50% - 10px);
text-align: center;
}
.banner__item img {
width: 100%;
height: auto;
} .puppy-category-display__title {
font-size: 30px;
font-weight: bold;
margin-bottom: 1em;
}
.puppy-category-display__content {
padding: 50px 0 100px;
}
.puppy-category-display__teble {
width: 100%;
}
.puppy-category-display__teble th,
.puppy-category-display__teble td {
padding: 1em;
}
.puppy-category-display__teble th {
width: 25%;
background-color: #ddd;
}
.puppy-category-display__teble td {
word-break: break-all;
} .search-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0.3s;
transition: opacity 0.3s, visibility 0.3s;
}
.search-modal.is-active {
opacity: 1;
visibility: visible;
}
.search-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.search-modal__overlay.is-active {
opacity: 1;
visibility: visible;
}
.search-modal__content {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90%;
max-width: 600px;
z-index: 2;
background-color: #fff;
padding: 15px 20px 20px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.search-modal__content.is-active {
opacity: 1;
visibility: visible;
}
.search-modal__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
margin-bottom: 15px;
}
.search-modal__title {
font-size: 18px;
font-weight: bold;
}
.search-modal__btn {
margin: 0;
height: 44px;
border-radius: 100vh;
line-height: 1;
}
.search-modal__body {
border: 1px solid #a1a1a1;
margin-bottom: 20px;
border-radius: 7px;
overflow-y: auto;
} :root {
--vh: 100dvh; --header-h: 0px; --footer-h: 0px; }
#dog-breeds-modal .search-modal__body,
#dog-store-modal .search-modal__body,
#dog-parents-modal .search-modal__body,
#cat-breeds-modal .search-modal__body,
#cat-store-modal .search-modal__body {
height: 500px;
} @media (max-width: 1000px) { .search-modal__content {
height: var(--vh);
max-height: var(--vh); height: -webkit-fill-available;
max-height: -webkit-fill-available;
} #dog-breeds-modal .search-modal__body,
#dog-store-modal .search-modal__body,
#dog-parents-modal .search-modal__body,
#cat-breeds-modal .search-modal__body,
#cat-store-modal .search-modal__body {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
padding-bottom: 16px; }
}
.search-modal-item:not(:last-of-type) {
border-bottom: 1px solid #a1a1a1;
}
.search-modal-item.is-parent {
background-color: #fbf5e9;
}
.search-modal-item__lable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 20px;
min-height: 80px;
cursor: pointer;
}
.search-modal-item__checkbox,
.search-modal-item__radio {
position: absolute;
opacity: 0;
}
.search-modal-item__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
font-size: 18px;
line-height: 1.3;
padding-left: 38px;
}
.search-modal-item__content._checkbox::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
width: 1em;
height: 1em;
line-height: 1;
background-color: #fff;
border: 1px solid #a1a1a1;
border-radius: 3px;
vertical-align: middle;
}
.search-modal-item__checkbox:checked + .search-modal-item__content::after {
display: block;
position: absolute;
top: 50%;
left: 0.3em;
content: "";
width: 0.3em;
height: 0.6em;
border-bottom: 3px solid #614530;
border-right: 3px solid #614530;
-webkit-transform: translateY(-60%) rotate(45deg);
-ms-transform: translateY(-60%) rotate(45deg);
transform: translateY(-60%) rotate(45deg);
}
.search-modal-item__content._radio::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
width: 1em;
height: 1em;
line-height: 1;
background-color: #fff;
border: 1px solid #a1a1a1;
border-radius: 50%;
vertical-align: middle;
}
.search-modal-item__radio:checked + .search-modal-item__content::after {
display: block;
position: absolute;
top: 50%;
left: 0.3em;
content: "";
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #614530;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search-modal-item__image {
position: relative;
aspect-ratio: 1/1;
overflow: hidden;
width: 55px;
height: 55px;
border-radius: 6px;
}
.search-modal-item__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.search-modal-item__name {
font-size: 1em;
line-height: 1.3;
font-weight: bold;
}
.search-modal__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
body.no-scroll {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
} .search-modal-area {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 90%;
max-width: 600px;
z-index: 2;
background-color: #fff;
padding: 15px 20px 20px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.search-modal-area__content.is-active {
opacity: 1;
visibility: visible;
}
.search-modal-area__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
margin-bottom: 15px;
}
.search-modal-area__header-title {
font-size: 20px;
font-weight: bold;
}
.search-modal-area__header-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.search-modal-area__btn {
margin: 0;
height: 44px;
border-radius: 100vh;
line-height: 1;
}
.search-modal-area__body {
border: 1px solid #a1a1a1;
margin-bottom: 20px;
border-radius: 7px;
overflow-y: auto;
}
.search-modal-area__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cat-store-modal .search-modal-area__body,
#dog-store-modal .search-modal-area__body {
height: 540px;
}
.search-modal-area__list:not(:last-of-type) {
border-bottom: 1px solid #a1a1a1;
}
.search-modal-area__group.is-parent {
background-color: #fbf5e9;
border-right: 1px solid #a1a1a1;
padding: 10px 0;
width: 30%;
}
.search-modal-area__child-list {
width: 75%;
padding: 10px 0;
}
.search-modal-area__lable,
.search-modal-area__all,
.search-modal-area__clear-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 20px;
cursor: pointer;
}
.search-modal-area__checkbox,
.search-modal-area__radio {
position: absolute;
opacity: 0;
}
.search-modal-area__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
font-size: 18px;
line-height: 1.3;
padding-left: 38px;
}
.search-modal-area__content._checkbox::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
width: 1em;
height: 1em;
line-height: 1;
background-color: #fff;
border: 1px solid #a1a1a1;
border-radius: 3px;
vertical-align: middle;
}
.search-modal-area__checkbox:checked + .search-modal-area__content::after {
display: block;
position: absolute;
top: 50%;
left: 0.3em;
content: "";
width: 0.3em;
height: 0.6em;
border-bottom: 3px solid #614530;
border-right: 3px solid #614530;
-webkit-transform: translateY(-60%) rotate(45deg);
-ms-transform: translateY(-60%) rotate(45deg);
transform: translateY(-60%) rotate(45deg);
}
.search-modal-area__content._radio::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
width: 1em;
height: 1em;
line-height: 1;
background-color: #fff;
border: 1px solid #a1a1a1;
border-radius: 50%;
vertical-align: middle;
}
.search-modal-area__radio:checked + .search-modal-area__content::after {
display: block;
position: absolute;
top: 50%;
left: 0.3em;
content: "";
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #614530;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.search-modal-area__image {
position: relative;
aspect-ratio: 1/1;
overflow: hidden;
width: 55px;
height: 55px;
border-radius: 6px;
}
.search-modal-area__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.search-modal-area__name {
font-size: 16px;
line-height: 1.3;
font-weight: bold;
}
.search-modal-area__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
} @media (max-width: 1000px) {
.search-modal__content {
top: 0;
left: 100%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
padding: 15px;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none;
will-change: left;
-webkit-transition: left 0.3s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
transition: left 0.3s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
}
.search-modal__content.is-active {
left: 0;
}
.search-modal__header {
position: sticky;
top: 0;
z-index: 1;
gap: 20px;
background-color: #fff;
padding: 16px;
border-bottom: 1px solid #eee;
}
.search-modal__body {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#dog-breeds-modal .search-modal__body,
#dog-store-modal .search-modal__body,
#dog-parents-modal .search-modal__body,
#cat-breeds-modal .search-modal__body,
#cat-store-modal .search-modal__body {
height: auto;
max-height: calc(100vh - 250px);
}
#dog-breeds-modal .search-modal-area__body,
#dog-store-modal .search-modal-area__body,
#dog-parents-modal .search-modal-area__body,
#cat-breeds-modal .search-modal-area__body,
#cat-store-modal .search-modal-area__body {
height: auto;
max-height: calc(100vh - 250px);
}
.search-modal__footer {
position: sticky;
width: 100%;
bottom: 0;
left: 0;
z-index: 1;
background-color: #fff;
padding: 16px;
border-top: 1px solid #eee;
}
.search-modal-area__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.search-modal-area__group.is-parent {
width: 100%;
border-bottom: 1px solid #a1a1a1;
border-right: none;
}
.search-modal-area__child-list {
width: 100%;
}
} .pc-none {
display: none;
}
.puppy-sale {
padding-top: 20px;
}
.puppy-sale .pageTitle__label {
text-align: center;
font-size: 3em;
margin-bottom: 25px;
}
.puppy-sale .bread:before {
content: none;
}
.sale {
padding: 40px 0 83px;
}
.sale__topText {
margin-bottom: 53px;
}
.sale__topText p {
font-size: 1.6rem;
}
.sale__label {
font-size: 3.6rem;
color: #4d320d;
font-weight: 700;
margin-bottom: 27px;
text-align: center;
}
.sale__block2 {
margin-top: 108px;
}
.sale .petGrid__item {
width: calc((100% - 60px) / 5);
margin-right: 15px;
margin-bottom: 40px;
}
.sale .petGrid__item:nth-of-type(5n) {
margin-right: 0;
}
.sale .petGrid__img,
.sale .petGrid__img .pg_img {
height: 187px;
}
.sale .pagination {
text-align: center;
}
.sale-popular {
padding: 40px 0 0;
}
.sale-popular.sale-popular--cat {
padding: 77px 0 0;
margin-bottom: 183px;
}
.sale-popular__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 35px;
}
.sale-popular__title {
font-size: 3.6rem;
color: #4d320d;
font-weight: 700;
margin-bottom: 33px;
text-align: center;
}
.sale-popular .content__list--top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px 10px;
padding: 20px;
height: auto;
}
.sale-popular .content__list--top .content__item {
margin: 0;
-webkit-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.sale-popular .content__list--top .content__item.titleBg {
display: none;
} @media screen and (max-width: 1000px) {
.sp-none {
display: none;
}
.puppy-sale {
padding-top: 25px;
}
.puppy-sale .pageTitle__label {
font-size: 2rem;
}
.sale {
padding: 25px 0 40px;
}
.sale .__inner {
width: 100%;
}
.sale__topText {
margin-bottom: 25px;
padding: 0 15px;
}
.sale__topText p {
font-size: 1.6rem;
}
.sale__label {
font-size: 2.4rem;
margin-bottom: 10px;
}
.sale__block2 {
margin-top: 50px;
}
.sale .petList__sub {
width: 100%;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sale .petGrid__item {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.sale .petGrid__item:nth-of-type(2n) {
margin-right: 0px;
}
.sale .petGrid__img,
.sale .petGrid__img .pg_img {
height: 160px;
}
.sale-popular {
padding: 20px 0 0;
}
.sale-popular.sale-popular--cat {
padding: 50px 0 0;
margin-bottom: 90px;
}
.sale-popular__title {
font-size: 2.4rem;
margin-bottom: 25px;
}
.sale-popular .content__list--top {
gap: 10px 5px;
padding: 20px 4%;
}
}
@media screen and (max-width: 1000px) {
.pc-none {
display: block;
}
} #sale-cat::before,
#sale-dog::before {
content: "";
display: block;
height: 50px;
margin-top: -50px;
visibility: hidden;
} .wherego_related {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wherego_related .petList__img {
overflow: hidden;
border: 2px solid #efddc2;
border-radius: 10px;
}
.wherego_related .petList__name--cat {
font-size: 1.7rem;
font-weight: bold;
line-height: 1;
margin-bottom: 6px;
white-space: normal;
color: #6b8e23; display: block;
}
.wherego_related .petList__name--dog {
font-size: 1.7rem;
font-weight: bold;
line-height: 1;
margin-bottom: 6px;
white-space: normal;
color: #f47000; display: block;
}
.singleRecent {
padding: 25px 0 130px 0;
}
.singleRecent:not(:last-child) {
padding-bottom: 5px;
}
.singleRecent:nth-of-type(2) {
padding-top: 100px;
}
@media screen and (max-width: 1000px) {
.wherego_related {
width: 100%;
margin: 0 auto;
padding-top: 110px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.singleRecent {
padding: 0px 0 80px 0;
}
.singleRecent:not(:last-child) {
padding-bottom: 30px;
}
.singleRecent:nth-of-type(2) {
padding-top: 50px;
}
.wherego.titleBg--recent {
width: 220px;
height: 193px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 37px;
background-position: center;
}
.wherego.petList__title--recent {
font-size: 2rem;
}
} .move {
margin: 3rem auto;
width: 100%;
} .minaosi_banner {
margin: 3rem auto 0;
display: block;
width: 100%;
max-width: 820px;
padding: 0 2%;
} .singleRecent_2 {
padding: 3px 0 100px 0;
}
@media screen and (max-width: 1000px) {
.singleRecent_2 {
padding: 3px 0 80px 0;
}
.singleRecent_2:not(:last-child) {
padding-bottom: 5px;
}
.singleRecent_2 .petList__sub {
max-width: 500px;
padding-top: 80px;
margin-bottom: 0;
}
}
.petGrid_3 {
width: 100%;
}
.petGrid_3 .petGrid__item,
.wherego_related .petGrid__item {
margin-right: 20px;
width: calc((100% - 276px) / 4);
margin-bottom: 40px;
}
.petGrid_3 .petGrid__item:nth-of-type(5n),
.wherego_related .petGrid__item:nth-of-type(5n) {
margin-right: 0;
}
.petGrid_3 .petGrid__img .pg_img,
.wherego_related .petGrid__img .pg_img {
height: 196px;
}
@media (max-width: 1000px) {
.petGrid_3 .petGrid__item,
.wherego_related .petGrid__item {
width: calc(33.33% - 6.6666666667px);
margin-right: 5px;
display: block;
border: none;
padding: 0;
}
.petGrid_3 .petGrid__item:nth-of-type(5n),
.wherego_related .petGrid__item:nth-of-type(5n) {
margin-right: 5px;
}
.petGrid_3 .petGrid__img .pg_img,
.wherego_related .petGrid__img .pg_img {
height: 160px;
}
}
.petGrid_3 .petGrid__img,
.wherego_related .petGrid__img {
margin-bottom: 15px;
}
@media (max-width: 600px) {
.petGrid_3 .petGrid__img .pg_img,
.wherego_related .petGrid__img .pg_img {
height: 125px;
}
}
.petGrid_3 .petGrid__name,
.wherego_related .petGrid__name {
font-size: 1.3rem;
line-height: 1.5;
font-weight: 500;
padding: 0;
background-color: transparent;
}
.wherego_related .petGrid-detail__term,
.wherego_related .petGrid-detail__content {
color: #828282;
font-size: 1.4rem;
line-height: 1.3;
}
.wherego_related .petGrid-detail__row:not(:last-child) {
margin-bottom: 0.3em;
}
.petGrid_3 .petGrid__item p:last-of-type,
.wherego_related .petGrid__item p:last-of-type {
margin-bottom: 0;
}
.petGrid_3 .petGrid__img .pg_img,
.wherego_related .petGrid__img .pg_img {
border-radius: 8px;
border: 2px solid #efddc2;
}
.petList__wrapper--column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-top: 1px solid #efddc2;
}
.petList__wrapper--column:nth-of-type(1) {
margin-bottom: 0;
}
.petList__main--column {
width: 100%;
display: block;
margin-right: 0;
}
@media screen and (max-width: 1000px) {
.petList__main--column {
width: 90%;
max-width: 500px;
}
}
.petList__title--column {
text-align: left;
padding: 15px 0 30px;
}
@media screen and (max-width: 1000px) {
.petList__sub.petList__sub--column {
padding-top: 60px;
}
} .column-banner {
position: fixed;
margin: 15px 20px;
z-index: 99998;
bottom: 10px;
right: 0px;
}
.column-banner a {
-webkit-transition: 0.5s;
transition: 0.5s;
}
.column-banner a:hover {
opacity: 0.7;
}
.column-banner-close {
font-weight: bold;
position: absolute;
top: -10px;
right: -10px;
z-index: 99999;
padding: 4px 8px;
border: none;
background-color: #4d320d;
color: #ffffff;
border-radius: 25px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.column-banner-close:hover {
background-color: #f48c39;
}
.column-banner-img {
width: 100%;
max-width: 200px;
}
@media screen and (max-width: 1000px) {
.column-banner {
bottom: 8.5rem;
}
.column-banner-img {
max-width: 150px;
}
}
@media screen and (max-width: 550px) {
.column-banner-img {
max-width: 100px;
}
} .find_store_banner {
margin: 3rem auto 7rem;
width: 320px;
height: 120px;
} .price_change {
background: #f7bed1;
margin-top: 17.5rem;
}
.price_change.-black {
background: #211f1f;
}
.price_change.-green {
background: #087348;
} .price_change_link_img {
max-width: 1060px;
margin: auto;
display: block;
}
.origin_img {
width: unset;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1000px) {
.sp_w275 {
width: 275px;
}
.price_change {
margin-top: 0.3rem;
}
} .loan {
display: none;
}
@media screen and (max-width: 1000px) {
.loan {
display: block;
background-color: rgba(97, 69, 48, 0.9);
position: fixed;
left: 0;
bottom: clamp(60px, 16vw, 140px);
width: 100%;
z-index: 5;
padding-bottom: 2.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.loan__close {
position: absolute;
content: "× 閉じる";
background-color: rgba(97, 69, 48, 0.9);
color: #ffffff;
font-size: 0.9rem;
top: -1.8rem;
left: 0;
border-radius: 0.5rem 0.5rem 0 0;
padding-top: 0.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 0.1rem;
margin-bottom: 0;
border: none;
}
.loan__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
top: 6px;
}
.loan__label {
color: #ffffff;
font-size: 1.6rem;
}
.loan__top p span {
color: #ffffff;
font-size: 2rem;
}
.loan__top p span#total {
font-size: 2.5rem;
letter-spacing: .02em;
}
.loan__top p span:nth-child(2) {
margin-left: 0.6rem;
font-size: 1.6rem;
}
.loan__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
justify-content: center;
align-items: center;
gap: 0.7rem;
}
.loan__times-title {
font-size: 1.1rem;
color: #ffffff;
}
.loan__times-title #loan_times_display {
font-size: 1.2rem;
color: #ffffff;
}
.loan__bottom p {
text-align: center;
}
.loan__bottom p span#loan_sp_price {
font-size: 2.4rem;
color: #ffffff;
}
.loan__bottom p span {
color: #ffffff;
font-size: 2rem;
}
.loan__bottom .favorite_button {
width: 100%;
max-width: 11rem;
}
.loan__bottom .favBtn {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 15px;
border-radius: 8px;
font-weight: 800;
color: white;
position: relative;
text-align: center;
background-color: #f4e2ce;
border: none;
position: relative;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.loan__bottom .favBtn_on {
background-color: #d8686b;
}
.loan__bottom .favBtn::before {
content: "";
width: 15px;
height: 13px;
margin-right: 8px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/heart_brown.png);
background-size: contain;
background-repeat: no-repeat;
}
.loan__bottom .favBtn::after {
content: "お気に入り";
font-size: 1rem;
color: #614530;
letter-spacing: 1px;
}
.loan__bottom .favBtn_on::before {
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/heart_white.png);
}
.loan__bottom .favBtn_on::after {
content: "お気に入り済";
color: white;
}
}     .raiten_banner {
max-width: 880px;
display: block;
margin: 2rem auto;
} .menu-sp {
height: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
position: absolute;
}
.menu-sp.is-active {
background-color: #ffffff;
}
.menu-sp__accordion-wrap {
font-size: 15px;
border-bottom: #eddbbf 2px solid;
background-color: #fbf5e9;
}
.menu-sp__text {
cursor: pointer;
font-size: 16px;
position: relative;
padding: 8px 30px 8px 13px;
font-weight: 700;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-sp__text:hover {
background-color: #efddc2;
}
.menu-sp__text::before,
.menu-sp__text::after {
content: "";
position: absolute;
top: 20px;
right: 14px;
width: 10px;
height: 2px;
background: #4d320d;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-sp__text::after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu-sp__text.is-open::after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-sp__text span {
margin-right: 20px;
display: inline-block;
color: #f6d970;
}
.menu-sp__accordion {
font-size: 15px;
text-indent: -2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #ffffff;
border-top: #eddbbf 2px solid;
display: none;
}
.menu-sp__accordion span {
margin-right: 20px;
display: inline-block;
color: #de8430;
}
.menu-sp__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.menu-sp__row.-full {
grid-template-columns: repeat(1, 1fr);
}
.menu-sp__row:not(:nth-child(1)) {
border-top: #eddbbf 1px solid;
}
.menu-sp__accordion-item a {
padding: 7px 30px 7px 18px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size: 14px;
height: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-sp__accordion-item a:hover {
background-color: #efddc2;
}
.menu-sp__accordion-item a::after {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 14px;
width: 8px;
height: 8px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_icon.png);
background-size: contain;
background-repeat: no-repeat;
}
.menu-sp__accordion-item:not(:nth-child(2)) {
border-right: #eddbbf 1px solid;
}
.menu-sp__link a {
padding: 8px 30px 8px 12px;
border-bottom: #eddbbf 2px solid;
position: relative;
display: block;
background-color: #fbf5e9;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.menu-sp__link a:hover {
background-color: #efddc2;
}
.menu-sp__link a::after {
content: "";
position: absolute;
top: 18px;
right: 14px;
width: 8px;
height: 8px;
background-image: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/tri_icon.png);
background-size: contain;
background-repeat: no-repeat;
}
.menu-sp__link a {
font-size: 16px;
font-weight: 700;
} .footer__wrapper {
display: block;
}
.footer__main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
.petMenu__item a {
font-size: 14px;
width: 100%;
}
.petMenu__title {
display: block;
}
.footer__inner {
max-width: 1060px;
} .footer-store {
padding: 0 0 120px;
}
.footer-store.footer-store--top {
padding-top: 75px;
}
.footer-store .storeList {
display: none;
}
.footer-store .storeList__item:first-child {
border-top: #efddc2 2px solid;
}
.footer-store .service_area:last-child {
border-bottom: #efddc2 2px solid;
}
.footer-store__title {
font-size: 3.6rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
text-align: center;
margin-bottom: 1em;
}
h2.footer-store__accordion-title {
font-size: 2.2rem;
padding: 2.2rem;
margin-bottom: 0;
border-top: #efddc2 2px solid;
-webkit-transition: 0.3s;
transition: 0.3s;
}
h2.footer-store__accordion-title:hover {
background-color: #fff7eb;
cursor: pointer;
}
h2.footer-store__accordion-title::before,
h2.footer-store__accordion-title::after {
content: "";
position: absolute;
top: 39px;
right: 17px;
width: 13px;
height: 2px;
background: #4d320d;
-webkit-transition: 0.3s;
transition: 0.3s;
}
h2.footer-store__accordion-title::after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
h2.footer-store__accordion-title.is-open::after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.storeList__tel {
margin-right: 22px;
}
.storeList__tel span {
font-size: 2.2rem;
font-weight: 800;
display: block;
width: 100%;
}
.storeList__tel span a {
font-size: 2.2rem;
font-weight: 800;
display: block;
width: 100%;
pointer-events: none;
}
p.shopInfo__tel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.4;
}
.storeList__tel span.tel-sub {
font-size: 1.4rem;
}
.shopInfo span.tel-sub {
font-size: 1.4rem;
}
.storeInfo__tel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-bottom: 0;
line-height: 1.4;
}
.storeInfo__tel a {
line-height: 1.4;
}
.storeInfo span.tel-sub {
font-size: 1.4rem;
line-height: 1.1;
}
@media screen and (max-width: 1000px) {
.footer-store {
padding: 0 0 120px;
}
.footer-store.footer-store-top {
padding-top: 45px;
}
.footer-store__title {
font-size: 2.4rem;
}
h2.footer-store__accordion-title {
font-size: 1.8rem;
padding: 1.6rem;
}
h2.footer-store__accordion-title::before,
h2.footer-store__accordion-title::after {
top: 29px;
right: 16px;
}
.footer__main {
width: 100%;
max-width: 500px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.storeList__tel {
margin-right: 15px;
}
.storeList__tel span {
font-size: 1.8rem;
}
.storeList__tel span a {
font-size: 1.8rem;
pointer-events: painted;
}
.shopInfo span.tel-sub {
font-size: 1.3rem;
}
.storeInfo span.tel-sub {
font-size: 1.3rem;
}
.storeList__tel span.tel-sub {
font-size: 1.3rem;
}
}
@media screen and (max-width: 550px) {
.footer__main {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
} .shopTop {
background-image: none;
height: auto;
margin-bottom: 45px;
}
.shopTop__name {
padding: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 0;
}
.shop .petGrid__item {
margin-right: 20px;
width: calc((100% - 100px) / 5);
margin-bottom: 40px;
}
@media (max-width: 1000px) {
.shop .petGrid__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.shop .petGrid__item {
width: calc(50% - 10px);
margin-right: 10px;
}
}
.shop__label {
font-size: 3.6rem;
color: #4d320d;
font-weight: 700;
margin-bottom: 67px;
text-align: center;
}
.shop__label.shop__label--m20 {
margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
.shop__label {
font-size: 2.4rem;
margin-bottom: 30px;
}
}
.shopSection {
margin-top: 60px;
margin-bottom: 80px;
}
.shopSection .pagination {
text-align: center;
margin-right: 0;
}
.storeDetail {
margin-top: 60px;
}
.free_area img {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.storeDetail__inner::after {
content: none;
}
.storeBlog::before {
content: none;
}
@media screen and (max-width: 1000px) {
.shopSection {
margin-top: 46px;
margin-bottom: 46px;
}
.storeDetail {
margin-top: 46px;
}
.storeBlog {
padding-bottom: 80px;
}
} .page-nav {
background: #4d320d;
position: sticky; top: 0;
z-index: 100;
opacity: 1;
} .shop [id] {
scroll-margin-top: var(--anchor-offset, 0px);
}
.page-nav.is-page-nav-fixed { -webkit-animation: pageNavFadeIn 0.25s ease-out both;
animation: pageNavFadeIn 0.25s ease-out both;
}
@-webkit-keyframes pageNavFadeIn {
from {
opacity: 0;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes pageNavFadeIn {
from {
opacity: 0;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.page-nav.is-fading-out {
-webkit-animation: pageNavFadeOut 0.25s ease-in both;
animation: pageNavFadeOut 0.25s ease-in both;
}
@-webkit-keyframes pageNavFadeOut {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes pageNavFadeOut {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.page-nav.is-page-nav-fixed {
position: fixed;
left: 0;
right: 0;
z-index: 10000;
}
.page-nav-spacer {
display: none;
pointer-events: none;
}
.page-nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
gap: 0;
border-right: 1px solid #fff;
}
.page-nav__list li {
width: 100%;
border-right: 1px solid #fff;
}
.page-nav__list li:last-child {
border-right: none;
}
.page-nav__list li:first-child {
border-left: 1px solid #fff;
}
.page-nav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 20px;
color: #fff;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
text-align: center;
font-weight: bold;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.page-nav__link:visited {
color: #fff;
}
.page-nav__link > span {
color: #fff;
}
.page-nav__link:hover {
background-color: #f47000;
color: #fff;
}
@media (max-width: 1000px) {
.page-nav__list li a {
font-size: 1.4rem;
}
.page-nav__inner {
max-width: none;
width: 100%;
}
.page-nav__link {
padding: 15px 2px;
}
} .currentPets__flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
padding: 15px 25px;
margin-bottom: 15px;
border: 2px solid #efddc2;
max-width: 500px;
margin: 0 auto 30px;
}
.currentPets__flexbox.currentPets__flexbox--white {
background-color: #fff;
}
.currentPets__flexbox.currentPets__flexbox--none {
background-color: none;
border: none;
padding: 0;
gap: 20px;
}
.currentPets__title {
font-size: 2.3rem;
}
.currentPets__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
font-weight: bold;
}
.currentPets__icon {
width: 2.3rem;
}
.currentPets__num {
margin-left: 5px;
font-size: 2.3rem;
}
.currentPets__num a {
font-size: 100%;
text-decoration: underline;
}
@media screen and (max-width: 1000px) {
.currentPets__flexbox {
padding: 15px 10px;
}
.currentPets__flexbox.currentPets__flexbox--none {
padding: 0;
gap: 10px;
}
}
@media (max-width: 500px) {
.currentPets__flexbox.currentPets__flexbox--none {
gap: 5px;
}
.currentPets__title {
font-size: 1.8rem;
}
.currentPets__icon {
width: 1.8rem;
}
.currentPets__num {
font-size: 1.8rem;
}
}
@media (max-width: 400px) {
.currentPets__title {
font-size: 1.6rem;
}
.currentPets__icon {
width: 1.6rem;
}
.currentPets__num {
font-size: 1.6rem;
}
} .post-attachments-swiper {
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
.post-attachments-swiper .swiper-slide {
text-align: center;
}
.post-attachments-swiper .swiper-slide img {
display: block;
margin: 0 auto;
aspect-ratio: 680/452;
}
.post-attachments-swiper .swiper-pagination-bullet {
background-color: transparent;
} h1.pageTitle__label {
text-align: center;
font-size: 3em;
margin-bottom: 1em;
}
@media screen and (max-width: 1000px) {
h1.pageTitle__label {
font-size: 2rem;
margin-bottom: 10px;
}
} .review-list {
background: url(//www.03koinu.ne.jp/wp-content/themes/3zero/imgs/bg.jpg) center center/cover no-repeat;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 75px 0 75px;
margin-bottom: 100px;
margin-top: 50px;
}
.review-list__title {
font-size: 3.6em;
margin-bottom: 25px;
font-weight: 700;
text-align: center;
}
.review-list__desc {
font-size: 1.5em;
text-align: center;
margin-bottom: 1.5em;
}
@media screen and (max-width: 1000px) {
.review-list {
padding: 50px 0 50px;
margin-bottom: 50px;
margin-top: 25px;
}
.review-list__title {
font-size: 2.4em;
}
.review-list__desc {
font-size: 1.2em;
text-align: left;
}
} .shop-filter {
background: #f8f9fa;
padding: 30px 0;
margin-bottom: 30px;
}
.shop-filter__title {
font-size: 1.8em;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
color: #333;
}
.shop-filter__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
.shop-filter__btn {
background: #fff;
border: 2px solid #ddd;
padding: 10px 20px;
border-radius: 25px;
cursor: pointer;
font-size: 1.4em;
color: #666;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
white-space: nowrap;
}
.shop-filter__btn:hover {
background: #e9ecef;
border-color: #999;
}
.shop-filter__btn.active {
background: #007bff;
border-color: #007bff;
color: #fff;
} .shop-info {
background-color: #f8f9fa;
padding: 2rem 0;
margin-bottom: 2rem;
}
.shop-info .__inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
.shop-name {
font-size: 2.4rem;
font-weight: bold;
color: #333;
margin-bottom: 1rem;
text-align: center;
}
.shop-description {
font-size: 1.6rem;
color: #666;
line-height: 1.6;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.blogPost {
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.blogPost.hidden {
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
pointer-events: none;
}
@media screen and (max-width: 1000px) {
.shop-filter {
padding: 20px 0;
margin-bottom: 20px;
}
.shop-filter__title {
font-size: 1.6em;
margin-bottom: 15px;
}
.shop-filter__buttons {
gap: 8px;
}
.shop-filter__btn {
padding: 8px 16px;
font-size: 1.2em;
}
} .breed-separator {
display: none !important;
} h2.areaTitle {
font-size: 3.2rem;
font-weight: 800;
color: #4d320d;
line-height: 1;
padding-bottom: 2.6rem;
margin-top: 4.1rem;
border-bottom: 2px solid #f48c39;
}
.archiveStoreList__item {
padding-top: 4rem;
padding-bottom: 3.6rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.archiveStoreList__item:not(:first-child) {
border-top: 2px solid #f48c39;
}
.archiveStoreList__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8.4rem;
}
.archiveStoreList__left {
width: calc(100% - 333px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.8rem;
}
.archiveStoreList__left img:hover {
opacity: 0.7;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.archiveStoreList__thumbnail {
max-width: 333px;
width: 100%;
}
.archiveStoreList__thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 333/254;
}
.archiveStoreList__thumbnail img:hover {
opacity: 0.7;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.archiveStoreList__name {
font-size: 2.4rem;
font-weight: bold;
color: #4d320d;
line-height: 1.2;
}
.archiveStoreList__name-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.2rem;
}
.archiveStoreList__shop-label-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0.8rem;
width: 100%;
max-width: 25rem;
}
.archiveStoreList__shop-label {
display: none;
}
.archiveStoreList__shop-label.active {
display: inline-block;
color: #4d320d;
background-color: #f0e2ca;
padding: 0.8rem 1.6rem;
font-size: 1.6rem;
border-radius: 20px;
font-weight: 700;
line-height: 1;
text-align: center;
display: inline-block;
}
.archiveStoreList__address {
margin-top: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
}
.archiveStoreList__address span {
font-size: 2rem;
}
.archiveStoreList__address-label {
font-weight: bold;
color: #f48c39;
display: block;
font-size: 2rem;
width: 100%;
max-width: 8rem;
}
.archiveStoreList__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.archiveStoreList__tel-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.archiveStoreList__tel-wrap span {
font-size: 2rem;
}
.archiveStoreList__tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.archiveStoreList__tel-label {
font-weight: 700;
color: #f48c39;
font-size: 2rem;
}
.archiveStoreList__tel-link {
color: inherit;
pointer-events: none;
cursor: default;
}
.archiveStoreList__tel-link span {
font-size: 2rem;
font-weight: 700;
}
.archiveStoreList__time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.archiveStoreList__time span {
font-size: 2rem;
}
.archiveStoreList__time-label {
font-weight: bold;
color: #f48c39;
font-size: 2rem;
}
.archiveStoreList__more-wrap {
text-align: right;
}
.archiveStoreList__more {
display: inline-block;
color: #4d320d;
border-bottom: 1px solid #4d320d;
line-height: 2.2;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.archiveStoreList__more:hover {
opacity: 0.8;
}
.archiveStoreList__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.2rem;
}
.archiveStoreList__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ffffff;
background-color: #4d320d;
height: 6rem;
line-height: 1.1;
padding: 1rem 1.4rem;
border-radius: 5px;
font-size: 1.8rem;
font-weight: 700;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.archiveStoreList__btn:hover {
opacity: 0.8;
}
.archiveStoreList__btn:visited {
color: #ffffff;
}
.archiveStoreList__btn--reserve {
background-color: #de6b7a;
}
.archiveStoreList__btn--line {
background-color: #349b39;
}
.btn-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
.shop_btn_search {
background: #f48c38;
padding: 10px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 500px;
min-height: 56px;
color: #fff !important;
width: 100%;
border-radius: 5px;
}
.shop_btn_search.-green {
background: #818b24;
}
.shop_btn_search:hover {
opacity: 0.6;
}
@media screen and (max-width: 1000px) {
h2.areaTitle {
font-size: 2.4rem;
padding-bottom: 1.6rem;
margin-top: 3rem;
}
.archiveStoreList__item {
padding-top: 3rem;
padding-bottom: 3rem;
}
.archiveStoreList__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.archiveStoreList__name {
font-size: 1.8rem;
max-width: 100%;
}
.archiveStoreList__name-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0;
}
.archiveStoreList__shop-label-wrap {
margin-top: 1.2rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.archiveStoreList__shop-label {
display: none;
}
.archiveStoreList__shop-label.active {
padding: 0.8rem 1.6rem;
font-size: 1.2rem;
}
.archiveStoreList__address {
gap: 1.6rem;
margin-top: 1rem;
}
.archiveStoreList__address span {
font-size: 1.4rem;
}
.archiveStoreList__address-label {
width: 100%;
max-width: 5.6rem;
font-size: 1.4rem;
}
.archiveStoreList__tel-wrap span {
font-size: 1.4rem;
}
.archiveStoreList__tel-label {
font-size: 1.4rem;
}
.archiveStoreList__tel-link {
pointer-events: auto;
cursor: pointer;
text-decoration: underline;
}
.archiveStoreList__tel-link span {
font-size: 1.4rem;
}
.archiveStoreList__time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.archiveStoreList__time span {
font-size: 1.4rem;
}
.archiveStoreList__time-label {
font-size: 1.4rem;
}
.archiveStoreList__left {
width: 100%;
gap: 1.6rem;
}
.archiveStoreList__more {
font-size: 1.5rem;
}
.archiveStoreList__thumbnail {
display: none;
}
.archiveStoreList__btn {
width: 100%;
padding: 1rem;
font-size: 1.5rem;
}
} .storeServiceTags {
margin-bottom: 30px;
}
.storeServiceTags__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 12px;
list-style: none;
margin: 0;
padding: 0;
}
.storeServiceTags__item {
display: inline-block;
padding: 8px 16px;
border: 2px solid #f48c39;
border-radius: 4px;
background-color: #fff;
color: #f48c39;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
width: 100%;
max-width: 150px;
text-align: center;
}
@media screen and (max-width: 1000px) {
.storeServiceTags {
margin-bottom: 15px;
}
.storeServiceTags__list {
gap: 5px 9px;
}
.storeServiceTags__item {
padding: 6px 12px;
font-size: 1.2rem;
width: 31.5%;
}
} .currentPets__photoGrid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
margin-bottom: 0;
}
.currentPets__photoGridItem {
display: block;
aspect-ratio: 1;
overflow: hidden;
border: 1px solid #f5e0c8;
}
.currentPets__photoGridImg {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.currentPets__photoGridImg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
vertical-align: top;
}
.currentPets__btn {
margin-top: 40px;
}
.currentPets__slash {
display: block;
width: 24px;
height: 1px;
background-color: #4d320d;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.currentPets__backslash {
display: block;
width: 24px;
height: 1px;
background-color: #4d320d;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
} .storeNews__scroll {
max-height: 360px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.storeNews__list {
background: #fff;
border-radius: 12px;
padding: 10px 30px;
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.storeNews__item {
padding: 24px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: inherit;
border-bottom: 2px solid #efddc2;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.storeNews__item:last-child {
border-bottom: none;
}
.storeNews__item:hover {
background-color: #fafafa;
}
.storeNews__date {
font-size: 1.6rem;
color: #4d320d;
margin-right: 12px;
font-weight: 700;
}
.storeNews__tag {
display: inline-block;
padding: 2px 10px;
font-size: 1.6rem;
color: #4d320d;
background: #f5f5f5;
margin-right: 12px;
font-weight: 700;
vertical-align: middle;
}
.storeNews__title {
font-size: 1.6rem;
font-weight: 700;
color: #4d320d;
}
.storeNews__empty {
padding: 24px;
color: #4d320d;
text-align: center;
}
@media screen and (max-width: 1000px) {
.storeNews__scroll {
max-height: 320px;
}
.storeNews__list {
padding: 20px 24px;
}
.storeNews__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
}
.storeNews__date {
font-size: 1.4rem;
}
.storeNews__tag {
font-size: 1.4rem;
padding: 2px 8px;
}
.storeNews__title {
font-size: 1.4rem;
}
}