@charset "utf-8";
/*============================*/	
a.disabled{     pointer-events: none; }
/*============================*/

.br_none {display: none;}
@media screen and (max-width: 480px) {.br_none {display:block;}}



/* =====================
   popup list page
===================== */
.popup-list-page {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
	
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px 40px;   /* ← 上を0に */
}

/* タイトル 
.popup-list-page .page-title {
  font-size: 20px;
  margin: 0 0 28px;     
  padding-top: 0;       
}*/

/* =====================
   見出しデザイン
===================== */
.popup-list-page .page-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.08em;

  margin: 0 0 25px;
  padding-bottom: 12px;

  position: relative;
}

/* 下線アクセント */
.popup-list-page .page-title::after {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  background: #333;
  margin-top: 12px;
}

/* =====================
   BOX（余白広げる）
===================== */
/*.popup-list-page .popup-summary {
  background: #f5f5f5;
  padding: 32px 28px;  
  margin-bottom: 28px;

  border-left: 3px solid #bbb;
}
*/

/* BOXリンク */
.popup-list-page .popup-summary {
  display: block;
  text-decoration: none;
  color: inherit;

  background: #f5f5f5;
  padding: 24px 28px;
  margin-bottom: 20px;
	
  border-left: 3px solid #bbb;
  transition: all 0.25s ease;
}



/* hover */
.popup-list-page .popup-summary:hover {
  background: #f0f0f0;
  transform: translateY(-2px);  /* ← 少し浮く */
}

/* カーソル */
.popup-list-page .popup-summary {
  cursor: pointer;
}



/* =====================
   テキスト行間を広げる
===================== */


/* =====================
   月見出し（強化）
.popup-list-page .month {
  font-size: 14px;
  margin-bottom: 12px;
}
===================== */
.popup-list-page .month {
  font-size: 14px;          /* 少し小さめ */
  font-weight: 700;
  color: #777;              /* グレーで役割分離 */

  margin-bottom: 16px;      /* 余白しっかり */
  letter-spacing: 0.05em;
}

/* POPUP名 */
.popup-list-page .popup-name {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.8;
}

/* 店舗 */
.popup-list-page .store {
  font-size: 15px;
  margin-bottom: 16px;
  line-height: 1.5;
  font-weight: 700;
}

/* 日付・場所 */
.popup-list-page .date,
.popup-list-page .place {
  font-size: 14px;
  color: #444;
  margin-bottom: 8px;
  line-height: 1.5;
}

/* =====================
   詳細リンク（強調）
===================== */
.popup-list-page .link a {
  font-size: 14px;
  font-weight: 500;
  color: #333;                /* 黒より少し柔らかく */

  text-decoration: underline;
  text-underline-offset: 3px; /* 下線少し離す（上品） */
}

/* hoverも少しだけ */
.popup-list-page .link a:hover {
  opacity: 0.7;
}

/* =====================
   SP：左右余白を詰める
===================== */
@media screen and (max-width: 480px) {

  /* 外側の余白 */
  .popup-list-page {
    padding: 0 8px 32px;  /* 20px → 12px */
  }

  /* BOX内の余白 */
  .popup-list-page .popup-summary {
    padding: 20px 16px;   /* 28px → 16px */
  }

}