@charset "UTF-8";

/* global */

body {
  margin-top: 0;
  padding-top: 0;
}


/* title */

header h1 {
  color: #a8004b;
  font-size: 250%;
  margin: 0;
  padding: 0;
  text-shadow: white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               white 0 0 2px,
               #e03873 0 0 0.5em;
}

header h1:before,
header h1:after {
  color: #e03873;
  font-size: 150%;
  margin: 0 0.25em;
  vertical-align: middle;
}

header h1:before {
  content: "･･･✿";
}
header h1:after {
  content: "✿･･･";
}

h1#site-title {
  font-size: normal;
  margin: 0;
  padding: 0;
}

h1#site-title a {
  left: 1%;
  position: absolute;
  top: 0;
  width: 20%;
}

h1#site-title img {
  width: 100%;
}


/* navigation menu */

#menu {
  margin-top: 0;
}

/* small-screen */

@media (max-width: 600px) {
  header h1,
  header h1:before,
  header h1:after {
    font-size: 120%;
  }

  header h1:before {
    content: "･･✿";
  }
  header h1:after {
    content: "✿･･";
  }

  h1#site-title {
    display: none;
  }
}