@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● オーディオ用CSS                                      */
/*    ・トップページ                                       */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

    .Radio{
      padding:5px;
      position:relative;
    }
    .btn-play{ 
    width:200px;
    height:90px;
    padding:0;
    font-size:18px; 
    border:none;
    cursor:pointer;
    background:none;
    margin: 0 auto;
    display: block;
    }
    .fa-playN{
      display:block;
      width:100%;
      height:75px;
      padding:0px 0 10px ;
      background: url(../img/audio/onair.png) no-repeat 50% 50%;
      background-size:180px auto;
      margin: 0 auto;
      display: block;
    }
    .fa-pauseN{
      display:block;
      width:100%; 
      height:75px; 
      padding:0px 0 10px ; 
      background: url(../img/audio/pauser.png) no-repeat 50% 50%;
      background-size:180px auto;
    }
    .VolItem{
      position:absolute;
      bottom:37px;
      left:0;
      background:rgba(255,255,255,.5);
      margin:0 30px;
      padding-right:10px;
      display:inline-block;
      text-align:left;
      color:#0063a4;
      border-radius:10px;
    }
    .VolItem .VolMan{
      margin-left:10px;
    }
    .VolItem .Icon{
      padding:0 5px;
    }
    
    .VolItem input[type="range"]{
      display:inline-block;
      vertical-align:middle;
    }
    
    
    
              /* + + + + + レスポンシブ + + + + +  */
              body.rsbp-under-bp2{
                
              }
              
                body.rsbp-under-bp3 .Radio{
                  width:100%;
                  height:210px;
                  padding:5px 0;
                  position:relative;
                }
                body.rsbp-under-bp3 .btn-play{ 
                width:250px;
                height:110px;
                padding:0;

                font-size:18px; 
                border:none;
                cursor:pointer;
                background: url(../files/audio/radio.png) no-repeat 50% 0;
                background-size:310px auto;
                }
                body.rsbp-under-bp3 .fa-playN{
                  display:block;
                  width:100%;
                  height:60px;
                  padding:0px 0 10px ;
                  background: url(../files/audio/onair.png) no-repeat 25% 0%;
                  background-size:150px auto;
                }
                body.rsbp-under-bp3 .fa-pauseN{
                  display:block;
                  width:100%; 
                  height:60px; 
                  padding:0px 0 10px ; 
                  background: url(../files/audio/pauser.png) no-repeat 25% 0%;
                  background-size:150px auto;
                }
                body.rsbp-under-bp3 .VolItem{
                  position:absolute;
                  bottom:37px;
                  left:0;
                  background:rgba(255,255,255,.5);
                  margin:0 30px;
                  padding-right:10px;
                  display:inline-block;
                  text-align:left;
                  color:#0063a4;
                  border-radius:10px;
                }