/*YOUTUBEレスポンシブ用CSS*/
/*<div class="youtube-wrap"></div>　で埋め込みURLを挟む*/

.youtube-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.youtube-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*商品ページ内　画像と画像の隙間をなくす*/
.fs-p-productDescription,.fs-p-productDescription--full,.fs-l-pageMain img {
  vertical-align: bottom;
}

/*商品ページ内　バリエーション*/
.fs-c-variationList__item__title {
  font-size:20px;
  color:white;
  background:black;
}

/*商品ページ内　キャッチコピー文字色変更*/
.fs-c-productNameHeading__copy {
  color:#ff0000;
}

/* お届け予定日の背景色を変更する */
.fs-c-estimatedDeliveryDate {
    background-color: rgb(255 0 0 / 14%);
}

/*商品ページ内　カート「残りわずか」文字色変更*/
span.fs-c-variationCart__variationName__stock.fs-c-variationCart__variationName__stock--lowInStock {
    color: indianred;
}


/* ▼イベントページ詳細説明テーブル用　*/
/* --- テーブルの外枠：スマホ等で横スクロールを可能にする --- */
.event-specTableContainer {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1em;
}

/* --- テーブル本体 --- */
.event-specTable {
    width: 100%;
    border-collapse: collapse; /* 枠線を一本にまとめる */
    border: 1px solid #b2b2b2;
    table-layout: fixed; /* 列の幅を固定し、はみ出しを防ぐ */
}

/* --- セル共通（ヘッダー・データ） --- */
.event-specTable__headerCell,
.event-specTable__dataCell {
    border: 1px solid #b2b2b2;
    padding: 12px 16px; /* 適切な余白 */
    vertical-align: top; /* 上揃えにすると、複数行の時に綺麗に見えます */
    line-height: 1.6;
    
    /* 改行を許可する設定 */
    white-space: normal; 
    word-break: break-all;
}

/* --- ヘッダーセル（左側の項目名）：左寄せ --- */
.event-specTable__headerCell {
    background: rgba(126, 126, 126, 0.08);
    font-weight: bold;
    text-align: left; /* 左寄せ */
    width: 30%;       /* 項目名の幅を調整 */
    min-width: 110px;
}

/* --- データセル（右側の内容）：左寄せ --- */
.event-specTable__dataCell {
    background: #ffffff;
    text-align: left; /* 左寄せ */
    width: 70%;
}

/* リンクの装飾（青色＋下線） */
.event-specTable__dataCell a {
    color: #0066cc;
    text-decoration: underline;
}

/* マウスホバー時に下線を消す */
.event-specTable__dataCell a:hover {
    text-decoration: none;
}
/* ▲イベントページ詳細説明テーブル用　*/