/*
Theme Name:   Tography Lite Child
Template:     tography-lite
Version:      1.0
*/

body {
    /* カスタムCSSがあればここに書く */
    /* background: tan; */
    font-family: "Poppins", sans-serif;
  }
  
  /* サイトタイトル */
  .logo_container .ql_logo {
    font-size: 30px;
    font-weight: 300;
  }

  .nav_sidebar {
    background-color: #fff;
    color: #111;
    box-shadow: 0px 0px 15px -5px #777777;
  }

  .container {
    padding-top: 54px;
  }

  #jqueryslidemenu ul.nav > li > a {

    color: #111;
    font-size: 18px;
  }

  #content {
    margin-inline: auto;
    width: 100%;
  }


  /* ページタイトル */
  .page_title {
    font-size: 30px;
  }

  /* ポストタイトル */
  .post_title {
    font-size: 24px;
  }

  footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* @media screen and (max-width: 1025px) {
    .ql_nav_btn {
      top: 16px;
    }
  } */

  #contact {
    max-width: 800px;
    margin-inline: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .contact__button {
    padding: 40px 0;
  }

  .contact__button a {
    border-radius: 25px;
    border: 1px solid #333;
    padding: 15px;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
  }

  .contact__button a:hover {
    text-decoration: none;
  }

    #header_bottom p,
  #header_bottom a {
    font-size: 11px;
    color: #333;
  }