@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.header-cart a {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  color: #000;
}
.header-cart a::before {
  background-image:url(http://www.mogu-dogs.com/wp-content/uploads/2025/11/ka-to.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  content: "";
  display: flex;
  width: 50px;
  height: 50px;
}


li.product {
    border-radius: 15px !important;
    background: white;
}

li.product img {
    border-radius: 15px 15px 0 0;
}

.c-prodcard {
    list-style: none;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
  }
  
  .c-prodcard__thumb { display:block; background:#f8fafc; }
  .c-prodcard__img { width:100%; height:auto; display:block; }
  .c-prodcard__ph { display:block; width:100%; aspect-ratio: 4/3; background:#eef2f7; }
  
  .c-prodcard__body { padding: 18px 20px 22px; }
  .c-prodcard__title { font-size: 1.125rem; line-height: 1.5; margin: 0 0 10px; color:#111827; }
  .c-prodcard__title a { color: inherit; text-decoration: none; }
  .c-prodcard__price { color:#4b5563; font-weight: 600; margin-bottom: 16px; }
  
  .c-prodcard__btn {
    display: block;
    text-align: center;
    padding: 14px 18px;
    border-radius: 999px;
    background: #bfeee6;
    color: #111;
    text-decoration: none;
    font-weight: 700;
    transition: transform .06s ease, box-shadow .2s ease;
    box-shadow: 0 2px 0 rgba(0,0,0,.06) inset;
  }
  .c-prodcard__btn:hover { transform: translateY(-1px); }
  .c-prodcard__btn:active { transform: translateY(0); }
  
  /* SWELL の ul.products 調整 */
  ul.products li.c-prodcard { margin: 0; }
  
  /* 共通（既存） */
.c-prodcard {
    list-style:none; background:#fff; border:2px solid #e5e7eb; border-radius:24px;
    overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.06); display:flex; flex-direction:column;
  }
  .c-prodcard__thumb{ display:block; background:#f8fafc; }
  .c-prodcard__img{ width:100%; height:auto; display:block; }
  .c-prodcard__ph{ display:block; width:100%; aspect-ratio:4/3; background:#eef2f7; }
  .c-prodcard__body{ padding:18px 20px 22px; }
  .c-prodcard__title{ font-size:1.35rem; line-height:1.45; margin:0 0 10px; color:#111; }
  .c-prodcard__title a{ color:inherit; text-decoration:none; }
  
  /* 説明文 */
  .c-prodcard__desc{
    margin:6px 0 16px; color:#6b7280; font-size:1rem; line-height:1.7;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  }
  
  /* フッター（価格左／ボタン右） */
  .c-prodcard__foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .c-prodcard__price{ color:#4b5563; font-weight:700; font-size:1.25rem; }
  
  /* 小さめ丸ボタン */
  .c-prodcard__btn{
    display:inline-block; padding:10px 16px; border-radius:14px;
    background:#bfeee6; color:#111; text-decoration:none; font-weight:700;
    transition:transform .06s ease, box-shadow .2s ease; box-shadow:0 2px 0 rgba(0,0,0,.06) inset;
  }
  .c-prodcard__btn:hover{ transform:translateY(-1px); }
  .c-prodcard__btn--sm{ padding:10px 18px; }
  
  /* SWELLのグリッドと干渉しない保険 */
  ul.products li.c-prodcard{ margin:0; }
  
  .pl-card--product{
    list-style:none; background:#fff; border:2px solid #e5e7eb; border-radius:24px;
    overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.06); display:flex; flex-direction:column;
  }
  .pl-card__thumb{ display:block; background:#f8fafc; }
  .pl-card__img{ width:100%; height:auto; display:block; }
  .pl-card__ph{ display:block; width:100%; aspect-ratio:4/3; background:#eef2f7; }
  
  .pl-card__body{ padding:18px 20px 22px; }
  .pl-card__title{ font-size:1.35rem; line-height:1.45; margin:0 0 10px; color:#111; }
  .pl-card__title a{ color:inherit; text-decoration:none; }
  
  .pl-card__price{ color:#4b5563; font-weight:700; font-size:1.1rem; margin:0 0 16px; }
  
  .pl-card__btn{
    display:block; text-align:center; padding:14px 18px; border-radius:999px;
    background:#bfeee6; color:#111; text-decoration:none; font-weight:700;
    transition:transform .06s ease, box-shadow .2s ease; box-shadow:0 2px 0 rgba(0,0,0,.06) inset;
  }
  .pl-card__btn:hover{ transform:translateY(-1px); }
  
  /* SWELLのul.products風の余白干渉を避ける保険（投稿リストにも効く） */
  ul, .p-postList{ list-style:none; }

  /* 全体レイアウト */
.pet-single {
  max-width: 1120px;
  margin: 0 auto;
  padding: 2rem 1rem 4rem;
}

.pet-single__top {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(0, 1.8fr);
  gap: 2rem;
  margin-bottom: 2rem;
}


.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 5px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  border-radius: 10px;
}

.pet-single__bottom {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
  gap: 1.5rem;
}

/* タイトルまわり */
.pet-single__title {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: .4rem;
}

.pet-single__subtitle {
  font-size: .9rem;
  color: #555;
  margin-bottom: 1rem;
}

.pet-single__price-area {
  margin-bottom: .75rem;
}

.pet-single__price .price {
  font-size: 2rem;
  font-weight: 700;
}

.pet-single__shipping-notice {
  font-size: .8rem;
  color: #666;
}

/* バッジ */
.pet-single__badges {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .75rem 0 1rem;
}

.pet-badge {
  display:inline-flex;
  align-items:center;
  padding: .4rem .9rem;
  border-radius: 999px;
  font-size: .8rem;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,.03);
}

/* カートボックス（背景ミント） */
.pet-single__cart-box {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  border-radius: 16px;
  background: #c9f0e4;
}

/* Wooの数量+ボタンを横並びに */
.pet-single__cart-box form.cart {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: .75rem;
}

.pet-single__cart-box .quantity {
  margin:0;
}

/* カード共通 */
.pet-card {
  background: #f2faf5;
  border-radius: 16px;
  padding: 1.5rem 1.7rem;
}

.pet-card + .pet-card {
  margin-top: 1.2rem;
}

.pet-card__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: .75rem;
}

.pet-card__subtitle {
  font-size: .9rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: .3rem;
}

.pet-card__body p {
  margin-bottom: .4rem;
}

/* 画像エリア：背景と余白を付与（デザイン寄せ） */
.pet-single__images {
  border-radius: 16px;
}

/* Wooのメイン画像の調整 */
.pet-single__images .woocommerce-product-gallery__wrapper img {
  border-radius: 14px;
}

/* サムネをボックス風に（ざっくり） */
.pet-single__images .flex-control-thumbs li {
  border-radius: 12px;
  overflow: hidden;
}

/* 仮に入れてます */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 100%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: left;
  width: 100%;
}
.woocommerce .post_content h2 {
  margin: 0 0 5px 0;
}
.woocommerce .post_content h3 {
  margin: 10px 0 5px 0;
  font-size: 1.2em;
}

/* スマホ */
@media (max-width: 768px) {
  .pet-single__top,
  .pet-single__bottom {
    grid-template-columns: 1fr;
  }

  .pet-single__cart-box form.cart {
    flex-direction: column;
    align-items: stretch;
  }

  .pet-single__cart-box .single_add_to_cart_button {
    width:100%;
    text-align:center;
  }
}

/* 商品詳細ページ　カート周り */

/* カート全体の枠（ミント背景＋丸角） */
.pet-single__cart-box {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #d6f4eb;        /* 背景ミント */
  border-radius: 999px;       /* 角を丸く */
  padding: .7rem 1.2rem;
  margin: 1rem 0 1.5rem;
}

/* 「数量」ラベル */
.pet-qty-label {
  font-size: .9rem;
  font-weight: 500;
  margin-right: -1rem;
}

/* フォーム（数量+ボタン）を横並びに */
.pet-single__cart-box form.cart {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0;
}

/* 数量ボックスまわり（必要に応じて調整） */
.pet-single__cart-box .quantity {
  margin: 0;
}

/* ボタンを丸いミントのピル型に */
.pet-single__cart-box .single_add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .55rem 1.7rem;
  border-radius: 999px;
  background: #8adcd1 !important;
  border: none;
  color: #000;
  font-weight: 600;
  font-size: .95rem;
}

/* ボタンのアイコン（🛒）をCSSで付ける場合 */
.pet-single__cart-box .single_add_to_cart_button {
  display: flex !important;
  align-items: center;
}
.pet-single__cart-box .single_add_to_cart_button::before {
  display: block;
  content: "";
  background-image: url(http://mogu.local/wp-content/uploads/2025/11/ka-to.png);
  background-size: contain;background-repeat: no-repeat;
  height: 1.5rem;
  width: 2rem;
}






  /* border-radius */
  .border-radius-normal {
    border-radius: 15px;
  }
  .border-radius-normal img{
    border-radius: 15px;
  }
  .md0 {
    margin-bottom: 0;
  }


  /* top-commitments */

  .top-commitments .top-commitment {
    position: relative;
  }
  
  .top-commitment .top-commitment-group {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
  }
  .top-commitments .top-commitment img {
  filter: brightness(50%) !important;
  }

  /* 画像の横幅 */
  .post_content li {
    padding: 0 !important;
  }
  /* 画像のかど */
  .p-postList__thumb {
    border-radius: 15px 15px 0 0;
  }
  /* タイトルの下 */
  .c-prodcard__title {
    margin-bottom: 0.8rem !important;
    font-size: 17px !important;
  }
  /* ボタンのサイズ */
  .c-prodcard__btn {
    display: block;
  }
  /* コンテンツ間 */
  .p-postList.-type-card.-pc-col3.-sp-col2 {
    justify-content: space-around;
  }
  /* コンテンツのサイズ */
  @media screen and (min-width: 1000px) {
    .-sidebar-off .-type-card.-pc-col3 .p-postList__item, .-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
        width: 30%;
    }
  }
  /* 値段のテキスト */
  .c-prodcard__price {
    font-weight: normal;
    font-size: 1em;
  }
  
  /* home-food */
  .home-food .swell-block-column {
    padding: 1.5rem 1rem;
  }
  .home-food .home-food-last .swell-block-columns__inner {
    align-items: center;
  }
  .home-food > div > div >div {
    justify-content: center;
  }

  @media screen and (min-width: 1000px) {
    .home-food-last {
      margin-top: 2rem !important;
    }
  }

  /* footer */

  .l-footer__inner {
    display: flex;
    align-items: end;
    max-width: 1100px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .l-footer__foot {
    width: 50%;
    padding-bottom: 2em;
  }
  .l-footer .copyright{
    font-size: 15px;
  }
  /*  ----- home レスポンシブ　----- */

  @media screen and (max-width:767px) {
    .hero-contents > .swell-block-columns__inner{
      flex-wrap: wrap-reverse;
    }
    .top-commitments > div > div > .swell-block-columns__inner {
      justify-content: center;
    }
    .top-commitment {
      width: 75% !important;
    }
    .p-postList__thumb {
      border-radius: 7px 7px 0 0;
    } 
    .c-prodcard {
      border-radius: 10px;
    }
    .c-prodcard__title {
      font-size: 14px !important;
      margin-bottom: 0.4rem !important;
    }
    .l-footer__inner {
      display: block;
    }
    .-type-card .p-postList__item {
      width: 48%;
    }
    .l-footer__foot {
      width: 100%;
    }
    .l-footer .copyright{
      font-size: 12px;
    }
    /* 商品リストのコンテンツ幅 */
    .c-prodcard__body {
      padding: 10px 13px 13px;
    }
    .c-prodcard__btn {
      padding: 4px 7px;
    }
    .-type-card .p-postList__item {
      margin-bottom: 1rem;
    }
    .c-prodcard__price {
      margin-bottom: 6px;
      font-size: 0.9em;
    }

  }

  /* ============ 下層ページ ============ */


.p-articleFoot {
  display: none;
}

.woocommerce div.product {
  padding-bottom: 0;
}

#after_article ul {
  gap: 30px;
}

@media screen and (max-width:767px) {
  .woocommerce ul.products li.product a img {
    margin-bottom: 0;
  }
  .woocommerce ul.products li.product h3 {
    padding: 0;
    margin: 0;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 1em;
}
.c-prodcard__desc {
  margin: 6px 0 10px;
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sp-width > .swell-block-columns__inner {
  justify-content: center;
}

.sp-width > .swell-block-columns__inner > div {
  width: 90%;
}
.sp-p1r.sp-width > .swell-block-columns__inner > div {
  padding: 1rem;
  font-size: 14px;
  width: 94%;
}
}