/*
 * @site-assets-manager-description: itemreading配下の記事詳細ページ用CSS。記事本文、見出し、CTA、商品導入カード、リスト、EIカードを調整。
 * @site-assets-manager-public: true
 * @site-assets-manager-priority: 50
 * @site-assets-manager-scope: all
 * @site-assets-manager-updated-by: rest
 */

/* 01. Detail page scope */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) {
  background: #faf7f0 !important;
  color: #1d2528;
}

/* 02. Hero refinement */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle {
  min-height: 250px !important;
  background-position: center center !important;
  background-size: cover !important;
  position: relative;
  overflow: hidden;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 12, 15, .78) 0%, rgba(8, 12, 15, .58) 47%, rgba(8, 12, 15, .24) 100%),
    radial-gradient(circle at 22% 24%, rgba(183, 143, 67, .22), transparent 330px);
  pointer-events: none;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle .container,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle__heading,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .eyecatch-singleTitle {
  position: relative;
  z-index: 1;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle .heading,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle h1 {
  color: #fff !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .42) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .dateList-singleTitle {
  width: min(760px, 100%) !important;
  margin-top: 18px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 10px !important;
  background: rgba(255, 253, 248, .9) !important;
  color: #4d4740 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .dateList-singleTitle a {
  color: #8a6927 !important;
  font-weight: 700 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .eyecatch-singleTitle img {
  border-radius: 8px !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .32) !important;
}

/* 03. Page frame */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .l-wrapper {
  padding-top: 24px !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content {
  margin: 0 0 64px !important;
  padding: 38px 48px 58px !important;
  border: 1px solid rgba(218, 202, 174, .92) !important;
  border-radius: 14px !important;
  background: rgba(255, 254, 250, .96) !important;
  box-shadow: 0 24px 54px rgba(47, 39, 28, .08) !important;
  color: #243033 !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}

/* 04. Table of contents */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .outline {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 0 26px !important;
  padding: 5px 7px 5px 10px !important;
  border: 1px solid rgba(202, 181, 145, .72) !important;
  border-radius: 7px !important;
  background: #fbf6ec !important;
  box-shadow: none !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .outline:has(.outline__toggle:checked) {
  display: block !important;
  width: 100% !important;
  max-height: 330px !important;
  margin-bottom: 28px !important;
  padding: 14px 16px !important;
  border-radius: 8px !important;
  overflow-y: auto !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__title {
  color: #7a5a1e !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__switch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__link {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  padding: 3px 0 !important;
  color: #30383b !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__list {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__list .outline__list {
  margin: 2px 0 2px 14px !important;
  padding: 0 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__item {
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .outline__number {
  display: inline !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #8a6927 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: inherit !important;
}

/* 05. Headings */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h2.wp-block-heading,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h2 {
  position: relative;
  margin: 0 0 22px !important;
  padding: 0 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(177, 134, 53, .24) !important;
  background: transparent !important;
  color: #1d2528 !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: .01em !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h2.wp-block-heading::after,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 68px;
  height: 2px;
  border-radius: 999px;
  background: #b18635;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3 {
  margin: 58px 0 18px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(102, 87, 60, .2) !important;
  background: transparent !important;
  color: #253033 !important;
  font-size: 22px !important;
  line-height: 1.55 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4 {
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: #7b5b1f !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4 a {
  color: #7b5b1f !important;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

/* 05.1 Visual heading cards */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) {
  float: left !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: calc(100% - 300px) !important;
  min-height: 214px !important;
  margin: 18px 0 44px !important;
  padding: 28px 36px !important;
  border-radius: 16px 0 0 16px !important;
  background: #020202 !important;
  color: #fff !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .02em !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) strong,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) a {
  color: #fff !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) + figure.wp-block-image {
  float: right !important;
  box-sizing: border-box !important;
  width: 300px !important;
  height: 214px !important;
  margin: 18px 0 44px !important;
  overflow: hidden !important;
  border-radius: 0 16px 16px 0 !important;
  background: #020202 !important;
  box-shadow: 0 18px 34px rgba(20, 20, 20, .18) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) + figure.wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) + figure.wp-block-image + p {
  clear: both !important;
  padding-top: 2px !important;
}

/* 05.2 Text-only heading cards */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ p.wp-block-paragraph):not(:has(a)) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 88px !important;
  margin: 24px 0 22px !important;
  padding: 24px 34px !important;
  border-radius: 14px !important;
  background: #020202 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .02em !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ p.wp-block-paragraph):not(:has(a)) strong {
  color: #fff !important;
}

/* 05.3 Four-line poem cards */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image + p.wp-block-paragraph[style*="font-size"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% - 300px) !important;
  min-height: 214px !important;
  margin: 18px 0 44px !important;
  padding: 24px 30px !important;
  border-radius: 16px 0 0 16px !important;
  background: #020202 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.85 !important;
  letter-spacing: .02em !important;
  text-align: center !important;
  box-shadow: none !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image:has(+ p.wp-block-paragraph[style*="font-size"]) {
  float: right !important;
  box-sizing: border-box !important;
  width: 300px !important;
  height: 214px !important;
  margin: 0 0 44px !important;
  overflow: hidden !important;
  border-radius: 0 16px 16px 0 !important;
  background: #020202 !important;
  box-shadow: 0 18px 34px rgba(20, 20, 20, .18) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image:has(+ p.wp-block-paragraph[style*="font-size"]) img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image:has(+ p.wp-block-paragraph[style*="font-size"]) + p.wp-block-paragraph + h3 {
  clear: both !important;
}

/* 05.4 First story line cards */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image + p.wp-block-paragraph:not([style*="font-size"]) {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 92px !important;
  margin: 24px 0 34px !important;
  padding: 24px 34px !important;
  border-radius: 14px !important;
  background: #020202 !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: .02em !important;
}

/* 06. Lead box and text */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background {
  position: relative;
  max-width: 760px !important;
  margin: 0 0 22px !important;
  min-height: 158px !important;
  padding: 22px 26px 20px 222px !important;
  border: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(238, 240, 240, .98) 52%, rgba(248, 248, 246, .98) 100%) !important;
  color: #253033 !important;
  box-shadow: 0 8px 18px rgba(37, 43, 45, .055) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: none;
  display: block;
  width: 188px;
  height: auto;
  border-radius: 14px 0 0 14px;
  background:
    linear-gradient(180deg, rgba(16, 20, 22, .08), rgba(16, 20, 22, .08)),
    url("https://spi-ken.com/wp-content/uploads/2024/04/re_profile_2.jpg") center / cover no-repeat;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .55);
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content p {
  color: #30383b !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
  letter-spacing: 0 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background p {
  margin-bottom: .65em !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background p.has-text-align-right {
  margin-top: .45em !important;
  margin-bottom: 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* 06.1 Itemreading simple lists */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ul:not(.outline__list):not(.breadcrumb__list),
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) {
  margin: 26px 0 34px !important;
  padding: 22px 28px !important;
  list-style: none !important;
  border: 1px solid rgba(218, 205, 181, .78) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.85 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) {
  counter-reset: spi-itemreading-list;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ul:not(.outline__list):not(.breadcrumb__list) > li,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) > li {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(218, 205, 181, .42) !important;
  line-height: inherit !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ul:not(.outline__list):not(.breadcrumb__list) > li:last-child,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) > li:last-child {
  border-bottom: 0 !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) > li {
  counter-increment: spi-itemreading-list;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ul:not(.outline__list):not(.breadcrumb__list) > li::before {
  content: "" !important;
  position: static !important;
  flex: 0 0 8px;
  width: 8px !important;
  height: 8px !important;
  margin-top: .72em !important;
  border-radius: 50%;
  background: #a78036 !important;
  transform: none !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) > li::before {
  content: counter(spi-itemreading-list) "." !important;
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  position: static !important;
  flex: 0 0 2.1em !important;
  width: 2.1em !important;
  min-width: 2.1em !important;
  padding-top: 0 !important;
  color: #a78036 !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  text-align: right !important;
  transform: none !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-spacer {
  height: 46px !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-buttons + .wp-block-spacer {
  height: 20px !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-spacer + h3.wp-block-heading,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-spacer + h3 {
  margin-top: 28px !important;
}

/* 07. Product CTA */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-buttons {
  margin: 28px 0 48px !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-button__link,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .btn__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  border: 1px solid #142628 !important;
  border-radius: 999px !important;
  background: #17292c !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 14px 28px rgba(23, 41, 44, .18) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-button__link:hover,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .btn__link:hover {
  background: #233a3d !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(23, 41, 44, .22) !important;
}

/* 08. Product images */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content figure,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-image {
  margin: 24px auto 42px !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content figure img,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px !important;
  box-shadow: 0 12px 24px rgba(41, 34, 24, .1) !important;
}

/* 08.1 Featured product photo */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3#outline__1_1 + h4.wp-block-heading + .wp-block-image {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  width: 640px !important;
  max-width: 92% !important;
  margin: 26px auto 58px !important;
  padding: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, #f5efe5 0%, #eadfce 100%) !important;
  box-shadow: 0 18px 42px rgba(80, 59, 31, .18) !important;
  text-align: center !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3#outline__1_1 + h4.wp-block-heading + .wp-block-image figure {
  margin: 0 auto !important;
  width: 100% !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3#outline__1_1 + h4.wp-block-heading + .wp-block-image img {
  margin: 0 auto !important;
  width: 100% !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(28, 24, 20, .18) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3#outline__1_2 ~ figure.wp-block-image img,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3#outline__1_2 ~ .wp-block-image img {
  border-radius: 6px !important;
  box-shadow: 0 8px 18px rgba(41, 34, 24, .08) !important;
}

/* 08.2 EI profile card */
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) #EI001 {
  margin-top: 64px !important;
  margin-bottom: 18px !important;
  color: #5b6265 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_wrap,
body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_container {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_member {
  box-sizing: border-box !important;
  margin: 0 auto 40px !important;
  padding: 54px 48px 46px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, #eef0f0 0%, #e4e7e7 48%, #f4f5f4 100%) !important;
  box-shadow: 0 20px 42px rgba(37, 43, 45, .13) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_photo {
  width: 220px !important;
  height: 164px !important;
  margin: 0 auto 26px !important;
  border: 8px solid rgba(255, 255, 255, .9) !important;
  border-radius: 18px !important;
  filter: none !important;
  box-shadow: 0 10px 24px rgba(37, 43, 45, .16) !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_names {
  margin: 0 0 6px !important;
  color: #252c2f !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_job {
  margin: 0 0 26px !important;
  color: #7e8588 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_desc {
  color: #333c40 !important;
  font-size: 15px !important;
  line-height: 1.95 !important;
  text-align: left !important;
}

body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_desc p {
  margin-bottom: 1.2em !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* 09. Mobile */
@media (max-width: 768px) {
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle {
    min-height: 230px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle .heading,
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .singleTitle h1 {
    font-size: 25px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .dateList-singleTitle {
    padding: 10px 14px !important;
    border-radius: 8px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .l-wrapper {
    padding-top: 28px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content {
    margin-bottom: 44px !important;
    padding: 30px 20px 38px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .outline {
    margin-bottom: 32px !important;
    padding: 14px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h2.wp-block-heading,
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h2 {
    padding-left: 0 !important;
    font-size: 22px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading,
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3 {
    margin-top: 44px !important;
    font-size: 20px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) {
    float: none !important;
    width: 100% !important;
    min-height: 96px !important;
    margin: 18px 0 0 !important;
    padding: 22px 24px !important;
    border-radius: 14px 14px 0 0 !important;
    font-size: 21px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) + figure.wp-block-image {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 34px !important;
    border-radius: 0 0 14px 14px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ figure.wp-block-image) + figure.wp-block-image img {
    height: auto !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h4.wp-block-heading:has(+ p.wp-block-paragraph):not(:has(a)) {
    min-height: 74px !important;
    margin: 20px 0 18px !important;
    padding: 20px 24px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image:has(+ p.wp-block-paragraph[style*="font-size"]) {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 18px 0 0 !important;
    border-radius: 14px 14px 0 0 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image:has(+ p.wp-block-paragraph[style*="font-size"]) img {
    height: auto !important;
    border-radius: 0 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image + p.wp-block-paragraph[style*="font-size"] {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 34px !important;
    padding: 22px 24px !important;
    border-radius: 0 0 14px 14px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content h3.wp-block-heading + figure.wp-block-image + p.wp-block-paragraph:not([style*="font-size"]) {
    min-height: 74px !important;
    margin: 20px 0 28px !important;
    padding: 20px 24px !important;
    border-radius: 12px !important;
    font-size: 19px !important;
    line-height: 1.55 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background {
    min-height: 0 !important;
    padding: 130px 18px 18px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: auto;
    height: 108px;
    border-radius: 14px 14px 0 0;
    transform: none;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content p,
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background p {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-columns.has-background p {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ul:not(.outline__list):not(.breadcrumb__list),
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) {
    padding: 18px 18px !important;
    font-size: 15px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ul:not(.outline__list):not(.breadcrumb__list) > li,
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) > li {
    gap: 12px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content ol:not(.outline__list):not(.breadcrumb__list) > li::before {
    flex-basis: 1.9em !important;
    width: 1.9em !important;
    min-width: 1.9em !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_member {
    padding: 38px 24px 34px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_photo {
    width: 190px !important;
    height: 142px !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .tmm_desc {
    font-size: 14px !important;
    line-height: 1.85 !important;
  }

  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .wp-block-button__link,
  body:has(.singleTitle + .breadcrumb a[href*="/itemreading/"]) .content .btn__link {
    min-height: 54px;
    font-size: 16px !important;
  }
}