@charset "UTF-8";

/* 子テーマ用CSS */

/* EDDカルーセル基本スタイル（現在コメントアウト中。必要あれば解除してください） */
/*
.edd-carousel {
  display: flex !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  padding: 10px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
*/

/* トップページのカルーセル幅調整（カルーセル使わないならコメントアウト推奨） */
/*
body.home .edd-download {
  flex: 0 0 23%;
  box-sizing: border-box;
}
*/

/* 抜粋の赤枠強調はテスト用なのでコメントアウト */
 /*
.edd-download_excerpt {
  background-color: rgba(255, 0, 0, 0.3) !important;
  color: black !important;
  border: 1px solid red !important;
  padding: 4px !important;
  font-weight: bold !important;
  display: block !important;
}
*/

/* 必要に応じてレスポンシブ用のメディアクエリにコードを追加してください */
@media screen and (max-width: 1023px){
  /* 必要に応じて記述 */
}
@media screen and (max-width: 834px){
  /* 必要に応じて記述 */
}
@media screen and (max-width: 480px){
  /* 必要に応じて記述 */
}

/* トップページのタイトル省略（1行） */
body.home .edd-download_title {
  font-size: 0.80em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
   max-width: 100%; /* 親幅に応じて調整 */
  display: block;  /* 省略効果のために必要 */
}

/* 商品カード全体をflex縦積みにして高さを揃える */
.edd-download {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* 内部コンテンツをflex縦積みで伸縮対応 */
.edd-download_inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* 抜粋部分の下マージン調整 */
.edd-download_excerpt {
  margin-bottom: 1em;
}

/* 購入ボタンをカード下部に固定 */
.edd-download_buy_button {
  margin-top: auto;
  align-self: flex-start;
}