.container {
  margin-top: 80px; }
  .container .ttl_text {
    text-align: center;
    font-size: 140%;
    border-bottom: 2px solid #99ccff;
    margin: 20px; }
  .container .text_ttl {
    font-size: 80%;
    letter-spacing: normal;
    margin: 20px;
    text-align: center; }
  .container .blog .c_wrap .c-body {
    border: 1px solid #000;
    margin: 5px;
    padding: 5px; }
  .container .blog .c_wrap .c-title {
    font-size: 110%; }
  .container .blog .c_wrap .title a {
    color: crimson;
    border-bottom: 1px solid #CEB672; }
    .container .blog .c_wrap .title a:hover {
      color: #99ccff; }
  .container .blog .c_wrap .titleWrap {
    font-size: 90%;
    border-bottom: 1px solid #CEB672; }
  .container .blog .c_wrap .c-text {
    font-size: 80%; }
  .container .blog .btn {
    width: 62%;
    font-size: 15px;
    background-color: #99ccff;
    margin: 10px auto;
    display: block; }

@media screen and (min-width: 767px) {
  .container {
    margin-top: 120px; }
    .container .ttl_text {
      text-align: center;
      font-size: 170%;
      border-bottom: 2px solid #99ccff;
      margin: 20px; }
    .container .text_ttl {
      font-size: 120%;
      letter-spacing: normal;
      margin: 20px;
      text-align: center; }
    .container .c_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .container .c_wrap .c-body {
        border: 1px solid #000;
        width: 48%;
        margin: 5px; }
      .container .c_wrap .title a {
        color: crimson;
        border-bottom: 1px solid #CEB672;
        font-size: 130%; }
        .container .c_wrap .title a:hover {
          color: #99ccff; }
      .container .c_wrap .titleWrap {
        font-size: 100%;
        border-bottom: 1px solid #CEB672; }
      .container .c_wrap .c-text {
        font-size: 80%; } }

/*# sourceMappingURL=style.css.map */