@charset "UTF-8";

header {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jnl {
  position: relative;
}

.logo-journal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 266px;
  margin: 0 auto;
  width: 100%;
}

.imgmax {
  width: 100%;
  height: auto;
  display: block;
}

#journal-area {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 290px;
  gap: 0 40px;
}

.single-news #journal-area {
  grid-template-columns: 100%;
  gap: 0;
}

#breadcrumb {
  display: flex;
  max-width: 980px;
  margin: 0 auto 20px;
}

#breadcrumb li:not(:last-child) {
  background: url(../img/bread-arrow.svg) no-repeat right center / 6px 4px;
  padding-right: 16px;
  margin-right: 10px;
}

.mv-journal {
  position: relative;
  margin-bottom: 20px;
}

.mv-journal__tit {
  position: absolute;
  right: 5%;
  top: 50%;
  text-align: right;
  transform: translateY(-50%);
  font-size: 3rem;
  letter-spacing: 2px;
}

.journal-mcp {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0 auto 50px;
}

.article-area {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 40px 4%;
  margin: 0 auto 60px;
}

.article-area__list--img {
  margin-bottom: 10px;
}

.cates {
  width: max-content;
  margin-bottom: 10px;
}

.cates .cates--a {
  display: block;
  border: 1px solid #ff6808;
  padding: 6px 10px;
  line-height: 1;
  border-radius: 6px;
  color: #ff6808;
  font-size: 1.3rem;
  font-weight: bold;
}

.-datetime,
.-side_datetime {
  color: #aaa;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.-datetime time:not(:first-child) {
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
}

.article-area__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.article-area__list--name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.article-area__list--name span {
  font-size: 1.1rem;
}

.article-area__list--a {
  color: #392221;
}

.read-btn {
  width: 100%;
  margin-top: auto;
}

.read-btn--a {
  background: url(../img/read-arrow.svg) no-repeat 90% 80% #3d2120;
  background-size: 42px 5px;
  display: block;
  text-align: center;
  color: #fff;
  padding: 14px 5%;
  position: relative;
  margin-bottom: 7px;
  font-size: 1.6rem;
  line-height: 1;
}
.read-btn--a:hover {
  opacity: 1;
  background: url(../img/read-arrow.svg) no-repeat 95% 80% #211615;
  background-size: 42px 5px;
}

.read-btn--a::after {
  background: #cbcbcb;
  content: "";
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
  bottom: -7px;
  right: -7px;
  z-index: -1;
}

.side-tit {
  text-align: center;
  font-size: 2rem;
  border: 1px solid #392221;
  padding: 10px 14px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.side-tit:not(:first-of-type) {
  margin-top: 50px;
}

.-side_datetime time {
  display: block;
}

.side-article__list {
  display: grid;
  grid-template-columns: 126px auto;
  gap: 0 10px;
}

.side-article__list:not(:last-child) {
  border-bottom: 1px dashed #c4c4c4;
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.side-article__list img {
  width: 100%;
  height: auto;
  display: block;
}

.side-article--name {
  font-weight: bold;
  margin-top: 8px;
  line-height: 1.8rem;
}

.-position {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

/*jurnal detail*/
#journal-detail h1 {
  font-size: 2.6rem;
  color: #392221;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  margin-bottom: 20px;
}

.writer {
  border: 3px solid #eee;
  padding: 3%;
  display: grid;
  grid-template-columns: 126px auto;
  grid-template-rows: auto auto;
  gap: 0 20px;
  margin: 0 auto 30px;
}

.staff-pic {
  grid-column: 1/2;
  grid-row: 1/3;
}

.writer-pro {
  grid-column: 2/3;
  grid-row: 2/3;
}

.this-write {
  grid-column: 2/3;
  grid-row: 1/2;
  font-size: 1.3rem;
}

.staff-pic img {
  width: 126px;
  height: 102px;
  object-fit: cover;
}

.this-write a {
  text-decoration: underline;
  font-weight: bold;
  color: #392221;
}

.this-write dt {
  color: #aaa;
  line-height: 1;
  margin-bottom: 6px;
}

.this-write dd {
  font-size: 1.5rem;
  margin-bottom: 6px;
}

.writer-pro {
  letter-spacing: 1px;
}

.i-thumnail {
  margin-bottom: 30px;
}

.i-thumnail img,
#journal-detail img {
  max-width: 100%;
  height: auto;
  display: block;
}

#journal-detail .mb-txt h2 {
  border-bottom: 1px solid #ccc;
  font-size: 2.2rem;
  font-weight: 600;
  padding: 0 0 14px;
  letter-spacing: 2px;
  margin: 50px auto 30px;
}

#journal-detail .mb-txt h3 {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 50px auto 30px;
  position: relative;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  background: #ebebeb;
  padding: 6px 10px;
}

#journal-detail .mb-txt h4 {
  position: relative;
  font-weight: bold;
  margin: 50px auto 30px;
  display: flex;
  align-items: center;
}

#journal-detail .mb-txt h4::before {
  content: "";
  width: 10px;
  height: 24px;
  display: block;
  background: #3d2120;
  border-radius: 5px;
  margin-right: 10px;
}

#journal-detail figure {
  margin: 30px auto;
}

#journal-detail blockquote {
  position: relative;
  padding: 6%;
  width: 100%;
  margin: 60px auto;
  background: url(../img/icon-quote-up.svg) no-repeat 5% 20px, url(../img/icon-quote-un.svg) no-repeat 95% 90% #f8f8f8;
  background-size: 40px 30px;
}

#journal-detail blockquote p {
  margin: 0 0 30px;
}

#journal-detail blockquote a {
  text-decoration: underline;
  color: #6b9df1;
}

#journal-detail blockquote cite {
  font-style: normal;
  text-align: right;
  display: block;
  font-size: 1.4rem;
}

#journal-detail .is-style-border {
  margin: 0;
}

#journal-detail table,
#journal-detail .is-style-border table {
  border-collapse: collapse;
  width: 100%;
}

#journal-detail table th,
#journal-detail table td,
#journal-detail .is-style-border table th,
#journal-detail .is-style-border table td {
  padding: 15px;
  border: 1px solid #ccc;
}

#journal-detail table th,
#journal-detail .is-style-border table th,
#journal-detail .is-style-border table tr td:first-child {
  background: #eee;
}

#journal-detail .mb-txt {
  margin: 0 auto 70px;
  font-size: 1.6rem;
}

.read-togr {
  background: #f9f8f3;
  padding: 5%;
  position: relative;
  margin: 50px auto;
}

.mb-txt p.read-togr__tit,
.read-togr__tit {
  font-size: 1.6rem;
  font-weight: bold;
  color: #392221;
  border-bottom: 1px solid #cbcbcb;
  margin: 0 0 20px;
  padding: 0 0 10px;
  line-height: 1;
}

.youtube-box,
.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
  margin: 30px auto;
}

.youtube-box iframe,
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-embed iframe {
  width: 100%;
}

.mb-txt p {
  margin-top: 30px;
}

.chat {
  display: grid;
  grid-template-columns: 68px auto;
  gap: 0 30px;
  margin: 30px auto;
}

.-reverse {
  grid-template-columns: auto 68px;
}

.-reverse .chat-hum {
  grid-column: 2/3;
  grid-row: 1/2;
}

.-reverse .chat-hint {
  grid-column: 1/2;
  grid-row: 1/2;
}

.chat p {
  color: #392221;
}

.mb-txt .chat-hum p {
  margin: 0;
  text-align: center;
  font-weight: bold;
}

.mb-txt .chat-hum p:first-child {
  margin-bottom: 10px;
}

.chat-hum-pic img {
  width: 68px;
  height: 68px !important;
  display: block;
  object-fit: cover;
  border-radius: 50%;
}

.chat-hint {
  padding: 20px;
  position: relative;
  letter-spacing: 1px;
  border: 1px solid #cbcbcb;
  background: #f8f8f8;
  border-radius: 8px;
  font-size: 1.4rem;
}

.left .chat-hint:before {
  content: "";
  position: absolute;
  top: 30px;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #f8f8f8;
  z-index: 2;
}

.left .chat-hint:after {
  content: "";
  position: absolute;
  top: 30px;
  left: -30px;
  margin-top: -16px;
  border: 16px solid transparent;
  border-right: 16px solid #cbcbcb;
  z-index: -1;
}

.-reverse .chat-hint:before {
  content: "";
  position: absolute;
  top: 30px;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #f8f8f8;
  z-index: 2;
}

.-reverse .chat-hint:after {
  content: "";
  position: absolute;
  top: 30px;
  right: -30px;
  margin-top: -16px;
  border: 16px solid transparent;
  border-left: 16px solid #cbcbcb;
  z-index: -1;
}

.read-togr__box {
  display: grid;
  grid-template-columns: 152px auto;
  gap: 0 30px;
}

.read-togr__box .detail__cate a {
  margin: 0 10px 0 0;
}

.mb-txt .read-togr__box p {
  margin: 0;
}

.read-togr__txt dt {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.6rem;
  letter-spacing: 2px;
}

.read-togr__txt dt a {
  text-decoration: underline;
  color: #392221;
}

.look-detail {
  text-align: center;
}

.look-detail a {
  background: #3d2120;
  display: block;
  padding: 10px;
  color: #fff;
  margin: 20px auto 0;
  max-width: 180px;
  width: 100%;
}

.o-r-arrow {
  background: url(../img/read-rarrow.svg) no-repeat right center / 7px 13px;
  padding-right: 20px;
}

.read-cates {
  display: flex;
  align-items: center;
}

.read-cates time {
  font-size: 1.3rem;
}

.introduction-area {
  padding: 5% 5% 2%;
  border: 1px solid #cbcbcb;
  margin: 40px auto;
}

.un-line__tit {
  margin: 0 auto 20px !important;
  font-weight: bold;
  font-size: 1.6rem;
  color: #392221;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.introduction-box {
  display: grid;
  grid-template-columns: 152px auto;
  gap: 0 30px;
  margin: 30px auto;
}

.introduction-box:not(:last-child) {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
}

#journal-detail .introduction-box p {
  margin: 0;
}

#journal-detail .introduction-box dt {
  font-weight: bold;
  font-style: 1.6rem;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

.-supervision a {
  color: #2b703b;
}

.post-read {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  margin: 30px auto;
}

.post-read dt {
  font-weight: bold;
  font-size: 1.6rem;
  color: #3d2120;
  margin-bottom: 10px;
}

.post-read dd {
  font-size: 1.4rem;
}

.post-read span {
  display: block;
  height: 100%;
}

.post-read a {
  padding: 7% 5%;
  display: block;
  height: 100%;
}

.post-read__prev {
  text-align: right;
  margin-right: -1px;
}
.post-read__prev,
.post-read__next {
  border: 1px solid #392221;
}

.post-read__prev span {
  background: url(../img/post-read__prev.svg) no-repeat left center / 15px 24px;
  display: block;
  padding-left: 25px;
}

.post-read__next span {
  background: url(../img/post-read__next.svg) no-repeat right center / 15px 24px;
  display: block;
  padding-right: 25px;
}

.post-areas {
  display: grid;
  grid-template-columns: repeat(4, 23.5%);
  gap: 0 2%;
  margin: 0 auto 60px;
}

.post-areas .cates {
  width: auto;
}

.post-areas .cates .cates--a {
  font-size: 1.1rem !important;
  display: inline-block;
}

.post-areas .article-area__list--name,
.post-areas .read-btn--a {
  font-size: 1.5rem;
}

.un-post__tit {
  text-align: center;
  color: #fff;
  background: #ff6808;
  padding: 10px;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.category-tit {
  font-size: 2.4rem;
  color: #392221;
  font-weight: bold;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #392221;
}

/*auther*/
.journal-profarea {
  padding: 0 5%;
  margin: 0 auto 30px;
}
.journal-pic {
  margin: -100px 0 20px;
  max-width: 210px;
}

.journal-pic img {
  width: 210px;
  height: 168px;
  object-fit: cover;
}

.journal-cover img {
  width: 100%;
  height: auto;
  display: block;
}

.journal-name {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 10px;
}

.journal-position dt {
  font-size: 1.4rem;
  border: 1px solid #3d2120;
  padding: 5px;
  display: inline-block;
  border-radius: 6px;
  line-height: 1;
  margin-bottom: 10px;
}

.prof-details {
  padding: 5%;
  background: #f8f8f8;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin: 0 auto 40px;
}

.tit-line {
  font-size: 1.8rem;
  border-bottom: 1px solid #707070;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.books {
  display: grid;
  grid-template-columns: 140px auto;
  gap: 0 40px;
  margin: 20px auto 0;
  max-width: 980px;
}

.books-img {
  max-width: 140px;
}

.books-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

.book-tit {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 20px;
}

.books-area {
  margin-bottom: 40px;
}

.d-line_tit {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  text-align: center;
  padding: 10px;
  font-size: 2.2rem;
  color: #3d2120;
  font-weight: bold;
  margin-bottom: 30px;
}

/*news*/
.free-wrapper {
  max-width: 980px;
  margin: 0 auto 120px;
  text-align: center;
}

.-news-wap {
  margin-bottom: 60px;
}

.free_about-tit {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 50px;
}

.free_about-mainimg {
  margin-bottom: 30px;
}

.free_about-maintxst {
  background: none;
  text-align: center;
  padding: 0;
  margin: -20px auto 30px;
  padding: 0;
  line-height: 1.8;
}

.-padding60 {
  padding: 60px;
}
.free_news-contents {
  margin-bottom: 100px;
}

.free_news-contents__list:not(:last-child) {
  margin-bottom: 40px;
}

.free_news-contents__list--box {
  display: flex;
}

.free_news-contents__list--box-img {
  width: 23%;
  margin-right: 5%;
}

.free_news-contents__list--box-txstbox {
  display: flex;
  flex-wrap: wrap;
  width: 72%;
}

.free_news-contents__list--box-txstbox-tag {
  display: inline-block;
  border: 1px solid #ff6808;
  color: #ff6808;
  padding: 1%;
  line-height: 1;
  margin-bottom: 10px;
}

.free_news-contents__list--box-txstbox-tit {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.section_btn-left {
  margin: auto 0 0 auto;
  width: 30%;
}

.height5 {
  padding: 5% 0;
}

.free_news-number {
  margin: 0 auto;
  width: 48%;
}

.instagram_box__list img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*add*/

.ec-top_btn {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.ec-top_btn p {
  margin-left: auto;
  max-width: 200px;
}

.ec-top_btn p a {
  background: #3d2120;
  color: #fff;
  padding: 15px;
  text-align: center;
  display: block;
}

.ec-top_btn span {
  background: url(../img/icon-side_delta.svg) no-repeat right center / 10px 10px;
  display: block;
}

.blog-gnav {
  border-bottom: 1px solid #3d2120;
  margin-bottom: 40px;
}

.blog-gnav ul {
  max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  text-align: center;
  margin: 0 auto -1px;
}

.blog-gnav ul li {
  border: 1px solid #3d2120;
}

.blog-gnav ul li:not(:last-child) {
  margin-right: -1px;
}

.blog-gnav ul a {
  display: flex;
  padding: 15px;
  color: #3d2120;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 1.5rem;
}

.blog-gnav ul a:hover {
  opacity: 1;
  background: #3d2120;
  color: #fff;
}

@media (max-width: 959px) {
  #journal-area,
  #breadcrumb {
    padding: 0 5%;
  }

  #journal-area {
    grid-template-columns: auto 250px;
  }

  .side-article__list {
    grid-template-columns: 98px auto;
  }

  /*news*/
  .free-wrapper {
    margin-bottom: 50px;
  }

  .free_about-tit {
    margin-top: 30px;
  }

  .free_about-mainimg {
    margin-bottom: 20px;
  }

  .free_about-maintxst {
    padding-bottom: 10px;
    background: url(../img/icon-activities-bgimg01.jpg) no-repeat left bottom, url(../img/icon-activities-bgimg02.jpg) no-repeat right bottom;
    background-size: 80px 80px;
    margin-bottom: 30px;
  }

  .-padding60 {
    padding: 0 0 20%;
  }

  .free_news-contents__list {
  }

  .free_news-contents__list:not(:last-child) {
    border-bottom: 1px dashed #392221;
    margin-bottom: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }

  .free_news-contents__list--box-img {
    width: 33%;
  }

  .free_news-number {
    width: 80%;
  }

  .free_news-contents {
    margin-bottom: 50px;
  }

  .free_news-contents__list--box-txstbox-flex {
    background: url(../img/right_arrow.svg) no-repeat 100% 50% / 15px 10px;
    display: block;
    padding: 0 8% 0 0;
  }

  .free_news-contents__list--box-txstbox-tag {
    padding: 2%;
  }

  .free_news-contents__list--box-txstbox-tit {
    font-size: 1.5rem;
  }

  .-mb20-sp {
    display: block;
  }
}

@media (max-width: 767px) {
  #journal-area {
    padding: 0;
    grid-template-columns: repeat(1, 100%);
    gap: 80px 0;
  }

  .journal-mcp {
    padding: 0 5%;
  }

  .article-area,
  aside {
    width: 90%;
    margin: 0 auto;
  }

  aside {
    margin-bottom: 60px;
  }

  .mv-journal__tit {
    width: 46%;
    right: 10%;
  }

  /*jurnal detail*/
  #journal-detail {
    padding: 0 5%;
  }

  /*auther*/

  .prof-details,
  .books-area,
  .d-line_tit {
    width: 90%;
  }

  .books-area {
    margin: 0 auto 40px;
  }

  .d-line_tit {
    margin: 0 auto 30px;
  }

  /*add*/
  .ec-top_btn,
  .blog-gnav {
    display: none;
  }

  .inbox__area {
    padding: 5%;
    background: #e4eabe;
    border-radius: 6px;
  }

  .blog__gnavs {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    gap: 10px 4%;
  }

  .blog__gnavs li:first-child,
  .blog__gnavs li:last-child {
    grid-column: 1/3;
  }

  .blog__gnavs .spf__item--a {
    text-align: center;
    padding: 25px 10px;
  }

  .foot_nav--list {
    width: calc(100% / 3);
  }
}

@media (max-width: 519px) {
  header {
    height: 60px;
  }

  .logo-journal {
    width: 130px;
  }

  #breadcrumb {
    margin: 10px auto 30px;
    padding: 10px 0;
    width: 100%;
    overflow: scroll;
  }

  .breadcrumbs {
    padding: 0 5%;
    width: max-content;
    white-space: nowrap;
  }

  .article-area {
    display: block;
  }

  .article-area__list {
    display: grid;
    grid-template-columns: 126px auto;
    grid-template-rows: auto 56px;
    gap: 0px 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .article-flex {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 126px auto;
    grid-template-rows: 40px auto auto;
    gap: 0 10px;
  }

  .cates {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: 0;
  }

  .-datetime {
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .article-area__list--name {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .article-area__list--img {
    grid-column: 1/2;
    grid-row: 1/4;
    margin-bottom: 0;
  }

  .read-btn {
    grid-column: 2/3;
    grid-row: 2/3;
  }

  /**/
  #journal-detail h1 {
    font-size: 2.4rem;
    margin: 10px 0;
  }

  .staff-pic {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .writer {
    align-items: center;
    gap: 20px 10px;
    padding: 6%;
  }

  .writer-pro {
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .this-write {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .blog-darea .mb-txt h2 {
    font-size: 2.2rem;
  }

  .blog-darea .mb-txt h3 {
    font-size: 1.8rem;
  }

  .blog-darea blockquote {
    padding: 6%;
  }

  .read-togr__box,
  .introduction-box {
    grid-template-columns: auto;
    gap: 20px 0;
  }

  .read-togr__img img {
    margin: 0 auto;
    text-align: center;
  }

  .mb-txt .read-togr__box p,
  .look-detail {
    margin: 20px auto 0 !important;
  }

  .mb-txt p.read-togr__tit,
  .read-togr__tit {
    margin-bottom: 10px;
  }
  #journal-detail blockquote {
    padding: 15% 10%;
  }

  .post-areas {
    grid-template-columns: repeat(1, 100%);
    gap: 0;
    margin-bottom: 0;
  }

  .post-read {
    display: block;
  }

  .post-read__prev {
    margin: 0 0 -1px 0;
  }

  .post-read a {
    padding: 5%;
  }

  /*auther*/
  .journal-pic {
    margin: -80px auto 20px;
    text-align: center;
    width: 190x;
  }

  .journal-pic img {
    width: 190px;
    height: 152px;
  }

  .journal-name {
    text-align: center;
  }

  .journal-position dt {
    display: block;
    width: max-content;
    margin: 0 auto 20px;
  }

  .books {
    grid-template-columns: repeat(1, 100%);
  }

  .books-img {
    margin: 0 auto 20px;
    max-width: 100px;
  }

  /*add*/
  .cates .cates--a {
    font-size: 1rem !important;
  }
}

@media (max-width: 414px) {
  .article-area__list--name {
    margin-bottom: 10px;
  }
}
@media (max-width: 320px) {
}

.new-label {
  color: #ff6805;
}