@charset "utf-8";

.blinking{
  margin-right: 4px;
}
.caticon {
  margin-right: 4px;
  font-size: 10px;
  font-size: 1.0;
  background-color: #646464;
  padding: 2px 4px 2px 4px;
  color: #fff;
  border-radius: 3px;
  font-family: "NotoSansJP-2";
}

.information {
  background-color: #0068b6
}

.blog {
  background-color: #ee84b5
}

.notFound {
  margin-top: 20px;
  padding: 100px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: solid 1px #DFDFDF;
  text-align: center
}

.notFound dt {
  font-family: "MPLUS1p-7";
  font-size: 30px;
  font-size: 3.0;
  margin-bottom: 10px
}

.notFound dd {
  font-size: 16px;
  font-size: 1.6rem
}

.pager {
  width: 100%
}

.pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pager a,
.pager a:visited,
.pager a:hover,
.pager span.current,
.pager span.pages,
.pager span.extend,
.pager span.current,
.pager span.dots {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #505050;
  margin-right: 6px;
  text-decoration: none;
  color: #FFF;
  transition: all .3s ease 0s
}

.pager span.current {
  background-color: #cc0000
}

.pager a:hover {
  background-color: #cc0000
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto
}

img.alignright {
  padding: 4px;
  margin: 0 0 2px 10px;
  display: inline
}

img.alignleft {
  padding: 4px;
  margin: 0 10px 2px 0;
  display: inline
}

.alignright {
  float: right
}

.alignleft {
  float: left
}

@media print,
screen and (min-width:501px) {
  #wp_posts {
    margin-top: 40px
  }

  #listtype_text {
    border-top: solid 1px #DFDFDF
  }

  #listtype_text li {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: solid 1px #DFDFDF
  }

  #listtype_text li div {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  #listtype_text .cat {
    margin-left: 20px
  }

  #listtype_text .title {
    margin-left: 6px
  }


  #singlepage h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-family:"MPLUS1p-4";
  }

  #singlepage .cat a {
    color: #034f6d
  }

  #singlepage .update {
    margin-top: 2px
  }

  #singlepage .update i {
    margin-right: 6px
  }

  #singlepage .article {
    padding: 40px 0;
    margin-top: 20px;
    border-top: solid 1px #c8c8c8;
  }
}

@media screen and (max-width:500px) {
  #wp_posts {
    margin-top: 40px
  }

  #listtype_text {
    border-top: solid 1px #DFDFDF;
    margin-bottom: 10px
  }

  #listtype_text li {
    padding: 10px 0;
    border-bottom: solid 1px #DFDFDF
  }

  #listtype_text .date {
    font-size: 12px;
    font-size: 1.2rem
  }

  #listtype_text .cat {
    margin-top: 10px
  }

  #listtype_text .title {
    margin-top: 4px
  }

  #singlepage h3 {
    font-size: 20px;
    font-size: 2.0
  }

  #singlepage .cat a {
    color: #034f6d;
    display: block;
    margin-top: 10px
  }

  #singlepage .update {
    margin-top: 6px
  }

  #singlepage .update i {
    margin-right: 6px
  }

  #singlepage .article {
    margin-top: 10px;
    padding-top: 20px;
    border-top: solid 1px #c8c8c8
  }
}