@charset "UTF-8";

#news {
	margin-top: 120px;
}

#news h3 {
	font-size: 26px;
	margin: 0 0 6% 0;
}

#news .day {
	margin-bottom:6%;
	font-size: 16px;
}

#news .text {
	margin-bottom:6%;
	font-size: 16px;
}

#news li {
	width: 32%;
}

#news.news251027 img,#news.news251118 img {
	width: auto;
	margin: 0 auto 6%;
}

#news.news251027 a,#news.news251118 a {
	color: #C90010;
	text-decoration: underline;
}

#news.news251210 .flexBox {
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:1%;
}

#news.news251210 .flexBox li {
	width:19.2%;
	margin-bottom: 1%;
}

#news.news251210 .flexBox li img {
	width:100%;
}

/*＝＝＝＝＝＝
モーダル
＝＝＝＝＝＝＝*/
.modaal-outer-wrapper {
    overflow: hidden;
}

html.modaal-noscroll,
body.modaal-noscroll {
  overflow: hidden !important;
}

/* Modaalの画像切り替え時に白背景が出ないように */
.modaal-gallery-item {
  background: transparent !important;
}

/* モーダル全体の背景透過を維持（白フラッシュ防止） */
.modaal-container {
  background-color: transparent !important;
}

/* モーダル表示中は常にスクロールバーを隠す */
html.modaal-fixed,
body.modaal-fixed {
  overflow: hidden !important;
}

/* 白いフラッシュ防止 */
.modaal-gallery-item {
  background: transparent !important;
}
.modaal-container {
  background-color: transparent !important;
}

#cboxTitle {
    color: #ffffff;
    font-size: 24px;
}

#cboxNext {
    background-position: 0px 0px;
    right: 34px;
    top: 50% !important;
    width: 2.5em;
    height: 2.5em;
    border-top: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
    transform: translateY(-25%) rotate(135deg);
}

#cboxPrevious {
    background-position: 0px 0px;
    left: 34px;
    top: 50% !important;
    width: 2.5em;
    height: 2.5em;
    border-bottom: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
    transform: translateY(-25%) rotate(45deg);
}



@media screen and (min-width:320px) and ( max-width:767px) { 

	#news {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	#news h3 {
		font-size: 5vw;
		margin: 0 0 60px 0;
	}
	
	#news .day {
		margin-bottom:40px;
	}
	
	#news .text {
		text-align: left;
		margin-bottom:40px;
	}
	
	#news .annotation {
		font-size: 10px;
	}
	
	#news ul {
		width: 80%;
		margin: 0 auto 80px;
	}

	#news li {
		width: 100%;
		margin-bottom: 20px;
	}

	#news.news251027 .imgBox {
		overflow-x: auto;
		direction: rtl; /* ← 右から左方向のスクロール */
		-webkit-overflow-scrolling: touch; /* スマホでの慣性スクロール */
		margin-bottom: 30px;
	}

	#news.news251027 .imgBox img {
		display: inline-block;
		direction: ltr; /* 画像の中身の反転を防ぐ */
		margin-bottom: 10px;
		width: 800px;
	}

	#news.news251118 img {
		width: 90%;
		margin: 0 auto 40px;
	}
	
	#news.news251210 .flexBox {
		width: 100%;
		gap:1%;		
	}

	#news.news251210 .flexBox li {
		width:32.66%;
	}
	
	#cboxNext {
		right: 15px;
		width: 20px;
		height: 20px;
		border-top: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
	}
	
	#cboxPrevious {
		left: 15px;
		width: 20px;
		height: 20px;
		border-bottom: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
	}	
	
	
	
	
	

}

@media screen and (min-width:768px) and ( max-width:1120px) {
}