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

@media screen and (max-width:960px){

  /*----- ヘッダー -----*/

  .pkt_tophdbtmarea{
    margin:-4vw 0;
    flex-wrap:wrap;
  }

  .pkt_tophdbtmarea h1{
    width: 100%;
    //background-image: url(../img/top/bg_denim.png);
    background-size: 140% auto;
    background-position: top 32px right;
    background-repeat: no-repeat;
    padding: 4vw 12px 2vh;
    margin:-4vh auto 0;
}

  .pkt_tophdbtmarea h1 img{
    max-width:280px;
}
  .pkt_topheadareawrap_sp img{
    width:100%;
  }

  .pkt_tophdbtmarea > div:last-of-type{
    width:100%;
    margin: 0 0 2vh 0;
    border-radius: 8px;
    padding: 8px;
    position:relative;
    max-width:none;
  }


  .pkt_tophdbtmarea > div:last-of-type::after {
    display:none;
  }
  
  .pkt_tophdbtmarea > div:last-of-type::before {
    display:none;
  }

  .pkt_tophdbtmarea div:last-of-type p::before{
    width:70vw;
    max-width:480px;
    padding-top:12vw;
    top:-10vw;
    left:auto;
    right:0;
}
  .pkt_tophdbtmarea div:last-of-type a{
    display:block;
    padding:0.5em 0.25em
  }
  .pkt_tophdbtmarea div:last-of-type p{
    line-height:1.5;
}
  
  .pkt_tophdbtmarea div:first-child{
    width:50%;
    margin-top:8px;
  }
  .pkt_tabWrap {
    margin-top:0;
    margin-bottom:0;
  }
  .pkt_tabList{
    margin-top:2vh;
  }

.pkt_topics_l, .pkt_topics_s{
  flex-wrap:wrap;
  justify-content:space-around;
}

.pkt_topics_l li{
  width:92%;
  margin-bottom:2vh;
}

    .pkt_topics_s li{
      width:50%;
    }


}

  @media screen and (max-width:768px){
    .pkt_topics_l li img.topics_thumb{
      height:60%;
    }
    
    .pkt_c_thumbimg{
      max-width:36%;
      right:8px;
    }
    
    .pkt_topmvcontbx{
      background-color:#be0000;
      padding-bottom:24px;
    }
    
    .pkt_mvdurbx{
      background-color:#be0000;
      width:100%;
      padding:2% 2% 0 2%;

    }
    
    .pkt_topmainmvbox .pkt_osusumemaintitle{
      width:96%;
      margin:0 auto;
    }
    
    .pkt_ichicap a{
      margin: -0.6em 0 0 0;
      padding: 1em 64px 0.6em 36px;
  }

  .pkt_ichicap img{
    width:56px !important;
  }
    
 .pkt_ichicap{
         width:96%;
      margin:0 auto;
   font-size: 0.75em;
}
    
    .pkt_topics_l .pkt_osusumemaintitle{
      font-size:0.875em;
      line-height:1.25;
    }
    
    .pkt_topics_s .pkt_osusumemaintitle{
      line-height: 1.25;
      font-size: 0.875em;
    }
    
   .pkt_topcatecaption{
      font-size:1em;
    }
    
    .pkt_topicscontainer .pkt_topcatecaption{
      font-size:0.875em;
      line-height:1.25;
      padding-left:4px;
      padding-right:4px;
      height: 4.25em;
    }
    
    .pkt_topicscontainer .pkt_topcatecaption img{
      width:4vw;
      margin-left:4px;
    }
    
    .pkt_topmainmvbox .pkt_nwlive{
      position:relative;
      display:flex;
      align-items: flex-end;
      left:0;
      width:100%;
      height:auto;
      max-height: 83px;
      background-image:url(../img/top/sp_osusume_hd.png);
      background-size:100% auto;
      background-repeat:no-repeat;
      background-position:0 0;
      border-radius:0;
      padding-top:10px;
      padding-bottom:10px;
      flex-direction: row;
      justify-content: flex-start;
      background-color:transparent;
    }
  
  .pkt_nwlive > div{
    padding:0;
  }
  
  .pkt_topmainmvbox .pkt_nwlive img{
    padding:0;
    display:inline-block;
    z-index:2;
  }
    
    .pkt_osusumebadge{
      display:none;
    }
    
    .pkt_osusumebadge_sp{
      display:block;
      bottom:-10px;
      max-width:64px !important;
      max-height:64px;
    }
    
    .pkt_osusumebadge02_sp{
      max-width:160px !important;
      max-height:32px !important;
      display:block;
    }
    
    .pkt_topmainmvbox h2{
      display:none;
    }
      
    .pkt_top_agotab{
      display:block;
    }
    
    .pkt_top_agotab ul{
      display:flex;
      justify-content: center;
    }
    
    .pkt_top_agotab ul li{
      background-color:#be0000;
      border-radius:0 0 10px 10px;
      width:10em;
      font-size:0.65em;
      text-align:center;
    }
    
    .pkt_top_agotab ul li{
      color:#dedede;
      padding:6px 0;
      margin-right:10px;
    }
    
    .pkt_top_agotab ul li a{
      color:#FFF;
      text-decoration: underline;
    }
  
    .pkt_headwrap ul.pkt_headmenu{
      background:url('../img/common/bg_denim_l.png');
    }
    
    .pkt_headmenu li{
      border:none;
      box-shadow:none;
    }
    



  /*-----180501add -----*/
  .pkt_topics_l .pkt_c_thumbimg_topicks,.pkt_topics_s .pkt_c_thumbimg_topicks{
    width:40% !important;
  }
  
  .pkt_topmvcontbx .pkt_dur{
    left:3.5%;
  }
  
  .pkt_topicstopbox .pkt_dur{
    left: 1.5%;
  }
  
  .pkt_topics_s .pkt_c_thumbimg_topicks{
    width:25% !important;
  }
  
}


@media screen and (max-width:440px){
  .pkt_tophdbtmarea div:last-of-type p{
    font-size: 0.75rem;
  }
}