@charset "UTF-8";
/* CSS Document */
/* CSS Document */
@media screen and (min-width: 640px) { #liveRecording { position: relative; }
  #liveRecording h1, #liveRecording h2, #liveRecording h3, #liveRecording h4, #liveRecording h5, #liveRecording div, #liveRecording p { margin: 0; padding: 0; }
  #liveRecording .fCGray { color: #83838f; font-size: 75%; line-height: 1.5; }
  #liveRecording .title { position: relative; margin-bottom: 20px; }
  #liveRecording h1 { background: url(../img/pc_title.png) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; padding-top: 8%; height: 0; margin: 0; }
  #liveRecording h1 + p { background: url(../img/pc_titlelogo.png) no-repeat right top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; position: absolute; bottom: 0; right: 0px; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; padding-top: 3.75%; height: 0; margin: 0; }
  #liveRecording .visual { margin-bottom: 30px; }
  #liveRecording .visual h2 { background: url(../img/pc_visual.jpg) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; padding-top: 39.166666666%; height: 0; margin: 0; }
  #liveRecording .visual p { display: none; }
  #liveRecording .lead { margin-bottom: 70px; padding: 0 100px; }
  #liveRecording .block { margin-bottom: 70px; }
  #liveRecording .block h2 { text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; height: 0 !important; }
  #liveRecording .block#block01 h2 { background: url(../img/pc_headline01.png) no-repeat left top; background-size: contain; padding-top: 2.25%; }
  #liveRecording .block#block03 h2 { background: url(../img/pc_headline02.png) no-repeat left top; background-size: contain; padding-top: 2.25%; }
  #liveRecording .block#block04 h2 { background: url(../img/pc_headline03.png) no-repeat left top; background-size: contain; padding-top: 2.25%; }
  #liveRecording .block h2 + .col { border-top: 1px solid #e4e7ec; margin-top: 15px; padding-top: 20px; }
  #liveRecording .block .col { zoom: 1; }
  #liveRecording .block .col:after { content: ""; display: block; clear: both; }
  #liveRecording .block .col.imgR .textArea { float: left; width: 50.833333333%; }
  #liveRecording .block .col.imgR .textArea p { line-height: 1.75; }
  #liveRecording .block .col.imgR .imgArea { float: right; width: 46.166666666%; }
  #liveRecording .block .col.imgL .textArea { float: right; width: 50.833333333%; }
  #liveRecording .block .col.imgL .textArea p { line-height: 1.75; }
  #liveRecording .block .col.imgL .imgArea { float: left; width: 46.166666666%; }
  #liveRecording .block .col .imgArea img { vertical-align: bottom; width: 100%; height: auto; }
  #liveRecording .block .col .imgArea .bgGreen { background-color: #e9f7eb; padding: 15px; }
  #liveRecording .block .col .imgArea .bgGreen p:first-child { font-size: 75%; line-height: 1.5; }
  #liveRecording .block .col .imgArea .bgGreen .btn { padding: 25px 0 10px; }
  #liveRecording .block .col .imgArea .bgGreen .btn a { display: block; line-height: 1.2; width: 78.053435114%; margin: 0 auto; }
  #liveRecording .block .col .imgArea .bgGreen .btn.btn01 a { background: url(../img/pc_btn01.png) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; height: 0; padding-top: 7.061068702%; }
  #liveRecording .block .col .imgArea .bgGreen .btn.btn02 a { background: url(../img/pc_btn02.png) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; height: 0; padding-top: 7.061068702%; }
  #liveRecording .block .col .imgArea .bgGreen .headphone { margin: 0 auto 20px; width: 133px; height: 30px; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; background: url(../img/img_sample.gif) no-repeat left top; }
  #liveRecording .bgGray { zoom: 1; background: #e4e7ec; padding: 30px 50px 30px 0; margin: 0 8.33333% 70px; }
  #liveRecording .bgGray:after { content: ""; display: block; clear: both; }
  #liveRecording .bgGray p:first-child { float: left; width: 21.6%; text-align: center; }
  #liveRecording .bgGray p:first-child img { width: 53.703703703%; height: auto; }
  #liveRecording .bgGray p + p { font-size: 85.714285714%; line-height: 1.5; }
  #liveRecording .border { border: 1px solid #e4e7ec; padding: 45px 8.333333333%; }
  #liveRecording .border .positionInfo { display: table; width: 100%; }
  #liveRecording .border .positionInfo .imgArea { display: table-cell; width: 48.5%; vertical-align: top; }
  #liveRecording .border .positionInfo .imgArea img { width: 93.608247422%; height: auto; }
  #liveRecording .border .positionInfo .textArea { display: table-cell; width: 51.5%; vertical-align: top; }
  #liveRecording .border .positionInfo .textArea p { font-size: 85.714285714%; line-height: 1.5; }
  #liveRecording .border .positionInfo .textArea p:before { content: "◀"; padding-right: 5px; display: inline-block; }
  #liveRecording .border .productInfo { border-top: 1px solid #e4e7ec; margin-top: 4.6875%; padding-top: 4.6875%; zoom: 1; }
  #liveRecording .border .productInfo:after { content: ""; display: block; clear: both; }
  #liveRecording .border .productInfo .imgArea { padding: 0 0 4.6875%; float: right; width: 42.5%; }
  #liveRecording .border .productInfo .imgArea img { width: 49.882352941%; height: auto; }
  #liveRecording .border .productInfo .textArea { float: left; width: 57.5%; }
  #liveRecording .border .productInfo .textArea p { background: url(../img/pc_txt01.png) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; margin: 100px 0 50px 37.217391304%; padding-top: 10.608695652%; height: 0; }
  #liveRecording .border .productInfo .textArea .btn { padding-left: 37.217391304%; }
  #liveRecording .border .productInfo .textArea .btn a { display: block; background: url(../img/pc_btn.png) no-repeat left top; background-size: contain; width: 73.130193905%; height: 0; padding-top: 20.667590027%; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; } }
@media screen and (max-width: 639px) { #liveRecording { padding-top: 7.8125%; }
  #liveRecording h1, #liveRecording h2, #liveRecording h3, #liveRecording h4, #liveRecording h5, #liveRecording div, #liveRecording p { margin: 0; padding: 0; }
  #liveRecording .fCGray { color: #83838f; font-size: 85.714285714%; line-height: 1.2; }
  #liveRecording h1 { background: url(../img/sp_title.png) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; padding-top: 31%; height: 0; width: auto; margin-bottom: 0px; }
  #liveRecording h1 + p { background: url(../img/sp_titlelogo.png) no-repeat right top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; padding-top: 8.3333333333%; height: 0; margin-bottom: 6.666666666%; position: static; width: auto; }
  #liveRecording .visual { margin-bottom: 8.333333333%; }
  #liveRecording .visual h2 { background: url(../img/sp_visual.jpg) no-repeat left top; background-size: contain; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; padding-top: 113.333333333%; height: 0; margin: 0; }
  #liveRecording .visual p { display: block; background-color: #eff1f0; padding: 10px 20px; font-size: 85.714285714%; }
  #liveRecording .lead { margin-bottom: 18.75%; padding: 0; }
  #liveRecording .block { margin-bottom: 18.75%; }
  #liveRecording .block h2 { width: auto !important; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; height: 0 !important; padding-top: 32.8125%; }
  #liveRecording .block#block01 h2 { background: url(../img/sp_headline01.png) no-repeat left top; background-size: contain; }
  #liveRecording .block#block03 h2 { background: url(../img/sp_headline02.png) no-repeat left top; background-size: contain; }
  #liveRecording .block#block04 h2 { background: url(../img/sp_headline03.png) no-repeat left top; background-size: contain; }
  #liveRecording .block h2 + .col { border-top: 1px solid #e4e7ec; margin-top: 4.6875%; padding-top: 4.6875%; }
  #liveRecording .block .col .imgArea { margin-top: 4.6875%; }
  #liveRecording .block .col .imgArea img { vertical-align: bottom; }
  #liveRecording .block .col .imgArea .bgGreen { background-color: #e9f7eb; padding: 10px; }
  #liveRecording .block .col .imgArea .bgGreen p:first-child { font-size: 85.714285714%; line-height: 1.2; }
  #liveRecording .block .col .imgArea .bgGreen .btn { padding: 3.90625% 0 2%; }
  #liveRecording .block .col .imgArea .bgGreen .btn a { text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; display: block; height: 0; width: 92.526690391%; margin: 0 auto; }
  #liveRecording .block .col .imgArea .bgGreen .btn.btn01 a { background: url(../img/sp_btn01.png) no-repeat left top; background-size: contain; padding-top: 19.039145907%; }
  #liveRecording .block .col .imgArea .bgGreen .btn.btn02 a { background: url(../img/sp_btn02.png) no-repeat left top; background-size: contain; padding-top: 19.039145907%; }
  #liveRecording .block .col .imgArea .bgGreen .headphone { width: 160px; margin: 0 auto 10px; background: url(../img/top_sp_icon02.gif) no-repeat left center; text-indent: 25px; }
  #liveRecording .bgGray { margin-bottom: 18.75%; background: #e4e7ec; padding: 6.666666666% 10px 10px; }
  #liveRecording .bgGray p:first-child { text-align: center; margin-bottom: 4.166666666%; }
  #liveRecording .bgGray p:first-child img { width: 30.344827586%; height: auto; vertical-align: bottom; }
  #liveRecording .bgGray p + p { font-size: 85.714285714%; line-height: 1.2; }
  #liveRecording .border { border: 1px solid #e4e7ec; padding: 6.666666666% 35px 6.666666666%; }
  #liveRecording .border .positionInfo .imgArea { padding: 0 0 4.6875%; }
  #liveRecording .border .productInfo { border-top: 1px solid #e4e7ec; margin-top: 4.6875%; padding-top: 9.375%; }
  #liveRecording .border .productInfo .imgArea { padding: 0 0 10.980392156%; text-align: center; }
  #liveRecording .border .productInfo .imgArea img { width: 39.5%; height: auto; }
  #liveRecording .border .productInfo .textArea p { background: url(../img/sp_txt01.png) no-repeat center top; background-size: contain; padding-top: 19.333333333%; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; height: 0; margin-bottom: 7.843137254%; }
  #liveRecording .border .productInfo .textArea .btn a { display: block; margin: 0 auto; width: 87.333333333%; background: url(../img/sp_btn.png) no-repeat left top; background-size: contain; padding-top: 21.379310344%; text-indent: 100%; display: block; white-space: nowrap; overflow: hidden; height: 0; }
  #liveRecording img { width: 100%; height: auto; } }