/*
Theme Name: Anett design
Description: Anett design
Version: 1.0.1
Author: Anett design
Author URI: https://anett-design.com/
*/

/* ===============================
WordPress Native Styles
================================== */

/* $content_width */


/* CSS Document */
/**
** common ────────────────────────────────────
**/

/**
main-color
#F8E673
rgba(248, 230, 115,1)

sub-color
#f6f1c1
rgba(246, 241, 193,1)

*/
body,
.info-meta,
.info-container h3 a,
.page .article-body th,
.page .article-body figure:not(.is-style-stripes) td,
.article-body p:not([class*="wp-block-"]),
.article-body table th,
.article-body table td {
  background: #fff;
  color: #3B4043;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Zen Old Mincho', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ 明朝", serif;
  line-height: 1.5;
}

a {
  color: #333333;
  text-decoration: none;
  --display: inline-block;
}

a:hover,
footer a:hover {
  color: #3B4043 !important;
}

footer a:hover {
  text-decoration: underline;
}

.home .content {
  border: none;
}





@media screen and (min-width: 768px) {
  html {
    font-size: 58.334%;
  }

  .br-sp {
    display: none;
  }

  /*768px以上の時は電話発信を無効*/
  a[href^="tel:"] {
    pointer-events: none;
  }

}

@media screen and (max-width: 766px) {

  body,
  .info-meta,
  .info-container h3 a,
  .page .article-body th,
  .page .article-body figure:not(.is-style-stripes) td,
  .article-body p:not([class*="wp-block-"]),
  .article-body table th,
  .article-body table td {
    font-size: 12px;
    font-size: 1.0rem;
  }
}






  /**
** ここから ────────────────────────────────────
**/
  .home .content,
  .content {
    width: initial;
    max-width: 100%;
  }

  .home .content-page {
    padding-bottom: 50px;
  }

  .home-box .top .article-body,
  .page-template-front-page .article-body,
  .page-template-front-page-content-post .article-body {
    padding: initial;
  }

  .article {
    border: initial;
    background-color: initial;
  }

  .row p {
    background-color: initial !important;
  }

  @media screen and (min-width: 768px) {
    .row {
      width: 752px;
      margin: 0 auto;
    }
  }

  @media screen and (min-width: 992px) {
    .row {
      width: 960px;
      margin: 0 auto;
    }

    .article-body {
      padding: 0 !important;
    }
  }

  @media screen and (min-width: 1200px) {
    .row {
      width: 1120px;
      margin: 0 auto;
    }
  }

  @media screen and (max-width: 766px) {
	.row {
      margin: 0 auto;
      padding: 13px;
    }
	 .single-post .row {
      padding: 5px;
    }
  }

  /*-- END:front-page 枠設定 --*/