@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
/* parts */
/*　共通
-------------------------------------*/
#main .status {
  vertical-align: middle; }
  #main .status span {
    display: inline-block; }
  #main .status .category {
    display: inline-block; }
    #main .status .category a {
      background: #898781;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      padding: 5px 20px;
      display: inline-block;
      text-decoration: none; }
      #main .status .category a:hover {
        color: #fff !important; }
  #main .status .day {
    display: inline-block;
    font-size: 14px;
    color: #7b7974;
    -ms-transform: scale(1, 1.08);
    transform: scale(1, 1.08);
    -webkit-transform: scale(1, 1.08);
    font-family: "Roboto", sans-serif;
    padding-left: 15px; }

#main .pager {
  padding: 25px 0 0;
  position: relative; }
  #main .pager a {
    text-decoration: none;
    font-weight: bold; }
    #main .pager a:hover {
      color: #898781; }
  #main .pager .prev a, #main .pager .next a {
    -ms-transform: scale(1, 1.08);
    transform: scale(1, 1.08);
    -webkit-transform: scale(1, 1.08);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    display: inline-block; }
  #main .pager .prev {
    float: left; }
    #main .pager .prev a {
      padding-left: 27px;
      background: url(../images/blog/ico-prev_001.png) left center no-repeat;
      background-size: 9px 16px; }
  #main .pager .next {
    float: right; }
    #main .pager .next a {
      padding-right: 27px;
      background: url(../images/blog/ico-next_001.png) right center no-repeat;
      background-size: 9px 16px; }
  #main .pager .list {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    text-align: center;
    font-size: 13px; }

#side .sideBox {
    color:#2B4886;
  border: 2px solid #dcdcdc;
  padding: 20px; }
  #side .sideBox h3 {
    padding-left: 20px;
    background: url(../images/blog/ico-sideTtl_001.png) left center no-repeat;
    background-size: 12px 12px;
    margin-bottom: 20px; }
    #side .sideBox h3 span {
      display: inline-block;
      -ms-transform: scale(1, 1.08);
      transform: scale(1, 1.08);
      -webkit-transform: scale(1, 1.08);
      font-family: "Roboto", sans-serif;
      font-weight: bold;
      font-size: 18px; }
  #side .sideBox ul li {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 20px; }
    #side .sideBox ul li:last-child {
      margin-bottom: 0; }
    #side .sideBox ul li a {
      font-weight: bold;
      text-decoration: none; }
      #side .sideBox ul li a:hover {
        color: #7b7974; }

/*　一覧ページ
-------------------------------------*/
.info_index #main h3 {
    color:#2B4886;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd; }

.info_index #main article {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .info_index #main article a {
    text-decoration: none; }
    .info_index #main article a:hover {
      color: #7b7974; }
      .info_index #main article a:hover img {
        opacity: 1; }
  .info_index #main article .pic, .info_index #main article .txt {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 0;
    border-bottom: 1px solid #ddd; }
  .info_index #main article .pic {
    width: 240px; }
    .info_index #main article .pic figure {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 160px; }
      .info_index #main article .pic figure img {
        max-width: none;
        height: 160px;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%); }
  .info_index #main article .txt {
    padding-left: 30px; }
    .info_index #main article .txt h4 {
      margin-top: 15px;
      font-size: 24px;
      line-height: 1.2; }
      .info_index #main article .txt h4 a {
        font-weight: bold; }

/*　記事ページ
-------------------------------------*/
.info_single article {
  border-bottom: 1px solid #ddd; }
  .info_single article .ttl {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd; }
    .info_single article .ttl h3 {
      font-size: 28px;
      margin-top: 25px;
      line-height: 1.2; }
  .info_single article .txt {
    font-size: 14px;
    line-height: 2;
    padding-bottom: 70px; }
    .info_single article .txt figure, .info_single article .txt p {
      margin-top: 40px; }
    .info_single article .txt .mainPic {
      margin-top: 50px; }
    .info_single article .txt a {
      color: #7b7974;
      text-decoration: underline; }
      .info_single article .txt a:hover {
        text-decoration: none; }
    .info_single article .txt h4 {
      font-size: 26px;
      margin-top: 50px;
      line-height: 1.3; }
    .info_single article .txt h5 {
      font-size: 20px;
      margin: 40px 0 -25px;
      line-height: 1.3; }
  .info_single article .sns {
    border-top: 1px solid #ddd;
    padding: 20px 0;
    letter-spacing: -0.40em;
    text-align: center; }
    .info_single article .sns li {
      display: inline-block;
      letter-spacing: 0;
      margin: 0 10px; }
      .info_single article .sns li a {
        display: block;
        text-indent: -9999px;
        background-color: #898781 !important;
        width: 34px;
        height: 34px;
        border-radius: 20px; }
        .info_single article .sns li a:hover {
          background-color: #000 !important; }
      .info_single article .sns li.facebook a {
        background: url(../images/blog/ico-facebook_001.png) center center no-repeat;
        background-size: 6px auto; }
      .info_single article .sns li.twitter a {
        background: url(../images/blog/ico-twitter_001.png) center center no-repeat;
        background-size: 16px auto; }

@media screen and (max-width: 705px) {
  /*　共通
    -------------------------------------*/
  #main .status .category a {
    padding: 3px 5px;
    font-size: 10px;
    line-height: 1.2; }
  #main .status .day {
    font-size: 10px;
    padding-left: 5px; }
  /*　一覧ページ
    -------------------------------------*/
  .info_index #main article .pic, .info_index #main article .txt {
    padding: 20px 0; }
  .info_index #main article .pic {
    width: 120px; }
    .info_index #main article .pic figure {
      height: 80px; }
      .info_index #main article .pic figure img {
        height: 80px; }
  .info_index #main article .txt {
    padding-left: 10px; }
    .info_index #main article .txt h4 {
      margin-top: 10px;
      font-size: 16px; }
  /*　記事ページ
    -------------------------------------*/
  .info_single article .ttl {
    padding-bottom: 20px; }
    .info_single article .ttl h3 {
      font-size: 24px;
      margin-top: 10px; }
  .info_single article .txt {
    padding-bottom: 40px; }
    .info_single article .txt figure, .info_single article .txt p {
      margin-top: 20px; }
    .info_single article .txt .mainPic {
      margin-top: 30px; }
    .info_single article .txt h4 {
      font-size: 20px;
      margin-top: 40px; }
    .info_single article .txt h5 {
      font-size: 18px;
      margin: 30px 0 -10px; } }