span.notificationIcon {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  background-color: #C00;
  font-size: 14px;
}
span.notificationIcon span {
  width: 20px;
  font-weight: 900;
  display: inline-block;
}
@media (min-width: 700px) {
span.notificationIcon {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background-color: #C00;
    font-size: 14px;
	margin-right: 5px;
  }
span.notificationIcon span {
    width: 20px;
    font-weight: 900;
    display: inline-block;
  }
}


	.bl-title{
		padding: 1.4em 1em 1em 1em !important;
	}
	.bl-title__pjname{
		color: white !important;
		font-weight: bold !important;
		text-align: center !important;
		margin: 0 0 0.2em 0 !important;
		padding: 0 !important;
		border: none !important;
		letter-spacing: 1px;
		display: flex;
		gap: 8px;
		justify-content: center;
		align-items: baseline;
	}

	.bl-pj{}
	.bl-pj__label{
		white-space: nowrap;
	}
	.bl-pj__name{
		text-align: left;
		line-height: 28px;
	}
	.bl-title__pjlead{
		color: white !important;
		font-weight: normal !important;
		text-align: center !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		letter-spacing: 1px;
	}


		.bl-image-container{
			position: relative;
		}
		.bl-image-container__image{
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: 50% 50%;
		}
		.bl-image-container__location{
			position: absolute;
			right: 24px;
			top: 12px;
			z-index: 1;
		}

		.swiper-container{
			width: 100%;
			height: 470px;
			overflow: hidden;
		}

		@media (max-width: 1400px){
			.swiper-container{
				height: 340px;
			}
		}

		@media (max-width: 1200px){
			.swiper-container{
				height: 320px;
			}
		}

		@media (max-width: 992px){
			.swiper-container{
				height: 540px;
			}
		}

		@media (max-width: 768px){
			.swiper-container{
				height: 430px;
			}
		}

		@media (max-width: 576px){
			.swiper-container{
				height: 324px;
			}
		}

		/* iPhone XR */
		@media (max-width: 415px){
			.swiper-container{
				height: 232px;
			}
		}

		

				.pj-head{
					font-size: 0.85em;
					display: inline-block;
					min-width: 65px;
					letter-spacing: 1px;
					white-space: nowrap;

				}
				.pj-body{
					letter-spacing: 1px;
				}

				.pj-condition{
					color: #ffffff;
					text-align: center;
					font-size: 0.9em;
					white-space: nowrap;
				}
				.pj-condition--success{
					background: #f55555;
				}
				.pj-condition--failure{
					background: #999999;
				}
				

@media (max-width: 992px){
	.media-break{
		display: none;
	}
}


		.nav.nav-tabs{
			white-space: nowrap;
			flex-wrap: nowrap;
			max-width: 100%;
			overflow-x: scroll;
			overflow-y: hidden;
			z-index: 10;
			-ms-overflow-style: none;
			scrollbar-width: none;
		}
		.nav.nav-tabs::-webkit-scrollbar{
			display: none;
		}
		.nav.nav-item{
			white-space: nowrap;
		}
		
	



	/*リターンタイトル*/
	.return-list dl{
		margin: 0 0 10px 0 !important;;
	}
		
	/*リターンタイトル*/
	.return-list h3{
		font-weight: normal;
		font-size: 16px;
		text-align: center;
		margin: 10px auto;
	}
	/*リターン説明*/
	.return-list .en+p{
		line-height: normal;
		font-size: 13px;
		margin: 14px auto;
		padding: 0 10px;
	}
	/*金額*/
	.return-list .en{
		font-size: 1.5rem;
		letter-spacing: 1px;
		text-align: center !important;
	}
	
	.light-sep{
		max-width: 120px;
		border: 1px solid #eeeeee;
		margin: 10px auto;
	}
	.bl-return-attr{
		font-size: 1.2em;
	}
	.bl-return-attr__supporter i{
		line-height: 20px;
	}

	

.carousel-control-next,
.carousel-control-prev {
	width: auto;
	color: #e59a36;
	opacity: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: opacity 0.15s ease;
}

.carousel-control-next:hover,
.carousel-control-prev:hover,
.carousel-control-next:focus,
.carousel-control-prev:focus{
	width: auto;
	color: #e59a36;
}
.carousel-control-prev{
	left: 0;
}
.carousel-control-next{
	right: 0;
}

#carouselPrev i,
#carouselNext i{
	line-height: 36px !important;
}

.carousel-item{
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	backface-visibility: hidden;
	transition: transform 0.6s ease-in-out;
}


.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
	display: flex;
}

.project-tile{}
.project-tile__img{
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: 50% 100%;
}
.project-tile__title{
	font-size: 0.85em;
	height: 5em;
}

/* Primary support action in the HARU and Kanoa hero summaries. */
.project-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:16px}
.project-hero-actions .project-support-button{display:block;width:100%;padding:17px 12px;border:1px solid #0068b7;border-radius:4px;background:#0068b7;color:#fff;font-size:18px;font-weight:700;line-height:1.6;white-space:normal;box-shadow:0 3px 8px rgba(0,104,183,.18);transition:background-color .15s,box-shadow .15s}
.project-hero-actions .project-support-button:hover{background:#005593;border-color:#005593;color:#fff;box-shadow:0 4px 10px rgba(0,104,183,.24)}
.project-hero-actions .project-support-button:focus-visible{outline:3px solid #e59a36;outline-offset:3px}
#project-support{scroll-margin-top:100px}

/* CSV-based return inventory and support totals. */
.return-stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0;padding:10px 12px;background:#f3f7f7;border-radius:4px;font-size:14px}
.return-stats p{margin:0}

/* Match the home page project cards' achievement display. */
.project-achievement{margin-bottom:16px}
.project-achievement__row{display:flex;align-items:center;gap:8px}
.project-achievement__track{flex:1;min-width:0}
.project-achievement__value{min-width:72px;text-align:right;white-space:nowrap}
.project-achievement__value .w-large{font-weight:600}