/*
Theme Name: Hello Child (Uchi52)
Template: hello-elementor
Version: 1.0.0
*/

html {
  background-color: #131418;
}
body {
  background-color: #fff;
}

/* ヘッダー背景画像 */
#header {
  background-color: #fff;
  background-image: url(https://uchi52.com/common/img/header-back-long.png);
  background-repeat-x: repeat;
}

/* ページ全体パディング調整 */
#content-full {
  margin: 0;
  padding: 60px 20px 40px 20px;
  background-color: #fff;
}

/* フッターロゴ用 */
#footer-logo {
  background-image: url(https://uchi52.com/common/img/logo-black400x80-1.png);
  min-height: 80px;
  background-repeat: no-repeat;
  background-position: center;
}

/* アーカイブエリア背景 */
#content-archive {
  background-color: #fff;
}

/* 見出し装飾 */
h1 {
  position: relative;
  padding: 0.75em 1em 0.75em 1.5em;
  font-size: 1.5rem;
}
h1.elementor-heading-title {
  text-decoration: none;
  border: none;
  text-shadow: 0 0 2px white;
}
h1.elementor-heading-title::after {
  background-color: transparent;
}

/* h2スタイル */
div.entry-content > div > h2,
div.archive-description > h2,
div.h2kakumaru > div > h2.elementor-heading-title {
  margin-top: 10px;
  color: #4e6680;
  border: solid 3px #4e6680;
  padding: 0.5em;
  border-radius: 0.5em;
}

/* h3スタイル */
div.entry-content > div > h3:not(.sd-title),
div.archive-description > h3:not(.sd-title),
div.h3fusen > div > h3.elementor-heading-title {
  padding: 0.5em;
  color: #494949;
  background: #fffaf4;
  border-left: solid 5px #ffaf58;
}

/* h4スタイル */
div.entry-content > div > h4,
div.archive-description > h4,
div.h4fusen > div > h4.elementor-heading-title {
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #7db4e6;
}

/* 通常見出しサイズ */
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.2rem;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
h4,
h5,
h6 {
  font-size: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0.5em !important;
  margin-bottom: 0 !important;
}

/* FAQタグ */
span.faq-tag {
  font-size: 0.8rem;
  margin-left: 25px;
  display: inline-block;
}
span.faq-tag a {
  font-size: 0.75rem;
  text-decoration: none;
  background: #babbab;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 30px 0 10px;
  margin: 0 3px 3px 0;
  position: relative;
  transition: color 0.2s;
}
span.faq-tag a::before {
  content: '';
  background: #fff;
  border-left: 10px solid #babbab;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  position: absolute;
  right: 0;
  top: 0;
}
span.faq-tag a::after {
  content: '';
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  height: 6px;
  width: 6px;
  right: 13px;
  top: 10px;
  position: absolute;
}

/* マーカー */
mark {
  background: linear-gradient(transparent 75%, #c1e0ff 75%);
  font-weight: bold;
}

/* 強調ボックス（見出し付き） */
.headlined-box {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  font-size: 1rem;
  line-height: 1.5em;
  border: solid 3px #386767;
}
.headlined-box .box-title {
  position: absolute;
  top: -29px;
  left: -3px;
  padding: 0 9px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  background: #386767;
  color: rgb(156, 179, 179);
  border-radius: 5px 5px 0 0;
}
.light-blue-headline {
  border: solid 3px #b8e0e2;
  background: #fafcff;
}
.light-blue-headline .box-title {
  background: #b8e0e2;
  color: rgb(118, 138, 139);
}
.blue-headline {
  border: solid 3px #4e6680;
  background: #fafcff;
}
.blue-headline .box-title {
  background: #4e6680;
  color: rgb(167, 179, 192);
}

/* お問い合わせボタン */
div.form-button-wrapper > a > span > span {
  color: #fff;
  background-color: #269bd1;
  padding: 5px 10px;
  border-radius: 6px;
  transition: all 0.35s ease-in-out;
}
div.form-button-wrapper > a > span > span:hover {
  background-color: #1e7ba6;
}

/* 外部リンクアイコン */
a[href$=".pdf"]::after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(https://uchi52.com/common/img/PDF_24.png) no-repeat;
}
*:not(object):not(embed) a:not([href^="https://uchi52.com/"]):not([href$=".jpg"]):not([href$=".png"]):not([href$=".gif"]):not(.elementor-button):not(.tag-cloud-link):not(.share-icon):not(.share-more):not(.sd-link-color):not([href='']):not(:has(img))::after {
  content: " ";
  background: url(https://uchi52.com/common/img/externallink_24.png) no-repeat 100% 50%;
  padding-right: 24px;
  min-height: 24px;
}

/* 内部リンク（headlined-box内） */
div.headlined-box.light-blue-headline > a[href^="https://uchi52.com/"]:not([href$=".jpg"]):not([href$=".png"]):not([href$=".gif"]):not(.elementor-button):not(.tag-cloud-link):not(.share-icon):not(:has(img))::after,
div.headlined-box.light-blue-headline > a[href^="."]:not([href$=".jpg"]):not([href$=".png"]):not([href$=".gif"]):not(.elementor-button):not(.tag-cloud-link):not(.share-icon):not(.lazyloaded):not(:has(img))::after {
  content: " ";
  background: url(https://uchi52.com/common/img/internallink_16.png) no-repeat 100% 50%;
  padding-right: 24px;
  min-height: 24px;
}

/* FAQページのリスト表示 */
ul#faq-list {
  list-style: none;
}
ul#faq-list > li {
  margin-bottom: 40px;
}

/* サムネイル中央寄せ */
#primary .hentry div.post-entry.respo-child2 div.thumbnail,
#primary > article > div > div.thumbnail {
  text-align: center;
}

/* 注意喚起用スタイル */
.span-notice {
  background-color: red;
  color: #fff;
  display: block;
  padding: 10px;
  border-radius: 10px;
}
.span-notice a {
  color: #e88989;
  background-color: #fff;
  margin: 0 8px;
  padding: 0 10px;
  line-height: 3em;
}