html {
  overflow-y: scroll;
  scroll-behavior: smooth;
  min-height: 100%;
}

/* トップバナーやナビの高さぶん、もう少し下げた位置にスクロールしたい場合 */
#nav-menu-top {
  scroll-margin-top: 100px;
}

body {
  min-height: 100%;
  min-height: 100vh;
  display: flex;

  flex-direction: column;

  background-image: 
    url("/static/mikoto_meishiki/images/bg_deco.png"),
    url("/static/mikoto_meishiki/images/bg_texture.png");

  background-position:
    top center,
    top center;

  background-repeat:
    no-repeat repeat,
    repeat;

  background-size:
    100% auto,
    1920px auto;
}

main {
  flex: 1;
}

:root {
  --mikoto-red: rgba(165, 17, 9, 0.917);
  --mikoto-red-dark: rgb(76, 9, 5);
  --mikoto-gold: rgba(173, 134, 7, 0.917);
  --mikoto-blue: rgb(100,171,186);
  --mikoto-text: #3f3129;
}

/* 広告位置の配置 */
.mikoto-ad-label {
  padding: 5px;
}

.result-inline-ad-panel {
  display: flex;

  align-items: center;
  justify-content: center;
}