body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}


#header {
  position: relative;
  padding: 0;
  margin: 0;
  /*vertical-align: bottom;*/
  line-height: 0;
  background-color: #000;
}

#header img#pict{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#header video#movie{
  top: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
}

#blankBox {
  width: 100%;
  /*margin: 0 auto;*/
  background-color: #262626;
}

#menu {
  width: 100%;
  margin: 0 auto;
  background-color: #262626;
  z-index: 100;
}

#menu ul{
  width: 500pt;
  margin: 0 auto;
  padding: 0;
}

/*#menu ul li {
  display: inline-block;
  list-style-type: none;
}*/

@media screen and (min-width: 0px) and (max-width: 499px) {
  #menu ul li {
    display: block;
    list-style-type: none;
  }
}


@media screen and (min-width: 500px) {
  #menu ul li {
    display: inline-block;
    list-style-type: none;
  }
}

.intro {
  text-align: center;
}

.intro-title {
  font-family: serif;
  font-weight: bold;
  font-size: 16pt;
  margin-top: 3vw;
  margin-bottom: 1vw;
}

.intro-content {
  font-family: sans-serif;
  font-size: 12pt;
  line-height:1.8;
}

.concept {
  display: block;
  margin: 0 auto;
  padding-right: 1vw;
}

.example {
  display: block;
  margin: 0 auto;

}

ul.details {
  font-size: 12pt;
  font-family: sans-serif;
  display: block;
  list-style: none;
  margin: 1vw auto;
  width: 80%;
  padding-left: 6vw;
}

ul.details li {
  padding-left: 1em;
  text-indent: -1em;
  margin: 0.4vw;
}

ul.details li::before {
  content:"＊";
}

.borderLine {
  width: 100%;
  height: 1px;
  border-top: 3px solid #888b8a;
}

#sns{
  margin-bottom: 3vw;
}

.snsbtn {
  float: right;
  margin-right: 9vw;
}

#release {
  margin-top: 5vw;

}

#release img.logo {
  display: block;
  margin: 0 auto;
}

#release .notice{
  width: 90%;
  margin: 3vw auto 2vw;
  font-family: sans-serif;
}

#release .date{
  float: right;
  text-align: right;
}

#release .press{
  float: left;
}

#release .pr-title{
  margin-top: 3vw;
  text-align: center;
  font-family: serif;
  line-height: 1.8;
}

#release .pr-title-bold{
  font-weight: bold;
  font-size: 16pt;
}

#release .pr-content{
  font-size: 11pt;
  width: 90%;
  margin: 3vw auto 3vw;
  line-height: 1.7;
  font-family: sans-serif;
}

#DeveloperProfile {
  width: 90%;
  margin: 5vw auto 0;
  line-height: 1.7;
}

#DeveloperProfile .dp-header .dp-title {
  font-family: serif;
  font-weight: bold;
  font-size: 16pt;
}

#DeveloperProfile .dp-header img{
  float: right;
  width: 200px;
  height: auto;
}

#DeveloperProfile .dp-header .name {
  margin-top: 3vw;
  font-family: sans-serif;
  font-size: 13pt;
}
#DeveloperProfile .dp-header .name span.description{
  font-size: 11pt;
}

#DeveloperProfile .dp-content{
  font-size: 11pt;
  /*width: 90%;*/
  margin: 3vw auto 0;
  line-height: 1.7;
  font-family: sans-serif;
}

#DeveloperProfile .twit img{
  float: right;
  width: 59px;
  height: auto;
  opacity: 1;
  margin-right: 0.5vw;
}

#DeveloperProfile .twit img:hover{
  opacity: 0.6;
}


.footer {
  font-family: sans-serif;
  color: #000;
  font-size: 15pt;
  text-align: center;
  border-top: 3px solid #888b8a;
  padding: 2vw 0;
}

.footer a{
  color: #000;
  text-decoration: none;
}

.footer a:hover{
  color: #777;
  text-decoration: none;
}

.feature {
  font-family: sans-serif;
   margin: 1vw auto;
   width: 100%;
  display: block;
}

.feature-title {
  font-family: serif;
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
  margin-top: 2vw;
  margin-bottom: 1vw;
}

.feature-content {
  font-family: sans-serif;
  font-size: 11pt;
  line-height:1.8;
  margin: 1vw auto;
  width: 80%;
  padding-left: 6vw;
  display: block;
}

.general-title {
  font-family: serif;
  font-weight: bold;
  font-size: 13pt;
  text-align: center;
  margin-top: 0vw;
  margin-bottom: 1vw;
}