@charset "UTF-8";
/* 1〜12月の誕生石詳細ページ共通。月別ページではテキストと画像のみ変更する。 */
.birthstone-products.is-static{
  overflow-x:visible;
  padding-bottom:0;
  background:none;
  scroll-snap-type:none;
  cursor:default;
  user-select:auto;
}
.birthstone-month-hero img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover}.birthstone-month-intro{padding-top:28px;padding-bottom:58px;font-size:13px;line-height:1.8}.birthstone-month-intro p{margin:0 0 18px}.birthstone-month-intro .common-outline-button{margin-top:30px}.birthstone-chip-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:90px}.birthstone-chip-list a{padding:5px 10px;color:#fff;background:#225C8D;border-radius:99px;font-size:12px;line-height:1}.birthstone-chip-list a::after{content:" ▸"}.birthstone-gem-list{display:grid;gap:78px}.birthstone-gem{scroll-margin-top:18px}.birthstone-gem__title{width:80%;margin:0 auto 28px;padding-bottom:12px;border-bottom:1px solid #777;font-family:"Zen Old Mincho",serif;font-size:20px;font-weight:400;letter-spacing:.08em;text-align:center}.birthstone-gem__image{display:block;width:80%;margin:auto;border-radius:8px}.birthstone-gem__meaning{margin:22px 0;text-align:center;font-family:"Zen Kaku Gothic New","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:500}.birthstone-gem__description{padding:0 5% 28px;font-size:12px;line-height:1.8}.birthstone-gem__description p{margin:0 0 12px;font-size: 11px;}.birthstone-products{--slider-progress-start:0%;--slider-progress-end:29%;display:grid;grid-auto-columns:48%;grid-auto-flow:column;gap:3%;overflow-x:auto;margin-top:18px;padding-bottom:19px;background:linear-gradient(to right,#F8F8F8 0 var(--slider-progress-start),#225C8D var(--slider-progress-start) var(--slider-progress-end),#F8F8F8 var(--slider-progress-end) 100%) bottom/100% 2px no-repeat;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.birthstone-products::-webkit-scrollbar{display:none}.birthstone-products a{position:relative;display:block;overflow:hidden;min-width:0;color:#111;background:#f4f4f4;scroll-snap-align:start}.birthstone-products img{display:block;width:100%;height:auto}.birthstone-products span{font-size:14px}.birthstone-products a>span{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:10px 8px 8px;background:transparent;line-height:1.5}.birthstone-products a>span>small{display:block;margin:0;font-size:14px;line-height:1.5;white-space:nowrap}.birthstone-products .woocommerce-Price-amount,.birthstone-products .woocommerce-Price-currencySymbol,.birthstone-products .woocommerce-price-suffix,.birthstone-products small bdi,.birthstone-products small ins,.birthstone-products small del{display:inline;margin:0;white-space:nowrap}.birthstone-products .woocommerce-price-suffix{font-size:inherit}.birthstone-facts{width:calc(100% / .95);margin-top:36px;margin-left:calc((100% - (100% / .95)) / 2);background:#F7F7F7}.birthstone-facts details{background:#F7F7F7;border-bottom:12px solid #F7F7F7}.birthstone-facts summary{position:relative;width:95%;margin:auto;padding:19px 4%;cursor:pointer;list-style:none;font-size:12px;font-weight:600}.birthstone-facts summary::-webkit-details-marker{display:none}.birthstone-facts summary::after{content:"+";position:absolute;right:4%}.birthstone-facts details[open] summary::after{content:"−"}.birthstone-facts details p{width:95%;margin:0 auto;padding:22px 4%;background:#fff;font-size:11px;line-height:1.8}.birthstone-detail-faq{margin-top:90px}.birthstone-detail-faq .common-outline-button{margin-top:50px;background:#fff}.birthstone-detail-page .subpage-collection{padding-top:75px}.birthstone-detail-page .shopping-guide{margin-top:108px}@media(min-width:768px){.birthstone-month-hero{max-width:1920px;margin:auto}.birthstone-month-hero img{aspect-ratio:16/10}.birthstone-gem-list{grid-template-columns:repeat(2,1fr);max-width:1100px;margin:auto}
  .birthstone-month-hero{aspect-ratio:1440/700;overflow:hidden}
  .birthstone-month-hero img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
  .birthstone-month-intro{max-width:900px;margin-right:auto;margin-left:auto;padding-top:58px;padding-bottom:86px;font-size:var(--fs-body)}
  .birthstone-month-intro .common-outline-button {
    margin-top: 60px;
}
.birthstone-chip-list a {
    padding: 7px 18px 8px 22px;}
  .birthstone-chip-list{justify-content:center;margin-top:58px}
  .birthstone-gem-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:48px;
    row-gap:0;
    margin-bottom:-100px;
  }
  .birthstone-gem-list > .birthstone-gem{
    display:grid;
    grid-row:span 6;
    grid-template-rows:subgrid;
    width:100%;
    max-width:none;
    padding-bottom:100px;
  }
  .birthstone-gem-list > .birthstone-gem > .birthstone-gem__title{grid-row:1}
  .birthstone-gem-list > .birthstone-gem > .birthstone-gem__image{grid-row:2}
  .birthstone-gem-list > .birthstone-gem > .birthstone-gem__meaning{grid-row:3}
  .birthstone-gem-list > .birthstone-gem > .birthstone-gem__description{grid-row:4}
  .birthstone-gem-list > .birthstone-gem > .birthstone-products{grid-row:5}
  .birthstone-gem-list > .birthstone-gem > .birthstone-facts{grid-row:6}
  .birthstone-gem-list > .birthstone-gem:last-child:nth-child(odd){
    width:calc((100% - 48px) / 2);
    grid-column:1 / -1;
    justify-self:center;
  }
  .birthstone-products{grid-auto-columns:48%;gap:3%;cursor:grab;user-select:none}
  .birthstone-products.is-dragging{cursor:grabbing;scroll-snap-type:none}
  .birthstone-gem__description p {
    margin: 0 0 12px;
    font-size: 16px;
}
.birthstone-gem__meaning {
    margin: 40px 0 20px;
    font-size: 20px;
    font-weight: 500;
}
.subpage-intro { padding: 64px 4% 78px; }
}