@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600&display=swap");
@import url("global.css");
.page-head .page-head_inner {
  background: url("../image/mv/topics_mv.jpg") no-repeat center center;
  background-size: cover; }

/* ------------------------------
 Index
------------------------------ */
.list li {
  padding: 15px 0;
  border-bottom: 1px solid #EFEFEF; }
  .list li a {
    padding-right: 30px; }
    .list li a::after {
      content: "\f054";
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: #B0B0B0;
      font-size: 20px;
      font-weight: 900;
      font-family: "Font Awesome 5 free"; }
    .list li a:hover {
      color: #B0B0B0; }
  .list li .post_item {
    position: relative; }
    .list li .post_item .date {
      width: 200px;
      padding: 0 20px;
      box-sizing: border-box; }
    .list li .post_item .text {
      flex: 1; }
      .list li .post_item .text i {
        margin-left: 6px;
        color: #777;
        font-size: 18px; }

/* ------------------------------
 Entry
------------------------------ */
.post {
  margin-bottom: 60px; }
  .post .date {
    margin-bottom: 10px; }
  .post .post_title {
    margin-bottom: 30px;
    color: #777;
    font-size: 28px;
    font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-0 (1600px)
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1300px)
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  /* ------------------------------
   Index
  ------------------------------ */
  .list li .post_item {
    display: block; }
    .list li .post_item .date {
      width: 100%;
      padding: 0;
      margin-bottom: 6px; }
    .list li .post_item .text {
      line-height: 1.4; }

  /* ------------------------------
   Entry
  ------------------------------ */
  .post .post_title {
    font-size: 26px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  /* ------------------------------
   Entry
  ------------------------------ */
  .post {
    margin-bottom: 40px; }
    .post .post_title {
      line-height: 1.4;
      margin-bottom: 20px;
      font-size: 22px; } }