body {
	background-color: white;
	color: black;
	margin: 0;
}

h2 {
	text-align: center;
}

/*---------------ハイパーリンクの設定-----------------*/
a {
	text-decoration: none;

	&:link {
		color: #004060;
	}
	&:visited {
		color: #004060;
	}
	&:hover {
		color: #ff00ab;
	}
	&:active {
		color: #604000;
	}
}
/*-----------------------------------------------------*/

.content {
	font: bold 1rem "Times New Roman", serif;
	margin: 0;
}

.center { text-align: center; }

/*-------------ヘッダー-------------*/

h1 {
	position: relative;
	top: 25%;
	text-align: center;
}

.top-title {
	display: block;
}

.en-name {
	display: block;
	font: normal normal 700 1rem "Times New Roman",Times,serif;
}

nav {
	position: absolute;
	top: 10px;
	right: 10px;
    ul {
	display: flex;
	list-style: none;
	padding: 0;
	& li {
		margin: 10px;
	}
    }
}

.header-nav-btn {
	text-align: center;
}

.header-nav-btn-txt {
	display: block;
	font: normal normal 700 18px "Times New Roman",Times,serif;
}

.header-nav-btn-sub-txt {
	display: block;
	font: normal normal 700 12px "Yu Mincho Light",YuMincho,"Yu Mincho","游明朝体","ヒラギノ明朝 ProN","Hiragino Mincho ProN","ＭＳ 明朝","MS Mincho",sans-serif;
}




/*----------メインビジュアル--------------*/
.main-visual-box {
	display: grid;
	grid-template-columns: 40% 60%;
}

.visual-top {
	grid-column-start: 1;
	grid-column-end: 2;
	height: 400px;
	position: relative;
	overflow: hidden;
	margin: 0;
}

.vis-01, .vis-02, .vis-03, .vis-04 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.vis-01 {
	background-image: image-set(
	  url("./012_seimeiTEL2023_L.jxl") type('image/jxl'),
	  url("./012_seimeiTEL2023_L.avif") type('image/avif')
	);
	background-size: cover;
	animation: slide-animation-01 24s infinite;
}
.vis-02 {
	background-image: image-set(
	  url("./007_seimeiTEL2019_L.jxl") type('image/jxl'),
	  url("./007_seimeiTEL2019_L.avif") type('image/avif')
	);
	background-size: cover;
	animation: slide-animation-02 24s infinite;
}
.vis-03 {
	background-image: image-set(
	  url("./m42_L.jxl") type('image/jxl'),
	  url("./m42_L.avif") type('image/avif')
	);
	background-size: cover;
	animation: slide-animation-03 24s infinite;
}
.vis-04 {
	background-image: image-set(
	  url("./ngc1068_L.jxl") type('image/jxl'),
	  url("./ngc1068_L.avif") type('image/avif')
	);
	background-size: cover;
	animation: slide-animation-04 24s infinite;
}

@keyframes slide-animation-01 {
	0% {opacity: 1;}
	20% {opacity: 1;}
	25% {opacity: 0;}

	95% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes slide-animation-02 {
	0% {opacity: 0;}

	20% {opacity: 0;}
	25% {opacity: 1;}

	45% {opacity: 1;}
	50% {opacity: 0;}

	100% {opacity: 0;}
}
@keyframes slide-animation-03 {
	0% {opacity: 0;}

	45% {opacity: 0;}
	50% {opacity: 1;}

	70% {opacity: 1;}
	75% {opacity: 0;}

	100% {opacity: 0;}
}
@keyframes slide-animation-04 {
	0% {opacity: 0;}

	70% {opacity: 0;}
	75% {opacity: 1;}

	95% {opacity: 1;}
	100% {opacity: 0;}
}


.content-box {
	grid-column-start: 2;
	grid-column-end: 3;

	& .text-box {
		margin-left: 1rem;
	}
}

#about-monday-seminar {
	background-image: linear-gradient(to right, #6203fc, #03fcf4);
	color: white;
	padding-left: 20px;
	margin: 0;
	text-align: left;
}



/*-----------フッターの設定-------------*/
footer {
	background-color: #f4f3ff;

	display: grid;
	grid-template-columns: 27.5% 45% 27.5%;
	.links {
		grid-column-start: 2;
		grid-column-end: 3;
	}

	/*--------世話人欄-----------*/
	.organizers-info {
		grid-column-start: 3;
		grid-column-end: 4;
		padding-right: 1rem;
		text-align: right;
	}
}



/*--------------予定表のスタイル--------------------*/
#monday-zasshikai-calendar {
	background-image: linear-gradient(to right, #03fcf4, #00ff1d);
	color: white;
	margin: 1rem 25%;
}

table {
	border: 2px solid black;
	border-collapse: collapse;
	margin: 0 auto;
}

th,
td {
	border: 1px solid black;
}

thead th[scope="col"] {
	background-color: #5383c3;
	color: #ffffff;
}

thead th[scope="col"]:nth-child(1) {
	width: 80px;
}

thead th[scope="col"]:nth-child(2) {
	width: 100px;
}

thead th[scope="col"]:nth-child(3) {
	width: 600px;
}

tr td:nth-child(1) {
	text-align: center;
}

tr td:nth-child(2) {
	text-align: center;
}



/*-----------メンバー欄------------*/
#regular-member {
	background-image: linear-gradient(to right, #00ff1d, #f1ff00);
	color: white;
	margin: 1rem 25%;
}

.regular-member-box {
	text-align: center;
	padding-bottom: 20px;
}

.regular-member-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1rem, 6vw, 3rem) 10px;
	list-style: none;
	max-width: 890px;
	margin: auto;
	padding: 0;

	li {
		width: clamp(8.5rem, 16vw, 13rem);
		.position {font-size: 0.75rem;}
		.name {font-size: 1rem;}
		p {margin: 0;}
	}
}