@charset "UTF-8";
.info-wrap.info__top .md-pager-list-wrap { padding-top: 50px; }
@media print, screen and (max-width: 768px) { .info-wrap.info__top .md-pager-list-wrap { padding-top: 35px; } }
@media print, screen and (max-width: 768px) { .info-wrap .md-sns-list.type-02 { padding: 10px 0 0; } }
@media print, screen and (min-width: 769px) { .info-wrap .md-sns-list.type-02 { padding-top: 0; } }

/* ===================== モジュール追加分
===================== */
/* タイトル部分 */
.md-page-name.info__top .pager-list__status { display: block; margin-top: 20px; font-size: 1.2rem; color: #888; }
@media print, screen and (max-width: 768px) { .md-page-name.info__top .pager-list__status { margin-top: 12px; } }

/* 記事部分 */
.md-article-detail.type-info .md-article-detail__section a.under-line { color: #333; text-decoration: underline; }
.md-article-detail.type-info .md-article-detail__section a.under-line:hover { text-decoration: none; }
.md-article-detail.type-info .md-article-detail__section p { margin-bottom: 30px; }
@media print, screen and (max-width: 768px) { .md-article-detail.type-info .md-article-detail__section p { margin-bottom: 15px; } }
.md-article-detail.type-info .md-article-detail__section .date .label { display: inline-block; margin-left: 10px; padding-left: 10px; line-height: 1; border-left: 1px solid #999; }
.md-article-detail.type-info .md-article-detail__section .sns-area { padding-bottom: 35px; }
.md-article-detail.type-info .md-article-detail__section .sns-area img { width: 35px; height: 35px; }
@media print, screen and (min-width: 769px) { .md-article-detail.type-info .md-article-detail__section .sns-area { padding-bottom: 0px; }
  .md-article-detail.type-info .md-article-detail__section .sns-area img { width: 38px; height: 38px; } }

/* ページ下部 最新のお知らせ*/
@media print, screen and (min-width: 769px) { .information__area { width: 700px; margin: 0 auto; } }
.information__area__ttl { margin-bottom: 25px; }
@media print, screen and (max-width: 768px) { .information__area__ttl { font-size: 1.6rem; padding-left: 25px; } }
@media print, screen and (min-width: 769px) { .information__area__ttl { font-size: 1.8rem; } }
@media print, screen and (min-width: 769px) { .information__area .information__box__item { width: 330px; margin: 0; }
  .information__area .information__box__item a { padding-right: 30px; } }
.information__area .md-btn__wrap { margin-top: 35px; width: 100%; }
@media print, screen and (min-width: 769px) { .information__area .md-btn__wrap .information__box__item { margin-top: 40px; width: 100%; } }
@media print, screen and (min-width: 769px) { .information__area .md-btn__wrap .md-btn { width: 240px; margin: 0 auto; } }

.information { /* 以下event/detail.htmlに使われているものと同じ */ }
.information__box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.information__box__item { border-bottom: 1px solid #ccc; width: 100%; margin: 0 25px; position: relative; }
.information__box__item:first-of-type { border-top: 1px solid #ccc; }
.information__box__item:after { content: ""; position: absolute; top: 50%; right: 2px; width: 8px; height: 8px; margin-top: -2px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (min-width: 769px) { .information__box__item { margin: 0 0 0 30px; width: 448px; }
  .information__box__item:nth-of-type(even) { margin-left: 40px; }
  .information__box__item:nth-of-type(2) { border-top: 1px solid #ccc; } }
.information__box__item__text { /* 以下のみ追加 */ }
.information__box__item__text--small { font-size: 1.1rem; display: inline-block; padding-bottom: 5px; }
.information__box__item__text--cat { display: inline-block; font-size: 1.1rem; margin-left: 10px; padding-left: 10px; line-height: 1; border-left: 1px solid #999; color: #8DC21F !important; }
.information__box__item__title { line-height: 1.6; font-size: 1.3rem; }
@media screen and (min-width: 769px) { .information__box__item__title { font-size: 1.4rem; } }
.information__box__item a { display: block; text-decoration: none; color: #444; padding: 20px 20px 20px 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.information__box__item a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.information__box__item a span { color: #999; }
@media screen and (min-width: 769px) { .information__box__item a { padding: 30px 35px 30px 0; } }
.information .more { padding-top: 10%; }