/* 変数
===================================================== */
/* メディアクエリ用 */
/* Container,Wrapper,section用の上下padding */
/* コンテンツ幅 */
/* フォントカラー */
/*mixin ここから
======================================================*/
/*フォントサイズ指定 */
/* hover時のリンクボタン透過 */
/* container,wrapper,section用横幅設定 */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  min-width: 320px !important;
}

body {
  width: 100%;
  font-family: sans-serif;
  display: flex;
  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: "M PLUS Rounded 1c", sans-serif;
  color: #4d320d;
  font-weight: 500;
  transform: rotate(0.05deg);
}

select,
th,
td,
input,
textarea {
  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: 125px;
}

main {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}

.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;
}

.__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: 125px;
  background-color: #fff;
}

.header__inner {
  padding-left: 2%;
  height: 100%;
  display: flex;
  align-items: center;
}

.header__logo {
  max-width: 366px;
  width: 26%;
  /*   margin-right: auto; */
  flex-shrink: 0;
}

.nav {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.nav__list {
  height: 100%;
  display: flex;
}

.nav__item {
  width: 110px;
  height: 100%;
  position: relative;
}

.nav__item img {
  width: 60px;
}

.nav__item:not(:last-of-type):hover {
  background-color: #efddc2;
}

.nav__item:not(:last-of-type)::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  background: linear-gradient(
      to bottom,
      #4d320d,
      #4d320d 50%,
      transparent 50%,
      transparent 100%
    )
    0% 0%;
  background-size: 1px 10px;
  width: 1px;
  height: 100%;
}

.nav__item a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nav__item img {
  margin-bottom: 15px;
}

.nav__item p {
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
}

.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%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url(../image/fav_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.nav__item--fav .nav__link:hover::after {
  background-image: url(../image/fav_logo-hover.png);
}

.nav__item--fav a {
  align-items: start;
}

.menu-sp {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
  position: absolute;
}

.is-fixed {
  position: fixed;
  top: 0 !important;
  transition: 0.7s;
}

.header.is-fixed {
  height: 75px;
  background-color: #fff;
}

.header.is-fixed .nav__item img {
  width: 30px;
}

.header.is-fixed .nav__item:not(:last-of-type) img {
  margin-bottom: 7px;
}

.header.is-fixed .nav__item--fav .nav__link::after {
  width: 80px;
  height: 62px;
}

.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;
  transition: background-color 0.2s ease-out;
}

.btn:visited {
  color: white;
}

.btn::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url(../image/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;
  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;
}

.btn input {
  color: white;
  font-size: 2rem;
  font-weight: 800;
  display: block;
}

.btn .for_contact {
  height: auto;
  width: 100%;
  line-height: 52px;
}

.favBtn {
  display: flex;
  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;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
}

.favBtn::before {
  content: "";
  width: 26px;
  height: 21px;
  margin-right: 8px;
  background-image: url(../image/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(../image/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(../image/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(../image/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(../image/bg.jpg);
  background-size: cover;
  background-repeat: repeat-x;
  display: flex;
  justify-content: 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(../image/bg_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.bread {
  padding-top: 5px;
  width: 100%;
  position: relative;
}

.bread:before {
  content: "";
  width: 100%;
  min-width: 1200px;
  min-height: 30px;
  position: absolute;
  top: -29px;
  left: 0;
  background-image: url(../image/bgwhite_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.bread a {
  line-height: 1;
}

.bread li {
  display: inline;
}

.bread li:before {
  content: ">";
  padding: 0 4px;
}

.bread li:first-child:before {
  content: "";
}

.pageTitle {
  padding: 10px 30px;
  margin-bottom: 35px;
  background-color: #fff8ed;
  display: flex;
  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: flex;
  justify-content: center;
  align-items: center;
}

.titleBg--dog {
  width: 134px;
  height: 126px;
  background-image: url(../image/bg_dog.png);
}

.titleBg--cat {
  width: 135px;
  height: 135px;
  background-image: url(../image/bg_cat.png);
}

.titleBg--dog-white {
  width: 134px;
  height: 126px;
  background-image: url(../image/bg_dog-white.png);
}

.titleBg--cat-white {
  width: 135px;
  height: 135px;
  background-image: url(../image/bg_cat-white.png);
}

.titleBg--recent {
  width: 161px;
  height: 149px;
  background-image: url(../image/bg_recent.png);
}

.titleBg--recent-brown {
  width: 161px;
  height: 149px;
  background-image: url(../image/bg_recent-brown.png);
}

.titleBg--popDog {
  width: 106px;
  height: 105px;
  background-image: url(../image/pop_dog.png);
  background-position: 50% 50%;
}

.titleBg--popCat {
  width: 107px;
  height: 113px;
  background-image: url(../image/pop_cat.png);
  background-position: 50% 50%;
}

.swiper-container--store {
  position: absolute;
  top: -270px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.petCount {
  margin-top: 10px;
  line-height: 1;
  font-size: 2.4rem;
  font-weight: 800;
}

.petGrid__list {
  display: flex;
  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 {
  border-radius: 8px;
  border: 2px solid #efddc2;
  height: 235px;
  object-fit: cover;
}

.petGrid__name {
  display: block;
  background-color: #efddc2;
  border-radius: 5px;
  padding: 0 15px;
  font-weight: 800;
}

.petGrid__parent {
  display: flex;
  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: flex;
  align-items: center;
}

.petList__wrapper a {
  display: block;
}

.petList__wrapper:nth-of-type(1) {
  margin-bottom: 25px;
}

.petList__main {
  width: 160px;
  text-align: center;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  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: 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;
  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 {
  transform: scale(1);
  transition: 0.3s transform;
  object-fit: cover;
  height: inherit;
}

.petList__img img:hover {
  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: flex;
  justify-content: space-between;
  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%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.tab_item label {
  height: 80px;
  display: block;
  cursor: pointer;
  text-align: center;
}

.tab_item1 {
  background-image: url(../image/form_dog.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.tab_item2 {
  background-image: url(../image/form_cat.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.tab_item3 {
  background-image: url(../image/form_rabbit.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.tab_item1_top {
  background-image: url(../image/form_dog_top.png);
}

.tab_item2_top {
  background-image: url(../image/form_cat_top.png);
}

.tab_item3_top {
  background-image: url(../image/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(../image/form_dog-active.png);
}

#item2:checked ~ .tab_list .tab_item2 {
  background-image: url(../image/form_cat-active.png);
}

#item3:checked ~ .tab_list .tab_item3 {
  background-image: url(../image/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: 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: flex;
  flex-direction: column;
}

.content__list {
  display: flex;
  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: flex;
}

.content__item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #fff;
}

.content__item img {
  transform: scale(1);
  transition: 0.3s transform;
}

.content__item img:hover {
  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: flex;
  justify-content: 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(../image/dog01.jpg);
}

.dog02 {
  background-image: url(../image/dog02.jpg);
}

.dog03 {
  background-image: url(../image/dog03.jpg);
}

.dog04 {
  background-image: url(../image/dog04.jpg);
}

.dog05 {
  background-image: url(../image/dog05.jpg);
}

.dog06 {
  background-image: url(../image/dog06.jpg);
}

.dog07 {
  background-image: url(../image/dog07.jpg);
}

.dog08 {
  background-image: url(../image/dog08.jpg);
}

.dog09 {
  background-image: url(../image/dog09.jpg);
}

.cat {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.cat01 {
  background-image: url(../image/cat01.jpg);
}

.cat02 {
  background-image: url(../image/cat02.jpg);
}

.cat03 {
  background-image: url(../image/cat03.jpg);
}

.cat04 {
  background-image: url(../image/cat04.jpg);
}

.cat05 {
  background-image: url(../image/cat05.jpg);
}

.cat06 {
  background-image: url(../image/cat06.jpg);
}

.cat07 {
  background-image: url(../image/cat07.jpg);
}

.cat08 {
  background-image: url(../image/cat08.jpg);
}

.cat09 {
  background-image: url(../image/cat09.jpg);
}

.s-animal {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.s-animal01 {
  background-image: url(../image/smallpet.jpg);
}

.s-animal02 {
  background-image: url(../image/bird.jpg);
}

.s-animal03 {
  background-image: url(../image/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(../image/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(../image/glassicon.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  left: 15px;
  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;
  transform: translateY(-50%);
  width: 24px;
  height: 28px;
  background-image: url(../image/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: flex;
  flex-wrap: wrap;
  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: flex;
  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(../image/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: 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;
  flex-shrink: 0;
}

.newsCat--news {
  background-color: #f47000;
}

.newsCat--camp {
  background-color: #8c9600;
}

.catToggle {
  width: 343px;
  height: 50px;
  padding: 5px;
  display: flex;
  align-items: center;
  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: flex;
  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: flex;
  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(../image/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: flex;
  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;
  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%;
  transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url(../image/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(../image/btn_tri.png);
}

.pet .lb_pink {
  color: #d8686b;
  background-color: #fff;
  border: 2px solid #d8686b;
}

.pet .lb_pink::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url(../image/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(../image/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 (max-width: 1000px) {
  .petMain {
    padding-bottom: 50px;
    padding-top: 10px;
  }
}
.petSub {
  padding: 80px 0 100px 0;
  background-image: url(../image/bg.jpg);
  position: relative;
}

.petSub::before {
  content: "";
  min-width: 1200px;
  width: 100%;
  min-height: 30px;
  position: absolute;
  top: -29px;
  left: 0;
  background-image: url(../image/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(../image/border_dog.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.petInfo {
  display: flex;
  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%;
}

.petImg__sub {
  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: flex;
  align-items: center;
  margin-left: auto;
}

.petSort--favP {
  margin-bottom: 40px;
}

.petSort__favCount {
  margin-right: auto;
}

.petSort select {
  width: 300px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border-radius: 10px;
  border: 1px solid #4d320d;
  position: relative;
  background-image: url(../image/form_arrow.png);
  background-size: 27px 7px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-left: 10px;
  color: #4d320d;
  margin-right: 40px;
}

.sort-title {
  margin-right: 25px;
}

.petSort--result {
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 40px;
}

.petSort--result-orderbox {
  display: flex;
  align-items: center;
}

.reserved {
  display: block;
  width: 95%;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
}

.reserved img {
  border: none !important;
}

.soldout {
  display: block;
  width: 95%;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
}

.soldout img {
  border: none !important;
}

.detailView,
.gridView {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.detailView {
  background-image: url(../image/detailrow.png);
}

.detailView.active {
  background-image: url(../image/detailrow_active.png);
}

.gridView {
  background-image: url(../image/columnrow.png);
  margin-right: 18px;
}

.gridView--favP {
  margin-left: auto;
}

.gridView.active {
  background-image: url(../image/columnrow_active.png);
}

.camera_container.pc {
  display: flex;
}

.camera_container.sp {
  display: none;
}

.camera_img {
  width: 26px;
  margin-right: 20px;
}

.camera_day {
  margin-right: 15px;
}

.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;
}

.petDetail-list {
  margin-bottom: 60px;
}

.petDetail-list li:last-of-type {
  margin-bottom: 0;
}

.petDetail__wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.petDetail__img {
  flex-shrink: 0;
  max-width: 360px;
  width: 100%;
  height: 360px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.petDetail__img-contact {
  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: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.petDetail__infoItem {
  padding: 15px 0;
  width: 48%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #efddc2;
}

.petDetail__infoItem span:nth-of-type(1) {
  display: block;
  width: 88px;
  color: #f47000;
  font-weight: 800;
  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: flex;
  justify-content: space-between;
}

.petDetail__contactBtn,
.petDetail__favBtn {
  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(../image/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: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.infoList_div .btns img {
  max-width: 240px;
}

.infoList li {
  padding: 8px 0;
  border-bottom: 1px solid #efddc2;
  display: flex;
  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) {
  align-items: start;
}

.infoList li:last-of-type {
  align-items: start;
}

.infoList li:last-of-type p {
  display: flex;
  flex-direction: column;
}

.infoList li.camera_list {
  display: none;
}

.infoList .il_sale {
  color: #d8686b;
}

.infoList__title {
  display: inline-block;
  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: flex;
  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: flex;
  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: flex;
  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 {
  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: 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: 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: 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: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  transform: rotate(0.05deg);
  display: flex;
  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;
  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: flex;
}

.storeInfo__logo {
  width: 38px;
  margin-right: 15px;
}

.storeInfo__title {
  font-size: 2.4rem;
  font-weight: 800;
  margin-bottom: 15px;
}

.storeInfo__wrap {
  display: flex;
}

.storeInfo__img {
  width: 150px;
  overflow: hidden;
  width: 35%;
  margin-right: 5%;
}

.storeInfo__name,
.storeInfo__address,
.storeInfo__tel,
.storeInfo__time {
  display: flex;
  padding: 6px 0;
  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: flex;
  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(../image/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(../image/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(../image/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(../image/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;
  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: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.faq__subTitle::after {
  content: "";
  width: 29px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  background: url(../image/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 {
  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;
  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(../image/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: 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(../image/foot-orange.png);
}

.headLabel--green::before {
  background-image: url(../image/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: flex;
  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 {
  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: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.propTop::before {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background-image: url(../image/prop_foot.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1019px;
  height: 183px;
}

.propTop__wrap {
  display: flex;
  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: 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: flex;
  justify-content: space-between;
  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: flex;
  flex-wrap: wrap;
  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(../image/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: flex;
  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%;
  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(../image/foot_greenwhite.png);
}

.propContact__wrapper p {
  border: 2px solid #8c9600;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.propContact__wrapper p::before {
  background-image: url(../image/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;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background-image: url(../image/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 {
  align-items: center;
}

.health__wrapper {
  display: flex;
  justify-content: space-between;
  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(../image/bg.jpg);
  position: relative;
}

.parasite::before {
  content: "";
  min-width: 1200px;
  width: 100%;
  min-height: 30px;
  position: absolute;
  top: -29px;
  left: 0;
  background-image: url(../image/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);
  transform: translateY(-50%);
  right: -20px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url(../image/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(../image/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: flex;
  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 {
  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: flex;
  justify-content: flex-start;
  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;
  transition: background-color 0.3s, color 0.3s;
}

.areaList__item a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url(../image/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(../image/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(../image/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(../image/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(../image/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("../image/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("../image/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(../image/tri_kanagawa.png);
}

.storeMap {
  display: flex;
  justify-content: 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;
}

.storeList__item:first-of-type {
  border: 0;
}

.storeList__wrapper {
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  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: flex;
}

.storeList__address {
  margin-bottom: 10px;
}

.storeList__tel {
  display: flex;
  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(../image/icon_tel.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.storeList__time {
  display: flex;
  align-items: center;
}

.storeList__time::before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../image/icon_clock.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.storeLabel {
  display: flex;
}

.storeLabel--dog.active {
  background-image: url(../image/label_dog-active.png);
}

.storeLabel--dog {
  background-image: url(../image/label_dog.png);
}

.storeLabel--small.active {
  background-image: url(../image/label_small-active.png);
}

.storeLabel--small {
  background-image: url(../image/label_small.png);
}

.storeLabel--bird.active {
  background-image: url(../image/label_bird-active.png);
}

.storeLabel--bird {
  background-image: url(../image/label_bird.png);
}

.storeLabel--rept.active {
  background-image: url(../image/label_rept-active.png);
}

.storeLabel--rept {
  background-image: url(../image/label_rept.png);
}

.storeLabel--fish.active {
  background-image: url(../image/label_fish-active.png);
}

.storeLabel--fish {
  background-image: url(../image/label_fish.png);
}

.storeLabel--goods.active {
  background-image: url(../image/label_goods-active.png);
}

.storeLabel--goods {
  background-image: url(../image/label_goods.png);
}

.storeLabel--trim.active {
  background-image: url(../image/label_trim-active.png);
}

.storeLabel--trim {
  background-image: url(../image/label_trim.png);
}

.storeLabel--hotel.active {
  background-image: url(../image/label_hotel-active.png);
}

.storeLabel--hotel {
  background-image: url(../image/label_hotel.png);
}

.storeLabel--park.active {
  background-image: url(../image/label_parking-active.png);
}

.storeLabel--park {
  background-image: url(../image/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--list {
  width: 100%;
  max-width: 540px;
  flex-wrap: wrap;
}

.storeLabel--list li {
  margin-bottom: 10px;
}

.storeLabel--list li:nth-of-type(5) {
  margin-right: 0;
}

.shopService {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.shopService__item {
  width: calc(50% - 15px);
  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: flex;
  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("../image/shop_top_bg.png");
  background-size: cover;
  height: 145px;
  padding: 0px 0px 0px 0px;
  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;
  box-shadow: 0px 0px 0px 10px #fdf6eb;
  border: dashed 3px #efddc2;
  border-radius: 45px;
}

.recentStore {
  width: 100%;
  background-image: url(../image/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(../image/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: 80px auto 0 auto;
  transition: opacity 0.5s;
  opacity: 1;
}

.recentStore__searchLink:hover {
  opacity: 0.7;
}

.storeDetail {
  padding: 80px 0 100px 0;
  position: relative;
  z-index: 2;
}

.storeDetail::before {
  content: "";
  width: 100%;
  min-width: 1200px;
  min-height: 30px;
  position: absolute;
  top: -29px;
  left: 0;
  background-image: url(../image/bgwhite_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.storeDetail__inner {
  position: relative;
}

.storeDetail__inner::after {
  content: "";
  width: 180px;
  height: 181px;
  position: absolute;
  top: -170px;
  right: 0;
  background-image: url(../image/border_dog.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.storeDetail__title {
  width: 438px;
  margin: 0 auto 40px auto;
}

.storeDetail__wrapper {
  display: flex;
  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(../image/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(../image/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(../image/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::before {
  content: "";
  width: 100%;
  min-width: 1200px;
  min-height: 30px;
  position: absolute;
  top: -29px;
  left: 0;
  background-image: url(../image/bg_main.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.neighb__inner {
  position: relative;
}

.neighb__inner::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -120px;
  z-index: 1;
  background-image: url(../image/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: flex;
  justify-content: space-between;
  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%;
  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(../image/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(../image/foot-orange.png);
}

.salonCourse__wrapper {
  display: flex;
  justify-content: space-between;
}

.salonCourse__wrapper > div {
  padding: 25px 29px;
  max-width: 516px;
  width: 100%;
  display: flex;
  align-items: center;
  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: flex;
  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(../image/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(../image/bg_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.hotelTop {
  display: flex;
  justify-content: space-between;
  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%;
  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(../image/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(../image/foot-green.png);
}

.hotelCourse__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.hotelCourse__top > div {
  padding: 20px 25px;
  max-width: 516px;
  width: 100%;
  display: flex;
  align-items: center;
  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(../image/bgwhite_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.trimStore__text {
  text-align: center;
  margin-bottom: 44px;
}

.shopInfo {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.shopInfo__item {
  width: calc(50% - 15px);
  display: flex;
  margin-right: 30px;
  margin-bottom: 30px;
}

.shopInfo__item > a {
  padding: 30px;
  display: flex;
}

@media (min-width: 1001px) {
  .shopInfo__item > a {
    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: flex;
  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(../image/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(../image/bg_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.origin__headLabel {
  margin-bottom: 15px;
}

.origin__wrapper {
  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(../image/bgwhite_top.png);
  background-size: contain;
  background-repeat: repeat-X;
  background-position: 50% 50%;
}

.service__text {
  margin-bottom: 25px;
}

.service__list {
  display: flex;
  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: flex;
  justify-content: space-between;
  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: "M PLUS Rounded 1c", sans-serif;
  color: #4d320d;
  font-weight: 500;
  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%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #4d320d;
}

.contactForm__item {
  padding: 20px 0;
  display: flex;
  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;
  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: flex;
  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: flex;
  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: flex;
  margin-bottom: 20px;
}

.hp_check span {
  display: flex;
  align-items: center;
}

.dev_check {
  display: flex;
  flex-wrap: wrap;
}

.validate-errors {
  display: flex;
  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::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;
  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(../image/bg_footer2.png) no-repeat center center/auto 49px;
  z-index: 2;
}

.footer__inner {
  max-width: 1450px;
  width: 96%;
}

.footer__wrapper {
  width: 100%;
  display: flex;
  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: flex;
  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: flex;
  flex-wrap: wrap;
  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--lg {
    max-width: 500px;
    width: 90%;
    margin: 0 auto;
  }
  .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%;
  }
  .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: flex;
    justify-content: 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: 65px;
    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: flex;
    flex-wrap: wrap;
    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%;
    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: 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(../image/bg_sp.png) repeat;
    margin-top: 30px;
  }
  .pageTitle {
    padding: 12px 18px;
  }
  .pageTitle--pet {
    padding: 7px 9px;
    margin-bottom: 15px;
  }
  .pageTitle__img {
    width: 29px;
    flex-shrink: 0;
    margin-right: 13px;
  }
  .pageTitle__label {
    font-size: 2rem;
  }
  .pageTitle__label--pet {
    font-size: 2rem;
  }
  .titleBg--recent {
    width: 207px;
    height: 193px;
    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: 90%;
  }
  .petGrid__item {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 40px;
  }
  .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 .pg_img {
    height: 160px;
  }
  .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(../image/bg_sp.png) repeat;
  }
  .topNew::before,
  .storeNew::before,
  .recentStore::before {
    width: auto;
  }
  .topNew .titleBg,
  .storeNew .titleBg,
  .recentStore .titleBg {
    align-items: flex-start;
  }
  .topNew .titleBg--dog,
  .storeNew .titleBg--dog,
  .recentStore .titleBg--dog {
    width: 215px;
    height: 199px;
    padding-top: 60px;
    background-image: url(../image/bg_dog-sp.png);
  }
  .topNew .titleBg--cat,
  .storeNew .titleBg--cat,
  .recentStore .titleBg--cat {
    width: 204px;
    height: 199px;
    padding-top: 60px;
    background-image: url(../image/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(../image/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(../image/bg_cat-white-sp.png);
  }
  .titleBg--popDog {
    background-image: url(../image/pop_dog-sp.png);
  }
  .titleBg--popCat {
    background-image: url(../image/pop_cat-sp.png);
  }
  .areaList {
    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;
    flex-direction: column;
    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: 40px auto 0;
  }
  .storeDetail {
    padding: 30px 0 70px 0;
  }
  .storeDetail__inner::after {
    width: 90px;
    height: 90px;
    top: -90px;
  }
  .storeDetail__wrapper {
    flex-direction: column;
    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 {
    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;
  }
  .blogPost__store {
    font-size: 1.2rem;
  }
  .storeBlog {
    background: url(../image/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%;
    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 {
    justify-content: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    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%;
    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(../image/form_dog-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .tab_item2 {
    background-image: url(../image/form_cat-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .tab_item3 {
    background-image: url(../image/form_rabbit-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .tab_item1_top {
    background-image: url(../image/form_dog_top-sp.png);
  }
  .tab_item2_top {
    background-image: url(../image/form_cat_top-sp.png);
  }
  .tab_item3_top {
    background-image: url(../image/form_rabbit_top-sp.png);
  }
  #item1:checked ~ .tab_list .tab_item1 {
    background-image: url(../image/form_dog-active-sp.png);
  }
  #item2:checked ~ .tab_list .tab_item2 {
    background-image: url(../image/form_cat-active-sp.png);
  }
  #item3:checked ~ .tab_list .tab_item3 {
    background-image: url(../image/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 {
    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%;
    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 {
    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%;
    align-items: start;
    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 {
    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 {
    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;
    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 {
    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%;
    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.8rem;
    margin-bottom: 10px;
  }
  .petSort--result {
    align-items: flex-end;
    justify-content: space-between;
  }
  .petSort--result span {
    align-items: start;
    flex-direction: column;
  }
  .petSort--result select {
    width: 170px;
    margin-right: 20px;
  }
  .petSort--result-orderbox .view_order {
    display: none;
  }
  .detailView,
  .gridView {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .detailView {
    background-image: url(../image/detailrow-sp.png);
  }
  .detailView--favP {
    margin-left: auto;
  }
  .detailView.active {
    background-image: url(../image/detailrow_active-sp.png);
  }
  .gridView {
    margin-right: 8px;
    background-image: url(../image/columnrow-sp.png);
  }
  .gridView.active {
    background-image: url(../image/columnrow_active-sp.png);
  }
  .camera_container.pc {
    display: none;
  }
  .camera_container.sp {
    display: flex;
    margin-bottom: 10px;
  }
  .petDetail__wrapper {
    justify-content: start;
    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 {
    justify-content: start;
    flex-direction: column;
    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 {
    justify-content: start;
    flex-direction: column;
    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: flex;
  }
  .infoList__title {
    font-size: 1.3rem;
  }
  .infoList_div {
    padding: 4% 0 0;
    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) {
  .favBtn {
    line-height: normal;
    justify-content: center;
    margin: 0;
    padding: 10px 20px;
  }
  .favBtn::before {
    width: 20px;
    height: 15px;
  }
  .favorite_button {
    width: 48%;
  }
  .pet__favBtn {
    width: 100%;
    height: 100%;
  }
  .pet__favBtn::after {
    content: "お気に入り追加";
  }
  .favBtn_on::after {
    content: "お気に入り済";
  }
  .record__icon {
    width: 25px;
  }
  .record__title {
    font-size: 2rem;
  }
  .record__weight {
    font-size: 1.3rem;
    padding: 13px 2%;
  }
  .record__weight span {
    font-size: 2rem;
    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(../image/bg_sp.png) repeat;
  }
  .petSub__inner.petSub_smallanim {
    padding: 0 0 50px;
  }
  .petSub__inner::after {
    content: normal;
  }
  .extraInfo {
    justify-content: start;
    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 {
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .estimate__item p {
    width: 185px;
    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;
    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 {
    flex-direction: column;
    justify-content: start;
    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: flex;
    justify-content: 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(../image/tri_orange.png);
  }
  .linkList__title.cat span:nth-of-type(2)::after {
    background-image: url(../image/tri_green.png);
  }
  .linkList__title.rabbit span:nth-of-type(2)::after {
    background-image: url(../image/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 {
    flex-direction: column;
  }
  .propTop__wrap p:first-of-type {
    margin-right: 0;
    margin-bottom: 17px;
  }
  .propTop__title {
    flex-direction: column;
  }
  .propTop__title span {
    font-size: 3.5rem;
  }
  .propTop__title span:first-of-type {
    margin-bottom: 15px;
  }
  .propPhoto {
    flex-direction: column;
  }
  .propPhoto__wrap {
    width: 100%;
  }
  .propContact__pageTitle {
    margin-bottom: 30px;
  }
  .propContact__wrapper {
    flex-direction: column;
    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 {
    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;
    flex-direction: column;
  }
  .salonTop > div {
    width: 100%;
  }
  .salonTop__headLabel {
    margin-bottom: 15px;
  }
  .salonTop__main {
    margin-bottom: 25px;
  }
  .salonCourse {
    padding: 40px 0;
  }
  .salonCourse__wrapper {
    flex-direction: column;
  }
  .salonCourse__wrapper > div {
    height: auto;
    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(../image/bg_sp.png) repeat;
  }
  .hotelTop {
    flex-direction: column;
    padding-bottom: 40px;
  }
  .hotelTop__main {
    margin-bottom: 25px;
  }
  .hotelTop__img {
    max-width: none;
  }
  .hotelCourse {
    padding-top: 40px;
  }
  .hotelCourse__top {
    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 {
    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(../image/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 {
    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(../image/bg_sp.png) repeat;
  }
  .origin__wrapper {
    flex-direction: column;
  }
  .origin__main {
    margin-bottom: 35px;
  }
  .origin__img {
    margin: 0 auto;
  }
  .service {
    padding: 30px 0 90px 0;
  }
  .service__list {
    flex-direction: column;
  }
  .service__list li {
    width: 100%;
    margin-bottom: 40px;
  }
  .service__list li a {
    width: 240px;
    margin: 0 auto;
  }
  .service__wrap {
    display: flex;
    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;
    flex-direction: column;
    align-items: start;
    padding: 30px 0;
  }
  .contactForm__item span:nth-of-type(2) {
    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(../image/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: flex;
    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 {
    flex-wrap: nowrap;
    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__list{display:none}*/
  .storeMenu__wrapper li {
    display: flex;
    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(../image/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(../image/arrow_aqua.png);
  }
  .storeMenu__wrapper:nth-of-type(2) span {
    background-color: #53bbcc;
  }
  .storeMenu__wrapper:nth-of-type(3) li::before {
    background-image: url(../image/arrow_green.png);
  }
  .storeMenu__wrapper:nth-of-type(3) span {
    background-color: #b2bc20;
  }
  .storeMenu__wrapper:nth-of-type(4) li::before {
    background-image: url("../image/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(../image/arrow_pink.png);
  }
  .storeMenu__wrapper:nth-of-type(5) span {
    background-color: #ff808b;
  }
  .storeMenu__wrapper:nth-of-type(6) li::before {
    background-image: url(../image/arrow_purple.png);
  }
  .storeMenu__wrapper:nth-of-type(6) span {
    background-color: #bc83b3;
  }
  .storeMenu__wrapper:nth-of-type(7) li::before {
    background-image: url(../image/arrow_blue.png);
  }
  .storeMenu__wrapper:nth-of-type(7) span {
    background-color: #6a8ad1;
  }
  .storeMenu__area span {
    display: none;
  }
  /*.storeMenu__area span{position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background-color:#fff}*/
  .storeMenu__area span::before,
  .storeMenu__area span::after {
    display: block;
    content: "";
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    left: 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: flex;
    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: flex;
    flex-direction: column;
    align-items: 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;
  }
}
@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 {
  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;
  animation: scroll-indicator 2s ease-in-out infinite;
}

@keyframes scroll-indicator {
  0% {
    right: 10px;
  }
  50% {
    right: 0;
  }
  100% {
    right: 10px;
  }
}
.free_area {
  font-size: 1.6rem;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  transform: rotate(0.05deg);
  color: #4d320d;
  margin-bottom: 30px;
}

.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: 20px;
  }
}
.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;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* 表示する行数を設定 */
}

.blogPost__text_top {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 800;
  margin-bottom: 15px;
}

/*サムネイルの画像調整*/
.blogPost_top {
  display: block;
  width: 100%;
  /* 必要に応じて調整 */
  height: 315px;
  overflow: hidden;
  /* コンテンツがはみ出た場合に隠す */
  margin: 10px 0;
  /* 上下のマージンを設定 */
  margin-right: 20px;
  border: 2px solid #efddc2;
  background-color: #fbf5e9;
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}

.blogPost__img_top {
  width: 100% !important;
  /* パディングの合計値を引く */
  height: 160px;
  /* 画像の高さを固定 */
  object-fit: cover;
  /* 画像を適切にフィットさせる */
}

.blogPost__content_top {
  height: 140px;
  /* コンテンツ部分の高さを固定 */
  padding: 20px;
  padding-top: 30px;
}

.owl-carousel .owl-item img {
  width: 100% !important;
  height: 170px;
  object-fit: cover;
}

.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 {
  flex-direction: column;
  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;
  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;
  object-fit: cover;
  object-position: 50% 0%;
  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 {
  object-position: 50% 50%;
  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;
}

/* ヘッダーロゴ・無料3年保障エリアここから */
.header_bnr {
  display: block;
  width: 18vw;
  max-width: 240px;
  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 {
    /* 		width: 18vw; */
  }
}
@media (max-width: 425px) {
  .header__logo {
    width: 50vw;
  }
  .header_bnr {
    width: 26vw;
  }
}
/* ヘッダーロゴ・無料3年保障エリアここまで */
/* 動物一覧ページ */
.petGrid__item {
  padding-bottom: 0;
}

.petGrid__name {
  font-weight: 500;
  padding: 0;
  background-color: #fff;
}

.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__name,
  .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;
  }
}
/* TOPページ・店舗情報ページ 最近仲間入りした子達 */
.topNew .petList__wrapper,
.recentStore .petList__wrapper {
  align-items: normal;
}

@media (max-width: 1000px) {
  .topNew .petList__wrapper,
  .recentStore .petList__wrapper {
    align-items: center;
  }
}
@media (max-width: 1000px) {
  .petGrid_2.petList__sub {
    max-width: 500px;
  }
}
.petGrid_2 {
  flex-wrap: wrap;
}

.petGrid_2 .petGrid__item {
  margin-right: 20px;
  width: calc((100% - 240px) / 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(33.33% - 6.6666666667px);
    margin-right: 5px;
  }
  .petGrid_2 .petGrid__item:nth-of-type(5n) {
    margin-right: 5px;
  }
}
.petGrid_2 .petGrid__img {
  margin-bottom: 15px;
}

.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.3rem;
  line-height: 1.5;
}

.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: 500;
  padding: 0;
  background-color: transparent;
}

.linkList {
  justify-content: center;
}

.pet__linkBtn {
  width: 340px;
}

@media (max-width: 1000px) {
  .pet__linkBtn {
    width: 300px;
  }
}
/* 20250309 追記
----------------------------------------------------- */
/* キャンペーン価格 */
.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 !important;
  font-weight: 700;
}

.petGrid-normal-price__text {
  font-size: 0.7em !important;
}
.petGrid-normal-price__text .text-nowrap {
  font-size: 1em;
  line-height: 1;
  color: inherit;
}

.petGrid-normal-price__undecided-text {
  font-size: 0.9em !important;
}

/* 詳細 */
.petGrid-detail {
  display: flex;
  flex-direction: column;
  gap: 0.3em;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #adadad;
}
.petGrid-detail.is-smallanimal .petGrid-detail__row._birthday {
  display: none;
}

.petGrid-detail__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
}

.petGrid-detail__term {
  flex: none;
  font-weight: 400;
}

.petGrid-detail__content {
  flex: 1;
  font-weight: 400;
}

.petGrid-detail__store-link {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  color: #adadad;
  transition: opacity 0.2s ease-out;
  margin-bottom: 0 !important;
}
.petGrid-detail__store-link:hover {
  opacity: 0.8;
}
.petGrid-detail__store-link:visited {
  color: #adadad;
}

@media (max-width: 1000px) {
  .petGrid-sale-price__title {
    font-size: 1rem;
  }
  .petGrid-sale-price__content {
    font-size: 1.8rem;
  }
  .petGrid-normal-price {
    font-size: 1.6rem !important;
  }
}
@media screen and (max-width: 480px) {
  .petGrid_2 .petGrid-detail__row {
    flex-direction: column;
  }
}
/*フッターすぐ上の追加バナー４枚の設定*/
/*フッターすぐ上の追加バナー４枚をスマホでは非表示*/
@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}
/*追加バナー４枚の並び方*/
/* バナーリストのレイアウト調整 */
.banner__list {
  display: flex;
  flex-wrap: wrap;
  /* 改行を許可 */
  justify-content: space-between;
  /* 間隔を均等に配置 */
  gap: 20px;
  /* バナー間の隙間 */
  max-width: 600px;
  /* 全体の幅を調整 */
  margin: 0 auto;
  /* 中央寄せ */
}

.banner__item {
  width: calc(50% - 10px);
  /* 2列構成 */
  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;
  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;
  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%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 600px;
  z-index: 2;
  background-color: #fff;
  padding: 15px 20px 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.search-modal__content.is-active {
  opacity: 1;
  visibility: visible;
}

.search-modal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  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;
}
#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;
}

.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: flex;
  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: flex;
  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;
  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;
  transform: translateY(-60%) rotate(45deg);
}
.search-modal-item__content._radio::before {
  position: absolute;
  top: 50%;
  left: 0;
  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;
  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%;
  object-fit: cover;
}

.search-modal-item__name {
  font-size: 1em;
  line-height: 1.3;
  font-weight: bold;
}

.search-modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

/* SP時 */
@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;
    transform: none;
    will-change: left;
    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);
  }
  .search-modal__footer {
    position: sticky;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
    padding: 16px;
    border-top: 1px solid #eee;
  }
}
/* セールページ２０２５.０４.11追記
----------------------------------------------------- */
.pc-none {
  display: none;
}

.puppy-sale {
  padding-top: 20px;
}

.puppy-sale .pageTitle__label {
  text-align: center;
  font-size: 4rem;
  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: 67px;
  text-align: center;
}

.sale__block2 {
  margin-top: 108px;
}

.sale .petGrid__item {
  margin-right: 20px;
  width: calc((100% - 100px) / 5);
  margin-bottom: 40px;
}

.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: flex;
  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 {
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
  padding: 20px;
  height: auto;
}

.sale-popular .content__list--top .content__item {
  margin: 0;
  transition: opacity 0.2s ease-out;
}

.sale-popular .content__list--top .content__item.titleBg {
  display: none;
}

/* SP */
@media screen and (max-width: 1000px) {
  .sp-none {
    display: none;
  }
  .puppy-sale {
    padding-top: 25px;
  }
  .puppy-sale .pageTitle__label {
    font-size: 3rem;
  }
  .sale {
    padding: 25px 0 40px;
  }
  .sale__topText {
    margin-bottom: 25px;
  }
  .sale__topText p {
    font-size: 1.6rem;
  }
  .sale__label {
    font-size: 3rem;
    margin-bottom: 30px;
  }
  .sale__block2 {
    margin-top: 50px;
  }
  .sale .petList__sub {
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .sale .petGrid__item {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 40px;
  }
  .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: 3rem;
    margin-bottom: 25px;
  }
  .sale-popular .content__list--top {
    gap: 10px 5px;
    padding: 20px 4%;
  }
}
@media screen and (max-width: 768px) {
  .pc-none {
    display: block;
  }
}
/* ページネーションでスクロールした際に少し余白をあける
----------------------------------------------------- */
#sale-cat::before,
#sale-dog::before {
  content: "";
  display: block;
  height: 50px; /* ← ここで余白の高さを調整 */
  margin-top: -50px;
  visibility: hidden;
}

/* この子を見ている方はこの子も見ています 2025.05.01追記
----------------------------------------------------- */
.wherego_related {
  width: 100%;
  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;
    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;
    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: 0 auto 3rem;
  display: block;
  width: 100%;
  max-width: 1060px;
}

/* 2025.06.13追記
----------------------------------------------------- */

.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;
  }

  .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: #adadad;
  font-size: 1.2rem;
  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;
}

.petList__wrapper--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;
  }
}

/* コラムバナー　2025．０６.１７追記 */

.column-banner {
  position: fixed;
  margin: 15px 20px;
  z-index: 99998;
  bottom: 10px;
  right: 0px;
}

.column-banner a {
  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;
  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: 1rem;
	}
	.price_change_link_img {
		max-width: 1060px;
		margin: auto;
		display: block;
		}