/* カスタムフォント mynewfont の定義 */
@font-face {
  font-family: 'mynewfont';
  src: url('https://cdn.shopify.com/s/files/1/0776/1379/3576/files/myfont-otf-th.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'mynewfont';
  src: url('https://cdn.shopify.com/s/files/1/0776/1379/3576/files/myfont-otf-rg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'mynewfont';
  src: url('https://cdn.shopify.com/s/files/1/0776/1379/3576/files/myfont-otf-bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'mynewfont';
  src: url('https://cdn.shopify.com/s/files/1/0776/1379/3576/files/myfont-otf-eb.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


* {
  font-family: "mynewfont", "Noto Sans JP", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
}

button {
  font-family: "mynewfont", "Noto Sans JP", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;
}

.content h2 {

  font-weight: 900!important;
}



h3 {  font-weight: 900!important;}


h1{
  font-weight: 900!important;

}


.hextra-toc a.active {
  color: #333333;
  font-weight: 900;
  background: #FDF6B2;
  padding: 0.5rem;
}


table {
  display: table !important;  /* ブロック表示の上書き */
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

th, td {
  text-align: center;
  padding: 8px;
  border: 1px solid #ccc;
  word-wrap: break-word;
}


.faq-block {
  margin-top: 2em;
  margin-bottom: 2em;
}

.faq-item {
  margin-bottom: 1.2em;
  background: #f9f9f9;
  border-left: 4px solid #0af;
  padding: 1em;
  border-radius: 8px;
}

.faq-question {
  font-weight: bold;
}

.faq-answer {
  margin-top: 0.5em;
}

hr {margin: 20px;
  color:#eee;}

/* スクロールオフセット - 見出しが固定ヘッダーの下に隠れないようにする */
html {
  scroll-padding-top: 80px; /* 固定ヘッダーの高さ + 余白 */
}

/* 動詞ページの見出しにスクロールオフセットを適用 */
#top,
#examples,
#conjugation-tables,
#quiz-section,
#detailed-article {
  scroll-margin-top: 80px; /* 固定ヘッダーの高さ + 余白 */
}

/* 例文セクションの最初のp要素のマージントップを0pxに設定 */
#examples > div > div:nth-child(1) > p {
  margin-top: 0px !important;
}