/* =============================================================
　 ページ固有スタイル
   ============================================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* Font Awesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');


/* =============================================================
   present.css — 懸賞クイズ当選者発表 ページ固有スタイル
   ============================================================= */

/* =============================================================
   当選者カード
   ============================================================= */
.card {
  margin: 10px 0;
  font-size: 15px;
  color: #009900;
  font-weight: bold;
}


/* =============================================================
   プレゼントリスト
   ============================================================= */
.list_gift-wrap {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.list_gift {
    background: #fffde8;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 14px;
    border-bottom: 2px dotted #f7ab00;
    letter-spacing: -0.06em;
  }

.list_gift::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  background-image: url(img/ic_gift01.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}



/* =============================================================
   囲み数字
   ============================================================= */
.kakomu_maru,
.kakomu_maru-2digit {
  padding: 0.03rem 0.2rem;
  margin: 0 4px;
  border: 1px solid #777;
  border-radius: 50px;
  font-family: inherit;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  vertical-align: middle;
}

.kakomu_maru-2digit {
  padding: 0.3rem 0.2rem;
  margin: 4px;
}

.kakomu_none {
  padding: 0.03rem 0.2rem;
  margin: 0 4px;
  font-family: inherit;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  vertical-align: middle;
}


/* =============================================================
   プレゼントアイコン — レスポンシブ表示切り替え
   ============================================================= */
@media (max-width: 400px) {
  .present { display: none; }
}

@media (min-width: 408px) {
  .present_pc { display: none; }
}