a		{color: #443EFF; text-decoration: underline}
a:active	{color:#007360; text-decoration: underline}
a:visited	{color:#007360; text-decoration: underline}
a:hover 	{color:#8d05f5; text-decoration: underline}

a.menu:link    {color: #333333; text-decoration: none}
a.menu:visited {color: #333333; text-decoration: none}
a.menu:active  {color: #333333; text-decoration: none}
a.menu:hover   {color: #007360; text-decoration: underline}

a.more:link    {color: #0066CC; text-decoration: underline}
a.more:visited {color: #0066CC; text-decoration: underline}
a.more:active  {color: #0066CC; text-decoration: underline}
a.more:hover   {color: #FF9900; text-decoration: underline}

a.more2:link    {color: #FFFFFF; text-decoration: underline}
a.more2:visited {color: #FFFFFF; text-decoration: underline}
a.more2:active  {color: #FFFFFF; text-decoration: underline}
a.more2:hover   {color: #FF9900; text-decoration: underline}

td.f18{color: #333333;font-size: 18px; line-height: 140%}
td.f15{color: #333333;font-size: 15px; line-height: 140%}
td.f14{color: #333333;font-size: 14px; line-height: 140%}
td.f13{color: #333333;font-size: 13px; line-height: 160%}
td.f132{color: #333333;font-size: 13px; line-height: 140%}
td.f12{color: #333333;font-size: 12px; line-height: 125%}
td.f122{color: #333333;font-size: 12px; line-height: 140%}
td.f11{color: #333333;font-size: 11px; line-height: 120%}
td.f10{color: #333333;font-size: 10px; line-height: 120%}
td.menu { font-size: 12px}

a.hili:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}

#frame-33 .card , #frame-32 .card , #frame-41 .card , #frame-42 .card{
  border: none;
}


#frame-card-27  header h2 a {
  display: none ;
}

#frame-card-27  nav ul.pagination.flex-wrap {
  display: none ;
}


.cute-button {
  padding: 6px 10px;
  background-color: #ffb6c1; /* ライトピンク */
  color: white;
  border: none;
  border-radius: 25px;
  font-size: small;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* TOPルール・結果ボタン*/
.cute-button:hover {
  background-color: #ff69b4; /* 濃いピンクに変化 */
  transform: scale(1.05);
}


.fancy-title {
      font-weight: bold;
      color: blue;
      font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', sans-serif;
      font-size: x-large;
      text-shadow:
        -2px -2px 0 white,
         2px -2px 0 white,
        -2px  2px 0 white,
         2px  2px 0 white,
         3px  3px 5px rgba(0, 0, 0, 0.5); 
    }


/* メニュー背景*/

#frame-card-30 {
  font-weight: bold; 
  background: linear-gradient(90deg, #ffc0cb, #ffd699, #c1f0c1, #a0e7ff, #c9b3ff);
  padding: 10px;
}




.medal table tr:nth-child(1) td:first-child::before {
  content: "🥇";
}

.medal table tr:nth-child(2) td:first-child::before {
  content: "🥈";
}

.medal table tr:nth-child(3) td:first-child::before {
  content: "🥉";
}


h3.accent-heading {
  position: relative;
  padding-left: 1em;
  color: #000000;           /* 青系の文字色 */
  font-weight: bolder;      /* より強い太字 */

}

h3.accent-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background-color:#236fa1;
}

h3{
  position: relative;
  padding-left: 1em;
  color: #000000;           /* 青系の文字色 */
  font-weight: bolder;      /* より強い太字 */

}

h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background-color:#236fa1;
}

@media print {
  /* 全体の余白を調整 */
  body {
    margin: 0;
    padding: 0;
    font-size: 12pt;
    color: #000;
    background: none;
  }

  /* 印刷不要な要素を非表示にする */
  header, footer, nav, aside, .no-print {
    display: none !important;
  }

  /* リンクのURLを表示する（必要に応じて） */
  a::after {
    content: " (" attr(href) ")";
    font-size: 10pt;
  }

  /* ページの幅に合わせて調整 */
  .container, .main-content {
    width: 100%;
    max-width: 100%;
  }

  /* 改ページの制御（必要に応じて） */
  .page-break {
    page-break-before: always;
  }

  /* 画像サイズの調整 */
  img {
    max-width: 100%;
    height: auto;
  }

  /* 表のスタイル調整 */
  table {
    width: 100%;
    border-collapse: collapse;
  }

  th, td {
    border: 1px solid #000;
    padding: 4px;
  }
}


#frame-63 .card-body {
  background-color: #e0f7fa; /* 薄い水色 */
}

#frame-62 .card-body {
  background-color: #fffdd0;
}

#frame-11 .card-body {
  background-color:#ffe4e1;
}