@charset "UTF-8";
/* CSS Document */
/* 共通Mixins
----------------*/
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

header {
  padding-bottom: 5px;
  /* border-bottom: 1px solid #000; */
  padding: 15px 0 0;
}

.header_logo2 {
  width: 100%;
  max-width: 110px;
  padding: 0;
  margin: 0;
  padding-right: 11px;
}

header .logo2 {
  max-width: 140px;
  padding-top: 11px;
}

#breadcrumb, #breadcrumb a {
  background: #fff;
  
}
/* common
-----------------------------*/
#contents {
  margin-bottom: 0;
}

#contInner {
  width: 100%;
  margin: 0;
}

#wrapper #main {
  padding-top: 0;
}

#main {
  margin-bottom: 0;
}
#gNav{
  display: block;
}

#js_menu {
  display: none;
}
.pc_appear {
  display: none;
}

.sp_appear {
  display: block;
}
.pc_inline_appear{
  display: none;
}
.sp_inline_appear{
  display: inline;
}
/* ----------------------------
  content
------------------------------*/
/* --------------------
 共通
----------------------*/
.appCam_contents {
  background-image: none;
}
.appCam_title {
  width: 100%;
  margin: 0 auto;
}
.section_inner {
  /* width: 90.66%;
  margin: 0 auto; */
}
.title {
    margin: 0 auto 30px;
}

/* mainvisual
------------------------*/
.mainvisual {}

.mainvisual h3{
  font-size: 120%;
  padding: 15px 2% 15px;
  margin-top: 0;
  text-align: center;
  line-height: 1.4em;
}

#footerInfo .infoWrap {
  font-size: 1rem;
}

/*  */  
.header_top,
.news-inner,
.what-noniwa_ttl,
.what-noniwa_text,
.map_inner,
.shop_inner,
.pet_inner,
footer .inner {
  width: 89.3333%;
}

/* news */
.news-ttl {
  margin-block: 24px 24px;
}

.news-topic_list {
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}

.news-topic_img,
.news-topic_content {
  width: 100%;
  max-width: 100%;
}

.news-topic_ttl {
  font-size: clamp(1.23rem, 5.25vw, 1.88rem);
}

#wrapper .news-topic_img img {
  width: 100%;
  height: auto;
}

/* what-noniwa */
.what-noniwa_ttl {
  font-size: 1.8rem;
  padding-top: 100px;
  margin-bottom: 40px;
}

.what-noniwa_text {
  font-size: 0.9rem;
  line-height: 2;
  text-align: left;
}

.sp-break {
  display: block;
}

.what-noniwa_content {
  margin-bottom: 40px;
}

.what-noniwa_movie {
  flex-direction: column;
  gap: 24px;
  padding: 0 0 60px 0;
  align-items: center;
  width: 90%;
}

.what-noniwa_movie li {
  max-width: 100%;
}

.what-noniwa_wrapper::before,
.what-noniwa_wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 52px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* position: center; */
}

.what-noniwa_wrapper::before {
  top: -1px; 
  background-image: url('../img/line-upside_sp.png');
}

.what-noniwa_wrapper::after {
  bottom: -51px; 
  background-image: url('../img/line-under_sp.png'); 
}

/* shop */
.shop_inner {
  flex-direction: column;
  gap: 15px; 
  align-items: center;
}

.shop_img {
  margin-top: 0;
}

.shop_ttl {
    font-size: clamp(1.23rem, 5.25vw, 1.88rem);
    margin-bottom: clamp(12px, 1.11vw, 16px);
    letter-spacing: 0.05rem;
}



/* 2. PCで50%にしていた幅を100%（全幅）に戻す */
.shop_img,
.shop_sentence {
  width: 100%;
}

/* 3. 偶数番目の「左右入れ替え（ジグザグ）」を解除する */
/* ※スマホでは全て「画像が上、テキストが下」になるように統一 */
.shop_inner:nth-child(even) {
  flex-direction: column;
}

/* 4. PC用の画像の「左右寄せ」を解除し、中央揃えにする */
#wrapper .shop_inner:nth-child(odd) .shop_img img,
#wrapper .shop_inner:nth-child(even) .shop_img img {
  margin-left: auto;
  margin-right: auto;
}

#wrapper .shop_inner:nth-child(odd) .shop_sentence,
#wrapper .shop_inner:nth-child(even) .shop_sentence {
  margin-left: auto;
  margin-right: auto;
}

#wrapper .shop_logo img {
  max-width: 96px;
  width: 25%;
  height: auto;
  margin-left: 0;
  margin-right: auto;
}

/* --- pet --- */

.pet_wrapper {
  padding-bottom: 40px; 
}
.pet_ttl {
  padding-top: 40px;
  margin-bottom: 24px;
}

/* 横並びを縦並びに変更 */
.pet_facility {
  flex-direction: column;
  gap: 40px; /* 縦のすき間を少し詰める */
}

/* 50%にしていた幅をスマホ画面いっぱいに広げる */
.pet_content {
  width: 100%;
  max-width: 100%; 
}

.pet_content:first-child {
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px; 
  margin-bottom: 10px; 
}

/* スマホ用に文字や画像の余白を微調整 */
.pet-topic {
  font-size: clamp(1.23rem, 5.25vw, 1.88rem);
  margin-bottom: 20px;
}

.pet-topic_img {
  margin-bottom: 20px;
}

/* 画像がスマホの画面幅に合わせて縮む（または広がる）ようにする */
#wrapper .pet-topic_img img {
  width: 100%;
  height: auto;
}

/* footer */
.logo_inner {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.footer-hp {
  display: inline-block;
}

/* #wrapper .news-ttl img {
  max-width: 38%;
} */

/* #wrapper .map_ttl img,
#wrapper .pet_ttl img {
  max-width: 80%;
} */

/* footer */

#copyright {
    padding-top: clamp(30px, 5vw, 40px);
}