/* =============
リセット
============================ */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none;
  box-sizing: border-box;
}

ins {
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

textarea {
  font-size: 100%;
  box-sizing: border-box;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0 none;
}

.sectionBox a{
 color: #ff587e;
 text-decoration: underline;
}
/* ==== ヘッダーロゴ ==== */

.header {
  background: #ffbd16;
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0;
}

.logo {
  width: 120px;
  height: 24px;
  display: block;
  margin-left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2062%22%3E%3Cg%20id%3D%22レイヤー_2%22%20data-name%3D%22レイヤー%202%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M199.4%2C42.69a11.65%2C11.65%2C0%2C0%2C1-10.56%2C8.2%2C13.57%2C13.57%2C0%2C0%2C1-10.78-4.53c-5.24%2C6-15.42%2C6.21-19.82-.56-4.33%2C3.08-11%2C5.09-17.52%2C5.09-8.79-.29-13.1-3.22-19.06-7.93-6.34-5.9-15.36-1.2-19.53%2C6.12v10a2.4%2C2.4%2C0%2C0%2C1-4.79%2C0V46.38a17.3%2C17.3%2C0%2C0%2C1-11.73%2C4.51%2C17%2C17%2C0%2C0%2C1-14.94-8.58%2C11.34%2C11.34%2C0%2C0%2C1-12.86.08c-4.86%2C9.09-15.06%2C14.3-28%2C14.3-10.19%2C0-18.66-3.2-24.18-9V59.07a2.4%2C2.4%2C0%2C0%2C1-4.8%2C0V40a2.44%2C2.44%2C0%2C0%2C1%2C1-2%2C2.4%2C2.4%2C0%2C0%2C1%2C3.45.8c3.8%2C8.5%2C12.67%2C13.08%2C24.49%2C13.13s22.42-5.22%2C24.85-14.77a2.37%2C2.37%2C0%2C0%2C1%2C1.23-1.37%2C2.41%2C2.41%2C0%2C0%2C1%2C3.12%2C1c2.06%2C3.73%2C8.37%2C3.72%2C10.43%2C0a2.41%2C2.41%2C0%2C0%2C1%2C4.08-.17%2C2.29%2C2.29%2C0%2C0%2C1%2C.33.75%2C12.33%2C12.33%2C0%2C0%2C0%2C23.61%2C0%2C2.4%2C2.4%2C0%2C0%2C1%2C4.66.05c.11.29.05%2C3.57.06%2C3.94%2C3.64-3.49%2C8.31-5.8%2C12.44-5.8%2C7.63-.26%2C10.24%2C4.68%2C15.57%2C7.65a21.18%2C21.18%2C0%2C0%2C0%2C10.58%2C2.93c7.11%2C0%2C13.7-2.58%2C17.07-6.21a2.42%2C2.42%2C0%2C0%2C1%2C3.49%2C1.34c2%2C6.51%2C11.46%2C6.55%2C14.55-.14a2.39%2C2.39%2C0%2C0%2C1%2C4.34-.26%2C8.62%2C8.62%2C0%2C0%2C0%2C8.38%2C5.27%2C6.9%2C6.9%2C0%2C0%2C0%2C6.29-4.87%2C2.39%2C2.39%2C0%2C0%2C1%2C4.56%2C1.46ZM64.17%2C46.1a2.39%2C2.39%2C0%2C0%2C0-2.39%2C2.4V59.07a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0V48.5A2.39%2C2.39%2C0%2C0%2C0%2C64.17%2C46.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.91%2C21.4a.31.31%2C0%2C0%2C1%2C.32-.33%2C5%2C5%2C0%2C0%2C1%2C3.65%2C1.79A8.6%2C8.6%2C0%2C0%2C1%2C24.62%2C28a.29.29%2C0%2C0%2C1-.34.31C20.36%2C27.79%2C19.37%2C26.48%2C18.91%2C21.4Zm-1.22%2C0a.31.31%2C0%2C0%2C0-.32-.33%2C5%2C5%2C0%2C0%2C0-3.65%2C1.79A8.6%2C8.6%2C0%2C0%2C0%2C12%2C28a.29.29%2C0%2C0%2C0%2C.34.31C16.24%2C27.79%2C17.23%2C26.48%2C17.69%2C21.4Zm-5.37%2C8.31A.3.3%2C0%2C0%2C0%2C12%2C30a8.62%2C8.62%2C0%2C0%2C0%2C1.74%2C5.18A5%2C5%2C0%2C0%2C0%2C17.37%2C37a.31.31%2C0%2C0%2C0%2C.32-.33C17.23%2C31.59%2C16.24%2C30.27%2C12.32%2C29.71Zm6.59%2C7a.31.31%2C0%2C0%2C0%2C.32.33%2C5%2C5%2C0%2C0%2C0%2C3.65-1.79A8.62%2C8.62%2C0%2C0%2C0%2C24.62%2C30a.3.3%2C0%2C0%2C0-.34-.32C20.36%2C30.27%2C19.37%2C31.59%2C18.91%2C36.67ZM40.61%2C21.4a.31.31%2C0%2C0%2C0-.32-.33%2C5%2C5%2C0%2C0%2C0-3.65%2C1.79A8.6%2C8.6%2C0%2C0%2C0%2C34.9%2C28a.29.29%2C0%2C0%2C0%2C.34.31C39.16%2C27.79%2C40.15%2C26.48%2C40.61%2C21.4Zm6.59%2C7a.29.29%2C0%2C0%2C0%2C.34-.31%2C8.6%2C8.6%2C0%2C0%2C0-1.74-5.18%2C5%2C5%2C0%2C0%2C0-3.65-1.79.31.31%2C0%2C0%2C0-.32.33C42.29%2C26.48%2C43.28%2C27.79%2C47.2%2C28.35Zm-5.37%2C8.32a.31.31%2C0%2C0%2C0%2C.32.33%2C5%2C5%2C0%2C0%2C0%2C3.65-1.79A8.62%2C8.62%2C0%2C0%2C0%2C47.54%2C30a.3.3%2C0%2C0%2C0-.34-.32C43.28%2C30.27%2C42.29%2C31.59%2C41.83%2C36.67Zm-6.59-7a.3.3%2C0%2C0%2C0-.34.32%2C8.62%2C8.62%2C0%2C0%2C0%2C1.74%2C5.18A5%2C5%2C0%2C0%2C0%2C40.29%2C37a.31.31%2C0%2C0%2C0%2C.32-.33C40.15%2C31.59%2C39.16%2C30.27%2C35.24%2C29.71Zm142.82-8a2.4%2C2.4%2C0%2C0%2C0-2.4%2C2.4v7.3a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0v-7.3A2.39%2C2.39%2C0%2C0%2C0%2C178.06%2C21.68Zm-17.84-3.27a2.39%2C2.39%2C0%2C0%2C0-2.39%2C2.39V31.38a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0V20.8A2.39%2C2.39%2C0%2C0%2C0%2C160.22%2C18.41Zm35.67%2C0a2.39%2C2.39%2C0%2C0%2C0-2.39%2C2.39V31.38a2.4%2C2.4%2C0%2C1%2C0%2C4.79%2C0V20.8A2.39%2C2.39%2C0%2C0%2C0%2C195.89%2C18.41Zm-42.72%2C13a2.41%2C2.41%2C0%2C0%2C1-2.4%2C2.4H128c0%2C.3%2C0%2C.59%2C0%2C.88a2.4%2C2.4%2C0%2C0%2C1-4.79%2C0%2C20%2C20%2C0%2C0%2C1%2C.41-3.77c2.18-12%2C16.69-16.37%2C25.39-8.54A12.41%2C12.41%2C0%2C0%2C1%2C153.17%2C31.38ZM129.25%2C29h18.66a8.22%2C8.22%2C0%2C0%2C0-2.16-3.12%2C10.87%2C10.87%2C0%2C0%2C0-7.39-2.67A10.11%2C10.11%2C0%2C0%2C0%2C129.25%2C29ZM85.61%2C18.41A17%2C17%2C0%2C0%2C0%2C70.67%2C27a11.17%2C11.17%2C0%2C0%2C0-6.49-2%2C11.29%2C11.29%2C0%2C0%2C0-5.51%2C1.41%2C35.63%2C35.63%2C0%2C0%2C0-6.58-15.85%2C5.68%2C5.68%2C0%2C0%2C1-.81-1.25c.11-7.95-9.56-11.65-15.19-6-.17.17-.32.34-.43.47a6.21%2C6.21%2C0%2C0%2C1-1.1-.06%2C42.44%2C42.44%2C0%2C0%2C0-4.8-.24%2C56.86%2C56.86%2C0%2C0%2C0-5.88.33C18.52-2.52%2C8.13%2C1%2C8.24%2C9.26a5.68%2C5.68%2C0%2C0%2C1-.81%2C1.25A36.36%2C36.36%2C0%2C0%2C0%2C.49%2C29.15a2.4%2C2.4%2C0%2C0%2C0%2C4.78.42%2C31.38%2C31.38%2C0%2C0%2C1%2C6-16.15A6.72%2C6.72%2C0%2C0%2C0%2C13%2C9.26a3.59%2C3.59%2C0%2C0%2C1%2C2.23-3.58A4.22%2C4.22%2C0%2C0%2C1%2C20.2%2C6.81c1.26%2C1.54%2C2.57%2C2%2C5.23%2C1.6a39.31%2C39.31%2C0%2C0%2C1%2C4.33-.21%2C39.31%2C39.31%2C0%2C0%2C1%2C4.33.21c2.8.41%2C4.08-.15%2C5.33-1.72a4.22%2C4.22%2C0%2C0%2C1%2C4.84-1%2C3.59%2C3.59%2C0%2C0%2C1%2C2.23%2C3.58%2C6.72%2C6.72%2C0%2C0%2C0%2C1.79%2C4.16%2C31.38%2C31.38%2C0%2C0%2C1%2C6%2C16.15c.17%2C1.64%2C0%2C3.07%2C1.45%2C3.9a2.4%2C2.4%2C0%2C0%2C0%2C3.31-1%2C6.25%2C6.25%2C0%2C0%2C1%2C10.38.09A2.4%2C2.4%2C0%2C0%2C0%2C73.8%2C32%2C12%2C12%2C0%2C0%2C1%2C85.61%2C23.2%2C12.26%2C12.26%2C0%2C0%2C1%2C96%2C28.65%2C2.4%2C2.4%2C0%2C1%2C0%2C100%2C26%2C17%2C17%2C0%2C0%2C0%2C85.61%2C18.41Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  filter: drop-shadow(0 0 1px #c99000);
}

body {
  margin: 0;
  padding: 0;
  font-family: 'M PLUS Rounded 1c', 'Noto Sans JP', Montserrat, sans-serif;
  color: #333;
  font-weight: normal;
  background: linear-gradient(135deg, #f0f9ff, #fff0f8);
  line-height: 1.8;
}

.confetti {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}

.confetti-piece {
  position: absolute;
  top: -10px;
  width: 10px;
  height: 10px;
  background-color: red;
  opacity: 0.8;
  border-radius: 2px;
  animation: confetti-fall linear infinite;
}

/* ランダム生成例（10個分） */
.confetti-piece:nth-child(1) {
  left: 10%;
  background-color: #f44336;
  animation-duration: 10s;
  animation-delay: 0s;
  transform: scale(1.2);
}

.confetti-piece:nth-child(2) {
  left: 20%;
  background-color: #2196f3;
  animation-duration: 12s;
  animation-delay: 7s;
  transform: scale(1);
}

.confetti-piece:nth-child(3) {
  left: 30%;
  background-color: #4caf50;
  animation-duration: 15s;
  animation-delay: 10s;
  transform: scale(0.9);
}

.confetti-piece:nth-child(4) {
  left: 40%;
  background-color: #ffeb3b;
  animation-duration: 14.5s;
  animation-delay: 0.5s;
  transform: scale(1.3);
}

.confetti-piece:nth-child(5) {
  left: 50%;
  background-color: #e91e63;
  animation-duration: 12.5s;
  animation-delay: 0.8s;
  transform: scale(1.1);
}

.confetti-piece:nth-child(6) {
  left: 60%;
  background-color: #9c27b0;
  animation-duration: 12.8s;
  animation-delay: 0s;
  transform: scale(1.2);
}

.confetti-piece:nth-child(7) {
  left: 70%;
  background-color: #03a9f4;
  animation-duration: 10s;
  animation-delay: 10.6s;
  transform: scale(0.8);
}

.confetti-piece:nth-child(8) {
  left: 80%;
  background-color: #8bc34a;
  animation-duration: 10s;
  animation-delay: 0.1s;
  transform: scale(1);
}

.confetti-piece:nth-child(9) {
  left: 90%;
  background-color: #ff9800;
  animation-duration: 14s;
  animation-delay: 0.3s;
  transform: scale(1.4);
}

.confetti-piece:nth-child(10) {
  left: 95%;
  background-color: #00bcd4;
  animation-duration: 7.8s;
  animation-delay: 0.15s;
  transform: scale(1);
}

@keyframes confetti-fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }

  100% {
    transform: translateY(100vh) rotate(720deg);
    opacity: 0;
  }
}


.catch-bg {
  background: #fff;
  padding: 2em 1em;
  border-bottom: 4px solid #ffd966; /* アクセントライン */
  text-align: center;
  margin: 0 auto 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);

}
.catch-bg img{
  z-index: 10;
  position: relative;
}
.catch-text {
  font-size: 1.5rem;
  font-weight: bold;
}
.catch-sub {
  color: #444;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.catch-banner{
  max-width: 900px;
  height: auto;
  width: 100%;
  border-radius: 10px;
}

.banner {
  text-align: center;
  margin: 20px auto 0;
}

.banner img {
  max-width: 900px;
  width: 100%;
  border-radius: 10px;
}

.sectionBox {
  max-width: 900px;
  margin: 2rem auto;
  padding: 3rem 2rem;
  border-radius: 12px;
  background: #fffefb;
  backdrop-filter: blur(4px); /* ← 背景をぼかして奥行き出す */
  border-left: 6px solid #00b8d4;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
  position: relative;
  z-index: 10;
}

.sectionBox.art {
  background: #fff7fb;
  backdrop-filter: blur(6px);
  border-left-color: #ff47b2;
  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}
.marker_large {
  background: linear-gradient(transparent 60%, #ffeb80 60%);
  display: inline;
  font-size: 1.4rem;
}

.marker {
  background: linear-gradient(transparent 60%, #ffeb80 60%);
  display: inline;
}

.marker_small {
  background: linear-gradient(transparent 60%, #ffeb80 60%);
  display: inline;
  font-size: 0.8rem;
}

.ossume{
  margin-top: 20px;
  font-size: 0.8rem;
  display: block;
}
h1 {
  font-size: 2rem;
}

 .description {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
  }
h2 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.4em;
  font-weight: bold;
  background: linear-gradient(135deg, #ff47b2, #ffbd16);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

h2 i {
  color: #ff90b0;
}

.sectionBox.art h2::after,
h2::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  margin-top: 0.5rem;
  background: linear-gradient(to right, #ff47b2, #ffd92d);
  border-radius: 2px;
}

.icon {
  font-size: 1.4em;
  margin-right: 0.5em;
}
.itemPict{
  max-width: 400px;
}
h2:nth-child(n + 2) {
  margin-top: 20px;
}

h3 {
  font-weight: bold;
  font-size: 1.3rem;
  border-left: 8px solid #00b8d4;
  padding-left: 10px;
  margin: 20px 0;
}

.sectionBox.art h2 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.4em;
  color: #ff47b2;
  font-weight: bold;
}

.sectionBox.art h3 {
  font-weight: bold;
  font-size: 1.3rem;
  border-left: 8px solid #ff47b2;
  padding-left: 10px;
  margin: 20px 0;
}

ul {
  list-style-type: disc;
  margin-left: 20px;
}

.makerentry{
    line-height: 1.4;
}
ol.makerentry li {
  margin-bottom: 5px;
  color: #333;
  font-size: 1rem;
}

ol {
  margin-left: 28px;
}


ol li {
  margin-bottom: 20px;
  color: #ff4ea5;
    font-size: 1.4rem;
}

ol li span {
  font-weight: bold;
}
span.text{
  color: #333;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.4;
  display: block;
}


.attention {
  list-style-type: none;
  padding-left: 0;
  margin-left: 10px;
}

.attention li::before {
  content: "※";
  margin-right: 0.5em;
  color:#999;
}
.btn {
  display: inline-block;
  margin-top: 1rem;
  padding: 1rem 2.5rem;
  background: #ffd400;
  border: none;
  border-radius: 100px;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 8px 24px rgb(255 212 0 / 40%);
}

.btn:hover {
  background: #ff47b2;
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgb(255 71 178 / 45%);
  transform: scale(1.07) rotate(-1deg);
  transition: 0.2s ease;
}

footer {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #ffbd16;
  text-align: center;
}

/* =============
ボタン
================= */

.entry {
  margin: 0 auto;
  text-align: center;
}

.btn--z3 {
  background: rgb(255 255 255 / 20%);
  color: #ff47b2;
  border: 2px solid #ff47b2;
  border-radius: 100px;
  padding: 1rem 2.5rem;
  font-weight: bold;
  font-size: 1.2rem;
  backdrop-filter: blur(6px);
  transition: all 0.3s ease;
}

.btn--z3:hover {
  background: rgb(255 71 178 / 80%);
  color: #fff;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgb(255 71 178 / 40%);
}

.btn {
  display: inline-block;
  margin: 2rem 0;
  padding: 1rem 2.5rem;
  background: linear-gradient(135deg, #ff47b2, #ffbd16); /* ピンク→オレンジグラデ */
  border: none;
  border-radius: 100px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgb(255 71 178 / 30%);
  position: relative;
}

.btn:hover {
  background: linear-gradient(135deg, #2ec643, #00b8d4); /* グリーン系に変化 */
  box-shadow: 0 8px 30px rgb(46 198 67 / 40%);
  transform: scale(1.05);
}

/* ==========================
動き
============================= */

.view {
  opacity: 0;
  margin: 20px auto;
  transform: translateY(50px);
}

.view.show {
  transition: all 0.8s;
  opacity: 1;
  transform: translateY(0);
}

.timing02 {
  transition-delay: 0.2s;
}

.timing03 {
  transition-delay: 0.6s;
}

/* ==========================
背景バブル
============================= */

.after-hero {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.bubble-bg {
  position: fixed; /* ← absolute → fixed に変更 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.bubble-bg span {
  position: absolute;
  bottom: -100px;
  width: 60px;
  height: 60px;
  background: radial-gradient(circle, rgb(255 192 203 / 40%) 0%, rgb(255 105 180 / 20%) 80%);
  border-radius: 50%;
  animation: riseBubble 20s linear infinite;
}

.bubble-bg span:nth-child(1) {
  left: 10%;
  width: 40px;
  height: 40px;
  animation-duration: 22s;
}

.bubble-bg span:nth-child(2) {
  left: 25%;
  width: 50px;
  height: 50px;
  animation-duration: 18s;
}

.bubble-bg span:nth-child(3) {
  left: 40%;
  width: 70px;
  height: 70px;
  animation-duration: 24s;
}

.bubble-bg span:nth-child(4) {
  left: 60%;
  width: 30px;
  height: 30px;
  animation-duration: 20s;
}

.bubble-bg span:nth-child(5) {
  left: 75%;
  width: 60px;
  height: 60px;
  animation-duration: 28s;
}

.bubble-bg span:nth-child(6) {
  left: 90%;
  width: 45px;
  height: 45px;
  animation-duration: 26s;
}

@keyframes riseBubble {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    transform: translateY(-120vh) scale(1.2);
    opacity: 0;
  }
}
.att{
  font-size: 0.9rem;
  color: #999;
  font-weight: normal;
}

/* ==============
スマホ対応
======================= */

/* ==== 改行 ==== */
br.sp-only {
  display: none;
}
@media (max-width: 600px) {
  br.sp-only {
    display: inline;
  }
}

br.pc-only {
  display: inline;
}
@media (max-width: 600px) {
  br.pc-only {
    display: none;
  }
}

@media (max-width: 600px) {
  .hero {
    background: linear-gradient(114deg, #ffd92d, #2ec643);
    color: #fff;
    text-align: center;
    padding: 0;
    position: relative;
    overflow: hidden;
  }

.catch-bg {
  background: #fff;
  padding: 10px 5px;
  border-bottom: 4px solid #ffd966; /* アクセントライン */
  text-align: center;
  margin: 0 auto 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

  .itemPict{
  max-width: 400px;
  width: 100%;
}

  h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.4;
  }

  .description {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
  span.text{
    font-size: 0.9rem;
  }
  ol.makerentry li {
    font-size: 0.9rem;
  }
  ol li {
    margin-bottom: 20px;
    color: #ff4ea5;
    font-size: 1.2rem;
}
  .sectionBox {
    width: 98%;
    margin: 2rem auto;
    padding: 10px;
    border-radius: 12px;
    background: rgb(255 255 255 / 85%); /* ← 透過感ある白 */
    border-left: 3px solid #00b8d4;
    position: relative;
    z-index: 10;
    font-size: 0.9rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.2rem;
    margin: 15px 0 10px;
    color: #00b8d4;
    border-left: 0;
    padding-left: 0;
  }
.btn{
  font-size: 1.5rem;
  margin: 0;
}
  .sectionBox.art h2 {
    font-size: 1.5rem;
    padding-bottom: 0.4em;
    color: #ff47b2;
    font-weight: bold;
  }

  .sectionBox.art h3 {
    font-weight: bold;
    font-size: 1rem;
    margin: 15px 0 0;
    border-left: 0;
    padding-left: 0;
    color: #ff47b2;
  }
}
}