body {
  font-size: 1.6rem;
  background-color:#000;
  color: #fff;
}

a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}

img {
  border: none;
}

strong {
  color: #fa1;
  font-size: 135%;
}

.top_main_sitetitle,
.navbar-default ,
body #rss .entry_date,
body article h2 {
  font-family: 'Fjalla One', meiryo,sans-serif;
}

.navbar-default {
  background-image: linear-gradient(to bottom,#333 0,#000 100%);
  border-color: #fff ;
  font-size: 150%;
}

/**-- site title --*/
.navbar-default .navbar-brand, 
.navbar-default .navbar-brand:focus, 
.navbar-default .navbar-brand:hover {
  color: #fff;
}
.navbar-default .navbar-brand {
  padding: 0;
  margin-right: 2em;
}
.navbar-default .navbar-brand img{
  max-height: 100%;
  width: auto;
}
.navbar-default .navbar-brand .logotype-test{
  padding: 1.5rem 2rem;
  font-size: 3rem;
}
/**-- navi menu text --**/
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > a:focus{ 
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: #fff;
  color: #000;
/*  text-decoration: underline;*/
}

/**-- top_main --**/
#top_main .top_main_sitetitle {
  text-shadow:10px 10px 10px #000;
  background-color: rgba(0,107,187,0.65);
}

body h2 {
  font-size: 500%;
  box-shadow: 10px 5px 30px rgba(90, 176, 241,0.80);
  margin-bottom: 1em;
  background: url(images/darthalf.png) no-repeat 98% bottom;
  background-size: auto 50%;
}
/**---- smaller size only ----**/
@media all and (max-width:450px) {
  body h2 {
    background-image: none;
  }
}

body #top_main {
  padding-top: 0;
}

body #top_main .top_main_content{
  background-color: rgba(56, 54, 54, 0.6);
}

/**---- XS size ----**/
@media all and (max-width:480px) {
  body #top_main {
    position: relative;
  }
  body #top_main .top_main_sitetitle{
    display: block;
/*    margin-bottom: 1.5em;*/
  }
  body #top_main .top_main_content{
    position: relative;
        height: auto;
  }
}


/**---- sns ----**/
body article#sns .tweet_box ,
body article#sns .fbpage_box {
  margin-bottom: 3em;
}
body article#sns .fbpage_box .fb-page {
  margin: 0 auto;
}

/**---- rss ----**/
body article#rss .rss_entry_box {
  font-size: 2rem;
  margin-bottom: 2rem;
}
/**---- xs size only ----**/
@media all and (max-width:767px) {
  body article#rss .rss_entry_box {
    padding: 0;
  }
}
body article#rss .rss_entry_box .entry_header  {
  padding: 0 0.5em;
  background-color: rgb(0, 0, 0);
}

/**---- menuinfo ----**/
body article#menuinfo div p.menu_description {
    min-height: 9em;
}
body article#menuinfo div p.menu_description{
  min-height: 12em;
}


/**---- faq ----**/
body article#faq div.qa_box {
  box-shadow: 0px 3px 5px #fff;
  border-radius: 5px;
}

/**---- footer ----**/
footer div {
  background-color: transparent;
}

/**---- PC size ----**/
@media all and (min-width:992px) {
body #top_main .top_main_sitetitle h1 {
  font-size: 8rem;
  }
}
@media all and (min-width:768px) and (max-width:991px) {
body #top_main .top_main_sitetitle h1 {
  font-size: 6rem;
  }
}

@media all and (min-width:768px) {
  body #top_main .top_main_sitetitle{
    position: absolute;
    top: 0;
  }
  /**---- rss ----**/
  body article#rss .rss_entry_box {
    font-size: 3rem;
  }
}