@charset "UTF-8";
/* レスポンシブビデオスタイル */
#video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9のアスペクト比を維持 */
}

#video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
#video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 69.25%;}
#video{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;}
}
/*スマホヘッダー*/
.g-header .g-header__nav-sp-btn+.lower .ttl.--tel{background-color: ;}
.g-header .g-header__nav-sp-btn+.lower .ttl.--mail{background-color: ;}
.g-header .g-header__nav-sp-btn{background-color: ;}
.g-nav .g-nav__list .nav-link{color: #ffffff;}
.c-visual .c-visual__message .c-visual__message-ttl .main, .c-visual .c-visual__message .c-visual__message-ttl .sub{background-color: #563f2d;}

.c-visual .c-visual__bullet{bottom: -90px;}
/*ロード*/
.preloader .preloader-after, .preloader .preloader-before{background: linear-gradient(to right, #563f2d, #7f4428);}
/*フッター*/
.g-fixarea .contact--1{background-color: #563f2d}
.g-fixarea .contact--1:hover{background-color: #7f4428;}
.g-pagetop a{background: #563f2d;}
/*area*/
.p-common-area .p-common-area__inner{padding: 64px 0 64px;padding: 40px 0 60px;}
/*セクション*/
.c-after__ac{background-color: #7f4428}
.p-common-area .p-common-area__inner{position: initial;}
.bg-danger{background-color: #563f2d;}
.c-section:nth-child(odd){background-color: #7f4428;}
.p-common-tel{background-color: #7f4428;border: 5px solid #7f4428;}
.c-btn.--line{background: linear-gradient(to bottom, #563f2d, #563f2d);}
.c-section--trans{background-color: #fef9ef !important;}
.c-table-price tbody th{color: #563f2d;}
/* よくある質問 */
.p-common-texture:after{background: #b28c6d;}
/* アイコンのスタイル */
.fa-check-circle {
  color: #008000; /* アイコンの色を緑に設定 */
}

/* ======================
   商品ボックス
   ====================== */

.p-common-area__address {
  padding: 28px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.06);
}

@media (max-width: 767px) {
  .p-common-area__address {
    padding: 18px;
  }
}

/* ======================
   商品画像（装飾なし）
   ====================== */

.p-product-image {
  box-shadow: none;
  border-radius: 0;
}

.p-product-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* ======================
   メタ情報
   ====================== */

.p-product-meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (max-width: 767px) {
  .p-product-meta {
    grid-template-columns: 1fr;
  }
}

.p-product-meta__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #faf7f3;
  border: 1px solid rgba(127, 68, 40, 0.2);
  font-weight: 600;
}

.p-product-meta__item span {
  background: rgba(127, 68, 40, 0.1);
  color: #7f4428;
  padding: 6px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}

/* ======================
   価格を強調（上品）
   ====================== */

.p-product-meta__price {
  grid-column: 1 / -1;   /* ← 1列にする */
  background: linear-gradient(135deg, #2f1810, #2f1810);
  border: none;
  color: #fff;
  padding: 18px 20px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

.p-product-meta__price span {
  background: rgba(255,255,255,0.15);
  color: #fff;
}

.p-product-meta__price .price-amount {
  font-size: 30px;       /* ← 少し大きく */
  font-weight: 800;
  color: #fff;
}

.p-product-meta__price small {
  color: rgba(255,255,255,0.85);
}