@charset "UTF-8";
/*-------------------
// setting
---------------------*/
html {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  html {
    font-family: Verdana, Meiryo, sans-serif; } }

@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif; } }

html body {
  font-weight: normal;
  background-color: #ffffff;
  line-height: 1.75;
  margin: 0px 0 1rem 0;
  color: #333333; }
  
  html body a {
    text-decoration: none;
    color: #333333;
    -webkit-transition: all 0.5s ease;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
  html body a:hover {
    color: #08A78B; }

/*-------------------
// header
---------------------*/
.header h1 {
  font-size: 2rem;
  position: absolute;
  top: 0rem;
  left: 1rem;
  padding: 0;
  margin: 0; }
  
.header a h1 {
  color: #ffffff; }

@media screen and (min-width: 730px) {
  .header h1 {
    top: 1rem;
    left: 2rem; }
}

/*-------------------
// news
---------------------*/
.news {
  margin: 0rem 0;
}

.news .news__textarea {
  text-align: center;
  border: 4px solid #eaeaea;
  margin: 0rem 0 1rem;
}

.news .news__textarea span {
  color: $pointColor;
}

.news .news__textarea a {
  color: #cc0000;
}

@media screen and (min-width: 880px) {
  .news {
    margin: -1rem 0 0;
  }
  
  .news .news__textarea {
    margin: 2rem 0 1rem;
  }
}

/*-------------------
// mainpage
---------------------*/
.entry {
  margin-bottom: 2rem; }
  
  .entry .entry__header {
    font-size: 1rem;
    font-family: "HiraginoSans-W1","ヒラギノ角ゴシック W1";
    text-align: center;
    padding: 0.75em 0;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin-bottom: 2rem; }
    
    .entry .entry__list {
      width: 300px;
      border-bottom: 1px solid #cccccc; }
      
      .entry .entry__list .entry__list--date {
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 0.5rem; }
    
      .entry .entry__list .entry__list--title {
        margin-bottom: 0.5rem; }
      
      .entry .entry__list .entry__list--category {
        font-size: 0.75rem;
        color: #a9a9a9; }
    
    .entry .entry__Next {
      text-align: right; }
    .entry .entry__Next:before {
      content: "\f105";
      font-size: 1.25rem;
      font-family: FontAwesome;
      margin-right: 0.5rem; }
    
@media screen and (min-width: 730px) {
  .entry .entry__header {
    font-size: 1.5rem; }
}

/*-------------------
// category
---------------------*/
.category, .profile {
  border-bottom: 1px solid #cccccc; }

.category .category__list--subtitle, .profile .profile__list--subtitle {
  font-size: 1.25rem;
  font-family: "HiraginoSans-W6","ヒラギノ角ゴシック W6";
  margin: 0 0 0.5rem 0; }
  
.category li a:before {
  content: "・"; }
  
.category .category__list li {
  margin-top: 0.25rem; }
.category .category__list li a:before, .category .category__list li .nolink:before {
content: "\f105";
font-size: 1em;
font-family: FontAwesome;
margin-right: 0.5rem; }

.category .category__list .submenu {
  margin-left: 0.5em; }
  .category .category__list .submenu li a:before, .category .category__list .submenu li.catdepth-2 .nolink:before {
  content: "└";
  font-size: 1em;
  margin-right: 0.5rem; }

.category .category__list li .nolink {
   color:#a9a9a9; }

.profile .profile__list p {
  margin-top: 0.25rem; }

.snsArea {
  padding-top: 2rem;
  margin: 0 auto;
  text-align: center;
  width: 300px; }

/*min-width: 730px*/
@media screen and (min-width: 730px) {
  .entry .entry__list {
    width: auto; }
  .snsArea {
    width: auto; }
}

/*-------------------
// entry
---------------------*/
.entry__dateWrap {
  width: auto;
  margin-bottom: 1rem; }
  
.entry__date--date {
  font-weight: bold;
  margin-right: 0.5rem; }
  
.entry__date--category {
  font-size: 0.75rem;
  color: #a9a9a9; }

.entry__paginate {
  margin-bottom: 1rem;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.75rem; }

.entry__paginate li {
  margin: 0 0.5rem;
  list-style: none !important; }

.entry__paginate .fa-angle-left {
  margin-right: 0.5em; }
  
.entry__paginate .fa-angle-right {
  margin-left: 0.5em; }

/*-------------------
// itemList
---------------------*/
.itemList {
  margin-bottom: 2rem; }

.itemList__header {
  color: #9c9c9c;
  font-size: 1.5rem;
  line-height: 1.25em;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.5em;
  margin-bottom: 1em; }

.itemList__text {
  margin-bottom: 2rem; }
  
  .itemList__pagenate {
    margin-top: 1rem; }
    
    .itemList__pagenate .itemList__pagenateList {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      
      .itemList__pagenate .itemList__pagenateList li{
        margin: 0 0.5rem; }

    .itemList__pagenateList .itemList__pagenate--next::after {
      content: "\f105";
      font-size: 1em;
      font-family: FontAwesome;
      margin-left: 0.5em; }
    .itemList__pagenateList .itemList__pagenate--prev::before {
      content: "\f104";
      font-size: 1em;
      font-family: FontAwesome;
      margin-right: 0.5em; }

/*-------------------
// 本文内
---------------------*/
.wysiwyg a {
  text-decoration: underline; }

.wysiwyg h2 {
    font-size: 1.5rem;
    line-height: 1.5em;
    font-family: "HiraginoSans-W1","ヒラギノ角ゴシック W1";
    padding-bottom: 0.75rem;
    margin: 0 auto;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #cccccc;
    line-height: 1.25;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    -moz-text-align-last: left;
         text-align-last: left;
    text-align: justify; }

.wysiwyg h3 {
  font-size: 1.75em;
  margin-bottom: 0.5em;
  line-height: 1.25;
  font-weight: bold;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -moz-text-align-last: left;
       text-align-last: left;
  text-align: justify;
  padding: 8px;
  border-bottom: 3px double #cccccc; }

.wysiwyg h4 {
  font-size: 1.5rem;
  margin-bottom: 0.5em;
  padding-left: 0.75rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  position: relative;
  line-height: 2.25rem; }
  .wysiwyg h4:before {
    content: "";
    width: 4px;
    height: 100%;
    display: block;
    background-color: #cccccc;
    margin-right: 4px;
    position: absolute;
    left: 0px;
    bottom: 0px; }

.wysiwyg h5 {
  font-size: 1.25em;
  margin-bottom: 0.25em;
  font-weight: bold; }
  .wysiwyg h5:before {
    content: "■";
    margin-right: 4px; }

.wysiwyg h6 {
  font-size: 1.07em;
  margin-bottom: 0.25em;
  font-weight: bold;
  color: #a9a9a9; }

.wysiwyg p {
  margin-bottom: 1rem; }

.wysiwyg p + h3, .wysiwyg p + h4, .wysiwyg p + h5, .wysiwyg p + h6 {
  margin-top: 2rem; }

.wysiwyg ul {
  margin-bottom: 1rem;
  margin-left: 1.5rem; }
  .wysiwyg ul li {
    list-style: disc; }

.wysiwyg ol {
  margin-bottom: 1rem;
  margin-left: 1.5rem; }
  .wysiwyg ol li {
    list-style: decimal; }

.wysiwyg ul + h3, .wysiwyg ul + h4, .wysiwyg ul + h5, .wysiwyg ul + h6 {
  margin-top: 2rem; }

.wysiwyg ol + h3, .wysiwyg ol + h4, .wysiwyg ol + h5, .wysiwyg ol + h6 {
  margin-top: 2rem; }

.wysiwyg blockquote {
  position: relative;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #f6f6f6; }
  .wysiwyg blockquote:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #cccccc;
    left: 0px;
    top: 0px; }

.wysiwyg blockquote + h3, .wysiwyg blockquote + h4, .wysiwyg blockquote + h5, .wysiwyg blockquote + h6 {
  margin-top: 2rem; }

.wysiwyg img {
  margin-bottom: 1rem;
  max-width: 100%;
  height: auto; }

.wysiwyg strong {
  font-weight: bold; }

.wysiwyg table {
  border: 1px solid #333333;
  margin: 0 0 1em; }
  .wysiwyg table th {
    padding: 4px;
    background-color: #cccccc;
    border: 1px solid #333333; }
  .wysiwyg table td {
    padding: 4px;
    border: 1px solid #333333; }

/*min-width: 730px*/
@media screen and (min-width: 730px) {
  .wysiwyg h2 {
    font-size: 2rem;
    margin-bottom: 2rem; }
    
  .wysiwyg img {
    max-width: 100%; }
}

/*-------------------
// bannerArea
---------------------*/
.bannerArea {
  border-top: 1px solid #cccccc;
  padding: 2rem 0;
}



/* ------------------------------------------
            webpush
------------------------------------------ */
.webpush {
display: none;
}

.mtnet-push-notification-service-enabled .webpush {
  display: block;
}

.side-webpush {
  max-width: 100%;
  margin: 1rem auto;
  display: block;
  padding: 15px;
  background-color: #111;
  color: #ffffff;
  text-align: center;
}

.side-webpush a, a:hover {
  color: #ffffff;
  text-decoration: none;
}

.side-webpush__txt::before {
  content: "\f0f3";
  margin-right: 0.25rem;
  font-size: 1.25em;
  font-family: FontAwesome;
}