.layout {
  display: flex;            /* 横並びにする */
  margin: 1mm;
}
.sidebar {
  width: 50mm;             /* ナビゲーションの幅を固定 */
  background-color: #f5f5f5;
}

.homeicon {
  width: 50mm;
}

.content {
  flex: 1;                  /* 残りのスペースを自動で埋める */
  padding: 20px;
} 

.hover:link{
  color: rgb(0, 0, 0);
}

a:visited{
  color: rgb(0, 0, 0);
}

.hover:visited{
  color: rgb(160, 160, 160);
}

.hover:hover{
  color:aqua;
  font-size: 20px;
	font-weight: bold;
}

.hover:active{
  color:pink;
  font-size: 20px;
	font-weight: bold;
}

ul {
  list-style: none;
}

.outline {
  border-radius:2mm ;
  border: 0.8mm solid rgb(41, 126, 231);
  /* outline-offset: 1mm; */
  /* margin: 1mm; */
}

nav.outline{
  margin: 0mm;
}

img.eyecatch {
  height: 30mm;
  width: 30mm;
}

li.navlist {
  position: relative; /* ← 疑似要素を絶対配置するため */
  padding-left: 5mm; /* 矢印の分だけ余白をとる */
  border-radius:0mm ;
  height: 10mm;
}

li.navlist:hover::after {
  content: "";
  position: absolute;
  right: 0; /* ← 左に出す場合。右なら right: 0 に */
  top: 50%;
  width: 12.5mm;     /* ← 矢印の幅 */
  height: 7mm;    /* ← 矢印の高さ */
  background-image: url('../images/V6-000.svg'); /* 矢印画像を指定 */
  background-size: contain;  /* ← 画像を枠に収める */
  background-repeat: no-repeat;
  transform: translateY(-50%);
  
}

.topfill_monotonicline{
  background-color: #fff; /* または main と同じ下地色 */
  background-image: repeating-linear-gradient(135deg, rgba(41, 126, 231,0.1), rgba(41, 126, 231,0.1) 0.8mm, transparent 4px, transparent 6px);
}