/*
 *  YMO / music.scss / music.css
 *  compass mode
 *  version --- 1.0
 *  author  --- coreframe, inc.
 *  updated --- 2014/09/29
 *
 */
/* line 17, ../sass/music.scss */
#header {
  background-image: url("../img/mainimg_sp.jpg");
  background-repeat: no-repeat;
  background-repeat: center;
  height: 250px; }
  @media screen and (max-width: 640px) {
    /* line 17, ../sass/music.scss */
    #header {
      background-image: none;
      height: auto; } }
  /* line 26, ../sass/music.scss */
  #header a {
    display: block;
    width: 100%;
    height: 250px; }
    @media screen and (max-width: 640px) {
      /* line 26, ../sass/music.scss */
      #header a {
        height: auto; } }
  /* line 34, ../sass/music.scss */
  #header h2, #header p {
    display: none; }
  /* line 37, ../sass/music.scss */
  #header .sp {
    display: none; }
    @media screen and (max-width: 640px) {
      /* line 37, ../sass/music.scss */
      #header .sp {
        display: block; } }

/* line 47, ../sass/music.scss */
#contents {
  margin-top: 20px;
  width: auto;
  padding: 0px; }
  @media screen and (max-width: 640px) {
    /* line 47, ../sass/music.scss */
    #contents {
      width: 96%;
      margin: 2%; } }
  /* line 60, ../sass/music.scss */
  #contents .block {
    padding: 20px 0; }
    @media screen and (max-width: 640px) {
      /* line 60, ../sass/music.scss */
      #contents .block {
        padding: 20px 0; } }
  /* line 70, ../sass/music.scss */
  #contents .songlist {
    background-image: url("../img/bg_ymo1.jpg");
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 40px; }
    @media screen and (max-width: 640px) {
      /* line 70, ../sass/music.scss */
      #contents .songlist {
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
    /* line 80, ../sass/music.scss */
    #contents .songlist h4 {
      color: #3b3b3b;
      font-size: 18px;
      line-height: 2em;
      font-weight: normal; }
    /* line 86, ../sass/music.scss */
    #contents .songlist .leftblock {
      float: left;
      width: 143px;
      text-align: center; }
      /* line 90, ../sass/music.scss */
      #contents .songlist .leftblock span {
        display: block; }
      @media screen and (max-width: 640px) {
        /* line 86, ../sass/music.scss */
        #contents .songlist .leftblock {
          float: none;
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; } }
    /* line 99, ../sass/music.scss */
    #contents .songlist .rightblock {
      margin-left: 160px; }
      @media screen and (max-width: 640px) {
        /* line 99, ../sass/music.scss */
        #contents .songlist .rightblock {
          float: none;
          width: 100%;
          margin: 0;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; } }
    /* line 108, ../sass/music.scss */
    #contents .songlist table {
      border-top: solid 1px #e0e0e0;
      border-left: solid 1px #e0e0e0; }
    /* line 112, ../sass/music.scss */
    #contents .songlist th, #contents .songlist td {
      border-right: solid 1px #e0e0e0;
      border-bottom: solid 1px #e0e0e0;
      padding: 3px 8px;
      vertical-align: top;
      text-align: left;
      background-color: #fff; }
    /* line 119, ../sass/music.scss */
    #contents .songlist th {
      font-weight: normal;
      text-align: center; }
    /* line 123, ../sass/music.scss */
    #contents .songlist td.title {
      width: 240px; }
      @media screen and (max-width: 640px) {
        /* line 123, ../sass/music.scss */
        #contents .songlist td.title {
          width: 30%; } }
  /* line 132, ../sass/music.scss */
  #contents .ymoblock {
    overflow: hidden;
    background-image: url("../img/bg_ymo1.jpg");
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 20px 40px; }
    @media screen and (max-width: 640px) {
      /* line 132, ../sass/music.scss */
      #contents .ymoblock {
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
  /* line 144, ../sass/music.scss */
  #contents .ymoblock2 {
    overflow: hidden;
    background-image: url("../img/bg_ymo1.jpg");
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 20px 40px 30px 40px; }
    @media screen and (max-width: 640px) {
      /* line 144, ../sass/music.scss */
      #contents .ymoblock2 {
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
  /* line 156, ../sass/music.scss */
  #contents .block3 {
    float: left; }
    @media screen and (max-width: 640px) {
      /* line 156, ../sass/music.scss */
      #contents .block3 {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
  /* line 164, ../sass/music.scss */
  #contents .block4 {
    float: right; }
    @media screen and (max-width: 640px) {
      /* line 164, ../sass/music.scss */
      #contents .block4 {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 20px; } }
  /* line 173, ../sass/music.scss */
  #contents .ymolist {
    width: 47%; }
    /* line 176, ../sass/music.scss */
    #contents .ymolist .tableblock td.title {
      width: 150px; }
      @media screen and (max-width: 640px) {
        /* line 176, ../sass/music.scss */
        #contents .ymolist .tableblock td.title {
          width: 40%; } }
  /* line 184, ../sass/music.scss */
  #contents .ymolist2 {
    width: 100%; }
    /* line 187, ../sass/music.scss */
    #contents .ymolist2 .tableblock td.title {
      width: 230px; }
      @media screen and (max-width: 640px) {
        /* line 187, ../sass/music.scss */
        #contents .ymolist2 .tableblock td.title {
          width: 40%; } }
  @media screen and (max-width: 640px) {
    /* line 195, ../sass/music.scss */
    #contents .ymolist, #contents .ymolist2 {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  /* line 200, ../sass/music.scss */
  #contents .ymolist h4, #contents .ymolist2 h4 {
    color: #3b3b3b;
    font-size: 18px;
    line-height: 2em;
    font-weight: normal; }
  /* line 207, ../sass/music.scss */
  #contents .ymolist .profileblock img, #contents .ymolist2 .profileblock img {
    float: left;
    margin: 0 20px 10px 0; }
  /* line 212, ../sass/music.scss */
  #contents .ymolist .tableblock, #contents .ymolist2 .tableblock {
    margin-top: 20px;
    border-top: solid 2px #e0e0e0;
    padding-top: 20px; }
    /* line 216, ../sass/music.scss */
    #contents .ymolist .tableblock table, #contents .ymolist2 .tableblock table {
      border-top: solid 1px #e0e0e0;
      border-left: solid 1px #e0e0e0; }
    /* line 220, ../sass/music.scss */
    #contents .ymolist .tableblock th, #contents .ymolist .tableblock td, #contents .ymolist2 .tableblock th, #contents .ymolist2 .tableblock td {
      border-right: solid 1px #e0e0e0;
      border-bottom: solid 1px #e0e0e0;
      padding: 3px 8px;
      vertical-align: top;
      text-align: left;
      background-color: #fff; }
    /* line 228, ../sass/music.scss */
    #contents .ymolist .tableblock th, #contents .ymolist2 .tableblock th {
      font-weight: normal;
      text-align: center; }
