/*-------------------------
  Storyページ用
-------------------------*/
summary {
	list-style-type: none;
}
summary::-webkit-details-marker {
	display: none;
}
summary:before {
	content: "";
}
details[open] summary:before,
summary details[open] summary:before {
	content: "";
}
.details_in {
	height: 100px !important;
	overflow-y: scroll !important;
}
details summary span {
	color: #000;
}

.youtube_aph {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	display: block;
	margin: auto;
}

.story_m {
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.05); /* 暗色背景に溶け込む */
	color: #ffffff;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0.05em;
	padding: 8px 12px 8px 16px;
	border-radius: 4px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 4px rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	transition: all 0.25s ease;
}
.story_p {
	margin: 20px 0 20px 0;
}

/*-------------------------
	Story：概要カード
-------------------------*/
.story_intro {
	width: 95vw;
	max-width: 1000px;
	margin: 18px auto 24px;
	border-radius: 14px;
	overflow: hidden;
	background: radial-gradient(circle at top left, #151a24 0%, #05070a 65%);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.65);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

/* 概要の見出し（中の story_m だけ少し調整） */
.story_intro .story_m {
	margin: 0;
	padding: 10px 18px;
	background: linear-gradient(90deg, #1d4ed8 0%, #1e293b 55%, #020617 100%);
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.08em;
	border-bottom: 1px solid rgba(15, 23, 42, 0.9);
}

/* 本文部分 */
.story_body {
	padding: 14px 18px 18px;
	font-size: 14px;
	line-height: 1.9;
	color: #e5e7eb;
}

/* 概要本文 */
.story_intro .story_p {
	margin: 0;
	font-size: 14px;
	line-height: 1.9;
}



/*-------------------------
  メインストーリー
-------------------------*/
.main_story_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #000; /* 完全な黒でブランド感を強調 */
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.9);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.main_story_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(
    90deg,
    #00e0ff,
    #ff68c9,
    #fff,
    #00e0ff
  );
  background-size: 300% 100%;
  animation: main_story_glow 6s linear infinite;
  text-shadow:
    0 0 12px rgba(255, 255, 255, 0.9),
    0 0 22px rgba(255, 0, 255, 0.5),
    0 0 36px rgba(0, 255, 255, 0.4);
  box-shadow: inset 0 -3px 10px rgba(255, 255, 255, 0.2);
}

/* グラデーションアニメーション */
@keyframes main_story_glow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* --- 再生リストなど --- */
.main_story_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  background: #111;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.main_story_s a {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

/* Hover時：ネオン発光 */
.main_story_s:hover,
.main_story_s a:hover {
  background: linear-gradient(90deg, #00e0ff, #ff68c9);
  color: #000;
  transform: scale(1.03);
  box-shadow: 0 0 20px rgba(255, 120, 255, 0.6),
              0 0 40px rgba(0, 255, 255, 0.4);
}

/* --- 子項目（Part） --- */
.main_story_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e0e0e0;
  background: #181818;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.main_story_st:hover {
  background: linear-gradient(90deg, #ff68c9, #00e0ff);
  color: #000;
  transform: scale(1.02);
  box-shadow: 0 0 16px rgba(255, 120, 255, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .main_story_st {
  background: linear-gradient(90deg, #00e0ff, #ff68c9);
  color: #000;
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.25);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 18px rgba(255, 100, 255, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.main_story_d details {
  margin: 0;
  border: none;
}

/*-------------------------
  Ver1.0 インプリズンドパペット
-------------------------*/
.imprisoned_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0a0710; /* 闇を思わせる紫黒 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.imprisoned_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #e8e4ff;
  background: linear-gradient(90deg, #281c40, #624ca0, #a58cf0);
  border: none;
  text-shadow:
    0 0 10px rgba(190, 160, 255, 0.9),
    0 0 20px rgba(140, 110, 255, 0.5),
    0 0 35px rgba(80, 60, 150, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* 紫薔薇の光のライン */
.imprisoned_t::before,
.imprisoned_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.imprisoned_t::before {
  left: 0;
  background: linear-gradient(90deg, #c8a4ff, #f4e1ff);
}
.imprisoned_t::after {
  right: 0;
  background: linear-gradient(90deg, #f4e1ff, #c8a4ff);
}

/* --- 再生リストなど --- */
.imprisoned_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  color: #f0eaff;
  background: #3c2f6b;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.imprisoned_s a {
  display: block;
  width: 100%;
  padding: 14px 0;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

.imprisoned_s:hover,
.imprisoned_s a:hover {
  background: linear-gradient(90deg, #604caa, #a48cff, #decaff);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(180, 150, 255, 0.6);
}

/* --- 子項目（Part） --- */
.imprisoned_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f9f7ff;
  background: #4a3d74;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.imprisoned_st a {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

.imprisoned_st:hover {
  background: #7a67c9;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(180, 150, 255, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .imprisoned_st {
  background: #7a67c9;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(190, 170, 255, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(160, 120, 255, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.imprisoned_d details {
  margin: 0;
  border: none;
}


/*-------------------------
  Ver1.? うさぎと鷹の草（次元戦姫）
-------------------------*/
.usagi_taka_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a0f15; /* 夜桜のような深紅黒 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.usagi_taka_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fff5f8;
  background: linear-gradient(90deg, #9b3b68, #e85fa8, #ffb7c5);
  border: none;
  text-shadow:
    0 0 10px rgba(255, 180, 230, 0.9),
    0 0 22px rgba(255, 160, 220, 0.5),
    0 0 36px rgba(255, 120, 200, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* 翡翠の光ライン */
.usagi_taka_t::before,
.usagi_taka_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.usagi_taka_t::before {
  left: 0;
  background: linear-gradient(90deg, #57ffd0, #b8fff1);
}
.usagi_taka_t::after {
  right: 0;
  background: linear-gradient(90deg, #b8fff1, #57ffd0);
}

/* --- 再生リストなど --- */
.usagi_taka_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffeaf3;
  background: #5a2043;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.usagi_taka_s a {
  display: block;
  width: 100%;
  padding: 14px 0;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

.usagi_taka_s:hover,
.usagi_taka_s a:hover {
  background: linear-gradient(90deg, #f871a0, #ff9fcf, #a3ffee);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 200, 220, 0.6);
}

/* --- 子項目（Part） --- */
.usagi_taka_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fffafc;
  background: #7a2e5d;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.usagi_taka_st a {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

.usagi_taka_st:hover {
  background: #ff93c6;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 180, 200, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .usagi_taka_st {
  background: #ff93c6;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 200, 220, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(255, 160, 200, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.usagi_taka_d details {
  margin: 0;
  border: none;
}

/*-------------------------
  Ver1.1 甘味協奏会
-------------------------*/
.kanmi_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a1410; /* チョコ系黒背景 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.kanmi_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #fff9e5;
  background: linear-gradient(90deg, #643215, #b9571b, #f3c36c);
  border: none;
  text-shadow: 0 0 6px rgba(255, 210, 130, 0.7);
  box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* オレンジ＆ミントのデコライン（甘さ＋爽やかさ） */
.kanmi_t::before,
.kanmi_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.kanmi_t::before {
  left: 0;
  background: linear-gradient(90deg, #ff8b3d, #ffd07a);
}
.kanmi_t::after {
  right: 0;
  background: linear-gradient(90deg, #fef3b0, #87e6c5);
}

/* --- 再生リストなど --- */
.kanmi_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff6e0;
  background: #52311e;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.kanmi_s a {
  display: block;
  width: 100%;
  color: #fff6e0;
  text-decoration: none;
  transition: inherit;
}

.kanmi_s:hover,
.kanmi_s a:hover {
  background: linear-gradient(90deg, #b56528, #ff9f44, #ffd882);
  color: #ffffff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 180, 90, 0.7);
}

/* --- 子項目（Part） --- */
.kanmi_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff6e0;
  background: #6e3f25;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.kanmi_st:hover {
  background: #b56528;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 190, 120, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .kanmi_st {
  background: #b56528;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 230, 200, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 150, 50, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.kanmi_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.1 人知れぬ秘密
-------------------------*/
.hitoshirenu_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #120202; /* 黒に近い深紅背景 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.hitoshirenu_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff2d8;
  background: linear-gradient(90deg, #4a0000, #b5192a, #f6b86a);
  border: none;
  text-shadow: 0 0 8px rgba(255, 220, 140, 0.6);
  box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* 金色の装飾ライン */
.hitoshirenu_t::before,
.hitoshirenu_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.hitoshirenu_t::before {
  left: 0;
  background: linear-gradient(90deg, #b5192a, #f6b86a);
}
.hitoshirenu_t::after {
  right: 0;
  background: linear-gradient(90deg, #f6b86a, #b5192a);
}

/* --- 再生リストなど --- */
.hitoshirenu_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffe9cc;
  background: #5a0f14;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.hitoshirenu_s a {
  display: block;
  width: 100%;
  color: #ffe9cc;
  text-decoration: none;
  transition: inherit;
}

.hitoshirenu_s:hover,
.hitoshirenu_s a:hover {
  background: linear-gradient(90deg, #b72b2b, #e76b46, #f6b86a);
  color: #ffffff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 180, 100, 0.6);
}

/* --- 子項目（Part） --- */
.hitoshirenu_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffe9cc;
  background: #7c1c1e;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.hitoshirenu_st a {
  display: block;
  width: 100%;
  color: #ffe9cc;
  text-decoration: none;
  transition: inherit;
}

.hitoshirenu_st:hover {
  background: #b72b2b;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 180, 120, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .hitoshirenu_st {
  background: #b72b2b;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 230, 200, 0.25);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 130, 90, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.hitoshirenu_d details {
  margin: 0;
  border: none;
}

/*-------------------------
  Ver1.1 盛夏特别事件簿
-------------------------*/
.natsubi_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0b1020; /* 夜の海のような深い青 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.natsubi_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #e9f8ff;
  background: linear-gradient(90deg, #003c91, #3f8cff, #9ddfff);
  border: none;
  text-shadow: 0 0 10px rgba(180, 220, 255, 0.8);
  box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* ピンク×水色の光のライン */
.natsubi_t::before,
.natsubi_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.natsubi_t::before {
  left: 0;
  background: linear-gradient(90deg, #ff9ebd, #7dd9ff);
}
.natsubi_t::after {
  right: 0;
  background: linear-gradient(90deg, #7dd9ff, #ff9ebd);
}

/* --- 再生リストなど --- */
.natsubi_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e5f6ff;
  background: #1e2b5c;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.natsubi_s a {
  display: block;
  width: 100%;
  color: #e5f6ff;
  text-decoration: none;
  transition: inherit;
}

.natsubi_s:hover,
.natsubi_s a:hover {
  background: linear-gradient(90deg, #3f8cff, #78cfff, #ffe0f5);
  color: #ffffff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(120, 190, 255, 0.6);
}

/* --- 子項目（Part） --- */
.natsubi_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e9f8ff;
  background: #31447a;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.natsubi_st a {
  display: block;
  width: 100%;
  color: #e5f6ff;
  text-decoration: none;
  transition: inherit;
}

.natsubi_st:hover {
  background: #5089f0;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(160, 210, 255, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .natsubi_st {
  background: #5089f0;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(210, 240, 255, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(90, 180, 255, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.natsubi_d details {
  margin: 0;
  border: none;
}


/*-------------------------
  Ver1.2 相聞歌
-------------------------*/
.somonka_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a0e0b; /* 深い紅茶色の背景で秋の夜を表現 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.somonka_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff6e6;
  background: linear-gradient(90deg, #5b2410, #b64e28, #f4c87a);
  border: none;
  text-shadow: 0 0 10px rgba(255, 200, 120, 0.8);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 金色の光のライン */
.somonka_t::before,
.somonka_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.somonka_t::before {
  left: 0;
  background: linear-gradient(90deg, #f0b060, #ffd98a);
}
.somonka_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffd98a, #f0b060);
}

/* --- 再生リストなど --- */
.somonka_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff4e0;
  background: #4a2b1b;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.somonka_s a {
  display: block;
  width: 100%;
  color: #fff4e0;
  text-decoration: none;
  transition: inherit;
}

.somonka_s:hover,
.somonka_s a:hover {
  background: linear-gradient(90deg, #c76433, #f3b25d, #fff0c2);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 200, 120, 0.6);
}

/* --- 子項目（Part） --- */
.somonka_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff5e4;
  background: #6a3b25;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.somonka_st:hover {
  background: #c16a3a;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 180, 100, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .somonka_st {
  background: #c16a3a;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 230, 180, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 180, 100, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.somonka_d details {
  margin: 0;
  border: none;
}



/*------------------------- 
  Ver1.2 業火紅蓮
-------------------------*/
.goka_d {
  margin: 20px auto;
  border: none;
  border-radius: 14px;
  background:
    radial-gradient(circle at top, #3a0810 0%, #120308 58%, #060103 100%);
  box-shadow:
    0 4px 30px rgba(0, 0, 0, 0.92),
    0 0 28px rgba(255, 70, 110, 0.35);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.goka_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fff2f6;
  background:
    linear-gradient(90deg, #5a0012, #c60a2d, #ff5070);
  border: none;
  text-shadow:
    0 0 6px rgba(255, 245, 250, 0.95),
    0 0 18px rgba(255, 70, 110, 0.9);
  box-shadow:
    inset 0 -2px 10px rgba(255, 255, 255, 0.14),
    0 0 24px rgba(255, 70, 110, 0.75);
  position: relative;
  overflow: hidden;
}

/* 焔の光ライン */
.goka_t::before,
.goka_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 42%;
  border-radius: 2px;
}
.goka_t::before {
  left: 0;
  background: linear-gradient(90deg, #fff0f4, #ff6a86);
}
.goka_t::after {
  right: 0;
  background: linear-gradient(90deg, #ff6a86, #fff0f4);
}

/* --- 再生リスト --- */
/* .xxx_s ルール厳守 */
.goka_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0; /* ルール1：固定 */
  font-size: 20px;
  font-weight: 600;
  color: #ffeef3; /* 黒背景でも読める明度 */
  background:
    linear-gradient(135deg, #2a060b, #140205);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 12px rgba(0, 0, 0, 0.88),
    0 0 18px rgba(255, 70, 110, 0.42);
}

/* .xxx_s a ルール厳守（padding禁止＋block/100%＋色継承） */
.goka_s a {
  display: block;        /* ルール3 */
  width: 100%;           /* ルール3 */
  padding: 0;            /* ルール2 */
  color: inherit;        /* 黒文字事故防止 */
  text-decoration: none; /* ルール3 */
  transition: inherit;
}

/* hover：紅の発光＋燃え上がり */
.goka_s:hover,
.goka_s a:hover {
  background:
    linear-gradient(135deg, #ff2e5c, #ff8aa3);
  color: #1a0206;
  transform: scale(1.03);
  box-shadow:
    0 0 18px rgba(255, 90, 130, 0.95),
    0 0 34px rgba(255, 70, 110, 0.95);
}

/* --- 子項目（Part） --- */
.goka_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff1f6;
  background:
    linear-gradient(135deg, #2a050a, #110103);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 0, 0, 0.84),
    0 0 16px rgba(255, 70, 110, 0.4);
}

/* 子項目 hover */
.goka_st:hover {
  background:
    linear-gradient(135deg, #ff2e5c, #ff8aa3);
  color: #1a0206;
  transform: scale(1.02);
  box-shadow:
    0 0 16px rgba(255, 110, 150, 0.92),
    0 0 30px rgba(255, 70, 110, 0.95);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .goka_st {
  background:
    linear-gradient(135deg, #ff2e5c, #ff7f9a);
  color: #1a0206;
  box-shadow:
    inset 0 0 10px rgba(255, 235, 242, 0.28),
    0 0 22px rgba(255, 90, 130, 0.85);
}

/* --- iframe（共通で使う場合） --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(120, 20, 40, 0.55);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* summaryマーカー削除（共通） */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* 下層details調整 */
.goka_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.? 恋の予感
-------------------------*/
.koino_yokan_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a0e13; /* 黒背景でも映える深いローズブラウン */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.koino_yokan_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #fff9f9;
  background: linear-gradient(90deg, #f78fa7, #f2cdbc, #a3e8e6);
  border: none;
  text-shadow: 0 0 8px rgba(255, 210, 210, 0.8);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* ハートを意識した光のライン */
.koino_yokan_t::before,
.koino_yokan_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.koino_yokan_t::before {
  left: 0;
  background: linear-gradient(90deg, #ff8ca5, #ffd1d1);
}
.koino_yokan_t::after {
  right: 0;
  background: linear-gradient(90deg, #a3e8e6, #fbcaca);
}

/* --- 再生リストなど --- */
.koino_yokan_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff4f7;
  background: #713847;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.koino_yokan_s a {
  display: block;
  width: 100%;
  color: #fff4f7;
  text-decoration: none;
  transition: inherit;
}

.koino_yokan_s:hover,
.koino_yokan_s a:hover {
  background: linear-gradient(90deg, #f78fa7, #f2cdbc, #a3e8e6);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 190, 210, 0.7);
}

/* --- 子項目（Part） --- */
.koino_yokan_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff9fb;
  background: #8b4e5b;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.koino_yokan_st a {
  display: block;
  width: 100%;
  color: #fff4f7;
  text-decoration: none;
  transition: inherit;
}

.koino_yokan_st:hover {
  background: #f4a1b1;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 200, 210, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .koino_yokan_st {
  background: #f4a1b1;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 220, 220, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 180, 200, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.koino_yokan_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.3 夢境での邂逅
-------------------------*/
.mukyo_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #150d11; /* 夜明け前の桜空のような黒紫調 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.mukyo_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff8f4;
  background: linear-gradient(90deg, #f6a98a, #ffd8b8, #8ed8f9);
  border: none;
  text-shadow: 0 0 10px rgba(255, 210, 180, 0.8), 0 0 20px rgba(255, 170, 140, 0.3);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* 光の流れる装飾ライン */
.mukyo_t::before,
.mukyo_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.mukyo_t::before {
  left: 0;
  background: linear-gradient(90deg, #ffb9a0, #ffe2cb);
}
.mukyo_t::after {
  right: 0;
  background: linear-gradient(90deg, #b3f1ff, #ffd5d0);
}

/* --- 再生リストなど --- */
.mukyo_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff5f2;
  background: #59323a;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.mukyo_s a {
  display: block;
  width: 100%;
  color: #fff5f2;
  text-decoration: none;
  transition: inherit;
}

.mukyo_s:hover,
.mukyo_s a:hover {
  background: linear-gradient(90deg, #f6a98a, #ffd8b8, #8ed8f9);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 190, 150, 0.7);
}

/* --- 子項目（Part） --- */
.mukyo_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff9f8;
  background: #7a4d56;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.mukyo_st:hover {
  background: #f6a98a;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 190, 160, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .mukyo_st {
  background: #f6a98a;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 210, 180, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 180, 150, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.mukyo_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.3 思いを手紙に乗せて
-------------------------*/
.omoi_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0a0f18; /* 深い夜の群青に近い黒 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.7);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.omoi_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #e8f8ff;
  background: linear-gradient(90deg, #111c2e, #254556, #4aa0ff);
  border: none;
  text-shadow: 0 0 12px rgba(150, 210, 255, 0.8), 0 0 25px rgba(80, 180, 255, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 雪の光をイメージしたライン */
.omoi_t::before,
.omoi_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.omoi_t::before {
  left: 0;
  background: linear-gradient(90deg, #88caff, #b3ecff);
}
.omoi_t::after {
  right: 0;
  background: linear-gradient(90deg, #b3ecff, #88caff);
}

/* --- 再生リストなど --- */
.omoi_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e7f5ff;
  background: #16303e;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.omoi_s a {
  display: block;
  width: 100%;
  color: #e7f5ff;
  text-decoration: none;
  transition: inherit;
}

.omoi_s:hover,
.omoi_s a:hover {
  background: linear-gradient(90deg, #296a99, #55b8ff, #c8f6ff);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(150, 220, 255, 0.7);
}

/* --- 子項目（Part） --- */
.omoi_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #ebfaff;
  background: #224a5d;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.omoi_st:hover {
  background: #3f88b8;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(150, 210, 255, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .omoi_st {
  background: #3f88b8;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(200, 240, 255, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(120, 190, 255, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.omoi_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.4 猫と夢の国
-------------------------*/
.nekotoyume_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #060b0a; /* 闇夜の深緑を感じる黒緑 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.7);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.nekotoyume_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #f8fff2;
  background: linear-gradient(90deg, #0e2a1d, #224c3b, #4dbf6e);
  border: none;
  text-shadow: 
    0 0 12px rgba(200, 255, 200, 0.8),
    0 0 25px rgba(100, 255, 150, 0.3);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（金と緑の混色） */
.nekotoyume_t::before,
.nekotoyume_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.nekotoyume_t::before {
  left: 0;
  background: linear-gradient(90deg, #f3e17b, #c5ffcc);
}
.nekotoyume_t::after {
  right: 0;
  background: linear-gradient(90deg, #c5ffcc, #f3e17b);
}

/* --- 再生リストなど --- */
.nekotoyume_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #edfff3;
  background: #143426;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.nekotoyume_s a {
  display: block;
  width: 100%;
  color: #edfff3;
  text-decoration: none;
  transition: inherit;
}

.nekotoyume_s:hover,
.nekotoyume_s a:hover {
  background: linear-gradient(90deg, #3ab667, #a4f4a8, #f5ec90);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(170, 255, 190, 0.7);
}

/* --- 子項目（Part） --- */
.nekotoyume_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f5fff2;
  background: #1c5236;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.nekotoyume_st a {
  display: block;
  width: 100%;
  color: #edfff3;
  text-decoration: none;
  transition: inherit;
}

.nekotoyume_st:hover {
  background: #3ab667;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(160, 255, 160, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .nekotoyume_st {
  background: #3ab667;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(190, 255, 190, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(130, 255, 180, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.nekotoyume_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.4 銀世界を映す瞳
-------------------------*/
.ginsekai_d {
  margin: 20px auto;
  border: none;
  border-radius: 14px;
  background:
    radial-gradient(circle at top, #3a1a12 0%, #140807 58%, #070303 100%);
  box-shadow:
    0 4px 30px rgba(0, 0, 0, 0.92),
    0 0 26px rgba(255, 200, 120, 0.28);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.ginsekai_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fff6de;
  background:
    linear-gradient(90deg, #6d2b16, #c27a2b, #ffd27a);
  border: none;
  text-shadow:
    0 0 6px rgba(255, 245, 220, 0.95),
    0 0 18px rgba(255, 190, 110, 0.85);
  box-shadow:
    inset 0 -2px 10px rgba(255, 255, 255, 0.18),
    0 0 22px rgba(255, 200, 120, 0.75);
  position: relative;
  overflow: hidden;
}

/* 金粉のきらめきライン */
.ginsekai_t::before,
.ginsekai_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 42%;
  border-radius: 2px;
}
.ginsekai_t::before {
  left: 0;
  background: linear-gradient(90deg, #fff4d6, #ffd27a);
}
.ginsekai_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffd27a, #fff4d6);
}

/* うっすら粒子（ロゴの点描感） */
.ginsekai_t::marker {
  content: "";
}

/* --- 再生リスト --- */
/* .xxx_s ルール厳守 */
.ginsekai_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0; /* ルール1：固定 */
  font-size: 20px;
  font-weight: 600;
  color: #fff4db; /* 黒背景でも読める明度 */
  background:
    linear-gradient(135deg, #3a1a12, #24100b);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 12px rgba(0, 0, 0, 0.86),
    0 0 18px rgba(255, 190, 110, 0.45);
}

/* .xxx_s a ルール厳守（padding禁止＋block/100%＋色継承） */
.ginsekai_s a {
  display: block;        /* ルール3 */
  width: 100%;           /* ルール3 */
  padding: 0;            /* ルール2 */
  color: inherit;        /* 黒文字事故防止 */
  text-decoration: none; /* ルール3 */
  transition: inherit;
}

/* hover：金の光彩が走る */
.ginsekai_s:hover,
.ginsekai_s a:hover {
  background:
    linear-gradient(135deg, #ffcf6e, #ffe7b6);
  color: #2b140c;
  transform: scale(1.03);
  box-shadow:
    0 0 16px rgba(255, 210, 140, 0.95),
    0 0 30px rgba(255, 190, 110, 0.95);
}

/* --- 子項目（Part） --- */
.ginsekai_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff7e6;
  background:
    linear-gradient(135deg, #3a1c14, #1f0d09);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 0, 0, 0.82),
    0 0 16px rgba(255, 190, 110, 0.42);
}

.ginsekai_st a {
	color: #fff;
}

.ginsekai_st a:hover {
	color: #2b140c;
}

/* 子項目 hover */
.ginsekai_st:hover {
  background:
    linear-gradient(135deg, #ffcf6e, #ffe7b6);
  color: #2b140c;
  transform: scale(1.02);
  box-shadow:
    0 0 14px rgba(255, 220, 160, 0.9),
    0 0 26px rgba(255, 190, 110, 0.95);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .ginsekai_st {
  background:
    linear-gradient(135deg, #ffcf6e, #ffdca0);
  color: #2b140c;
  box-shadow:
    inset 0 0 10px rgba(255, 245, 220, 0.35),
    0 0 22px rgba(255, 205, 135, 0.85);
}

/* --- iframe（共通で使う場合） --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(140, 70, 30, 0.45);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* summaryマーカー削除（共通） */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* 下層details調整 */
.ginsekai_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.6 遠く人には福来たる
-------------------------*/
.toyama_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a0b07; /* 黒に近い深紅ブラウン */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.toyama_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fff8e1;
  background: linear-gradient(90deg, #8b1a0a, #c5411e, #f8b64c);
  border: none;
  text-shadow:
    0 0 8px rgba(255, 180, 90, 0.8),
    0 0 22px rgba(255, 120, 50, 0.5);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 金の煌めきライン */
.toyama_t::before,
.toyama_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.toyama_t::before {
  left: 0;
  background: linear-gradient(90deg, #f9d05e, #ffeeb7);
}
.toyama_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffeeb7, #f9d05e);
}

/* --- 再生リストなど --- */
.toyama_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff6e8;
  background: #421e10;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.toyama_s a {
  display: block;
  width: 100%;
  color: #fff6e8;
  text-decoration: none;
  transition: inherit;
}

.toyama_s:hover,
.toyama_s a:hover {
  background: linear-gradient(90deg, #e0642a, #f6b746, #ffd68a);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 18px rgba(255, 200, 130, 0.7);
}

/* --- 子項目（Part） --- */
.toyama_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff5e3;
  background: #5e2d17;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.toyama_st:hover {
  background: #c95a25;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 190, 130, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .toyama_st {
  background: #c95a25;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 210, 160, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 170, 80, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.toyama_d details {
  margin: 0;
  border: none;
}


/*-------------------------
  Ver1.6 恋咲くショコラ
-------------------------*/
.koisaku_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1b0c0f; /* ダークチョコを感じさせる深い赤茶 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.koisaku_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff5f7;
  background: linear-gradient(90deg, #f28da8, #ffb3c6, #ffe6e6);
  border: none;
  text-shadow:
    0 0 12px rgba(255, 180, 200, 0.8),
    0 0 28px rgba(255, 130, 160, 0.5);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（ショコラピンクの艶） */
.koisaku_t::before,
.koisaku_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.koisaku_t::before {
  left: 0;
  background: linear-gradient(90deg, #f3b8c5, #ffd8e0);
}
.koisaku_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffd8e0, #f3b8c5);
}

/* --- 再生リストなど --- */
.koisaku_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #ffecef;
  background: #4c1e24;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.koisaku_s a {
  display: block;
  width: 100%;
  color: #ffecef;
  text-decoration: none;
  transition: inherit;
}

.koisaku_s:hover,
.koisaku_s a:hover {
  background: linear-gradient(90deg, #f38ca3, #ffb8c8, #ffe0d5);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 180, 200, 0.7);
}

/* --- 子項目（Part） --- */
.koisaku_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff6f7;
  background: #6a2a30;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.koisaku_st a {
  display: block;
  width: 100%;
  color: #ffecef;
  text-decoration: none;
  transition: inherit;
}

.koisaku_st:hover {
  background: #f38ca3;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 190, 200, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .koisaku_st {
  background: #f38ca3;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 210, 220, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 150, 180, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.koisaku_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.7 無名の花
-------------------------*/
.mumei_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #120d15; /* 深い紫黒 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.mumei_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff9e8;
  background: linear-gradient(90deg, #5a3a6b, #8d6fa6, #d8b56e);
  border: none;
  text-shadow:
    0 0 12px rgba(230, 210, 150, 0.8),
    0 0 26px rgba(200, 180, 120, 0.5);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（金と紫の輝き） */
.mumei_t::before,
.mumei_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.mumei_t::before {
  left: 0;
  background: linear-gradient(90deg, #d9ba73, #fff1ca);
}
.mumei_t::after {
  right: 0;
  background: linear-gradient(90deg, #fff1ca, #d9ba73);
}

/* --- 再生リストなど --- */
.mumei_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f7f2f8;
  background: #39274a;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.mumei_s a {
  display: block;
  width: 100%;
  color: #f7f2f8;
  text-decoration: none;
  transition: inherit;
}

.mumei_s:hover,
.mumei_s a:hover {
  background: linear-gradient(90deg, #b591d2, #e4cbb0, #f8eac9);
  color: #fffefc;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(240, 220, 180, 0.6);
}

/* --- 子項目（Part） --- */
.mumei_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fffdf8;
  background: #4e3860;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.mumei_st:hover {
  background: #a078b2;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(240, 200, 255, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .mumei_st {
  background: #a078b2;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(240, 220, 255, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(210, 160, 255, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.mumei_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.8 哀悼のウンブラ
-------------------------*/
.aito_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0a0a0c; /* 鉄のような黒 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.aito_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #ffffff;
  background: linear-gradient(90deg, #1a0000, #3d0b0b, #7c1717);
  border: none;
  text-shadow:
    0 0 10px rgba(255, 50, 50, 0.7),
    0 0 22px rgba(200, 0, 0, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（血の光） */
.aito_t::before,
.aito_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.aito_t::before {
  left: 0;
  background: linear-gradient(90deg, #ff2a2a, #ff7070);
}
.aito_t::after {
  right: 0;
  background: linear-gradient(90deg, #ff7070, #ff2a2a);
}

/* --- 再生リストなど --- */
.aito_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f4f4f4;
  background: #1a1a1a;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.aito_s a {
  display: block;
  width: 100%;
  color: #f4f4f4;
  text-decoration: none;
  transition: inherit;
}

.aito_s:hover,
.aito_s a:hover {
  background: linear-gradient(90deg, #a91212, #e63b3b, #ff7676);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 80, 80, 0.7);
}

/* --- 子項目（Part） --- */
.aito_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f8f8f8;
  background: #2a2a2a;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.aito_st:hover {
  background: #a91212;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 60, 60, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .aito_st {
  background: #a91212;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 80, 80, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 80, 80, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.aito_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.8 水かけカーニバル
-------------------------*/
.mizukake_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0b1508; /* 深い緑がかった黒背景（熱帯の影） */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.mizukake_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fffbe8;
  background: linear-gradient(90deg, #3a6b00, #d7b700, #ff9c00);
  border: none;
  text-shadow:
    0 0 10px rgba(255, 255, 150, 0.8),
    0 0 22px rgba(255, 180, 0, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（南国の光彩） */
.mizukake_t::before,
.mizukake_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.mizukake_t::before {
  left: 0;
  background: linear-gradient(90deg, #ffe56b, #fff5a5);
}
.mizukake_t::after {
  right: 0;
  background: linear-gradient(90deg, #fff5a5, #ffe56b);
}

/* --- 再生リストなど --- */
.mizukake_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fffde7;
  background: #1a4c1d;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.mizukake_s a {
  display: block;
  width: 100%;
  color: #fffde7;
  text-decoration: none;
  transition: inherit;
}

.mizukake_s:hover,
.mizukake_s a:hover {
  background: linear-gradient(90deg, #ffd84b, #ffa53b, #ff7f00);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 220, 80, 0.7);
}

/* --- 子項目（Part） --- */
.mizukake_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fafff4;
  background: #2b6631;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.mizukake_st:hover {
  background: #ffa53b;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 190, 60, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .mizukake_st {
  background: #ffa53b;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 220, 120, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 180, 0, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.mizukake_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver1.9 散ることのない桜
-------------------------*/
.chirukoto_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a0e15; /* 夜桜を思わせる深い桜影色 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.chirukoto_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff7fb;
  background: linear-gradient(90deg, #f189a3, #f7b3cc, #ffe1ef);
  border: none;
  text-shadow:
    0 0 10px rgba(255, 180, 200, 0.9),
    0 0 24px rgba(255, 140, 180, 0.6);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（桜の花びらの輝き） */
.chirukoto_t::before,
.chirukoto_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.chirukoto_t::before {
  left: 0;
  background: linear-gradient(90deg, #ffc9e1, #ffe8ef);
}
.chirukoto_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffe8ef, #ffc9e1);
}

/* --- 再生リストなど --- */
.chirukoto_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff4f6;
  background: #5d3c50;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.chirukoto_s a {
  display: block;
  width: 100%;
  color: #fff4f6;
  text-decoration: none;
  transition: inherit;
}

.chirukoto_s:hover,
.chirukoto_s a:hover {
  background: linear-gradient(90deg, #f89bb4, #f8bfd3, #ffe2e9);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 200, 210, 0.7);
}

/* --- 子項目（Part） --- */
.chirukoto_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff8fa;
  background: #7c5068;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.chirukoto_st:hover {
  background: #f89bb4;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 170, 190, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .chirukoto_st {
  background: #f89bb4;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 210, 220, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 150, 170, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.chirukoto_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver2.0 猫の帰る場所
-------------------------*/
.nekokae_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0e0b08; /* 暖かみのある深黒（夜のリビング） */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.nekokae_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff8e1;
  background: linear-gradient(90deg, #5a3b00, #d1a000, #ffcd4b);
  border: none;
  text-shadow:
    0 0 10px rgba(255, 200, 100, 0.8),
    0 0 24px rgba(255, 160, 60, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（夕暮れの光） */
.nekokae_t::before,
.nekokae_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.nekokae_t::before {
  left: 0;
  background: linear-gradient(90deg, #ffdc73, #ffeeb5);
}
.nekokae_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffeeb5, #ffdc73);
}

/* --- 再生リストなど --- */
.nekokae_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff4da;
  background: #3a2b0b;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.nekokae_s a {
  display: block;
  width: 100%;
  color: #fff4da;
  text-decoration: none;
  transition: inherit;
}

.nekokae_s:hover,
.nekokae_s a:hover {
  background: linear-gradient(90deg, #ffbb33, #ffcf6b, #ffe39f);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(255, 180, 60, 0.7);
}

/* --- 子項目（Part） --- */
.nekokae_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff9e6;
  background: #59461e;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.nekokae_st:hover {
  background: #ffbb33;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 190, 90, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .nekokae_st {
  background: #ffbb33;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 220, 120, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(255, 200, 80, 0.5);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.nekokae_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver2.1 妄誕ノ洋館
-------------------------*/
.motan_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #070a12; /* 夜の洋館を思わせる漆黒＋群青 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.motan_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #e8f7ff;
  background: linear-gradient(90deg, #001a35, #004a8f, #3db5ff);
  border: none;
  text-shadow:
    0 0 12px rgba(100, 180, 255, 0.9),
    0 0 24px rgba(60, 140, 255, 0.6),
    0 0 36px rgba(80, 200, 255, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* 光のライン（冷気の残光） */
.motan_t::before,
.motan_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.motan_t::before {
  left: 0;
  background: linear-gradient(90deg, #9ee0ff, #b8f0ff);
}
.motan_t::after {
  right: 0;
  background: linear-gradient(90deg, #b8f0ff, #9ee0ff);
}

/* --- 再生リストなど --- */
.motan_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e0f6ff;
  background: #0f2237;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.motan_s a {
  display: block;
  width: 100%;
  color: #e0f6ff;
  text-decoration: none;
  transition: inherit;
}

.motan_s:hover,
.motan_s a:hover {
  background: linear-gradient(90deg, #297aff, #00b3ff, #7deaff);
  color: #fff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(120, 200, 255, 0.7);
}

/* --- 子項目（Part） --- */
.motan_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #eafaff;
  background: #183957;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.motan_st:hover {
  background: #00b3ff;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(100, 200, 255, 0.6);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .motan_st {
  background: #00b3ff;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(120, 220, 255, 0.3);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(80, 160, 255, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.motan_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver2.2 夏花火に願いを込めて
-------------------------*/
.natsu_hanabi_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #0d1327; /* 夜空を思わせる群青背景 */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.natsu_hanabi_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #f9e7d6;
  background: linear-gradient(90deg, #1c2a75, #4f63da, #a77fff);
  border: none;
  text-shadow:
    0 0 10px rgba(255, 200, 150, 0.8),
    0 0 22px rgba(240, 170, 255, 0.5),
    0 0 32px rgba(100, 120, 255, 0.4);
  box-shadow: inset 0 -2px 8px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

/* 光のライン（花火の余光） */
.natsu_hanabi_t::before,
.natsu_hanabi_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.natsu_hanabi_t::before {
  left: 0;
  background: linear-gradient(90deg, #ffd27e, #ffefcc);
}
.natsu_hanabi_t::after {
  right: 0;
  background: linear-gradient(90deg, #ffefcc, #ffd27e);
}

/* --- 再生リストなど --- */
.natsu_hanabi_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #3c4db4;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
}

.natsu_hanabi_s a {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

.natsu_hanabi_s:hover,
.natsu_hanabi_s a:hover {
  background: linear-gradient(90deg, #637cff, #a67bff, #ffd5b6);
  color: #fffef7;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(180, 200, 255, 0.6);
}

/* --- 子項目（Part） --- */
.natsu_hanabi_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #7b89ff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.natsu_hanabi_st:hover {
  background: #9daaff;
  color: #fffefb;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(220, 200, 255, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .natsu_hanabi_st {
  background: #9daaff;
  color: #fffefb;
  box-shadow: inset 0 0 8px rgba(255, 230, 255, 0.25);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(60, 90, 200, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.natsu_hanabi_d details {
  margin: 0;
  border: none;
}



/*-------------------------
  Ver2.3 新海旧聞
-------------------------*/
.shinkai_kyubun_d {
  margin: 20px auto;
  border: none;
  border-radius: 10px;
  background: #1a1a1a; /* 金属のような暗灰背景 */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- Verタイトル部 --- */
.shinkai_kyubun_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #f5f5f5;
  background: linear-gradient(
    90deg,
    #2b2b2b,
    #3a3a3a,
    #5a5a5a
  ); /* 鉄灰グラデーション */
  border: none;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 -2px 6px rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
}

/* 赤茶＆青緑ライン */
.shinkai_kyubun_t::before,
.shinkai_kyubun_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.shinkai_kyubun_t::before {
  left: 0;
  background: linear-gradient(90deg, #b44c36, #d86a52);
}
.shinkai_kyubun_t::after {
  right: 0;
  background: linear-gradient(90deg, #4da7a1, #6db6b1);
}

/* --- サブセクション（再生リストなど） --- */
.shinkai_kyubun_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e0e0e0;
  background: #333;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.shinkai_kyubun_s:hover {
  background: linear-gradient(90deg, #454545, #555, #666);
  color: #ffffff;
  transform: scale(1.03);
  box-shadow: 0 0 16px rgba(109, 182, 177, 0.5);
}

/* --- リンク内テキスト --- */
.shinkai_kyubun_s a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
}

.shinkai_kyubun_s a:hover {
  color: #ffffff;
}

/* --- 子項目（Part） --- */
.shinkai_kyubun_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #e8e8e8;
  background: #3a3a3a;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
}

.shinkai_kyubun_st:hover {
  background: #4a4a4a;
  color: #fff;
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(180, 100, 80, 0.5);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .shinkai_kyubun_st {
  background: #4a4a4a;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.15);
}

/* --- iframe --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(109, 182, 177, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* --- summaryマーカー削除 --- */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* --- 下層details調整 --- */
.shinkai_kyubun_d details {
  margin: 0;
  border: none;
}

/*------------------------- 
  Ver2.4 パンダの足跡を辿って
-------------------------*/
.panda_d {
  margin: 20px auto;
  border: none;
  border-radius: 14px;
  background: radial-gradient(circle at top, #293b11 0%, #0c1305 55%, #050804 100%);
  box-shadow:
    0 4px 28px rgba(0, 0, 0, 0.9),
    0 0 24px rgba(180, 240, 130, 0.25);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.panda_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #fffef2;
  background: linear-gradient(90deg, #4a6c10, #8fb72b, #d4f06a);
  border: none;
  text-shadow:
    0 0 4px rgba(30, 50, 10, 0.95),
    0 0 12px rgba(255, 255, 210, 0.95);
  box-shadow:
    inset 0 -2px 8px rgba(255, 255, 255, 0.18),
    0 0 18px rgba(195, 245, 135, 0.65);
  position: relative;
  overflow: hidden;
}

/* ふちどり風の光ライン */
.panda_t::before,
.panda_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 40%;
  border-radius: 2px;
}
.panda_t::before {
  left: 0;
  background: linear-gradient(90deg, #f9ffce, #e7ff94);
}
.panda_t::after {
  right: 0;
  background: linear-gradient(90deg, #e7ff94, #f9ffce);
}

/* --- 再生リスト --- */
/* .xxx_s ルール：padding はここにだけ付ける */
.panda_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0; /* ルール1：固定 */
  font-size: 20px;
  font-weight: 600;
  color: #f7ffe7; /* 黒背景でも見える明度 */
  background: linear-gradient(135deg, #3e5b16, #2f4411);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 0, 0, 0.85),
    0 0 16px rgba(170, 220, 110, 0.45);
}

/* .xxx_s a ルール：padding なし＋ブロック化＋色継承 */
.panda_s a {
  display: block;        /* ルール3 */
  width: 100%;           /* ルール3 */
  padding: 0;            /* ルール2：padding は付けない */
  color: inherit;        /* 黒文字事故防止 */
  text-decoration: none;
  transition: inherit;
}

/* hover 時：光エッジ＋ふわっと拡大 */
.panda_s:hover,
.panda_s a:hover {
  background: linear-gradient(135deg, #a3dd3f, #e0ff7f);
  color: #1b2206;
  transform: scale(1.03);
  box-shadow:
    0 0 14px rgba(200, 250, 140, 0.9),
    0 0 26px rgba(225, 255, 185, 0.95);
}

/* --- 子項目（Part） --- */
.panda_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f9ffe9;
  background: linear-gradient(135deg, #486924, #304516);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 8px rgba(0, 0, 0, 0.8),
    0 0 14px rgba(185, 235, 130, 0.55);
}

/* 各章 hover */
.panda_st:hover {
  background: linear-gradient(135deg, #a3dd3f, #e0ff7f);
  color: #1b2206;
  transform: scale(1.02);
  box-shadow:
    0 0 12px rgba(200, 245, 130, 0.8),
    0 0 22px rgba(230, 255, 190, 0.9);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .panda_st {
  background: linear-gradient(135deg, #a3dd3f, #d7ff72);
  color: #1b2206;
  box-shadow:
    inset 0 0 8px rgba(220, 255, 150, 0.4),
    0 0 18px rgba(210, 255, 160, 0.7);
}

/* --- iframe（共通で使う場合） --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(60, 90, 40, 0.6);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* summaryマーカー削除（共通） */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* 下層details調整 */
.panda_d details {
  margin: 0;
  border: none;
}

/*------------------------- 
  Ver2.6 新生の雪
-------------------------*/
.shinsei_d {
  margin: 20px auto;
  border: none;
  border-radius: 14px;
  background:
    radial-gradient(circle at top, #0f2b3f 0%, #050e15 58%, #020608 100%);
  box-shadow:
    0 4px 30px rgba(0, 0, 0, 0.92),
    0 0 28px rgba(120, 200, 255, 0.38);
  overflow: hidden;
  transition: 0.3s ease;
}

/* --- タイトル部 --- */
.shinsei_t {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 16px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #f6fcff;
  background:
    linear-gradient(90deg, #0f4f7a, #3aa9e6, #9fe6ff);
  border: none;
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.95),
    0 0 20px rgba(150, 220, 255, 0.95);
  box-shadow:
    inset 0 -2px 10px rgba(255, 255, 255, 0.16),
    0 0 26px rgba(150, 220, 255, 0.85);
  position: relative;
  overflow: hidden;
}

/* 氷光ライン（gokaの焔ライン相当） */
.shinsei_t::before,
.shinsei_t::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 42%;
  border-radius: 2px;
}
.shinsei_t::before {
  left: 0;
  background: linear-gradient(90deg, #ffffff, #bfefff);
}
.shinsei_t::after {
  right: 0;
  background: linear-gradient(90deg, #bfefff, #ffffff);
}

/* --- 再生リスト --- */
/* .xxx_s ルール厳守 */
.shinsei_s {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0; /* 固定 */
  font-size: 20px;
  font-weight: 600;
  color: #eef9ff;
  background:
    linear-gradient(135deg, #071a26, #030b11);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 12px rgba(0, 0, 0, 0.88),
    0 0 18px rgba(120, 200, 255, 0.45);
}

/* .xxx_s a ルール厳守 */
.shinsei_s a {
  display: block;
  width: 100%;
  padding: 0;
  color: inherit;
  text-decoration: none;
  transition: inherit;
}

/* hover：goka同等の強発光＋拡大 */
.shinsei_s:hover,
.shinsei_s a:hover {
  background:
    linear-gradient(135deg, #5fd0ff, #dff7ff);
  color: #06131c;
  transform: scale(1.03);
  box-shadow:
    0 0 18px rgba(200, 240, 255, 0.95),
    0 0 34px rgba(160, 225, 255, 0.95);
}

/* --- 子項目（Part） --- */
.shinsei_st {
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f2fbff;
  background:
    linear-gradient(135deg, #061722, #02080d);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.25s ease;
  cursor: pointer;
  box-shadow:
    0 0 10px rgba(0, 0, 0, 0.84),
    0 0 16px rgba(120, 200, 255, 0.42);
}

/* 子項目 hover */
.shinsei_st:hover {
  background:
    linear-gradient(135deg, #5fd0ff, #dff7ff);
  color: #06131c;
  transform: scale(1.02);
  box-shadow:
    0 0 16px rgba(200, 240, 255, 0.92),
    0 0 30px rgba(160, 225, 255, 0.95);
}

/* --- 開閉時（open状態） --- */
details[open] > summary .shinsei_st {
  background:
    linear-gradient(135deg, #5fd0ff, #bfefff);
  color: #06131c;
  box-shadow:
    inset 0 0 10px rgba(230, 250, 255, 0.35),
    0 0 22px rgba(180, 235, 255, 0.85);
}

/* --- iframe（共通） --- */
.youtube_aph {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  margin: 10px 0 20px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(120, 180, 220, 0.55);
  transition: opacity 0.3s ease;
  opacity: 0.95;
}
.youtube_aph:hover {
  opacity: 1;
}

/* summaryマーカー削除 */
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

/* 下層details調整 */
.shinsei_d details {
  margin: 0;
  border: none;
}