@charset "UTF-8";
@import "../../css/layout.css";

#jp-bb {
  background: none !important;
}

/*- jp-bb-main
-----------------------------------------------------------------------*/
#jp-bb-main {
  padding-top: 10px;
}

/*- jp-bb-content
-----------------------------------------------------------------------*/
#jp-bb-content {
  padding: 20px;
  background-color: #fff;
}


/*- jp-bb-box
-----------------------------------------------------------------------*/
.jp-bb-box {
  margin-bottom: 0px;
  background: transparent;
}


/*- jp-bb-karaoke-box
-----------------------------------------------------------------------*/
#jp-bb-karaoke-box {
}

  #jp-bb-karaoke-box ul {
  }

    #jp-bb-karaoke-box ul li {
    }

    #jp-bb-karaoke-box ul li .wrap{
      margin-bottom: 30px;
      padding: 20px;
      border: 1px solid #ccc;
      background-color: #fff;
    }

      #jp-bb-karaoke-box ul li h3 {
		padding: 0;
        font-size: 24px;
        border: none;
      }

        #jp-bb-karaoke-box ul li h3 span {
          margin-right: 10px;
          padding: 2px 8px;
          font-size: 10px;
          vertical-align: middle;
          color: #fff;
          background: #d90d18;
        }

      #jp-bb-karaoke-box ul li p.jp-bb-karaoke-box-text {
        margin-bottom: 20px;
        font-size: 16px;
      }

      #jp-bb-karaoke-box ul li p.jp-bb-button {
        text-align: right;
        margin-bottom: 5px;
      }

        #jp-bb-karaoke-box ul li p.jp-bb-button a {
          background-color: #d90d18;
        }

@media screen and (max-width: 767px) {

  #jp-bb-karaoke-box ul li p.jp-bb-button {
    text-align: center;
    font-size: 14px;
  }

    /*ヘッダー固定時 アンカーリンク調整*/
    #jp-bb-karaoke-box ul li {
      margin-top: -49px;
      padding-top: 49px;
    }

  #jp-bb-karaoke-box ul li h3 {
    font-size:16px;
  }

}