#second_contents h2.programtitle { }
#second_contents h3.programtitle { background-color:#FE7F83; padding:10px; border-left:10px solid #f9aeb0 !important; line-height:25px !important; color:#FFFFFF !important; margin-right:0 !important;}
#second_contents h4.programtitle { }
#second_contents h5.programtitle { }

h2#page-title { overflow: visible !important;}
#page-title .subtitle{ float:right !important;line-height: 34px !important;}
/* ギャラリー -----------------------------------------------*/
p{
	font-size: 17px;
	padding: 0 5px;
}
p:last-child{
	padding-bottom: 0;
}
#second_contents .gallery{
	display: block;
	overflow: hidden;
}

#second_contents .gallery li{
	display: block;
	float: left;
	overflow: hidden;
	background: url(../../../img/plus-sign.png) center center no-repeat;
	width: 152px;
	height: 112px;
	text-align:center;
	margin-left: 15px;
	margin-bottom: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#second_contents .gallery.three-cols li{
	width: 282px;
	height: 267px;
}

#second_contents .gallery.two-cols li{
	width: 438px;
	height: 267px;
}

#second_contents .gallery li a{
	display: block;
}

/**/
#second_contents .textgallery{
	display: block;
	overflow: hidden;
}

#second_contents .textgallery li{
	display: block;
	float: left;
	overflow: hidden;
	width: 152px;
	height: 30px;
	text-align:center;
	margin-left: 15px;
	margin-bottom: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#second_contents .textgallery.three-cols li{
	width: 282px;
	height: 267px;
}

#second_contents .textgallery.two-cols li{
	width: 438px;
	height: 267px;
}

#second_contents .textgallery li a{
	display: block;
}

.h3-title {
	border-left:10px solid #666;
	padding-left:15px !important;}

.h3-socialtitle {
	border-left:10px solid #FC6;
	padding-left:15px !important;}

/*-------------番組情報の種別-----------------------------------*/

/*　テーブル　*/
.base-table {background:#ccc;}
.base-table th,
.base-table td { padding:8px !important; font-size:13px !important;}
.base-table th { width:19%; background-color: #EDEDED;}
.privacybox table {font-size:13px;}
.privacybox table th {
	background: #FE7F83;
	padding: 10px;
	color: #FFFFFF;
	text-align:left;
}
.privacybox table td { padding:10px 15px; line-height:140%;}

#charity-datatable {
	border-top:1px solid #1f1f1f;}

#charity-datatable tr td {
	padding:10px;
	border-bottom:1px solid #1f1f1f;
	border-right:1px solid #1f1f1f;
	border-left:1px solid #1f1f1f;
	font-size:13px;
	}

#charity-datatable tr th {
	padding:10px;
	border-bottom:1px solid #1f1f1f;
	border-left:1px solid #1f1f1f;
	border-top:0;
	background-color:#EEEEEE;
	font-size:13px;
	font-weight:normal;
	}
.company-datatable tr th,
#company-datatable tr td,
.company-datatable tr td {
	font-size:13px;
	padding:15px 5px;
	line-height:140%;
	}
	.company-logo-img { margin-top:0; max-width:100%;}
/*リスト*/
#second_contents ul.cl-lists li.cl-lists {margin:5px 0px 5px 10px;}
#second_contents ol.number-list {list-style-type:decimal;}
#second_contents ul.number-list {list-style-type: disc;}

.cl-lists li{
		font-size: 13px;
    padding: 10px 5px;
		border-bottom: 1px dashed #ccc;
}

#second_contents ol.number-list,
#second_contents ul.number-list {
	list-style-position: outside;
	margin-left:35px;
	}
#second_contents ol.number-list li,
#second_contents ul.number-list li {
	margin: 5px 0;
	border-bottom: #DCDCDC 1px dotted;
	padding: 10px 0 10px 10px;
	font-size: 13px;
	line-height: 180%;}
#container .listbloc li {
	font-size:13px;
	text-align:right;
	padding:3px 0;
	}

	/* 2025/3/10 */
	body {
		line-height: 1;
    color: #51565b;
    background: none;
    background-color: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 100%;
	}
#second_contents #container {
	width: 740px;
  margin: 0 99px!important;
  padding: 10px;
	}
ul.method {
	line-height: 180%;
  font-size: 13px;
	font-weight: 600;
  padding: 0 15px 10px;
  list-style: disc;
	}
	table {margin-bottom: 12px;}
	th {background-color: #EEEEEE;	}
	th:nth-child(1), th:nth-child(4) {width: 25%;}
	th:nth-child(2), th:nth-child(3)  {width: 20%;}
	tr:nth-child(even) {background-color: #ffffff;}
	tr:nth-child(odd) {background-color:#d5f7f7;}

	div.reg {
		text-align: center;
		margin: 20px 0;
	}
	div.reg img {
		max-width: 15%;
		margin-bottom: 10px;
	}
.b-w {font-weight: 600;}

/* 2025/7/15 */
.thumb-img-box {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 gap: 20px;
	 margin-top: 10px;
	 margin-bottom: 10px;
 }

 .thumb {
	 flex: 1 1 30%;
	 max-width: 30%;
	 text-align: center;
 }

 .thumb img {
	 max-width: 100%;
	 height: auto;
 }
 /* 2025/8/4 */
 div.thumb2 {
	 margin-top: 10px;
	 margin-bottom: 10px;
 }
 div.thumb2, div.caption {
	 text-align: center;
 }
.thumb2 img {
	 width: 70%;
	 height: auto;
	 /* text-align: center; */
 }
 div.caption {
	 font-size: 90%;
	 /* flex: 1 1 70%; */
	 /* max-width: 70%; */
	 /* text-align: center; */
 }

 /* 2026/4/24 */
 /* ==============================
   Menkoi Donation Page
============================== */

.donation-page {
  color: #18324a;
  background:
    radial-gradient(circle at top left, rgba(20, 117, 196, 0.16), transparent 28%),
    linear-gradient(180deg, #eef8ff 0%, #ffffff 42%, #f6fbff 100%);
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  line-height: 1.8;
  overflow: hidden;
}

.donation-page *,
.donation-page *::before,
.donation-page *::after {
  box-sizing: border-box;
}

.donation-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

.donation-container {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
}

/* hero */
.donation-hero {
  position: relative;
  padding: 26px 0 64px;
  color: #fff;
  background:
    linear-gradient(135deg, #005bac 0%, #0076d6 48%, #39b7ff 100%);
}

.donation-hero::before,
.donation-hero::after {
  /* content: ""; */
  /* position: absolute; */
  /* border-radius: 999px; */
  /* background: rgba(255,255,255,0.18); */
  /* pointer-events: none; */
}

.donation-hero::before {
  /* width: 320px; */
  /* height: 320px; */
  /* top: -90px; */
  /* left: -100px; */
}

.donation-hero::after {
  width: 220px;
  height: 220px;
  right: -50px;
  bottom: -70px;
}

.donation-hero .donation-container {
  position: relative;
  z-index: 1;
}

.donation-hero__label {
  margin: 0 0 14px;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  color: rgba(255,255,255,0.82);
}

.donation-hero h1 {
  margin: 0;
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-shadow: 0 6px 18px rgba(0,0,0,0.16);
}

.donation-hero__lead {
  max-width: 900px;
  margin: 20px 0 0;
  font-size: 1.05rem;
  color: rgba(255,255,255,0.94);
}

.donation-hero__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 760px;
  margin-top: 30px;
	margin-left: 70px
}

.info-card {
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.22);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.12);
}

.info-card span {
  display: block;
  margin-bottom: 6px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.72);
}

.info-card strong {
  font-size: 1.08rem;
}

/* section */
.donation-section {
  padding: 64px 0;
}

.donation-section--light {
  background: rgba(255,255,255,0.72);
}

.section-heading {
  margin-bottom: 26px;
}

.section-heading p {
  margin: 0 0 8px;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  color: #0071c8;
}

.section-heading h2 {
  margin: 0;
  font-size: clamp(1.7rem, 2.8vw, 2.4rem);
  line-height: 1.3;
  font-weight: 900;
  color: #18324a;
}

/* message */
.message-box {
  padding: 32px 28px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #dbeaf6;
  box-shadow: 0 18px 40px rgba(24, 50, 74, 0.08);
}

.message-box h2 {
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 900;
  color: #005bac;
}

.message-box p {
  margin: 0;
  color: #303e4c;
}

/* method */
.method-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.method-card {
  position: relative;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(24, 50, 74, 0.08);
  border: 1px solid #dbeaf6;
}

.method-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 52px;
  margin-bottom: 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #005bac 0%, #2aa8ff 100%);
  color: #fff;
  font-weight: 900;
}

.method-card h3 {
  margin: 0 0 10px;
  font-size: 1.2rem;
  font-weight: 900;
  color: #18324a;
}

.method-card p {
  margin: 0;
  color: #4b6074;
}

/* bank table */
.bank-table-wrap {
  overflow-x: auto;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(24, 50, 74, 0.08);
  background: #fff;
}

.bank-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  background: #fff;
}

.bank-table th,
.bank-table td {
  padding: 16px 18px;
  border-bottom: 1px solid #e3eef8;
  text-align: left;
  vertical-align: middle;
}

.bank-table th {
  background: #005bac;
  color: #fff;
  font-size: 0.92rem;
  font-weight: 900;
}

.bank-table td {
  color: #213b54;
  font-weight: 600;
}

.bank-table tbody tr:last-child td {
  border-bottom: none;
}

.note-box {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #eef8ff;
  border: 1px solid #cde5f8;
  color: #43586d;
}

.note-box p {
  margin: 0;
}

.note-box p + p {
  margin-top: 6px;
}

/* receipt */
.receipt-box {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 30px 28px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #dbeaf6;
  box-shadow: 0 18px 40px rgba(24, 50, 74, 0.08);
}

.receipt-box__label {
  margin: 0 0 8px;
  color: #0071c8;
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.receipt-box h2 {
  margin: 0 0 10px;
  font-size: clamp(1.4rem, 2.8vw, 2rem);
  font-weight: 900;
  color: #18324a;
}

.receipt-box p {
  margin: 0;
  color: #4b6074;
}

.donation-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #005bac 0%, #2aa8ff 100%);
  color: #fff;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 14px 24px rgba(0,91,172,0.22);
	margin-bottom: 25px;
}

/* final */
.donation-section--final {
  padding-top: 20px;
  padding-bottom: 80px;
}

.final-message {
  display: grid;
  justify-items: center;
  gap: 18px;
  text-align: center;
}

.final-message img {
  max-width: 100px;
}

.final-message h2 {
  margin: 0;
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  color: #005bac;
  font-weight: 900;
}

/* responsive */
@media (max-width: 900px) {
  .donation-hero__cards,
  .method-grid,
  .receipt-box {
    grid-template-columns: 1fr;
  }

  .receipt-box {
    align-items: stretch;
  }

  .donation-button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .donation-container {
    width: min(100% - 20px, 1080px);
  }

  .donation-hero {
    padding: 52px 0 42px;
  }

  .donation-hero h1 {
    font-size: clamp(1.8rem, 8vw, 2.6rem);
  }

  .donation-hero__lead {
    font-size: 0.95rem;
  }

  .donation-section {
    padding: 46px 0;
  }

  .message-box,
  .method-card,
  .receipt-box {
    padding: 22px 16px;
    border-radius: 20px;
  }

  .bank-table th,
  .bank-table td {
    padding: 13px 14px;
    font-size: 0.92rem;
  }

  .note-box {
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 0.92rem;
  }

  .donation-section--final {
    padding-bottom: 56px;
  }
}