@charset "utf-8";

H1 { text-align: center; color: #0000CC;}
H2 { text-align: center; color: #0000CC;}
H3 { color: #3300FF; }

header h1 {
	text-align: center; 
	color: #0000CC;
	/* margin: 2.0em 0 1.5em 0; */
  margin: 0em;
  padding: .75em 0;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}


/*
.nav {
	list-style-type: none;
}
.nav li {
	display: inline-block;	
}
.nav li::before {
	content: "";
}
*/

h1 span {
	display: inline-block;
}

body {
	color: #000000;
	background-color: #FFFFFE;
	margin-left: 4em;
	margin-right: 4em;
	font-size:.95rem;
}


.home {
	font-size: 1.2rem;
	margin: auto 5%;
}


ul {
	list-style-type: none;
}

li::before {
	content: "\25FC";
	color: #0000CC;
	margin-right: 5px;
}

.home ul {
	list-style-type: none;
	text-indent: -.7em;
	line-height: 1.8;
	/* color: #000077; */
	/* display: flex; */
}



/* p {text-indent: 1rem; line-height: 1.5;} */
p {line-height: 1.5;}
strong {color: #8B0000;}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* align-items: start; */
	align-items: center;
}

/* calender */
.cal {
	text-align: center;
	flex: 1;
}
.cal iframe {
	width: 80%; 
	height: 300px;
	border: none;
	margin-top: 20px;
}



footer {
		margin: 2em 0 0 0;
	  padding: .5em .5em;
border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	font-size: small;
}

.update { 
	font-size: small;
  font-style: italic; 
  /* padding: .5em 0; */
  /* border-top: 1px solid #000000; */
  /* border-top: 2px solid #000000;
  border-bottom: 2px solid #000000; */
}

a {
	text-decoration: none; 
	color: #000077;
}
/* A:link { color: green; }
A:visited { color: green; } */
/*
A:active { color: red; }
A:hover {color: red; }
A.gl { font-weight: bold; color: #8B0000; }
*/
/* TABLE.data {border-style: none; border-collapse: separate; border-spacing: 1em;} */
/*DT { font-weight: bold; color: #3300FF; margin: 1rem 0rem 0.5rem 0rem ; }
DT.gl { font-weight: bold; color: #8B0000; margin: 2rem 0rem 0.5rem 0rem ;}
*/

/* member list */
table.member th {
	text-align:left;
}

table.member td:nth-child(1) {
  white-space: nowrap;
  width:280px;
}

table.member a {
	text-decoration: none; 
	color: #008000;	
}

/* shinro */
.shinro ul {
	display: flex;
	flex-wrap: wrap;
}

/*
DIV.item { font-weight: bold; padding-right: 1rem; color: #003399;}
DIV.update { font-style: italic; }
DIV.body { margin-left: 3rem; margin-right: 3rem; }
H1 { text-align: center; color: #0000CC;}
H2 { text-align: center; color: #0000CC;}
H3 { color: #3300FF; }
*/

/* BODY { color: #000000; background-color: #F0F8FF; } */
/* BODY { color: #000000; background-color: #FFFFF8; } */
/* BODY { color: #000000; background-color: #FFFFFF; font-size:.95rem;} */





/* for smartphone */
@media all and (max-width: 768px) {
	body {
	color: #000000;
	/* background-color: #FFFFFF; */
	background-color: #FFFFFE;
	margin-left: 0;
	margin-right: 0;
	font-size:.95rem;
	}
.flex {
	display: flex;
	flex-direction: column;
}
.cal iframe {
	width: 100%;
	height: 300px;
	border: none;
	margin-top: 0px;
}
	
table.member td:nth-child(1) {
  white-space: nowrap;
  width:180px;
}
	
/* shinro */
.shinro ul {
	flex-direction: column;
}

}