@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 style info :トップページのスタイル
=================================================================== */
body {
  background-color: #000;
}
/* --=== #content ===-- */
#wrapper {
  background: url(https://titleimg.spike-chunsoft.co.jp/www.danganronpa.com/vr/sp/images/bg.jpg) no-repeat 0 40px;
  -webkit-background-size: 100% auto;
  -ms-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
h1 {
  width: 48%;
  margin-top: 18%;
}
.contents {
  padding: 0 10px;
}
.read {
  /* padding: 35% 0 0; */
  margin-top: 35%;
}
.thumbnail {
  width: 75%;
  margin: 5% auto;
}
.thumbnail li {
  margin-bottom: 15px;
}
.text-free {
  margin-bottom: 20px;
}
/* --=== header ===-- */
#header {
  padding: 10px 10px 7px 10px;
  position: fixed;
  background: #000;
  width: 100%;
  height: 23px;
}
.header-inner {
  padding: 0px 20px 0 0;
  overflow: hidden;
}
#logo {
  width: 25%;
  float: left;
  position: absolute;
  transform: translateY(-50%);
  margin-top: 3%;
}
#social {
  /* clear: both; */
  width: 208px;
  /* margin: 10px auto 0; */
    /* text-align: left; */
  float: right;
  line-height: 0;
}
#social div {
  float: left;
  overflow: hidden;
  margin: 0px;
  width: auto;
}
#social .tw {
  margin-right: 5px;
  width: 76px;
}
#social .fb-like {
  margin-right: 5px;
  width: 72px;
}
/* --=== footer ===-- */
#footer {
  margin: 20px 0;
  padding: 0 10px;
}
.footer-banner {
  margin-bottom: 10px;
  overflow: hidden;
}
.footer-banner li {
  margin-bottom: 10px;
}
#footer p {
  line-height: 0;
}