@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/* line 7, ../sass/blog.scss */
.blog .newEntries {
  width: 100%;
}
/* line 9, ../sass/blog.scss */
.blog .newEntries li, .blog .newEntries .item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
}
@media only screen and (max-width: 800px) {
  /* line 9, ../sass/blog.scss */
  .blog .newEntries li, .blog .newEntries .item {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }
}
@media only screen and (max-width: 620px) {
  /* line 9, ../sass/blog.scss */
  .blog .newEntries li, .blog .newEntries .item {
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 801px) {
  /* line 25, ../sass/blog.scss */
  .blog .newEntries li:nth-of-type(3n+3), .blog .newEntries .item:nth-of-type(3n+3) {
    margin-right: 0;
  }
}
/* line 31, ../sass/blog.scss */
.blog .newEntries li a:hover, .blog .newEntries .item a:hover {
  text-decoration: none;
}
/* line 33, ../sass/blog.scss */
.blog .newEntries li a:hover .textArea, .blog .newEntries .item a:hover .textArea,
.blog .newEntries li a:hover .imgArea,
.blog .newEntries .item a:hover .imgArea {
  border-color: #ff9000;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 39, ../sass/blog.scss */
.blog .newEntries li a:hover .imgArea .image, .blog .newEntries .item a:hover .imgArea .image {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 46, ../sass/blog.scss */
.blog .newEntries li a .imgArea, .blog .newEntries .item a .imgArea {
  position: relative;
  border-width: 4px 4px 0;
  border-color: #ecebeb;
  border-style: solid;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}
/* line 53, ../sass/blog.scss */
.blog .newEntries li a .imgArea:after, .blog .newEntries .item a .imgArea:after {
  padding-top: 61.73%;
  display: block;
  content: "";
}
@media only screen and (max-width: 620px) {
  /* line 53, ../sass/blog.scss */
  .blog .newEntries li a .imgArea:after, .blog .newEntries .item a .imgArea:after {
    padding-top: 30%;
  }
}
/* line 61, ../sass/blog.scss */
.blog .newEntries li a .imgArea > .image, .blog .newEntries .item a .imgArea > .image {
  position: absolute;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: center	center;
  background-size: cover;
}
/* line 72, ../sass/blog.scss */
.blog .newEntries li a .textArea, .blog .newEntries .item a .textArea {
  border-width: 0 4px;
  border-color: #ecebeb;
  border-style: solid;
  padding: 1em 0.5em;
  font-size: 1.8rem;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #26b5ff;
  height: 5em;
}
@media only screen and (max-width: 620px) {
  /* line 72, ../sass/blog.scss */
  .blog .newEntries li a .textArea, .blog .newEntries .item a .textArea {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 84, ../sass/blog.scss */
  .blog .newEntries li a .textArea h3, .blog .newEntries .item a .textArea h3 {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 800px) {
  /* line 84, ../sass/blog.scss */
  .blog .newEntries li a .textArea h3, .blog .newEntries .item a .textArea h3 {
    font-size: 1.6rem;
    height: 4.5em;
  }
}
@media only screen and (max-width: 620px) {
  /* line 84, ../sass/blog.scss */
  .blog .newEntries li a .textArea h3, .blog .newEntries .item a .textArea h3 {
    height: auto;
  }
}
@media only screen and (max-width: 420px) {
  /* line 84, ../sass/blog.scss */
  .blog .newEntries li a .textArea h3, .blog .newEntries .item a .textArea h3 {
    font-size: 1.4rem;
  }
}
/* line 100, ../sass/blog.scss */
.blog .newEntries li a .statArea, .blog .newEntries .item a .statArea {
  color: #fff;
}
/* line 102, ../sass/blog.scss */
.blog .newEntries li a .statArea .category, .blog .newEntries .item a .statArea .category {
  width: 60%;
  float: left;
  background: #80c269;
  text-align: left;
  padding: 0.5em 0 0.5em 1em;
}
/* line 118, ../sass/blog.scss */
.blog .newEntries li a .statArea .date, .blog .newEntries .item a .statArea .date {
  width: 40%;
  float: right;
  background: #cbcbcb;
  text-align: center;
  padding: 0.5em 0;
}
/* line 128, ../sass/blog.scss */
.blog .newEntries .item {
  width: 33.3333%;
  margin-right: 0;
  margin-bottom: 0;
  float: none;
}
/* line 134, ../sass/blog.scss */
.blog .newEntries .item .spacer {
  padding: 0 8px 20px;
}
@media only screen and (max-width: 800px) {
  /* line 128, ../sass/blog.scss */
  .blog .newEntries .item {
    width: 49%;
  }
}
@media only screen and (max-width: 620px) {
  /* line 128, ../sass/blog.scss */
  .blog .newEntries .item {
    width: 100%;
  }
}
/* line 154, ../sass/blog.scss */
.blog .index .btn {
  padding: 0.8em 1em;
  width: auto;
  margin: 0;
}
/* line 160, ../sass/blog.scss */
.blog .index .alpha {
  float: none;
  width: 100%;
}
/* line 164, ../sass/blog.scss */
.blog .index .alpha .newEntries li, .blog .index .alpha .newEntries .item {
  width: 48%;
  margin: 0 1% 2%;
  float: left;
  border: 4px solid #ecebeb;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 800px) {
  /* line 164, ../sass/blog.scss */
  .blog .index .alpha .newEntries li, .blog .index .alpha .newEntries .item {
    width: 100%;
    margin: 0 0 15px;
    float: none;
  }
}
/* line 175, ../sass/blog.scss */
.blog .index .alpha .newEntries li:hover, .blog .index .alpha .newEntries .item:hover {
  border-color: #ff9000;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 180, ../sass/blog.scss */
.blog .index .alpha .newEntries li a .imgArea, .blog .index .alpha .newEntries .item a .imgArea {
  width: 30%;
  float: left;
  border: none;
}
/* line 185, ../sass/blog.scss */
.blog .index .alpha .newEntries li a .textArea, .blog .index .alpha .newEntries .item a .textArea {
  width: 70%;
  float: right;
  border: none;
  padding-left: 1em;
}
/* line 190, ../sass/blog.scss */
.blog .index .alpha .newEntries li a .textArea p.desc, .blog .index .alpha .newEntries .item a .textArea p.desc {
  margin-top: 1em;
  font-size: 1.3rem;
  color: #333;
}
/* line 223, ../sass/blog.scss */
.blog .detail h1 {
  color: #797979;
  font-size: 2.4rem;
  margin-bottom: 40px;
  text-align: center;
}
/* line 229, ../sass/blog.scss */
.blog .detail .mainimg {
  width: 100%;
  border: 4px solid #ecebeb;
  margin-bottom: 15px;
}
/* line 234, ../sass/blog.scss */
.blog .detail .date {
  text-align: right;
  margin-bottom: 1em;
}
/* line 237, ../sass/blog.scss */
.blog .detail .date span {
  display: inline-block;
  background: #cbcbcb;
  color: #fff;
  font-size: 1.4rem;
  padding: 0.5em 1em;
}
/* line 254, ../sass/blog.scss */
.blog .detail .entryBody {
  margin-bottom: 3em;
}
/* line 256, ../sass/blog.scss */
.blog .detail .entryBody h2 {
  font-size: 2.5rem;
  color: #797979;
  margin-bottom: 20px;
  margin-top: 50px;
  text-align: left;
  border-bottom: 1px solid #cbcbcb;
}
@media only screen and (max-width: 620px) {
  /* line 256, ../sass/blog.scss */
  .blog .detail .entryBody h2 {
    font-size: 2.0rem;
  }
}
/* line 267, ../sass/blog.scss */
.blog .detail .entryBody h3 {
  font-size: 1.8rem;
  color: #ff9000;
  margin-bottom: 1em;
  margin-top: 2em;
  text-align: left;
  font-weight: bold;
}
/* line 275, ../sass/blog.scss */
.blog .detail .entryBody h4 {
  font-size: 1.6rem;
  margin-bottom: 0.5em;
  margin-top: 1em;
  text-align: left;
  font-weight: bold;
}
/* line 282, ../sass/blog.scss */
.blog .detail .entryBody h5 {
  margin-bottom: 0.5em;
}
/* line 285, ../sass/blog.scss */
.blog .detail .entryBody h6 {
  margin-bottom: 0.5em;
}
/* line 288, ../sass/blog.scss */
.blog .detail .entryBody strong {
  font-weight: bold;
}
/* line 291, ../sass/blog.scss */
.blog .detail .entryBody em {
  font-style: italic;
}
/* line 294, ../sass/blog.scss */
.blog .detail .entryBody hr {
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #efefef;
  margin: 0 0 60px 0;
}
/* line 299, ../sass/blog.scss */
.blog .detail .entryBody blockquote {
  padding: 10px 20px;
  margin: 1em;
  border: 1px solid #CCC;
  color: #212121;
}
/* line 304, ../sass/blog.scss */
.blog .detail .entryBody blockquote p {
  margin-bottom: 1em;
}
/* line 310, ../sass/blog.scss */
.blog .detail .entryBody ul, .blog .detail .entryBody ol {
  list-style-type: disc;
  margin-left: 1em;
}
/* line 313, ../sass/blog.scss */
.blog .detail .entryBody ul li, .blog .detail .entryBody ol li, .blog .detail .entryBody ul .newEntries .item, .blog .newEntries .detail .entryBody ul .item, .blog .detail .entryBody ol .newEntries .item, .blog .newEntries .detail .entryBody ol .item {
  list-style-position: outside;
  margin-bottom: 0.5em;
  margin-left: 1em;
}
/* line 319, ../sass/blog.scss */
.blog .detail .entryBody ol {
  list-style-type: decimal;
}
/* line 325, ../sass/blog.scss */
.blog .detail .entryBody img[class*="wp-image-"], .blog .detail .entryBody img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}
/* line 330, ../sass/blog.scss */
.blog .detail .entryBody img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
/* line 334, ../sass/blog.scss */
.blog .detail .entryBody img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
/* line 338, ../sass/blog.scss */
.blog .detail .entryBody img.aligncenter {
  display: block;
  margin: 0 auto 1em;
}
/* line 343, ../sass/blog.scss */
.blog .detail .entryBody p {
  font-size: 1.4rem;
  margin-bottom: 2em;
  line-height: 2;
}
/* line 348, ../sass/blog.scss */
.blog .detail .entryBody ol {
  margin: 0 0 2em 1em;
}
/* line 350, ../sass/blog.scss */
.blog .detail .entryBody ol li, .blog .detail .entryBody ol .newEntries .item, .blog .newEntries .detail .entryBody ol .item {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1em;
  line-height: 2;
  font-size: 1.3rem;
}
/* line 359, ../sass/blog.scss */
.blog .detail h2 {
  font-size: 1.6rem;
  color: #010101;
}
/* line 364, ../sass/blog.scss */
.blog .detail .table td, .blog .detail .table th {
  padding: 0.5em 1.5em;
  font-size: 1.4rem;
}
/* line 368, ../sass/blog.scss */
.blog .detail .table th {
  background: #dff0d9;
  width: 20%;
}
/* line 374, ../sass/blog.scss */
.blog .detail a.mapLink {
  font-size: 1.4rem;
  color: #fff !important;
  display: inline-block;
  line-height: 1;
  padding: 0.3em 0.5em;
  background: #26b5ff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-decoration: none !important;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 133, ../sass/_variables.scss */
.blog .detail a.mapLink:hover {
  text-decoration: none !important;
  background: #02509f;
  color: #fff;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 379, ../sass/blog.scss */
.blog .detail ul.panelist, .blog .detail .entryBody ol.panelist {
  display: block;
  width: 100%;
}
/* line 382, ../sass/blog.scss */
.blog .detail ul.panelist li, .blog .detail .entryBody ol.panelist li, .blog .detail ul.panelist .newEntries .item, .blog .newEntries .detail ul.panelist .item, .blog .detail .entryBody ol.panelist .newEntries .item, .blog .newEntries .detail .entryBody ol.panelist .item {
  width: 25%;
  float: left;
}
/* line 385, ../sass/blog.scss */
.blog .detail ul.panelist li .textArea, .blog .detail .entryBody ol.panelist li .textArea, .blog .detail ul.panelist .newEntries .item .textArea, .blog .newEntries .detail ul.panelist .item .textArea, .blog .detail .entryBody ol.panelist .newEntries .item .textArea, .blog .newEntries .detail .entryBody ol.panelist .item .textArea {
  background: #333;
  color: #fff;
  padding: 0.5em;
  font-size: 1.2rem;
}
/* line 391, ../sass/blog.scss */
.blog .detail ul.panelist li .textArea .name span, .blog .detail .entryBody ol.panelist li .textArea .name span, .blog .detail ul.panelist .newEntries .item .textArea .name span, .blog .newEntries .detail ul.panelist .item .textArea .name span, .blog .detail .entryBody ol.panelist .newEntries .item .textArea .name span, .blog .newEntries .detail .entryBody ol.panelist .item .textArea .name span {
  display: block;
  font-size: 1.8rem;
}
/* line 401, ../sass/blog.scss */
.blog .detail .pager a {
  width: auto;
  padding: 1em 2em;
}
/* line 409, ../sass/blog.scss */
.blog .detail .beta .btn {
  padding: 0.8em 1em;
  width: auto;
  margin: 0;
}
/* line 415, ../sass/blog.scss */
.blog .detail .beta h2 {
  color: #797979;
  font-size: 2.0rem;
  margin: 0 0 0.5em;
  text-align: center;
}
/* line 422, ../sass/blog.scss */
.blog .detail .beta .newEntries li, .blog .detail .beta .newEntries .item {
  width: 100%;
  margin-right: 0;
  float: none;
  border: 4px solid #ecebeb;
  margin-bottom: 10px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 429, ../sass/blog.scss */
.blog .detail .beta .newEntries li:hover, .blog .detail .beta .newEntries .item:hover {
  border-color: #ff9000;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 434, ../sass/blog.scss */
.blog .detail .beta .newEntries li a .imgArea, .blog .detail .beta .newEntries .item a .imgArea {
  width: 100%;
  float: none;
  border: none;
}
/* line 438, ../sass/blog.scss */
.blog .detail .beta .newEntries li a .imgArea:after, .blog .detail .beta .newEntries .item a .imgArea:after {
  padding-top: 48%;
}
/* line 442, ../sass/blog.scss */
.blog .detail .beta .newEntries li a .textArea, .blog .detail .beta .newEntries .item a .textArea {
  width: 100%;
  float: none;
  border: none;
  padding-left: 0.5em;
  font-size: 1.4rem;
  height: auto;
}
/* line 449, ../sass/blog.scss */
.blog .detail .beta .newEntries li a .textArea p.desc, .blog .detail .beta .newEntries .item a .textArea p.desc {
  margin-top: 0.5em;
  font-size: 1.2rem;
  color: #333;
}
/* line 459, ../sass/blog.scss */
.blog .detail .beta .newEvent {
  margin-bottom: 2em;
}
/* line 461, ../sass/blog.scss */
.blog .detail .beta .newEvent li, .blog .detail .beta .newEvent .newEntries .item, .blog .newEntries .detail .beta .newEvent .item {
  padding-bottom: 1.5em;
}
/* line 464, ../sass/blog.scss */
.blog .detail .beta .newEvent li a:hover, .blog .detail .beta .newEvent .newEntries .item a:hover, .blog .newEntries .detail .beta .newEvent .item a:hover {
  text-decoration: none;
}
/* line 466, ../sass/blog.scss */
.blog .detail .beta .newEvent li a:hover .textArea, .blog .detail .beta .newEvent .newEntries .item a:hover .textArea, .blog .newEntries .detail .beta .newEvent .item a:hover .textArea {
  border-color: #ff9000;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 472, ../sass/blog.scss */
.blog .detail .beta .newEvent li .statArea, .blog .detail .beta .newEvent .newEntries .item .statArea, .blog .newEntries .detail .beta .newEvent .item .statArea {
  width: 100%;
  color: #fff;
}
/* line 475, ../sass/blog.scss */
.blog .detail .beta .newEvent li .statArea span, .blog .detail .beta .newEvent .newEntries .item .statArea span, .blog .newEntries .detail .beta .newEvent .item .statArea span {
  background: #cbcbcb;
  text-align: center;
  font-size: 1.2rem;
  padding: 0.5em 0;
}
/* line 480, ../sass/blog.scss */
.blog .detail .beta .newEvent li .statArea span.category, .blog .detail .beta .newEvent .newEntries .item .statArea span.category, .blog .newEntries .detail .beta .newEvent .item .statArea span.category {
  width: 45%;
  float: left;
}
/* line 483, ../sass/blog.scss */
.blog .detail .beta .newEvent li .statArea span.category.events, .blog .detail .beta .newEvent .newEntries .item .statArea span.category.events, .blog .newEntries .detail .beta .newEvent .item .statArea span.category.events {
  background: #688d03;
}
/* line 486, ../sass/blog.scss */
.blog .detail .beta .newEvent li .statArea span.category.seminar, .blog .detail .beta .newEvent .newEntries .item .statArea span.category.seminar, .blog .newEntries .detail .beta .newEvent .item .statArea span.category.seminar {
  background: #0351a7;
}
/* line 490, ../sass/blog.scss */
.blog .detail .beta .newEvent li .statArea span.date, .blog .detail .beta .newEvent .newEntries .item .statArea span.date, .blog .newEntries .detail .beta .newEvent .item .statArea span.date {
  width: 55%;
  float: right;
  margin-bottom: 0;
}
/* line 497, ../sass/blog.scss */
.blog .detail .beta .newEvent li .textArea, .blog .detail .beta .newEvent .newEntries .item .textArea, .blog .newEntries .detail .beta .newEvent .item .textArea {
  width: 100%;
  float: none;
  padding: 10px;
  border-width: 0 4px 4px;
  border-color: #ecebeb;
  border-style: solid;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 505, ../sass/blog.scss */
.blog .detail .beta .newEvent li .textArea h3, .blog .detail .beta .newEvent .newEntries .item .textArea h3, .blog .newEntries .detail .beta .newEvent .item .textArea h3 {
  font-size: 1.4rem;
  color: #26b5ff;
  margin-bottom: 0;
}
/* line 514, ../sass/blog.scss */
.blog .detail .beta .profile {
  border: 4px solid #ecebeb;
  padding-bottom: 12px;
}
/* line 517, ../sass/blog.scss */
.blog .detail .beta .profile h3 {
  font-size: 1.4rem;
  color: #26b5ff;
  margin: 1em;
}
/* line 522, ../sass/blog.scss */
.blog .detail .beta .profile p {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 0 1.5em 1em;
}

@media only screen and (max-width: 620px) {
  /* line 538, ../sass/blog.scss */
  .twoColumn .inner .alpha {
    padding: 0;
  }

  /* line 541, ../sass/blog.scss */
  .blog .newEntries.popular li a .imgArea:after, .blog .newEntries.popular .item a .imgArea:after {
    padding-top: 50%;
  }

  /* line 544, ../sass/blog.scss */
  .blog .index .alpha .newEntries.popular li a .textArea, .blog .index .alpha .newEntries.popular .item a .textArea {
    padding: 0.5em;
    width: 60%;
  }
}
@media only screen and (max-width: 620px) and (max-width: 420px) {
  /* line 547, ../sass/blog.scss */
  .blog .index .alpha .newEntries.popular li a .textArea h3, .blog .index .alpha .newEntries.popular .item a .textArea h3 {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 620px) {
  /* line 553, ../sass/blog.scss */
  .blog .index .alpha .newEntries.popular li a .imgArea, .blog .index .alpha .newEntries.popular .item a .imgArea {
    width: 40%;
  }
}
/* line 559, ../sass/blog.scss */
.outer .inner.archive .button-group span {
  display: inline-block;
  margin: 0.2em;
  padding: 0.5em 1em;
}
@media only screen and (max-width: 768px) {
  .outer .inner.archive .button-group {
    text-align: center;
  }
  .outer .inner.archive .button-group span.mds {
    display: block;
    text-align: center;
    width: 100%;
  }
  .outer .inner.archive .button-group span.checkbox {
    margin: 0.5em;
    padding: 0.5em 1.5em;
    width: 45%;
  }
}


/* line 563, ../sass/blog.scss */
.outer .inner.archive .button-group span.checkbox {
  color: #fff;
}
/* line 566, ../sass/blog.scss */
.outer .inner.archive .button-group span.checkbox:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 570, ../sass/blog.scss */
.outer .inner.archive .button-group span.checkbox.off {
  background: #666 !important;
}