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

/*ここからサンプル画像用CSS*/
.imagesample{
	width: 700px;
	height: 150px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/


/* --- 全体 --- */
body {
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
}


/* ナビ */
nav {
  background:#ffa76c;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
nav ul li {
  position: relative;
}
nav a {
  display: block;
  padding: 12px 20px;
  color: #fff;
  text-decoration: none;
}
nav a:hover {
  background: #ff6666;
}

/* サブメニュー */
nav ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffa76c;
  display: none;
  min-width: 160px;
}
nav ul ul li {
  width: 100%;
}
nav ul li:hover > ul {
  display: block; /* ホバーで表示 */
}