/* *************************************************************************************
/*+  common  +**************************************************************************
/************************************************************************************* */
/* *****************************************
/*+  initialize  +**************************
/***************************************** */
/*+ block + ------------------------------ */
/* *****************************************
/*+  voicelist  +***************************
/***************************************** */
/*+ block + ------------------------------ */
#voicelist {
  /*+ list + ------------------------------- */ }
  #voicelist .clearfix li dd {
    line-height: 0;
    position: relative; }
    #voicelist .clearfix li dd a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10; }

/* *****************************************
/*+  contents-nav  +************************
/***************************************** */
/*+ block + ------------------------------ */
/* *************************************************************************************
/*+  PC  +******************************************************************************
/************************************************************************************* */
@media print, screen and (min-width: 768px) {
  /* *****************************************
  /*+  voicelist  +***************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #voicelist {
    /*+ list + ------------------------------- */ }
    #voicelist h3 {
      margin-bottom: 20px; }
    #voicelist .category {
      margin-bottom: 60px; }
    #voicelist .clearfix li {
      margin: 0 40px 40px 0;
      width: 580px;
      float: left; }
      #voicelist .clearfix li:nth-of-type(2n) {
        margin-right: 0; }

  /* *****************************************
  /*+  contents-nav  +************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #contents-nav .clearfix li {
    margin: 0 40px 40px 0;
    width: 580px;
    float: left; }
    #contents-nav .clearfix li:nth-of-type(2n) {
      margin-right: 0; } }
/* *************************************************************************************
/*+  SP  +******************************************************************************
/************************************************************************************* */
@media print, screen and (max-width: 767px) {
  /* *****************************************
  /*+  voicelist  +***************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #voicelist {
    /*+ list + ------------------------------- */ }
    #voicelist h3 {
      margin-bottom: 2%; }
    #voicelist .category {
      margin-bottom: 10%; }
    #voicelist .clearfix li {
      margin-bottom: 3%; }
      #voicelist .clearfix li:last-of-type {
        margin-bottom: 0; }
      #voicelist .clearfix li dd {
        padding-top: 56.25%;
        width: 100%;
        position: relative; }
        #voicelist .clearfix li dd iframe {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }

  /* *****************************************
  /*+  contents-nav  +************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #contents-nav .inner {
    padding-bottom: 4%; }
  #contents-nav .clearfix li {
    margin-bottom: 3%; }
    #contents-nav .clearfix li:last-of-type {
      margin-bottom: 0; } }