body, she, blockquote, address, table, td, div, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
  margin: 0;
  padding: 0;
}

body {
  margin: 0 auto;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  font-size-adjust: 100%;
  max-width: 640px;
  background-color: #000000;
  background-image: url("../img/bg_img_03.png");
  background-position: center top;
  background-repeat: no-repeat;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
header {
  width: 100%;
  margin-top: 25px;
}
header .header-img {
  width: 85%;
  margin: 0 auto;
}
img {
  width: 100%;
}
ul, li, dd {
  margin: 0;
  padding: 0;
}
main {
  padding: 20px;
}
.project {
  margin: 20px 0;
}
.project a {
  display: block;
}
.project a div {
  padding: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  font-size: 1.2em;
  background: linear-gradient(#cc5117,#b63d05);
}
.group-contents {
  background-color: rgba(0,95,92,0.80);
  border-radius: 10px;
  padding: 20px;
}
.group-contents section {
  text-align: center;
  margin: 20px auto 0;
}
.group-contents section.wrap {
  padding: 10px;
}
.group-contents section:first-child {
  margin-top: 0px;
}
.group-contents section.name-wrap{
  background-color: rgba(0,23,23,0.60);
  border-radius: 10px;
}
.name-wrap .college-name {
  /* padding-top: 10px; */
  font-size: 1.4em;
  color: #fff;
}
.name-wrap .group-name {
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  /* padding-bottom: 10px; */
}
.group-hp a {
  display: inline-block; 
  background-color: #5ca4e4;
  border-radius: 30px;
  padding: 4px 20px;
  color: #fff;
}
.group-hp a:hover {
  opacity: .8;
}
.group-hp {
  padding: 10px 0 15px;
}
.img-wrap {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.img-wrap img {
  border-radius: 5px;
}
/* .member-wrap {
  background-color: rgba(0,23,23,0.60);
  border-radius: 5px;
  padding: 10px;
}
.member-wrap .member-title {
  text-align: center;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
}
.member-wrap .member-list {
  text-align: left;
  margin-top: 10px;
  color: #fff;
  text-align: center;
}
.feature-wrap {
  background-color: rgba(0,23,23,0.60);
  border-radius: 5px;
  padding: 10px;
}
.feature-wrap .feature-title {
  text-align: center;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
}
.feature-wrap .feature-list {
  text-align: left;
  margin-top: 10px;
  font-weight: bold;
  color: #000;
  text-align: center;
}
.feature-wrap .feature-list li {
  background-color: #fff;
  margin-top: 10px;
  padding: 5px 0;
} */
/* .video-wrap {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.video-wrap:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.video-wrap /deep/ .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
.song-wrap {
  color: #fff;
  /* padding: 5px; */
  background-color: rgba(0,0,0,0.5);
  border-radius: 6px;
}
.song-wrap dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 1.2em;
}
.song-wrap dl dd span {
  font-size: 0.9em;
}
.video-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* .sns-wrap > a > div {
  position: relative;
  display: -webkit-flex;
  display: flex;
  background-color: #00baea;
  border-radius: 5px;
  padding: 5px;
}
.sns-wrap > a > div:hover {
  opacity: .8;
}
.sns-wrap > a > div::before {
  position: absolute;
  width: 16px;
  height: 20px;
  top: 38%;
  right: 10px;
  display: inline-block;
  content: "";
  background:url("../img/ic_01.png") no-repeat;
  margin-right: 5px;
}
.sns-wrap > a > div > div {
  margin-left: 20px;
  margin-top: 16px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
.sns-wrap img {
  margin-left: 10px;
  width: 50px;
} */
.sns-wrap .tweet-btn {
  background: #00baea;
  color: #ffffff;
  font-weight: bold;
  border-radius: 6px;
  padding: 15px 30px 15px 65px;
  position: relative;
  text-align: left;
  font-size: 0.9em;
}
.sns-wrap .tweet-btn:hover {
  opacity: .8;
}
.sns-wrap .tweet-btn strong {
  color: #fff700;
}
.sns-wrap .tweet {
  position: absolute;
  background-image: url(data:image/png;base64,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);
  width: 40px;
  height: 40px;
  background-size: 100%;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 18px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
@media screen and (max-width: 640px){
  body {
    background-color: #000000;
    background-image: url("../img/bg_img_01.png"), url("../img/bg_img_02.png");
    background-position: center top,left bottom;
    background-repeat: no-repeat,repeat-x;
    background-size: contain,contain;
	min-height: 100vh;
  }
}