@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* style css　*/
/*==================================================================*/
/* -------------------------------------------- */
/* entry */
/* -------------------------------------------- */
.entry-area {
  margin-bottom: 2em;
}

.entry {
  display: flex;
  justify-content: flex-start;
  padding: 1.5em 1em;
  border-bottom: 1px dashed #b2a996;
}
.entry:first-child {
  border-top: 1px dashed #b2a996;
}
.entry .icon {
  width: 40px;
  min-width: 40px;
}
.entry .text {
  width: calc(100% - 40px);
  padding-left: 2em;
}
.entry .text .pagetitle {
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: bold;
}
.entry .text .pagetitle a {
  color: #765f2f;
  text-decoration: underline;
}
.entry .text .pagetitle a:hover {
  text-decoration: none;
}
.entry .text .wysiwyg .description {
  margin-bottom: .5em;
}
.entry .text .wysiwyg .link-detail {
  text-align: right;
}
.entry .text .wysiwyg .link-detail a {
  font-size: .9em;
  font-weight: bold;
  color: #333;
}
.entry .text .wysiwyg .link-detail a:hover {
  text-decoration: none;
}

/* -------------------------------------------- */
/* voice詳細 */
/* -------------------------------------------- */
.voice-detail {
  margin-bottom: 2em;
  border-top: 1px dashed #b2a996;
}
.voice-detail h2 {
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: bold;
  color: #765f2f;
}

/*===========================================================================*/
/*  media quary:1024px */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  /* entry
  ------------------------------------------------------------------------ */
  .entry {
    padding: 1.5em 0;
  }
  .entry .icon {
    width: 25px;
    min-width: 25px;
  }
  .entry .icon img {
    width: 25px;
  }
  .entry .text {
    width: calc(100% - 25px);
    padding-left: 1em;
  }
  .entry .text .pagetitle {
    font-size: 1em;
  }

  /* -------------------------------------------- */
  /* voice詳細 */
  /* -------------------------------------------- */
  .voice-detail h2 {
    font-size: 1.1em;
  }
}