@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900');

#cplist #topNewsWrap3 dl[data-category="キャンペーン"] {
	display: block!important;
}
#cplist {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-optical-sizing: auto;
	line-height: 1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	max-width: 1190px;
  margin: 0 auto;
	color: #555;
	font-size: 14px;
	font-family: "Noto Sans JP";
}

/*----- COMMON -----*/
#cplist #topNewsWrap3 a:hover {
	transition: 0.8s;
}
#cplist #topNewsWrap3 img {
	width: 100%;
}
#cplist #topNewsWrap3 a {
	font-size: inherit;
	text-decoration: none;
}
#cplist #topNewsWrap3 a img {
	opacity: 1;
}
#cplist #topNewsWrap3 a img:hover {
	opacity: .7;
	transition: 0.3s
}
#cplist::selection {
	color: #FFF;
	background: #ff9541;
}
#cplist #topNewsWrap3 p {
  font-size: 18px;
  text-wrap: wrap;
  text-align: justify;
  word-break: break-all;
}
#topNewsWrap3 .moreLoad {
	display: none;
}

/*----- H1 H2 H3 H4-----*/
#cplist h1,
#cplist h2 {
	color: #333;
}

/*-- タイトル --*/
#cplist h2 {
	font-size: 28px;
	font-weight: 600;
	padding: 1.4rem 2%;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #e0e0e0;
	background: #fcf0f6;
}

/*-- リスト --*/
#cplist #topNewsWrap3 {
  max-width: 98%;
  display: flex;
  gap: 2rem;
	flex-wrap: wrap;
  justify-content: space-between;
}
#cplist #topNewsWrap3 dl {
  width: 31%;
  background: #f7f6f6;
  padding: 20px;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .2);
}

/*justify-content: space-betweenによって、最後の dl が右端による現象を回避*/
#cplist #topNewsWrap3::after {
	display: block;
	content:"";
	width: 31%;
}

#cplist #topNewsWrap3 dl dt {
  width: 100%;
  margin-right: 0;
}
#cplist #topNewsWrap3 dl dt img {
  width: 100%;
	height: auto;
  border: 1px solid #eee;
}
#cplist #topNewsWrap3 dd {
	width: 100%;
}
#cplist #topNewsWrap3 dd span.attn1 {
  display: none;
}
#cplist #topNewsWrap3 dd span.newsDate {
  display: inline-block;
  color: #888;
  background: transparent;
  margin-top: 20px;
}
#cplist #topNewsWrap3 dd p {
  line-height: 1.5;
  margin-top: 15px;
  color: #111
}

@media screen and (max-width: 1023px){
	#cplist h2 {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px){
	#cplist #topNewsWrap3 {
		max-width: 96%;
	}
	#cplist #topNewsWrap3 section > div {
		padding: 4px;
	}

	/*-- タイトル --*/
	#cplist h2 {
		font-size: 16px;
	}

	/*-- リスト --*/
	#cplist #topNewsWrap3 {
		max-width: 100%;
		gap: 0;
		justify-content: space-evenly;
	}
	#cplist #topNewsWrap3 dl {
		width: calc(48% - 8px);
		padding: 10px;
	}

	/*justify-content: space-betweenによって、最後の dl が右端による現象を回避*/
	#cplist #topNewsWrap3::after {
		width: calc(48% - 8px);
	}

	#cplist #topNewsWrap3 dd span.newsDate {
			margin-top: 10px;
	}
	#cplist #topNewsWrap3 dd p {
    font-size: 14px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 428px){
	#cplist #topNewsWrap3 dd p {
			font-size: 12px;
	}
}