@charset "UTF-8";

/* ----------------------------------------
   topics.css
---------------------------------------- */
.bold {
	font-weight: bold;
}

main h1 img {
	max-width: 122.5px;
}

main.m1 {
	max-width: 1065px !important;
	min-height: calc(100vh - 330px);
}

main.m2 {
	max-width: 970px !important;
}

main.m1 h1 {
	/* margin-bottom: 20px !important; */
}

.logo_65th {
	margin: 0 auto 40px;
	width: 475px;
}

@media screen and (max-width: 767px) {
	main.m1 {
		min-height: 60vh;
	}

	.logo_65th {
		width: 280px;
	}
}

.ronb_tobecontinued {
	margin: auto;
	padding: 40px 0;
	width: 50%;
}

@media screen and (max-width: 767px) {
	.ronb_tobecontinued {
		padding: 20px 0;
	}
}

/* #topicsItems
---------------------------------------- */
#topicsItems {
	margin-bottom: 95px;
}

#topicsItems article {
	max-width: 1045px;
	margin: 0 auto;
}

#topicsItems article ul {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	margin-top: -40px;
}

#topicsItems article ul li {
	flex: 0 0 auto;
	width: 24%;
	margin: 40px 0.5% 0;
	max-width: 250px;
}

#topicsItems article ul li a .img {
	width: 100%;
	margin-bottom: 15px;
}

#topicsItems article ul li a .img img {
	width: 100%;
}

#topicsItems article ul li a .doc {
	text-align: left;
}

#topicsItems article ul li a .doc .ctg {
	margin-bottom: 10px;
	line-height: 1.1;
	font-family: dunbar-low, sans-serif;
	font-style: normal;
	font-weight: 600;
}

#topicsItems article ul li a:hover {
	text-decoration: none;
}

#topicsItems article ul .event .ctg {
	color: #e34e9b;
}

#topicsItems article ul .news .ctg {
	color: #233572;
}

#topicsItems article ul .campaign .ctg {
	color: #f29600;
}

#topicsItems article ul .topics .ctg {
	color: #1f69de;
}


/* #calendar
---------------------------------------- */
#calendar {
	padding: 85px 20px;
	background: #1fb9de;
	text-align: center;
}

#calendar h2 {
	margin-bottom: 20px;
	letter-spacing: 0.04em;
	line-height: 1.1;
	color: #fff;
	font-family: dunbar-low, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 3rem;
}

#calendar article {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1045px;
	margin: 0 auto;
	color: #fff;
}

#calendar article .box {
	flex: 0 0 31.41946%;
}

#calendar article .box h3 {
	margin-bottom: 15px;
	line-height: 1.1;
	font-size: 2rem;
}

/* #detail
---------------------------------------- */
#detail {
	padding-top: 60px;
	padding-bottom: 0;
}

#detail article {
	max-width: 950px;
}

#detail article .item {
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #323232;
}

#detail article .item .img {
	flex: 0 0 auto;
	width: 47.36842%;
}

#detail article .item .doc {
	flex: 0 0 auto;
	width: 48.42105%;
	text-align: left;
}

#detail article .item .doc .ctg {
	margin-bottom: 15px;
	line-height: 1.1;
	font-family: dunbar-low, sans-serif;
	font-style: normal;
	font-weight: 600;
}

#detail article .item .doc h3 {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 1.9rem;
	font-weight: bold;
}

#detail article .item .doc .txt {
	font-size: 1.4rem;
}

#detail article .item:first-child {
	margin-top: 0;
}

#detail article .event .ctg {
	color: #e34e9b;
}

#detail article .news .ctg {
	color: #233572;
}

#detail article .campaign .ctg {
	color: #f29600;
}

#detail article .topics .ctg {
	color: #1f69de;
}

/* ▼ @media : SP */
@media screen and (max-width: 768px) {
	#topicsItems article ul {
		margin-top: -15px;
	}

	#topicsItems article ul li {
		flex: 0 0 auto;
		width: 48%;
		max-width: none;
		margin: 15px 1% 0;
	}

	#topicsItems article ul li a .img {
		margin-bottom: 10px;
	}

	#topicsItems article ul li a .doc {
		font-size: 2.0833333333vw;
	}

	#topicsItems article ul li a .doc .ctg {
		margin-bottom: 5px;
	}

	#calendar {
		padding: 40px 20px;
	}

	#calendar article {
		display: block;
	}

	#calendar article .box+.box {
		margin-top: 20px;
	}
}

@media screen and (max-width: 480px) {
	#topicsItems article ul li a .doc {
		font-size: 3.125vw;
	}

	#detail article .item {
		display: block;
		margin-top: 30px;
		padding-bottom: 30px;
	}

	#detail article .item .img {
		width: 100%;
		margin-bottom: 10px;
	}

	#detail article .item .doc {
		width: 100%;
	}

	#detail article .item .doc .ctg {
		margin-bottom: 10px;
	}

	#detail article .item .doc h3 {
		font-size: 1.6rem;
	}
}

.cashless {
	color: #009;
}











































/* --------------------------------------------------
  topics__list
-------------------------------------------------- */
.topics__list {
	margin: 0 auto 100px;
	width: 1000px;
	display: flex;
	flex-wrap: wrap;
}

.topics__list--item {
	margin-bottom: 40px;
	width: calc((100% - 30px) / 4);
}

.topics__list--item:not(:nth-child(4n)) {
	margin-right: 10px;
}

.topics__list--item a {
	color: rgb(var(--blk));
	text-decoration: none;
}

.topics__list--item a .category__title {
	margin: 1em 0;
	line-height: 1;
	font-family: var(--dunbarLow);
}

@media screen and (max-width: 1150px) {
	.topics__list {
		margin-bottom: 8.696vw;
		width: 91.304vw;
	}

	.topics__list--item {
		margin-bottom: 3.478vw;
		width: calc((100% - 2.609vw) / 4);
		font-size: 1.304vw;
	}

	.topics__list--item:not(:nth-child(4n)) {
		margin-right: 0.87vw;
	}
}

@media screen and (max-width: 768px) {
	.topics__list {
		margin-bottom: 24vw;
		width: 94vw;
	}

	.topics__list--item {
		margin-bottom: 8vw;
		width: calc((100% - 2.667vw) / 2);
		font-size: 3.2vw;
	}

	.topics__list--item:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.topics__list--item:not(:nth-child(even)) {
		margin-right: 2.667vw;
	}

	.topics__list--item a .category__title {
		margin-bottom: 0.5em;
	}

	.topics__list--item a .category__text {
		line-height: 1.5;
	}
}

/* --------------------------------------------------
  topics__content
-------------------------------------------------- */
.topics__content {
	margin: 0 auto 60px;
	padding-bottom: 60px;
	width: 950px;
	border-bottom: solid 1px rgb(var(--blk));
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.topics__content .image {
	width: 450px;
}

.topics__content .detail {
	width: 460px;
}

.topics__content .detail .category {
	line-height: 1;
	font-size: 15px;
}

.topics__content .detail .title {
	margin: 1rem 0;
	line-height: 1.5;
	font-size: 18px;
}

.topics__content .detail .text {
	margin-bottom: 1em;
	font-size: 14px;
}

.topics__content .detail .table:last-of-type {
	margin-bottom: 1em;
}

.topics__content .detail .th,
.topics__content .detail .td {
	font-size: 14px;
	vertical-align: top;
}

.topics__content .detail .th {
	white-space: nowrap
}

.topics__content .detail .td {}

.topics__note {
	margin-bottom: 60px;
}

.topics__note li {
	font-size: 14px;
	text-align: center;
}

.topics__note li::before {
	content: "※";
}

.topics__update {
	margin: 0 auto;
	width: 470px;
}

@media screen and (max-width: 1150px) {
	.topics__content {
		margin-bottom: 5.217vw;
		padding-bottom: 5.217vw;
		width: 82.609vw;
	}

	.topics__content .image {
		width: 39.13vw;
	}

	.topics__content .detail {
		width: 40vw;
	}

	.topics__content .detail .category {
		font-size: 1.304vw;
	}

	.topics__content .detail .title {
		font-size: 1.565vw;
	}

	.topics__content .detail .text,
	.topics__content .detail .th,
	.topics__content .detail .td,
	.topics__note li {
		font-size: 1.217vw;
	}

	.topics__update {
		width: 40.87vw;
	}
}

@media screen and (max-width: 768px) {
	.topics__content {
		margin-bottom: 8vw;
		padding-bottom: 8vw;
		width: 94vw;
		flex-direction: column-reverse;
	}

	.topics__content .image,
	.topics__content .detail {
		width: 100%;
	}

	.topics__content .image {
		margin-bottom: 1em;
	}

	.topics__content .detail .category {
		font-size: 4vw;
	}

	.topics__content .detail .title {
		font-size: 4.267vw;
	}

	.topics__content .detail .text,
	.topics__content .detail .th,
	.topics__content .detail .td,
	.topics__note li {
		font-size: 3.733vw;
	}

	.topics__update {
		width: 50.133vw;
	}
}

/* cat01 (EVENT) */
.topics__list--item a .category__title.cat01::before,
.topics__content .detail .category.cat01::before {
	color: #ff6ebb;
	content: "EVENT";
}

/* cat02 (TOPICS) */
.topics__list--item a .category__title.cat02::before,
.topics__content .detail .category.cat02::before {
	color: #1ebade;
	content: "TOPICS";
}