.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

.cf {
  display: inline-table;
  min-height: 1px
}

* html .cf {
  height: 1px
}

.cf {
  display: block
}

.clear {
  clear: both
}

ul {
  list-style: none;
  padding: 0
}

@media only screen and (min-width: 736px) {
  .sp {
    display: none !important
  }

  .wrapper {
    width: 940px;
    margin: 0 auto;
    position: relative
  }
}

@media only screen and (max-width: 736px) {
  .wrapper {
    width: 95%;
    margin: 0 auto;
    position: relative
  }

  .pc {
    display: none !important
  }

  .sp {
    display: block !important
  }

  h3 {
    padding: 0;
    margin: 40px 0 0
  }
}

@media only screen and (max-width: 736px) {
  .volunteerTable tr td {
    display: table-cell;
    width: 30%
  }

  .volunteerTable tr td:last-child {
    width: 70%
  }
}

h2 {
  margin-top: 50px
}

.documentTitle {
  border-bottom: 2px solid #ff8f00;
  margin: 50px 0 30px
}

.documentTitle3 {
  margin-top: 50px
}

.song_img {
  font-size: 0
}

.song_img li {
  display: inline-block;
  margin-right: 4%;
  width:48%;
  vertical-align:top;
}

@media only screen and (max-width: 736px) {
  .song_img li {
    width: 48%
  }
}

.song_img li:last-child {
  margin-right: 0
}

.song_title {
  margin: 0 0 40px
}

.song_title li {
  padding-left: 15px
}

.song_txt {
  margin-bottom: 5px
}

.documentTable tr td {
  padding: 10px 20px
}

.documentTable tr td a img {
  margin-left: 7px
}
.lastTxt{
  margin-top: 50px;
}
.add_info{
	border: 1px solid #e1e1e1;
	background: #f8f8f8;
	padding: 15px;
}
@media only screen and (min-width: 736px) {
	.add_info{padding: 22px;}
}