@charset "UTF-8";
/* ニュース用スタイル */
/* parts */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
/* other */
.news.single #headline {
  width: 90%;
  margin: 0 auto;
  padding: 0 !important;
  justify-content: center; }
  @media screen and (min-width: 1701px) {
    .news.single #headline {
      width: 1500px; } }
  .news.single #headline hgroup.under-headline {
    align-items: center; }
    .news.single #headline hgroup.under-headline h1:nth-of-type(2) {
      margin-bottom: 2em; }
    .news.single #headline hgroup.under-headline h1 span.ja {
      line-height: 1.4;
      text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7), 0 0 10px rgba(255, 255, 255, 0.7); }
.news #undercontents .news-single-area {
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
  line-height: 1.6; }
  .news #undercontents .news-single-area p {
    line-height: 1.8;
    padding: 0.5em 0; }
  .news #undercontents .news-single-area ul,
  .news #undercontents .news-single-area ol {
    padding: 0.5em 1em 0.5em 2em; }
  .news #undercontents .news-single-area time {
    font-weight: bold;
    width: 100%;
    padding: 0 0 2em 0;
    display: inline-block; }
.news #undercontents .news-section {
  width: 80%;
  margin: 3em auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center; }
  .news #undercontents .news-section h2.news-archive-headline {
    text-align: center;
    margin-bottom: 3.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-direction: column;
    align-items: center;
    margin-top: 2em; }
    .news #undercontents .news-section h2.news-archive-headline span.en {
      font-size: 2.8em;
      letter-spacing: 0; }
      .news #undercontents .news-section h2.news-archive-headline span.en::after {
        width: 3em;
        height: 3px;
        margin: 0.5em auto 0.25em auto;
        display: block;
        background: linear-gradient(to right, #BE8E56, #E6CEAA, #E5CDB2, #AA843A, #705835, #AA966E, #997C50, #A17849);
        background: -webkit-linear-gradient(to right, #BE8E56, #E6CEAA, #E5CDB2, #AA843A, #705835, #AA966E, #997C50, #A17849);
        content: ''; }
    .news #undercontents .news-section h2.news-archive-headline span.ja {
      font-family: 'Noto Sans Japanese', serif;
      font-weight: 700;
      font-size: 1.2em; }
    .news #undercontents .news-section h2.news-archive-headline span.en::after {
      margin-top: 0.25em; }

.left-area {
  width: 70%; }

.right-area {
  width: 27.5%;
  padding-left: 7.5%; }
  .right-area h2 {
    text-align: center;
    margin-bottom: 3.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-direction: column;
    align-items: center;
    font-size: 0.8em;
    margin-bottom: 2.5em; }
    .right-area h2 span.en {
      font-size: 2.8em;
      letter-spacing: 0; }
      .right-area h2 span.en::after {
        width: 3em;
        height: 3px;
        margin: 0.5em auto 0.25em auto;
        display: block;
        background: linear-gradient(to right, #BE8E56, #E6CEAA, #E5CDB2, #AA843A, #705835, #AA966E, #997C50, #A17849);
        background: -webkit-linear-gradient(to right, #BE8E56, #E6CEAA, #E5CDB2, #AA843A, #705835, #AA966E, #997C50, #A17849);
        content: ''; }
    .right-area h2 span.ja {
      font-family: 'Noto Sans Japanese', serif;
      font-weight: 700;
      font-size: 1.2em; }
    .right-area h2 span.en::after {
      margin-top: 0; }
  .right-area ul {
    padding: 0.5em 1em !important; }
    .right-area ul.news-ul {
      margin-bottom: 2em; }
    .right-area ul.yearly-ul li {
      font-weight: bold;
      padding: 1em 1em;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      align-items: center;
      border-bottom: dotted 1px #ccc; }
      .right-area ul.yearly-ul li::before {
        width: 3px;
        height: 3px;
        margin-right: 0.75em;
        display: block;
        background: #000;
        border-radius: 50%;
        content: ''; }
      .right-area ul.yearly-ul li a {
        color: #000; }
  .right-area dl dt {
    font-weight: bold;
    padding-bottom: 0.5em; }
  .right-area dl dd {
    font-size: 0.9em;
    letter-spacing: 0.05em;
    padding-bottom: 2.5em; }
    .right-area dl dd a {
      color: #000; }

/* tablet */
@media screen and (min-width: 576px) and (max-width: 768px) {
  .news #undercontents .news-single-area,
  .news #undercontents .news-section {
    flex-direction: column; }

  .left-area {
    width: 90%;
    margin: 0 auto; }
    .left-area ul.news-ul li {
      font-size: 1.2em; }
    .left-area p,
    .left-area .r-head {
      font-size: 1.2em; }

  .right-area {
    width: 80%;
    padding-left: 0;
    margin: 8em auto 0 auto; }
    .right-area ul.yearly-ul li {
      font-size: 1.2em; } }
#news-page-nav {
  padding-top: 3em; }
  #news-page-nav ul {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    padding: 1em 0 0 0 !important;
    border-top: solid 1px #bbb; }
    #news-page-nav ul li {
      color: #bbb; }
      #news-page-nav ul li a {
        font-family: 'Yu Gothic Medium', 'Hiragino Gothic';
        font-style: normal;
        font-weight: bold;
        color: #000;
        width: auto;
        display: inline-block;
        position: relative; }
        #news-page-nav ul li a::after {
          display: block;
          position: absolute;
          content: ''; }
        #news-page-nav ul li a::after {
          width: 0.5em;
          height: 0.5em;
          border-top: solid 1px #000;
          border-right: solid 1px #000; }
        #news-page-nav ul li a:hover, #news-page-nav ul li a:active, #news-page-nav ul li a:focus {
          text-decoration: none; }
      #news-page-nav ul li span {
        display: inline-block; }
      #news-page-nav ul li.prev {
        margin-right: 1em; }
        #news-page-nav ul li.prev a {
          padding: 0.75em 1em 0.75em 2em; }
          #news-page-nav ul li.prev a::after {
            top: 1.255em;
            left: 0.75em;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
        #news-page-nav ul li.prev span {
          padding: 0.75em 1em 0.75em 2em; }
      #news-page-nav ul li.next a {
        padding: 0.75em 2em 0.75em 1em; }
        #news-page-nav ul li.next a::after {
          top: 1.27em;
          right: 0.75em;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
      #news-page-nav ul li.next span {
        padding: 0.75em 2em 0.75em 1em; }

/* mobile */
@media screen and (max-width: 575px) {
  .news #undercontents .news-single-area {
    flex-direction: column;
    width: 100%; }
  .news img {
    object-fit: contain; }

  .news-section {
    flex-direction: column;
    width: 100% !important; }
    .news-section .left-area {
      width: 100%;
      margin: 0 auto; }
      .news-section .left-area .news-ul li dl {
        flex-direction: column; }
        .news-section .left-area .news-ul li dl dt::after {
          width: 95%;
          margin: auto;
          height: 2px;
          top: auto;
          bottom: 0.5em;
          left: 0;
          right: 0;
          background: linear-gradient(to right, #BE8E56, #E6CEAA, #E5CDB2, #AA843A, #705835, #AA966E, #997C50, #A17849);
          background: -webkit-linear-gradient(to right, #BE8E56, #E6CEAA, #E5CDB2, #AA843A, #705835, #AA966E, #997C50, #A17849); }

  .left-area {
    width: 100%;
    margin: 0 auto; }

  .right-area {
    width: 90%;
    padding-left: 0;
    margin: 8em auto 0 auto; } }


/* English news archive date layout */
.news #undercontents .news-section .left-area ul.news-ul li dl {
  display: flex;
  align-items: flex-start;
}

.news #undercontents .news-section .left-area ul.news-ul li dl dt.news-date {
  width: 115px;
  flex: 0 0 115px;
  padding-right: 24px;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.6;
}

.news #undercontents .news-section .left-area ul.news-ul li dl dt.news-date .news-date-day,
.news #undercontents .news-section .left-area ul.news-ul li dl dt.news-date .news-date-month {
  display: block;
  white-space: nowrap;
}

.news #undercontents .news-section .left-area ul.news-ul li dl dd {
  flex: 1;
}

/*# sourceMappingURL=news.css.map */