/* ============================================
   SNS SECTION
   ============================================ */
.sns-embed {
  --sns-gold: #c69e58;
  --sns-ink: #4a4a4a;
  padding: 80px 20px;
  background: #f0ece1;
}
 
.sns-embed__inner {
  display: flex;
  gap: 48px;
  max-width: 1100px;
  margin: 0 auto;
  justify-content: center;
}
 
.sns-embed__col {
  flex: 1 1 0;
  max-width: 500px;
}
 
/* 見出し行 */
.sns-embed__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(198, 158, 88, .4);
}
 
.sns-embed__ttl {
  margin: 0;
  font-family: "Cormorant Garamond", "Times New Roman", "游明朝", serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: .06em;
  color: var(--sns-ink);
}
 
/* MOREボタン（白地・細枠） */
.sns-embed__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  padding: 8px 18px;
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--sns-ink);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--sns-ink);
  transition: background-color .2s ease, color .2s ease;
}
.sns-embed__more:hover {
  background: var(--sns-ink);
  color: #fff;
}
 
/* サムネイルグリッド（2列） */
.sns-embed__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
 
/* 各投稿枠（正方形） */
.sns-embed__item {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(198, 158, 88, .25);
}
.sns-embed__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease, opacity .3s ease;
}
.sns-embed__item:hover img {
  transform: scale(1.06);
  opacity: .85;
}
 
/* ===== 1024px以下 ===== */
@media screen and (max-width: 1024px) {
  .sns-embed { padding: 60px 16px; }
  .sns-embed__inner { gap: 24px; }
  .sns-embed__ttl { font-size: 24px; }
  .sns-embed__grid { gap: 8px; }
}
 
/* ===== 599px以下 ===== */
@media screen and (max-width: 599px) {
  .sns-embed { padding: 48px 16px; }
  .sns-embed__inner {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .sns-embed__col { width: 100%; max-width: 400px; }
  .sns-embed__ttl { font-size: 22px; }
}

/* サムネイルグリッド（2列） */
.sns-embed__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
 
/* 各投稿枠 */
.sns-embed__item {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(198, 158, 88, .25);
}
.sns-embed__item img,
.sns-embed__item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease, opacity .3s ease;
}
.sns-embed__item:hover img,
.sns-embed__item:hover video {
  transform: scale(1.06);
  opacity: .85;
}
 
/* --- TikTok（動画）：縦長比率・クリックはaに通す --- */
.sns-embed__item--video {
  aspect-ratio: 9 / 16;
}
.sns-embed__item--video video {
  pointer-events: none; /* クリックを親のaに通す */
}
/* 再生アイコン（クリックで遷移を示唆） */
.sns-embed__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .45);
  pointer-events: none;
  transition: background-color .2s ease;
}
.sns-embed__play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent transparent transparent #fff;
}
.sns-embed__item--video:hover .sns-embed__play {
  background: #fe2c55;
}
 
/* ===== 1024px以下 ===== */
@media screen and (max-width: 1024px) {
  .sns-embed { padding: 60px 16px; }
  .sns-embed__inner { gap: 24px; }
  .sns-embed__ttl { font-size: 24px; }
  .sns-embed__grid { gap: 8px; }
  .sns-embed__play { width: 44px; height: 44px; }
}
 
/* ===== 599px以下 ===== */
@media screen and (max-width: 599px) {
  .sns-embed { padding: 48px 16px; }
  .sns-embed__inner {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .sns-embed__col { width: 100%; max-width: 400px; }
  .sns-embed__ttl { font-size: 22px; }
}

.sns-embed__col .titbox .more02.g .btn{
  background-color: #fe2c55;
  border: none;
}

.sns-embed__col .titbox .more02.g .btn a{
  background-color: #fe2c55;
}

.sns-embed__col_insta .titbox .more02.b .btn{
  background: linear-gradient(73deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
  border: none;
}

.sns-embed__col_insta .titbox .more02.b .btn a{
  background: linear-gradient(73deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
}