@charset "UTF-8";

/*-------------------------------------------------------------------------
  Clearfix
/*-----------------------------------------------------------------------*/
#jp-page-joysoundf1 section,
#jp-page-joysoundf1 article,
#jp-page-joysoundf1 figure,
#jp-page-joysoundf1 nav,
#jp-page-joysoundf1 aside,
#jp-page-joysoundf1 header,
#jp-page-joysoundf1 footer,
#jp-page-joysoundf1 div,
#jp-page-joysoundf1 ul,
#jp-page-joysoundf1 dl {
  zoom: 1;
}

#jp-page-joysoundf1 section:after,
#jp-page-joysoundf1 article:after,
#jp-page-joysoundf1 figure:after,
#jp-page-joysoundf1 nav:after,
#jp-page-joysoundf1 aside:after,
#jp-page-joysoundf1 header:after,
#jp-page-joysoundf1 footer:after,
#jp-page-joysoundf1 div:after,
#jp-page-joysoundf1 ul:after,
#jp-page-joysoundf1 dl:after,
#jp-page-joysoundf1 form:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

/*-	jp-page-joysoundf1
-----------------------------------------------------------------------*/
#jp-page-joysoundf1 {
  width: 1030px;
  margin-top: 20px;
  padding: 20px 0;
}

/*- jp-page-joysoundf1-main
-----------------------------------------------------------------------*/
#jp-page-joysoundf1 #jp-page-joysoundf1-main {
  margin-bottom: 20px;
}

  #jp-page-joysoundf1 #jp-page-joysoundf1-main h1 {
    margin-left: 20px;
  }
  
    #jp-page-joysoundf1 #jp-page-joysoundf1-main h1 img {
      width: 100%;
      height: 100%;
    }

/*- jp-page-joysoundf1-social
-----------------------------------------------------------------------*/
#jp-page-joysoundf1-social {
  text-align: center;
  margin-bottom: 20px;
}

/*- jp-page-joysoundf1-service-list
-----------------------------------------------------------------------*/
#jp-page-joysoundf1 #jp-page-joysoundf1-service-list {
  width: 96%;
  margin: 0 2%;
}

  #jp-page-joysoundf1 #jp-page-joysoundf1-service-list ul > li {
    zoom: 1;
  }
  
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list ul > li:after {
      content: "";
      display: block;
      clear: both;
      visibility: hidden;
    }

  #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box {
    position: relative;
    display: block;
    width: 90%;
    margin-bottom: 20px;
  }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp {
      width: auto;
    }

      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box a {
        display: block;
        color: #3b3b3b;
        background: url(../img/index/arrow.png) no-repeat 98% center;
        width: 100%;
        padding: 2% 5%;
        border: 2px solid #CCC;
        border-radius: 6px;
      }

    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box sup {
      font-size: 10px;
      font-weight: bold;
    }

    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box .jp-page-joysoundf1-service-list-box-thumb {
      display: inline;
      float: left;
      width: 25%;
    }
    
    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box .jp-page-joysoundf1-service-list-box-text {
      display: inline;
      float: left;
      width: 75%;
    }

      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-nendai .jp-page-joysoundf1-service-list-box-text {
        padding: 2% 0 0 0;
      }
      
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro .jp-page-joysoundf1-service-list-box-text {
        padding: 3% 0 0 0;
      }
      
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-collabo .jp-page-joysoundf1-service-list-box-text {
        padding: 2.5% 0 0 0;
      }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-songs a,
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-evolution a {
      padding: 5% 5% 3%;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp a {
      padding: 0 0 3%;
      border: none;
    }
    
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-songs .jp-page-joysoundf1-service-list-box-text,
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-evolution .jp-page-joysoundf1-service-list-box-text {
        display: block;
        float: none;
        width: 95%;
      }

    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text h3 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    
      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text h3 span {
        font-size: 20px;
        font-weight: bold;
        color: #db2a33;
      }
    
    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text p {
      font-size: 14px;
      font-weight: bold;
    }
    
      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text p span {
        font-size: 14px;
        font-weight: normal;
      }
      
      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text p.jp-page-joysoundf1-service-list-box-text-lead {
        font-size: 20px;
        font-weight: bold;
      }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-assist .jp-page-joysoundf1-service-list-box-text p {
      margin-bottom: 10px;
    }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-assist .jp-page-joysoundf1-service-list-assist-cases {
      font-size: 14px;
      margin-bottom: 20px;
    }
    
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-assist .jp-page-joysoundf1-service-list-assist-cases span {
        font-size: 18px;
        font-weight: bold;
        color: #db2a33;
        margin-right: 10px;
        margin-bottom: 0px;
      }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro h3,
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro h3 span {
      font-size: 24px;
    }
  
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro .jp-page-joysoundf1-service-list-kyokupro-org {
      color: #a53ecf;
    }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro .jp-page-joysoundf1-service-list-kyokupro-diy {
      color: #1dafae;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi h3 {
      margin-bottom: 5px;
    }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi p {
      font-size: 16px;
      font-weight: bold;
    }
    
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi p span {
        font-size: 20px;
        font-weight: bold;
      }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-collabo h3,
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-collabo h3 span {
      font-size: 24px;
    }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-avatar .jp-page-joysoundf1-service-list-box-text img {
      vertical-align: top;
      padding: 0 10px;
    }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-songs h3,
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-evolution h3 {
      margin-bottom: 0px;
    }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-appli ul li {
      float: left;
      width: 50%;
      text-align: center;
      margin-bottom: 10px;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp h3 {
  font-size: 34px;
  margin-bottom: 10px;
  color: #31c1ea;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp p {
      font-size: 20px;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp .jp-page-joysoundf1-service-list-box-stamp {
      font-size: 14px;
      background: #db2a33;
      width: 300px;
      color: #FFF;
      text-align: center;
      padding: 5px 0px;
    }


  #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-tag {
    position: absolute;
    left: 5%;
    top: 0%;
    width: 10%;
  }
  
    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-tag p {
      text-align: center;
      font-size: 12px !important;
      padding: 5%;
      border-radius: 0 0 5px 5px;
    }
  
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-songs .jp-page-joysoundf1-service-list-box-tag p {
        background: #f5ef4a;
      }
      
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-evolution .jp-page-joysoundf1-service-list-box-tag p {
        background: #2388e6;
        color: #fff;
      }
      
      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-appli .jp-page-joysoundf1-service-list-box-tag p {
        background: #0b9d23;
        color: #fff;
      }

      #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp .jp-page-joysoundf1-service-list-box-tag p {
        background: #ff5653;
        color: #fff;
      }
      
  
    #jp-page-joysoundf1 #jp-page-joysoundf1-invitation h3 {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 10px;
    }
    
      #jp-page-joysoundf1 #jp-page-joysoundf1-invitation h3 span {
        font-size: 30px;
        font-weight: bold;
        padding: 0px 10px;
      }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-invitation .jp-page-joysoundf1-btn {
      width: 450px;
      margin: 0 auto;
    }
    
      #jp-page-joysoundf1 #jp-page-joysoundf1-invitation .jp-page-joysoundf1-btn img {
        vertical-align: top;
        margin: 0 5px;
      }
    
    #jp-page-joysoundf1 #jp-page-joysoundf1-invitation .jp-page-joysoundf1-btn a {
      display: block;
      font-size: 16px;
      color: #FFF;
      background: #00a0ce;
      text-align: center;
      padding: 15px;
    }

@media screen and (max-width: 767px) {
    
/*-	jp-page-joysoundf1
-----------------------------------------------------------------------*/
#jp-page-joysoundf1 {
  padding: 20px 0;
  width: 94%;
  margin: 0 3%;
}

/*- jp-page-joysoundf1-main
-----------------------------------------------------------------------*/
#jp-page-joysoundf1 #jp-page-joysoundf1-main {
  margin-bottom: 20px;
}

  #jp-page-joysoundf1 #jp-page-joysoundf1-main h1 {
    margin-left: 10px;
  }
  
    #jp-page-joysoundf1 #jp-page-joysoundf1-main h1 img {
      width: 100%;
      height: auto;
    }

/*- jp-page-joysoundf1-social
-----------------------------------------------------------------------*/
#jp-page-joysoundf1-social {
  text-align: center;
  margin-bottom: 20px;
}

/*- jp-page-joysoundf1-service-list
-----------------------------------------------------------------------*/
#jp-page-joysoundf1 #jp-page-joysoundf1-service-list {
  width: 100%;
  margin: 0 0 20px;
  border-top: 1px solid #CCC;
}

  #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box {
    position: relative;
    width: 100%;
    margin-bottom: 0px;
  }

  #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box a {
    display: block;
    background: url(../img/index/arrow.png) no-repeat 98% center;
    background-size: 12px 22px;
    width: 90%;
    padding: 3% 5%;
    margin-bottom: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
    border-radius: 0px;
  }

  #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp a {
    width: 97%;
    background: none;
  }

    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box a:hover {
      filter: alpha(opacity=100);
      -moz-opacity:1;
      opacity: 1;  
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-songs a,
    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-evolution a {
      padding: 12% 5% 3%;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp a {
      margin: 0 auto;
      padding: 5% 0 3%;
    }

    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-inner {
      width: 100%;
      display: table;
    }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp .jp-page-joysoundf1-service-list-box-inner  {
      text-align: center;
    }

    #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box img {
      width: 100%;
      height: auto;
    }

      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box .jp-page-joysoundf1-service-list-box-text img {
        width: 60%;
        height: auto;
      }

      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box .jp-page-joysoundf1-service-list-box-thumb {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: 35%;
        padding-right: 5%;
      }
      
      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box .jp-page-joysoundf1-service-list-box-text {
        display: table-cell;
        float: none;
        width: 60%;
      }

        #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-nendai .jp-page-joysoundf1-service-list-box-text img {
          width: 100%;
          height: auto;
        }
        
        #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-assist .jp-page-joysoundf1-service-list-box-text img {
          width: 80%;
          height: auto;
        }

        #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro .jp-page-joysoundf1-service-list-box-text {
          padding: 0;
        }
        
        #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-collabo .jp-page-joysoundf1-service-list-box-text {
          padding: 0;
        }
        
        #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-avatar .jp-page-joysoundf1-service-list-box-text img {
          width: 50%;
        }
        
        #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-appli .jp-page-joysoundf1-service-list-box-text {
          display: block;
          float: none;
          width: 100%;
          padding: 9% 0 0 0;
        }

     
  

      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text h3 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
      }
      
        #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text h3 span {
          font-size: 14px;
          font-weight: bold;
          color: #db2a33;
        }
      
      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text p {
        font-size: 12px;
        font-weight: bold;
      }
        
        #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text p span {
          font-size: 12px;
          font-weight: normal;
        }
      
        #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-text p.jp-page-joysoundf1-service-list-box-text-lead {
          font-size: 14px;
          font-weight: bold;
        }
      
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-assist .jp-page-joysoundf1-service-list-assist-cases {
            font-size: 12px;
            margin-bottom: 20px;
          }
          
            #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-assist .jp-page-joysoundf1-service-list-assist-cases span {
              font-size: 12px;
              font-weight: bold;
              color: #db2a33;
              margin-right: 10px;
              margin-bottom: 0px;
            }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro h3,
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokupro h3 span {
            font-size: 16px;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi p {
            font-size: 12px;
            font-weight: bold;
          }
          
            #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi p span {
              font-size: 14px;
              font-weight: bold;
            }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi h3 {
            margin-bottom: 5px;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-gitanavi .jp-page-joysoundf1-service-list-box-text img {
            width: 50%;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-saitenonline .jp-page-joysoundf1-service-list-box-text img {
            width: 50%;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-collabo h3,
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-collabo h3 span {
            font-size: 16px;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-utasuki .jp-page-joysoundf1-service-list-box-text img {
            width: 45%;
            vertical-align: bottom;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-avatar .jp-page-joysoundf1-service-list-box-text img {
            width: 50%;
            vertical-align: middle;
            margin: 0;
          }
     
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-appli ul li {
            float: left;
            width: 45%;
            text-align: center;
            margin-bottom: 10px;
            margin-right: 5%;
          }

          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp p {
            font-size: 14px;
          }

          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp h3 {
            font-size: 16px;
            margin-bottom: 10px;
          }
    
      
      #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-tag {
        position: absolute;
        left: 5%;
        top: 0%;
        width: 30%;
      }
      
        #jp-page-joysoundf1 .jp-page-joysoundf1-service-list-box-tag p {
          padding: 5% 10%;
          background: #CC9;
          border-radius: 0 0 5px 5px;
          text-align: center;
        }
        
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-songs .jp-page-joysoundf1-service-list-box-tag p {
            background: #f5ef4a;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-evolution .jp-page-joysoundf1-service-list-box-tag p {
            background: #2388e6;
            color: #fff;
          }
          
          #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-appli .jp-page-joysoundf1-service-list-box-tag p {
            background: #0b9d23;
            color: #fff;
          }
 
           #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp .jp-page-joysoundf1-service-list-box-tag p {
            background: #ff5653;
            color: #fff;
          }

    #jp-page-joysoundf1 #jp-page-joysoundf1-service-list-kyokunavisp .jp-page-joysoundf1-service-list-box-stamp {
      font-size: 12px;
      background: #db2a33;
      width: 100%;
      color: #FFF;
      text-align: center;
      padding: 5px 0px;
    }
        
        #jp-page-joysoundf1 #jp-page-joysoundf1-invitation h3 {
          font-size: 16px;
          margin: 0 3%;
        }
        
          #jp-page-joysoundf1 #jp-page-joysoundf1-invitation h3 span {
            font-size: 20px;
          }
        
            #jp-page-joysoundf1 #jp-page-joysoundf1-invitation .jp-page-joysoundf1-btn {
              width: 94%;
              margin: 0 auto;
            }

}





.jp-page-joysoundmax {
  text-align: right;
  margin: 20px auto;
}
  .jp-page-joysoundmax a {
    text-align: left;
  }
@media screen and (max-width: 767px) {
  .jp-page-joysoundmax {
    width: 94%;
  }
}