@charset "utf-8";

/***** お知らせ一覧・ページ用 *****/
/* ヘッダーリンク */
#header-box .logo-area .link a:nth-child(3) {
  opacity: .4;
}

#contents {
  position: relative;
  overflow: initial;
}

#sub-column {
  background: none;
  display: block;
  float: none;
/*  left: 0;*/
  margin: 10px 0 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 350px;
}

#sub-column > section:not(:last-of-type) {
  display: none;
}

#JournalList > h1,
#Journal > h1,
#JournalList article > .state_r,
#Journal article > .state_r,
#JournalList article > .state_l {
  display: none;
}

#JournalList,
#Journal {
  margin: 25px 0 0 auto;
  padding-bottom: 60px;
  width: 60%;
}

#JournalList *,
#Journal * {
  color: #666;
}

#JournalList > article {
  background-image: radial-gradient(circle, #cccccc 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 12px 4px;
  margin: 0;
  padding-bottom: 20px;
}

#JournalList > article + article {
  margin-top: 30px;
}

#JournalList > article > h2,
#Journal > article > h2 {
  border: none;
  padding: 0;
}

#JournalList > article > h2 a,
#Journal > article > h2 a {
  font-size: 20px !important;
}

.journal-cont {
  margin-top: 10px !important;
}

.page-info .date {
  font-size: 14px !important;
  letter-spacing: 2px;
}

.page-info .text {
  margin-top: 40px;
}

.page-info .text picture {
  display: block;
  margin-top: 2em;
}

.page-info .text p {
  letter-spacing: 1.4px;
  line-height: 1.8;
  margin-top: 2em;
}


@media screen and (max-width: 480px) {
  #sub-column {
    display: none;
  }
  
  #JournalList,
  #Journal {
    width: 100%;
  }

  #JournalList > article > h2,
  #Journal > article > h2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  #JournalList .journal-cont,
  #Journal .journal-cont {
    padding-left: 20px;
    padding-right: 20px;
  }

  #main-column #subc_calendar {
    width: 90% !important;
  }
}