@charset "UTF-8";

.bg_gray {
  background: #f2f3f5;
  padding: 0 0 calc(48px + (100 - 48) * ((100vw - 320px) / (767 - 320)));
}
.main-visual {
  background: url(/sp/common/img/sp_monitor_blog_mv.jpg) top center no-repeat;
  background-size: 100% auto;
  height: 0;
  padding-bottom: 72.34375vw;
  margin-top: calc(56px + (136.25 - 56) * ((100vw - 320px) / (767 - 320)));
}
.main-visual.flex {
  display: flex;
  align-items: center;
}
.bg_gray section .container {
  width: 100%;
}

.entry-title {
  font-size: 0.9em;
  padding: 2%;
}
.monitorTitle li:nth-child(1) {
  float: left;
}
.monitorTitle li:nth-child(2) {
  float: right;
}
.monitorTime {
  font-size: 14px;
}
.grayBoxEnq {
  padding: 30px 25px 100px;
  margin-bottom: 0;
}
.grayBoxEnq h3 {
  font-size: 10px;
  display: inline-block;
}
.grayBoxEnq a {
  line-height: 1.5;
}
.monitorTag a {
  line-height: 1.5;
  padding: 2px 7px;
  background-color: #59a1d4;
}
.monitorExcerpt {
  font-size: 14px;
  line-height: 1.5;
}

.wp-pagenavi {
  text-align: center;
  margin: -71px auto 55px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px;
}
.wp-pagenavi a {
  color: #3e97f0;
}

.monitor_single .ttl01 {
  color: #fff;
  background: #1D3B6D;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  padding: 7px 12px 9px 12px;
}
.monitor_single .ttl02 {
  color: #4c4948;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2em;
  padding: 0.5em 0 0.5em 1em;
  border-left: 5px solid #59a1d4;
  border-bottom: 1px solid #c1c1c2;
  margin-bottom: 15px;
}
.monitor_single .date_cate {
  width: 100%;
}
.monitor_single #wp_post_mb {
  line-height: 1.5;
  margin-top: 0;
}
.monitor_single .wpleft {
  width: 20%;
}
.monitor_single .wpright {
  width: 75%;
  margin-left: 0;
}
.monitor_single .link_ico_R {
  color: #1e9cf4;
  font-size: 11px;
  text-decoration: none;
  line-height: 20px;
  padding: 0 0 0 16px;
  background: url(/common/img/ico_link.gif) no-repeat left 4px;
  margin-top: 20px;
}
.monitor_single .link_ico_R a {
  color: #4c4948;
}
.monitor_single .moni_txt {
  line-height: 1.5;
}
@media screen and (max-width:767px) {
  img {
    height: auto;
  }
  .breadcrumb {
    display: none;
  }
  .monitorThum {
    width: 20%;
  }
  .monitorExcerpt {
    width: 75%;
  }
  .monitorKijiWrap div {
    clear: both;
  }
  .monitorKijiWrap div p {
    margin-top: 0;
  }
  .monitorKijiWrap div > a {
    display: none;
  }
  .catTitle,
  .moni_side {
    width: 100%;
  }

  .monitor_single #wp_post_mb {
    width: 100%;
  }
  .monitor_single #wp_post_mb img {
    width: 100%;
  }
  .monitor_single .wpleft {
    height: auto;
  }
  .monitor_single .wpleft img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width:768px) {
  .bg_gray {
    padding: 0 0 81px;
  }
  .main-visual {
    background: url(/images/monitor_blog/monitor_blog_mv.jpg) top center no-repeat;
    background-size: auto;
    height: 324px;
    padding-bottom: 0;
    margin-top: 90px;
  }
  #main {
    width: 815px;
    float: left;
  }
  .entry-title {
    background-image: url(/common/images/ttl01_bg.png);
    background-repeat: repeat;
    font-size: 16px;
    color: #FFF;
    padding: 7px 12px 9px 12px;
    font-weight: normal;
    text-align: left;
  }
  .grayBoxEnq h3 {
    font-size: 12px;
    padding: 0;
  }
  .monitorTag a {
    line-height: 1;
    text-decoration: underline;
    padding: 5px 10px;
  }
  .monitorTag a:hover {
    text-decoration: none;
  }
  .monitorKijiWrap {
    margin-bottom: 3.2%;
  }

  .wp-pagenavi {
    margin: -170px ​auto 0;
  }
  #moniter_rightNav {
    width: 245px;
    float: right;
  }
  .catTitle {
    width: 245px;
  }
  .catTitle:hover {
    cursor: pointer;
    opacity: 0.8;
  }

  .monitor_single .ttl01 {
    font-size: 16px;
    background-image: url(/common/images/ttl01_bg.png);
    background-repeat: repeat;
  }
  .monitor_single .ttl02 {
    font-size: 22px;
    padding: 16px 0 12px 17px;
  }
  .monitor_single .wpleft {
    width: 200px;
  }
  .monitor_single .wpright {
    width: 482px;
  }
  .monitor_single .link_ico_R {
    font-size: 14px;
  }
  .monitor_single .link_ico_R a {
    color: #1e9cf4;
  }
  .monitor_single .moni_cate_p,
  .monitor_single .moni_cate {
    background: #59a1d4;
  }
  .monitor_single .moni_cate {
    font-size: 12px;
  }
  .monitor_single .moni_cate a {
    line-height: 1.5;
  }
  .monitor_single .link_ico_R a:hover,
  .monitor_single .moni_cate a:hover,
  .moni_ttl a:hover {
    text-decoration: none;
  }
}