/* /entry/194/ ポケットフォルダーの印刷可能範囲専用CSS */
.pocket-194-page,
.pocket-194-page * { box-sizing: border-box; }
.pocket-194-page {
  min-width: 0;
  color: #26343d;
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.pocket-194-page img { display: block; max-width: 100%; height: auto; }
.pocket-194-page a { text-underline-offset: .18em; }
.pocket-194-page .pageTitle {
  margin: 0 0 20px;
  padding: 18px 22px;
  border-bottom: 4px solid #d11f2f;
  background: linear-gradient(135deg,#f3f7f8 0%,#fff 100%);
  color: #19354a;
  font-size: clamp(1.48rem,2.8vw,2.05rem);
  line-height: 1.45;
}
.pocket-194-hero {
  margin: 0 0 24px;
  overflow: hidden;
  border: 1px solid #d8e2e5;
  border-radius: 16px;
  background: #eef3f3;
  box-shadow: 0 10px 26px rgba(24,48,70,.09);
}
.pocket-194-hero img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.pocket-194-lead {
  margin: 0 0 20px;
  padding: 22px 24px;
  border-left: 6px solid #d11f2f;
  border-radius: 0 12px 12px 0;
  background: #f8fafb;
}
.pocket-194-lead p { margin: 0; }
.pocket-194-lead p+p { margin-top: 10px; }
.pocket-194-lead__label {
  margin-bottom: 7px !important;
  color: #a20e20;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .14em;
}
.pocket-194-summary {
  margin: 0 0 22px;
  padding: 20px 22px;
  border: 1px solid #d5e1e4;
  border-radius: 13px;
  background: #fff;
}
.pocket-194-summary h2 { margin: 0 0 10px; color: #1b4d59; font-size: 1.18rem; }
.pocket-194-summary ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pocket-194-summary li { position: relative; padding-left: 1.45em; }
.pocket-194-summary li::before { position: absolute; left: 0; color: #c51f30; content: "✓"; font-weight: 900; }
.pocket-194-toc {
  margin: 0 0 46px;
  padding: 20px 22px;
  border: 1px solid #cfdde1;
  border-radius: 14px;
  background: #f2f8f8;
}
.pocket-194-toc__title { margin: 0 0 10px; color: #193f50; font-size: 1.05rem; font-weight: 800; }
.pocket-194-toc ol {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px 24px;
  margin: 0;
  padding-left: 1.55em;
}
.pocket-194-toc a { color: #176b68; font-weight: 700; }
.pocket-194-toc a:hover,.pocket-194-toc a:focus-visible { color: #a20e20; }
.pocket-194-section { min-width: 0; margin: 0 0 58px; scroll-margin-top: 110px; }
.pocket-194-section>p { margin: 0 0 20px; }
.pocket-194-heading {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 22px;
  padding: 0 0 12px;
  border-bottom: 3px solid #d8e2e5;
}
.pocket-194-heading>span {
  display: inline-flex;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #24716e;
  color: #fff;
  font-size: .86rem;
  font-weight: 900;
}
.pocket-194-heading h2 {
  min-width: 0;
  margin: 3px 0 0;
  color: #1b3648;
  font-size: clamp(1.36rem,2.55vw,1.84rem);
  line-height: 1.45;
}
.pocket-194-area-grid,.pocket-194-choice-grid,.pocket-194-warning-grid,.pocket-194-template-grid,.pocket-194-resource-links {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.pocket-194-area-grid article,.pocket-194-choice-grid article,.pocket-194-warning-grid article {
  min-width: 0;
  padding: 23px;
  border: 1px solid #d5e0e3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(31,60,71,.055);
}
.pocket-194-area-grid article { border-top: 4px solid #2c7b78; }
.pocket-194-area-grid span,.pocket-194-choice-grid span,.pocket-194-template-grid>a>span {
  display: inline-block;
  margin: 0 0 8px;
  color: #a31627;
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.pocket-194-area-grid h3,.pocket-194-choice-grid h3,.pocket-194-warning-grid h3,.pocket-194-steps h3,.pocket-194-check-card h3,.pocket-194-related h3 {
  margin: 0 0 9px;
  color: #213d4f;
  font-size: 1.13rem;
  line-height: 1.5;
}
.pocket-194-area-grid p,.pocket-194-choice-grid p,.pocket-194-warning-grid p,.pocket-194-steps p,.pocket-194-order-list p { margin: 0; }
.pocket-194-note {
  margin: 22px 0 0;
  padding: 19px 21px;
  border: 1px solid #e5cf9e;
  border-left: 6px solid #d8a83b;
  border-radius: 9px;
  background: #fffaf0;
}
.pocket-194-note strong { display: block; margin-bottom: 5px; color: #644516; }
.pocket-194-note p { margin: 0; }
.pocket-194-steps { display: grid; gap: 14px; margin: 0 0 24px; padding: 0; list-style: none; }
.pocket-194-steps li {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  gap: 17px;
  align-items: start;
  padding: 20px;
  border: 1px solid #d6e1e4;
  border-radius: 13px;
  background: linear-gradient(90deg,#f2f8f8 0,#fff 34%);
}
.pocket-194-steps>li>span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 20px;
  background: #236e6b;
  color: #fff;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .06em;
}
.pocket-194-steps a,.pocket-194-check-card a { color: #176965; font-weight: 700; }
.pocket-194-table-wrap { width: 100%; overflow-x: auto; border-radius: 12px; -webkit-overflow-scrolling: touch; }
.pocket-194-table-wrap:focus-visible { outline: 3px solid rgba(35,113,110,.35); outline-offset: 3px; }
.pocket-194-table-wrap table { width: 100%; min-width: 670px; border-collapse: collapse; background: #fff; }
.pocket-194-table-wrap caption { padding: 13px 15px; background: #234b5c; color: #fff; font-weight: 800; text-align: left; }
.pocket-194-table-wrap th,.pocket-194-table-wrap td { padding: 14px 15px; border: 1px solid #d5dfe2; text-align: left; vertical-align: top; }
.pocket-194-table-wrap thead th { background: #e8f1f2; color: #183c4b; }
.pocket-194-table-wrap tbody th { width: 20%; background: #f6f9f9; color: #204754; }
.pocket-194-choice-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.pocket-194-choice-grid article { border-top: 4px solid #bd2737; }
.pocket-194-choice-grid a { color: #176965; font-weight: 700; }
.pocket-194-warning-grid article:nth-child(odd) { border-left: 5px solid #d8a83b; }
.pocket-194-warning-grid article:nth-child(even) { border-left: 5px solid #2c7b78; }
.pocket-194-check-card {
  margin: 22px 0 0;
  padding: 22px 24px;
  border-radius: 14px;
  background: #223f51;
  color: #fff;
}
.pocket-194-check-card h3 { color: #fff; }
.pocket-194-check-card ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 24px; margin: 0; padding-left: 1.35em; }
.pocket-194-check-card a { color: #d9ffff; }
.pocket-194-template-grid>a,.pocket-194-resource-links>a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 21px;
  border: 2px solid #d7e1e3;
  border-radius: 13px;
  background: #fff;
  color: #233943;
  text-decoration: none;
  box-shadow: 0 5px 16px rgba(31,60,71,.05);
  transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.pocket-194-template-grid>a { position: relative; padding-right: 54px; }
.pocket-194-template-grid>a::after { position: absolute; top: 50%; right: 20px; content: "↓"; transform: translateY(-50%); color: #bd2737; font-size: 1.55rem; font-weight: 900; }
.pocket-194-template-grid>a:hover,.pocket-194-template-grid>a:focus-visible,.pocket-194-resource-links>a:hover,.pocket-194-resource-links>a:focus-visible {
  border-color: #287a76;
  background: #f7fbfb;
  color: #173f4a;
  transform: translateY(-2px);
  box-shadow: 0 9px 22px rgba(31,79,84,.12);
}
.pocket-194-template-grid strong,.pocket-194-resource-links strong { font-size: 1.04rem; line-height: 1.5; }
.pocket-194-template-grid small,.pocket-194-resource-links span { margin-top: 4px; color: #617077; font-size: .86rem; }
.pocket-194-resource-links { margin-top: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.pocket-194-order-list { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; }
.pocket-194-order-list li { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; padding: 18px 20px; border: 1px solid #d5e1e3; border-radius: 12px; background: #fff; }
.pocket-194-order-list>li>span { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: #bd2737; color: #fff; font-weight: 900; }
.pocket-194-order-list strong { display: block; margin-bottom: 3px; color: #243e4f; }
.pocket-194-related { padding: 23px; border: 1px solid #d3dfe2; border-radius: 14px; background: #f6f9f9; }
.pocket-194-related>div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.pocket-194-related a { display: flex; flex-direction: column; padding: 15px 17px; border-radius: 10px; background: #fff; color: #234151; text-decoration: none; }
.pocket-194-related a:hover,.pocket-194-related a:focus-visible { background: #e8f3f3; color: #8f1422; }
.pocket-194-related a span { margin-top: 3px; color: #68767c; font-size: .85rem; }
.pocket-194-faq details { margin: 0 0 12px; border: 1px solid #d5e0e3; border-radius: 11px; background: #fff; }
.pocket-194-faq summary { position: relative; padding: 17px 52px 17px 20px; color: #203d4e; font-weight: 800; cursor: pointer; list-style: none; }
.pocket-194-faq summary::-webkit-details-marker { display: none; }
.pocket-194-faq summary::after { position: absolute; top: 50%; right: 20px; content: "+"; transform: translateY(-50%); color: #bd2737; font-size: 1.45rem; }
.pocket-194-faq details[open] summary::after { content: "−"; }
.pocket-194-faq details>div { padding: 0 20px 18px; }
.pocket-194-faq details p { margin: 0; }
.pocket-194-faq a { color: #176965; font-weight: 700; }
.pocket-194-hub-return { margin: 0 0 28px; padding: 20px 22px; border: 1px solid #cddce0; border-radius: 13px; background: #f2f8f8; text-align: center; }
.pocket-194-hub-return p { margin: 0 0 10px; }
.pocket-194-hub-return a { color: #176965; font-weight: 800; }
.pocket-194-final-cta { margin: 0 0 36px; padding: 31px 28px; border-radius: 17px; background: linear-gradient(135deg,#173e51 0%,#245f63 100%); color: #fff; text-align: center; }
.pocket-194-final-cta__label { margin: 0 0 5px; color: #bfe6df; font-size: .78rem; font-weight: 900; letter-spacing: .14em; }
.pocket-194-final-cta h2 { margin: 0 0 10px; color: #fff; font-size: clamp(1.35rem,2.5vw,1.85rem); }
.pocket-194-final-cta>p:not(.pocket-194-final-cta__label) { margin: 0 auto 20px; max-width: 680px; }
.pocket-194-final-cta>div { display: flex; flex-wrap: wrap; gap: 13px; justify-content: center; }
.pocket-194-button {
  display: inline-flex;
  min-width: 235px;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border: 2px solid transparent;
  border-radius: 8px;
  font-weight: 800;
  text-decoration: none;
}
.pocket-194-button--sample { border-color: #fff; background-color: #fff; color: #173e51; }
.pocket-194-button--sample:hover,.pocket-194-button--sample:focus-visible { border-color: #fff; background-color: #dff4ef; color: #102f3d; }
.pocket-194-button--estimate { border-color: #e8bd55; background-color: #e8bd55; color: #352709; }
.pocket-194-button--estimate:hover,.pocket-194-button--estimate:focus-visible { border-color: #f6d77e; background-color: #f6d77e; color: #2c2108; }
.pocket-194-button:focus-visible,.pocket-194-template-grid>a:focus-visible,.pocket-194-resource-links>a:focus-visible,.pocket-194-related a:focus-visible,.pocket-194-faq summary:focus-visible { outline: 3px solid rgba(223,244,239,.85); outline-offset: 3px; }
@media (max-width:1100px) {
  .pocket-194-choice-grid { grid-template-columns: 1fr; }
  .pocket-194-resource-links { grid-template-columns: 1fr; }
}
@media (max-width:650px) {
  .pocket-194-page .pageTitle { padding: 15px 16px; font-size: 1.42rem; }
  .pocket-194-hero { border-radius: 10px; }
  .pocket-194-lead,.pocket-194-summary,.pocket-194-toc { padding: 18px; }
  .pocket-194-summary ul,.pocket-194-toc ol,.pocket-194-area-grid,.pocket-194-warning-grid,.pocket-194-template-grid,.pocket-194-check-card ul,.pocket-194-related>div { grid-template-columns: 1fr; }
  .pocket-194-section { margin-bottom: 46px; }
  .pocket-194-heading { gap: 10px; }
  .pocket-194-heading>span { width: 36px; height: 36px; font-size: .78rem; }
  .pocket-194-heading h2 { font-size: 1.28rem; }
  .pocket-194-steps li { grid-template-columns: 1fr; gap: 10px; }
  .pocket-194-steps>li>span { width: 92px; }
  .pocket-194-order-list li { padding: 16px; }
  .pocket-194-final-cta { padding: 26px 18px; }
  .pocket-194-button { width: 100%; min-width: 0; }
}
@media (max-width:480px) {
  .pocket-194-lead,.pocket-194-summary,.pocket-194-toc,.pocket-194-area-grid article,.pocket-194-choice-grid article,.pocket-194-warning-grid article,.pocket-194-check-card,.pocket-194-related { padding: 16px; }
  .pocket-194-template-grid>a,.pocket-194-resource-links>a { padding: 17px; }
  .pocket-194-template-grid>a { padding-right: 44px; }
}