/* @charset "utf-8"; */

/* 20231106 追加 */

ul.portal {
    /*    margin: 0;*/
  margin-top: 1em;
  margin-bottom: 3em;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
ul.portal li {
  list-style: none;
  width: 400px;
  margin: 25px;
  padding: 25px;
  box-shadow: 0 0 10px rgba(128,128,128,0.5);
  border-radius: 8px;
  display: flex;
  cursor: pointer;
  cursor: hand;
}
ul.portal li.portal_item:hover {
  background: #fef9b7;
}
ul.portal li.dummy {
  box-shadow: none;
}
ul.portal li .text {
  flex: 1;
}
ul.portal li .img {
  width: 62px;
  margin: 4px;
  padding: 0;
}
ul.portal li .text .desc {
  color: #6c6c6c;
  font-size: 90%;
}
ul.portal li .text .name {
  color: #6c6c6c;
  font-size: 220%;
}
ul.links li {
  list-style: none;
  margin: 2em;
  padding: 1em;
  text-align: center;
  box-shadow: 0 0 10px rgba(128,128,128,0.5);
}

ul.portal li.p_link {
	position:relative;
	height: 50px;
  padding: 25px 40px 25px 0px;
	text-align: center;
}

ul.portal li.p_link:hover {
  background: #fef9b7;
}

ul.portal li.p_link .text {
	position:absolute;
  width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

ul.portal li.p_link .text .desc {
  color: #6c6c6c;
  font-size: 90%;
  padding: 0px auto;
}
ul.portal li.p_link .text .name {
  color: #6c6c6c;
  font-size: 140%;
}
.fs140 { font-size: 140%; }