*{
  margin: 0;
  padding: 0;
}

/* html {
  font-size: 100%;
}
@media screen and (max-width: 1170px) {
  html {
    font-size: 150%;
  }
}
 @media screen and (min-width: 1024px) {
  html {
    font-size: 100%;
  } 
} */


body {
height: 100%;
background-color: #1b2538; 
/* overflow-y: hidden; */
}

.ly_p {
  margin-top: 2px;
  margin-bottom: 2px;
  color: #FFFFFF;
  font-size: 18px;
}

.no-wrap {
    display: inline-block; /* インラインブロック化 */
}

.ly_header {
  margin: 0px auto;
  max-width: 850px;
  position: sticky; 
  top: 0;
  padding: 0px;
  color: #FFFFFF;
  background-color: #1b2538;
  border: 0px;
  font-size: 18px;
}

.ly_main {
  margin: 0px auto;
  padding: 0px;
  max-width: 850px;
/*  height: 100vh; */
  background-color: #ffffcc;
  border: 0px;
/*  overflow-y: scroll; */
}

.ly_footer {
  position: sticky;
  bottom: 0;
  margin-top: 8px;
  padding: 0px;
  text-align: center; 
  font-size: 12px;
  color: #FFFFFF;
  background-color: #1b2538;
  border: 0px;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #1b2538;
}
li {
	float: left;
	border-left: 0.5px solid #bbbbbb;
	border-right: 0.5px solid #bbbbbb;
	border-bottom: 0.5px solid #bbbbbb;
	border-top: 0.5px solid #bbbbbb;
}
li:last-child {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
}
li a {
	display: block;
	color: white;
	text-align: center;
	padding: 1px 12.75px;
	text-decoration: none;
}
li a:hover:not(.active) {
	background-color: #a9bce2;
}
.active {
	background-color: #da3c41;
}