/* ==============================================================
   施策4：公開日・更新日 表示スタイル
   ============================================================== */

/* ==============================================================
   テンプレート別スタイル
   ============================================================== */

/* tax_courses
----------------------- */
#container.tax_courses .article-date {
  max-width: 960px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: -30px;
  text-align: right;
}
#container.tax_courses .article-date p {
  font-size: 16px !important;
  color: #333;
  line-height: 1.4;
}
#container.tax_courses .article-date p br {
  display: none;
}
@media (max-width: 767px) {
  #container.tax_courses .article-date {
    margin-top: -20px;
  }
  #container.tax_courses .article-date p {
    font-size: 12px !important;
  }
  #container.tax_courses .article-date p br {
    display: inline;
  }
  #container.tax_courses .article-date p span {
    display: none;
  }
}
@media (max-width: 480px) {
  #container.tax_courses .article-date {
    margin-top: -25px;
  }
}

/* columnPage
----------------------- */
#container.columnPage .article-date {
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: -10px;
  text-align: right;
}
#container.columnPage .article-date p {
  font-size: 16px !important;
  color: #333;
  line-height: 1.4;
}
#container.columnPage .article-date p br {
  display: none;
}
@media (max-width: 767px) {
  #container.columnPage .article-date {
    width: calc(100% - 40px);
    margin-right: calc(39 / 750 * 100vw);
    margin-bottom: calc(-20 / 750 * 100vw);
  }
  #container.columnPage .article-date p {
    font-size: calc(20 / 750 * 100vw) !important;
  }
  #container.columnPage .article-date p br {
    display: none;
  }
  #container.columnPage .article-date p span {
    display: inline-block;
  }
}

/* column_top
----------------------- */
#container.column_top .article-date {
  max-width: 1160px;
  margin: 0 auto;
  text-align: right;
  margin-top: 10px;
}
#container.column_top .article-date p {
  font-size: 16px !important;
  color: #333;
  line-height: 1.4;
}
#container.column_top .article-date p br {
  display: none;
}
@media (max-width: 767px) {
  #container.column_top .article-date {
    width: calc(100% - 40px);
  }
  #container.column_top .article-date p {
    font-size: calc(20 / 750 * 100vw) !important;
  }
  #container.column_top .article-date p br {
    display: none;
  }
  #container.column_top .article-date p span {
    display: inline-block;
  }
}

/* ==============================================================
   グループスタイル
   ============================================================== */

/* debt
----------------------- */
@media (max-width: 480px) {
  .debt #container.tax_courses .article-date {
    margin-top: -19px;
  }
}

/* effect1
----------------------- */
@media (max-width: 480px) {
  .effect1 #container.tax_courses .article-date {
    margin-top: -19px;
  }
}

/* effect2
----------------------- */
@media (max-width: 480px) {
  .effect2 #container.tax_courses .article-date {
    margin-top: -33px;
  }
}

/* effective_use1
----------------------- */
@media (max-width: 480px) {
  .effective_use1 #container.tax_courses .article-date {
    margin-top: -21px;
  }
}

/* effective_use2
----------------------- */
@media (max-width: 480px) {
  .effective_use2 #container.tax_courses .article-date {
    margin-top: -21px;
  }
}

/* effective_use3
----------------------- */
@media (max-width: 480px) {
  .effective_use3 #container.tax_courses .article-date {
    margin-top: -21px;
  }
}

/* gift_tax_group
----------------------- */
@media (max-width: 480px) {
  .gift_tax_group #container.tax_courses .article-date {
    margin-top: -17px;
  }
}

/* review_of_methods
----------------------- */
@media (max-width: 480px) {
  .review_of_methods #container.tax_courses .article-date {
    margin-top: -20px;
  }
}

/* urban-farmland_group
----------------------- */
@media (max-width: 767px) {
  .urban-farmland_group #container.tax_courses .article-date {
    margin-top: -33px;
  }
}
@media (max-width: 480px) {
  .urban-farmland_group #container.tax_courses .article-date {
    margin-top: -35px;
  }
}

/* vacancy_measures_intro
----------------------- */
@media (max-width: 480px) {
  .vacancy_measures_intro #container.tax_courses .article-date {
    margin-top: -30px;
  }
}

/* vacancy_measures_group
----------------------- */
@media (max-width: 480px) {
  .vacancy_measures_group #container.tax_courses .article-date {
    margin-top: -28px;
  }
}