* {
	box-sizing: border-box;
}

body {
  color: #fff;
  background:#000;
  font-size: 14px;
  line-height: 1.5;
  font-family:  "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "游ゴシック", YuGothic,  sans-serif;
  text-align:left;
}

h1{
  float:left;
}

h2{
  float:right;
  padding-top:10px;
}

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

p{
  padding-left:10px;
  width:100%;
}

a:hover{
	opacity: 0.7;
}

.btn:hover{
  cursor:pointer;
}

#wrapper{
  max-width:1000px;
  margin:0 auto;
  padding:30px 10px;
}

#header{
  border-bottom:1px solid #fff;
  margin:0 0 20px;
  height:50px;
  padding:0 10px;
  
}

table{
  width:100%;
  margin-bottom:30px;
}

table tr{
  border-bottom:solid 1px #333;
}

table th{
  width:30%;
  padding:15px;
  vertical-align:middle;
}

table td{
  padding:15px;
}

input {
  width:200px;
  height:30px;
}

li{
  margin-bottom:10px;
}

li:last-child{
  margin-bottom:0;
}

.buttons{
  text-align:center;
}

button.btn{
  /*background:#000;
  width:30%;
  padding:10px;
  border:none;
  color:#fff;*/
}

.slide_btn{
  background:#333;
  width:50%;
  padding:10px;
  border:none;
  text-align:center;
  margin:20px auto;
}

.toggle_box{
  display:none;
  background:#333;
  padding:30px;
}

dl{
  margin:20px 0;
}

dt{
  margin:25px 0 10px;
}

dd{
  padding-left:1em;
}

footer{
  border-top:solid 1px #fff;
  margin-top:50px;
  text-align:center;
  padding-top:20px;
  font-size:11px;
  width:100%;
}

/* ------------------------------------------------ */
/* レスポンシブ（767px以下）
/* ------------------------------------------------ */
@media only screen and (max-width:767px) {

  table th, table td{
  width:100%;
  display:block;
  }

  table th, table td{
  padding:10px;
}


}