/* ＝＝＝文字コードの指定＝＝＝ */
@charset "UTF-8";

/* ************************************************************* */
/* -----色決め-------------------------------------------------- */
body,
a,
li,
p,
div,
/* h1, */
h2,
h3,
h4,
h5,
small {
  color: #ff6677;
}

body {
  background-color: #fff3f3;
  /* background-color: #f02a6c; */
}

/* .header {} */
.header-top {
  background-color: #ff6677;
}

/* カートボタン、ハンバーガーボタン */
.left-button,
.hamburger-button {
  background-color: #fca29d;
  color: #3d6015;
  color: #eeff79;
  color: #ff6677;
}

/* twitterボタン */
/* .left-button  {} */
/* .left-button a {} */
.left-button a:hover {
  color: #eeff79;

}

.left-button:hover {
  color: #eeff79;
  color: deepskyblue;
  background-color: #fca29d;

  /* background-color: #3f4f17; */
}

/* ハンバーガーボタン */
.hamburger-button:hover {
  color: #fded9f;
}

/* .hamburger-button:hover {} */
/* .header-container {} */
.hamburger-menu {
  background-color: #373751;
  border: 2rem solid #fbf7fc;
}

.main {
  background-color: #fffcfc;
  background-color: #fff3f3;
}

.h {
  overflow-x: auto;
  white-space: nowrap;
}
.h::-webkit-scrollbar {
  /* スクロールバーの非表示 */
  display: none;
}



/* パンくずリスト */
.breadcrumb-container {
  background-color: #dc1b59;
}
.breadcrumb {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.breadcrumb::-webkit-scrollbar {
  display: none;
}

.breadcrumb li a {
  color: #eeff79;
}




/*  */
.page {
  color: #dc1b59;
}

/* このページはアフィリ広告を含みます */
.caution p {
  color: #dc1b59;
}

/* .allquestion {} */
/* .question-container */
/* .box p {} */
/* .Question */
/* ruby */
/* rt */
/* .QuestionText_3rd */
.accordion-title {
  /* クリック部分 */
  background-color: #fb7181;
  border: 3px outset #f93e54;
}

.accordion-title:hover {
  border: 3px outset #eeff79;
  background-color: #ffe289;
  background-color: #fed976;
}

.accordion-title:hover p {
  color: rgba(153, 50, 204, 1);
  color: #dc1b59;
}

.accordion-title:hover small {
  color: rgba(153, 50, 204, 1);
  color: #dc1b59;
}


.answer {
  color: #ffd7e0;

}

.answer_small {
  color: #eeff79;

}

/* .answer_small:hover {} */
.accordion-content {
  /* background-color: #b41d4f; */
  /* background-color: #ee6384; */
  background-color: #fff0f3;
  text-align: center;
}

.answer-text {
  color: #f6abc8;
  color: #b41d4f;
  color: #ff6677;
  border-bottom: 2px solid #fff3e8;
}

/* ボタン */
.button-container {
  background-color: #b41d4f;
}

/* 次に進む 前に戻る */
.next-button,
.back-button {
  /* background-color: rgba(100, 148, 237, 0.669); */
  /* background-color: rgba(153, 50, 204, 0.65); */
  box-shadow: 1px 1px 1px 1px deeppink;
  /* 立体的に見せる */
  border: 4px outset #f24881;
}

/* .next-button a,
.back-button a {} */

.back-button {
  color: palegreen;
}
.next-button {
  color: #eeff79;
}

.next-button:hover,
.back-button:hover {
  color: #f6abc8;
}

/* アコーディオン2nd  ----------------------------------------------------------- */
/*  単語解説のアコーディオン */
/* 全体 */
.word-container {
  background-color: #ffe2ed;
}
/* タイトル部分全体 */
.word-accordion-title {
  border: 3px double #c7c7c7;
}
/* タイトル部分（左） */
.word-accordion-title p:nth-child(1) {
  background-color: #ffe2ed;
}
/* タイトル部分（右） */
.word-accordion-title p:nth-child(2) {
  background-color: #fff5f9;
}
/* アコーディオンのコンテンツ部分 */
.word-accordion-content {
  border: 1px solid #c7c7c7;
  background-color: #fff5f9;
}
.word-accordion-content a:hover {
  color: #eeff79;
  background-color: #dc1b59;
}


/* index目次 の アコーディオン */

.index-container {
  background-color: #ffe2ed;
}
/* タイトル部分全体 */
.index-accordion-title {
  border: 3px double #c7c7c7;
}
/* タイトル部分（左） */
.index-accordion-title p:nth-child(1) {
  background-color: #ffe2ed;
}
/* タイトル部分（右） */
.index-accordion-title p:nth-child(2) {
  background-color: #fff5f9;
}
/* アコーディオンのコンテンツ部分 */
.index-accordion-content {
  border: 1px solid #c7c7c7;
  background-color: #fff5f9;
}
.index-accordion-content a:hover {
  color: #eeff79;
  background-color: #dc1b59;
}
/* フッター */
.footer {
  padding-bottom: 6rem;
  background-color: blueviolet;
  background-color: darkmagenta;
  background-color: darkorchid;
  background-color: darkviolet;
  background-color: fuchsia;
  background-color: indigo;
  background-color: mediumorchid;
  background-color: mediumpurple;
  background-color: mediumslateblue;
  background-color: orchid;
  background-color: palevioletred;
  background-color: plum;
  background-color: purple;
  background-color: rebeccapurple;
  background-color: slateblue;
  background-color: thistle;
  background-color: violet;
  background-color: #ff6677;
}

.footer small {
  color: #fff3f3;
}

div.page-top {background-color: #f50561be;}
div.page-top a {color: #eeff79;}
/* button.page-top-button {} */




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
  /* font-family: 'Courier New', Courier, monospace; */
    /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    /* font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    /* font-family: 'Times New Roman', Times, serif; */
    /* font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
    /* font-family: Arial, Helvetica, sans-serif; */
    /* font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    /* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
    /* font-family: Verdana, Geneva, Tahoma, sans-serif; */

    /* 英語が手書きに近い書体(cursive) */
    /* font-family: cursive; */
    font-family: cursive, Arial, Helvetica, sans-serif;

    /* font-family: fantasy; */
    /* font-family: monospace; */
    /* font-family: sans-serif; */
   /* font-family: serif; */
    /* font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header img {
  padding-left: 1rem;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* idで移動問題が解決知ったら使用 */
/* ヘッダー固定用 */
/* main {padding-top: 5.5rem;} */
  /* .header-top {position: fixed;} */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header {
  max-width: 100%;
  line-height: 1;
}

.header-top {
  width: 100%;
  max-width: 100%;
  z-index: 1000;
  display: flex;
  /* justify-content: space-between; */
  justify-content: center;
  align-items: center;
  padding: .5rem .5rem .3rem;
}

/* カートボタン、ハンバーガーボタン */
.left-button,
.hamburger-button {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0.875rem;
  line-height: 0;
  border-radius: 50%;
}

/* twitterボタン */
.left-button {
  /* left: 0.937rem; */
  font-size: 1rem;
}

/* .left-button a {} */
/* .left-button a:hover {} */
/* .left-button:hover  {} */
/* ハンバーガーボタン */
.hamburger-button {
  font-size: 1.2rem;
}

/* .hamburger-button:hover {} */
.header-container {
  width: 100%;
  max-width: 100%;
}

/* ハンバーガーメニュー */
.hamburger-menu {
  position: fixed;
  top: 5.45rem;
  left: 0rem;
  z-index: 1000;
  width: 100%;
  height: calc(100vh - 5rem);
  opacity: .9;
  /* 右からスライドイン */
  transform: translateX(100%);
  /* 左からスライドイン */
  /* transform: translateX(-100%); */
  /* 上からスライドイン */
  /* transform: translateY(-100%); */
  /* 下からスライドイン */
  /* transform: translateY(100%); */
  transition: all 0.6s;
}

/* スライドイン後の位置の指定 */
.hamburger-menu-active {
  /* 左・右からスライドインさせる場合 */
  transform: translateX(0);
  /* 上・下からスライドインさせる場合 */
  /* transform: translateY(0); */
}

.hamburger-menu-list {
  width: 80%;
  padding: 0rem 10%;
  margin: 1.75rem auto;
  font-family: 'Noto Serif JP', serif;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  /* 表示設定 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.hamburger-menu-list li {
  margin-bottom: 0.625rem;
  padding: 1rem;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ランダム表示の問題全体の設定 */
/* .question-container {} */


/* 問題：〇✕△ */
.question-text-1st {
  font-weight: bold;
  padding: 2rem .5rem;
}

/* 問題文２の設定 */
.question-text-2nd {
  font-size: 2rem;
  text-align: center;
  padding-bottom: 2rem;
}

/* ここからアコーディオン */
.accordion-title {
  /* クリック部分 */
  cursor: pointer;
  width: 100%;
  padding: 1rem 0rem;
  text-align: center;
  /* border: 2px outset rgba(100, 148, 237, 0.669); */
  /* border: 2px outset darkorchid; */

}

/* .accordion-title:hover {} */

/* 出現した答え全体設定 */
.accordion-content {
  /* 初期状態は非表示 */
  /* ＊重要＊ */
  display: none;
  /* background-color: rgba(100, 148, 237, 0.07); */
}

/* 下記のクラスをHTMLに追加で初期表示 */
.accordion-content-active {
  display: block;
}

/* 🐱🐱🐱 問題のエリア 🐱🐱🐱 */
/* ------    基本設定    ------- */
.Question {
  /* 問題： */
  font-weight: bold;
  padding: 1rem;
}

/* 問題文 */
.QuestionText,
.QuestionText_3rd {
  font-size: 2rem;
  /* font-weight: bold; */
  text-align: center;
  letter-spacing: .25rem;
  padding: 1rem;
  /* padding-left: 2rem; */
}

.answer-text {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 4rem 0rem 2rem;
  /* text-decoration: underline; */
}

/* 広告１------------------------------------------------------- */
.Ab-title {
  background-color: #b41d4f;
  font-family:'Trebuchet MS';
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1rem;
}
.Cm {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.Cm::-webkit-scrollbar {
  /* スクロールバーの非表示 */
  display: none;
}


/*------------------------------------------------------- */





/* ************************************************************* */
/* ボタン */
.button-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: .2rem;
}

/* 次に進む 前に戻る */
.next-button,
.back-button {
  padding: 1.5rem;
  /* box-shadow: 2px 2px 2px 2px deeppink; */
  /* 立体的に見せる */
  text-wrap: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;

}

/* .next-button a,
.back-button a {
} */

.back-button {
  width: 20%;
}

.next-button {
  width: 80%;
}

/* .next-button a:hover {} */
/* .back-button a:hover {} */


/* ワードアコーディオン+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.word-container {
  margin-bottom: 2rem;
}
/* アコーディオンタイトル全体 */
.word-accordion-title {
  cursor: pointer;
  display: flex;
  /* align-items: center; */
  border: 3px double #dc1b59;
}
.word-accordion-title p:nth-child(1) {
  /* 高さ、幅 */
  width: 25%;
  height:auto;/* 重要 */
  /* 枠線 */
  border-right: 3px double #dc1b59;
  /* 文字の中央揃え */
  display: flex;
  align-items: center;
  /* 文字の設定 */
  font-weight: bold;

}
.word-accordion-title p:nth-child(2) {
  width: calc(75% + 3px);
  height: auto;/* 重要 */
  font-weight: bold;
  /* border-left: 3px double #dc1b59; */
}

/* アコーディオンのコンテンツ部分--------------------------------------------------- */
.word-accordion-content {
  display: none;
  /* 初期状態は非表示 */
  border: 1px solid #c7c7c7;

}

.word-accordion-content a:hover {
  border-radius: .5rem;
  padding: .2rem;
  font-weight: bold;
  font-size: 1.2rem;
}
/* .word-accordion-content:last-child {} */




/* /////// English_index.html ////////////////////////////////////////////////// */
/* インデックスアコーディオン */

/* eiken_index.html  */

.index-container {
  margin: 2rem 0;
}
.index-accordion-title {
  cursor: pointer;
  display: flex;
  align-items: center;
  /* border: 2px solid #f24881; */
  border: 3px double #c7c7c7;
}
.index-accordion-title p:nth-child(1) {
  width: 25%;
  font-weight: bold;
}
.index-accordion-title p:nth-child(2) {
  width: calc(75% + 3px);
  font-weight: bold;
  border-left: 3px double #c7c7c7;
  overflow-x: auto;
  white-space: nowrap;
}
.index-accordion-title p:nth-child(2)::-webkit-scrollbar {
  display: none;
}
/* アコーディオンのコンテンツ部分 */
.index-accordion-content {
  /* 初期状態は表示中 */
  /* display: none; */
  border: 1px solid #c7c7c7;
}
.index-accordion-list {
  overflow-x: auto;
  white-space: nowrap;
  padding-left: .5rem;
}
.index-accordion-list::-webkit-scrollbar {
  display: none;
}

.index-accordion-content a:hover {
  border-radius: .5rem;
  padding: .2rem;
  font-weight: bold;
  font-size: 1.2rem;
}
/* .index-accordion-content:last-child {} */


/* -----ページトップに戻るボタン --------------------------------- */
div.page-top {
  position: fixed;
  bottom: 6rem;
  right: .5rem;
  width: 3rem;
  height: 3rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
}
/* button.page-top-button {} */


/* 参照・参考 ++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.reference-container h2 {
  width: 100%;
  font-size: .9rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: .2rem;
  background-color: #f6abc8;
  background-color: #faceda;
}
.reference li {
  font-size: .7rem;
}