@charset "utf-8";

/* -------------------------------------------------- */
/* #block-special */
/* -------------------------------------------------- */
#block-special .tab-link{flex-wrap:wrap;margin-bottom:-20px;}
#block-special .tab-link > *{margin:0 10px 20px;min-width:0;}
#block-special .box-genre{margin-top:70px;}

#block-special .d-flex-4{margin-bottom:-0.952%!important;}
#block-special .d-flex-4 > *{width:24.286%;margin-right:0.952%;margin-bottom:0.952%;}
#block-special .d-flex-4 > *:nth-child(4n){margin-right:0;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (max-width:999px){
  #block-special .tab-link{margin-bottom:-10px;}
  #block-special .tab-link > *{font-size:1.6rem;margin:0 5px 10px;}

  #block-special .d-flex-4{margin-bottom:-2%!important;}
  #block-special .d-flex-4 > *{width:32%;margin-right:2%;margin-bottom:2%;}
  #block-special .d-flex-4 > *:nth-child(4n){margin-right:2%;}
  #block-special .d-flex-4 > *:nth-child(3n){margin-right:0;}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:599px){
  #block-special .tab-link{justify-content:center;}
  #block-special .tab-link > *{width:100%;margin:0 0 10px 0;flex:auto;}
  #block-special .tab-link > *:nth-child(even){margin-right:0;}
  #block-special .tab-link > *:last-child{margin-right:0;}

  #block-special .box-genre{margin-top:40px;}

  #block-special .d-flex-4{margin-bottom:-2%!important;}
  #block-special .d-flex-4 > *{width:49%;margin-right:2%;margin-bottom:2%;}
  #block-special .d-flex-4 > *:nth-child(3n){margin-right:2%;}
  #block-special .d-flex-4 > *:nth-child(even){margin-right:0;}
}


