@charset "UTF-8";
@font-face {
  font-family: "Hymmnos";
  src: url("http://fau-varda.net/Hymmnos/hymmnogram/fonts/hymmnos.ttf") format("truetype"); }
@font-face {
  font-family: "arciela";
  src: url("http://fau-varda.net/Hymmnos/hymmnogram/fonts/ar-ciela_compartment.ttf") format("truetype"); }
a {
  color: #0FA0CE; }

a:hover {
  color: darkcyan; }

body {
  color: darkslategray;
  margin: 0;
  padding: 0; }

table {
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word; }

form {
  margin-bottom: 0; }

@media (min-width: 550px) {
  .show_sp {
    display: none; } }

@media (max-width: 550px) {
  .show_pc {
    display: none; } }

header {
  margin: 0;
  padding: 0;
  margin-bottom: 2.5rem; }
  header #header_in {
    padding-top: 10px; }
  @media (min-width: 549px) {
    header #logo_menu {
      min-width: 800px; } }
  header h3 {
    margin: 0;
    padding: 0;
    font-family: "Hymmnos";
    position: relative;
    color: lightgray; }
    header h3 span {
      position: absolute;
      color: seagreen;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Verdana, "ＭＳ Ｐゴシック", sans-serif;
      top: 0;
      left: 0; }
  header #sp_navi_btn {
    margin: 0;
    padding: 0;
    display: none; }
  header #sp_navi_btn_o {
    width: 100%;
    height: auto; }
  header ul {
    height: 100%;
    text-align: center;
    margin: auto; }
  header li {
    color: dimgray;
    margin: auto;
    list-style: outside none none; }
    header li a {
      color: dimgray;
      text-decoration: none; }
  header .sp_navi_li {
    display: none; }
  header .pc_navi {
    text-align: center; }
  header .search {
    text-align: right; }
  header select {
    color: dimgray; }
  header input[type=text] {
    color: dimgray;
    width: 100%; }
  header button {
    width: 100%;
    background-color: seagreen;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/search.png"); }
  @media (max-width: 550px) {
    header #sp_navi_btn {
      display: inline-block; }
    header .logo {
      width: 190px; }
    header .navi {
      width: 40px;
      float: right; }
    header select {
      height: 100%; }
    header button {
      width: 15%;
      float: right; }
    header .pc_navi {
      display: none; } }
  @media (min-width: 551px) {
    header li {
      display: inline-block; } }

main h1 {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  border-bottom: solid 1px dimgray; }
main .show_hymmnos {
  font-size: 40px;
  font-size: 4rem;
  line-height: 100%;
  font-family: "Hymmnos";
  word-wrap: break-word; }
main .show_arciela {
  font-size: 40px;
  font-size: 4rem;
  font-family: "arciela";
  word-wrap: break-word; }
main .show_alphabet {
  word-wrap: break-word; }
main .datail {
  padding-bottom: 10px;
  margin-bottom: 10px; }
  main .datail th {
    white-space: nowrap;
    width: 10%; }
@media (max-width: 550px) {
  main .search_word_pc {
    display: none; } }
main .example h5 {
  border-bottom: solid 3px dimgray; }
main .example .examples span {
  font-weight: bold; }
main .word_list_top {
  color: white;
  font-weight: bold;
  text-align: center;
  width: 100%; }
main .search_word h5 {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px dimgray; }
main .list {
  display: none; }
main .foreluna .foreluna_datail {
  display: none; }
main #checker_textarea {
  width: 100%;
  height: 200px;
  margin: 0px;
  border: solid 1px dimgray;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
main .word_data {
  display: none;
  position: absolute;
  top: 0;
  left: 0; }
main .binasphere textarea {
  margin: 0;
  padding: 0; }
@media (max-width: 550px) {
  main .binasphere .ratio {
    width: 50%; } }
@media (max-width: 550px) {
  main .binasphere .checkbox_fixed {
    width: 50%;
    text-align: right;
    float: right; } }
main .side_menu td {
  text-align: center; }
main .side_menu h1 {
  margin-bottom: 0; }
main .side_menu .list {
  display: inline-block;
  margin: 0 5px 0 5px; }

/*# sourceMappingURL=style.css.map */