@charset "UTF-8";
/* CSS Document */

@media print, screen and (min-width : 768px){
  /*タブレット*/
  body{ font-size: 13px;}
  /*header*/
  header{ padding: 2.5vw;}
  .hum-btn{ width: 5vw; height: 5vw; top: 2.5vw;}
  .hum-btn > span + span{ margin-top: .5vw;}
  .wrap{ padding: 15vw 0;}
  
  input[type="submit"], input[type="button"],a.btn_bk,.list_open_btn p{ max-width: 400px;}
  
  /*マイページ*/
   .mypage-nav-box,.mypage-deta-box,.sec-page-box{ margin: 80px auto 0; max-width: 700px}
  .sec-mydeta-block .btn_set{ margin-top: 80px;}
}

@media print, screen and (min-width:769px){
 /* PC */
  
  body{ font-size: 13px;}
  header{ padding: 20px; display: flex; justify-content: flex-end; max-width: 1100px; left: 50%; transform: translate(-50%,0); align-items: center;}
  header a.bk_home{ margin-right: auto;}
  .header_logout{ display: flex; align-items: center; font-weight: 700; order: 3; font-size: 1em; margin: -.25em 2em 0 2em;}
  .hum-btn{ display: none;}
  #sp_nav_block{ display: block;}
  #alert-bar p{ padding: 20px; text-align: center;}
  
  .soon{ padding: 60px 0 0;}
  
  .wrap{ padding: 120px 0;}
  section + section{ margin-top: 100px;}
  .sec_top{ margin-top: 80px;}
  
  .sp_nav_wp{ position: inherit; padding: 0; background: none;}
  .sp_nav_wp ul{ display: flex; align-items: center;}
  #gnav li + li{ margin: 0 0 0 2em;}
  #gnav li:last-child{ position: inherit; bottom: auto;}
  #gnav li a{ font-size: 1em;}
  
  /*modal*/
  .closebtn{ position: absolute; top: 1em; right: 1em}
  
  .sec-artist-box{ padding: 50px 50px 100px}
  
  .store-list{ margin: 80px auto;}
  .store-list li{ justify-content: flex-start; margin-bottom: 3%;}
  .store-list li{ width: 33.3%; padding:1.5% 1.5% 0;}
  .store-list li:nth-child(even){ margin-left: 0;}
  
  .store-tab{ margin: 80px 0 60px;}
  
  /*登録情報*/
  .reg_form{ width: 80%; margin:0 auto 80px;}
  .sec-detail-box ul.playlist li:last-child{ border-bottom: 1px solid #B4B4B4;}
  
  /*購入済リスト*/
  .sec-detail-box p.thum{ margin-bottom:80px;}
  .sec-detail-box p.deta{ margin: 40px 0;}
  .sec-detail-box .btn_set{ border: none;}
  
  .store-cat-block.empty p.icn{ width: 200px;}
  .store-cat-block.empty p.intxt{ padding: 50px 0 100px}
  
  /*プレイヤー*/
  .footnav_area{ padding: 100px 50px;}
  .list_open_btn{ margin-top: 50px;}
  .jp-playlist ul{ margin-bottom: 60px;}
  
  #jp_container_ad > .btn_set{ position: inherit; border-top: none;}
  
  /*商品詳細*/
  .sec-detail-box > .btn_set{position: inherit;}
  .sec-detail-box p.deta_txt{ margin-bottom: 80px;}
  
  /*購入画面*/
  .storebuy-head{ width: 90%;}
  .storebuy-head .indeta{ padding-left: 20px;}
  .store_buy_userdeta .inbox{ margin: 30px auto 0; padding: 30px;}
  .store_buy_userdeta{ padding-bottom: 30px;}
  .buy_payment_cat{ padding: 30px;}
  
  .credit_deta_edit{margin-top: 1em;}
  .credit_delete_box{display: flex; flex-direction: column; align-items: center; margin-bottom: 80px;}
  .credit_delete_box p.intxt{ padding-bottom: 40px;}
  .ac-contents{ padding: 10px;}
  .card_delete-link{ justify-content: flex-end;}
  
  #jp_container_list > .btn_set.in_price{ position: inherit; border-top: none; padding: 0;}
  
    /*利用規約*/
  .sec-page-box > p.inttl + p.intxt, .sec-page-box p.intxt + p.inttl{ margin-top: 30px;}
  .sec-page-box .about-txt{ margin-bottom: 30px;}
  /*購入規約*/
  .kiyakubox{ margin: 50px auto 0; max-height: 300px;}
  .kiyakubox .sec-page-box{ margin-top: 0;}
  .kiyakubox .sec-page-box .about-txt{ margin-top: 0;}
  .sec-mydeta-block p.about-txt{ margin: 30px 0 20px;}
  
  
  /*not found*/
  .page-notfound-block{ min-height: 500px; justify-content: center;}
  .page-notfound-block p{ font-size: 32px;}
  .page-notfound-block p span{ font-size: 14px;}
  

 
  
  
}