h2.scene-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 80px;
  background-image: url("../img/h2.png");
  padding: 12px;
  z-index: 3;
}
h2.scene-title span {
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 30px;
  line-height: 56px;
  color: #4e3c39;
  -webkit-text-stroke: 2px #70d3c9;
  paint-order: stroke;
  text-shadow: 0 0 7px #fdfbfc;
  display: block;
  border-radius: 5px;
  border: 1px solid #4e3c39;
  box-shadow: 0 0 5px #4e3c39 inset;
  text-align: center;
  transition: .3s ease-in-out;
}
div.home h2.scene-title span {
  background-color: #74bb8c;
}
div.quest h2.scene-title span {
  background-color: #c0c7c8;
}
div.farm h2.scene-title span {
  background-color: #e5df8a;
}
div.show h2.scene-title span {
  background-color: #ed7685;
}
div.sales h2.scene-title span {
  background-color: #e7927f;
}
div.myRoom h2.scene-title span {
  background-color: #8ae4e5;
}
div.computer h2.scene-title span {
  background-color: #c4e58a;
}
div.labo h2.scene-title span {
  background-color: #8ab3e5;
}
div.depart h2.scene-title span {
  background-color: #e5aa8a;
}
div.items h2.scene-title span {
  background-color: #c689ca;
}
div.zoo h2.scene-title span {
  background-color: #fb92c5;
}
h2.scene-title span:hover {
  color: #70d3c9;
  -webkit-text-stroke: 2px #4e3c39;
  background-color: #655650 !important;
}

div.top-menu {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 80px;
  background-image: url("../img/topMenu.png");
  z-index: 2;
}
div.bottom-menu {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 713px;
  height: 88px;
  background-image: url("../img/bottomMenu.png");
  z-index: 2;
}
div.content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
}
figure.thumbnail {
  width: 100px;
  height: 50px;
}
figure.thumbnail img {
  width: 100%;
}
div.btn-back {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

/* タイトル */
div.title h1.scene-title {
  width: 70%;
  margin: 0 auto;
}
div.title h1 img {
  width: 100%;
}
div.title button.btn-title {
  width: 300px;
  height: 80px;
  display: block;
  background-image: url("../img/h2.png");
  padding: 12px;
  margin: 10px auto;
}
div.title button.btn-title span {
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 30px;
  line-height: 56px;
  color: #4e3c39;
  -webkit-text-stroke: 2px #70d3c9;
  paint-order: stroke;
  text-shadow: 0 0 7px #fdfbfc;
  display: block;
  border-radius: 5px;
  border: 1px solid #4e3c39;
  box-shadow: 0 0 5px #4e3c39 inset;
  text-align: center;
  transition: .3s ease-in-out;
}
div.title button.home span {
  background-color: #70d3c9;
}
div.title button.load span {
  background-color: #ffbeb4;
}
div.title button.setting span {
  background-color: #f3ebf0;
}
div.title button.btn-title span:hover {
  color: #70d3c9;
  -webkit-text-stroke: 2px #4e3c39;
  background-color: #655650 !important;
}

/* ホーム */
div.home {
  background-image: url("../img/home/home-background.png");
}

/* ホーム:ボタン */
button.btn-home {
  cursor: pointer;
  position: absolute;
}
div.home button#quest {
  top: 487px;
  right: 272px;
}
div.home button#farm {
  top: 337.5px;
  left: 322px;
}
div.home button#myRoom {
  top: 294px;
  right: 208px;
}
div.home button#depart {
  top: 294px;
  right: 44px;
}
div.home button#computer {
  top: 487px;
  right: 55px;
}
div.home button#show {
  top: 95px;
  left: 16px;
}
div.home button#sales {
  top: 95px;
  left: 432px;
}
div.home button#labo {
  top: 95px;
  right: 271px;
}
div.home button#items {
  top: 95px;
  right: 54px;
}
div.home button#zoo {
  top: 340px;
  left: 16px;
}
button.btn-home figure {
  position: relative;
}
button.btn-home figure img {
  transition: .3s ease-in-out;
}
button.btn-home figure:hover img {
  filter: drop-shadow(0 0 3px #70d3c9) drop-shadow(0 0 7px #fdfbfc) drop-shadow(0 0 10px #fdfbfc);
  transform: scale(1.02);
}
button.btn-home figcaption {
  position: absolute;
  bottom: -1.1rem;
  left: 50%;
  translate: -50% 0;
}
button#items figcaption {
  bottom: -2.5rem;
  line-height: 3rem;
}
button#zoo figcaption {
  bottom: -.8rem;
}
button.btn-home figcaption span:first-child {
  position: relative;
  color: #655650;
  white-space: nowrap;
  -webkit-text-stroke: 7px #fdfbfc;
  paint-order: stroke;
  transition: .3s ease-in-out;
}
button.btn-home figcaption span:last-child {
  position: absolute;
  color: #fdfbfc;
  font-weight: bold;
  top: 50%;
  left: 50%;
  -webkit-text-stroke: 8px #70d3c9;
  paint-order: stroke;
  text-shadow: 0 0 15px #70d3c9, 0 0 15px #70d3c9, 0 0 15px #70d3c9;
  white-space: nowrap;
  transition: .3s ease-in-out;
  translate: -50% -50%;
  z-index: -1;
}
button.btn-home figure:hover figcaption span:first-child {
  color: #fdfbfc;
  -webkit-text-stroke: 7px #655650;
}
button.btn-home figure:hover figcaption span:last-child {
  color: #655650;
  -webkit-text-stroke: 9px #70d3c9;
  text-shadow: 0 0 20px #70d3c9, 0 0 20px #70d3c9, 0 0 20px #70d3c9, 0 0 20px #70d3c9, 0 0 20px #70d3c9, 0 0 20px #70d3c9;
}

/* 牧舎 */
div.farm {
  background-image: url("../img/farm/farm-background.png");
}

/* 目標 */
div.quest {
  background-image: url("../img/quest/quest-background.png");
}

/* 品評会 */
div.show {
  background-image: url("../img/show/show-background.png");
}

/* セリ */
div.sales {
  background-image: url("../img/sales/sales-background.png");
}

/* 自宅 */
div.myRoom {
  background-image: url("../img/myRoom/myRoom-background.png");
}

/* パソコン */
div.computer {
  background-image: url("../img/computer/computer-background.png");
}

/* デパート */
div.depart {
  background-image: url("../img/depart/depart-background.png");
}

/* 研究所 */
div.labo {
  background-image: url("../img/labo/labo-background.png");
}

/* 怪しい売店 */
div.items {
  background-image: url("../img/items/items-background.png");
}

/* ザッシュー園 */
div.zoo {
  background-image: url("../img/zoo/zoo-background.png");
}