@charset "utf-8";
/* CSS Document */
body {
   background-color: #19448e;
   font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
footer {
   color: #FFFFFF;
   text-align: center;
   padding: 1rem 0rem;
   margin-bottom: 100px;
}
.reference {
   display: none;
}
.bg-BlueGreen {
   background-color: #669999;
}
.SummaryTitle {
   background-color: #669999;
   margin-bottom: 2rem;
   padding: 13px 18px;
}
.EachIssue {
   text-indent: 0 !important;
   border-bottom: 1px solid #267BFF;
   padding-bottom: 0.6rem;
   margin-bottom: 0.6rem !important;
}
@media (min-width: 768px) {
   .SummaryTitle {
      width: 50%;
   }
   .EachIssue {
      font-size: 1.8rem;
   }
}
.FtrO {
   background-color: #192f60;
   padding: 1rem 0rem;
}
.font-M {
   font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.font-G {
   font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
main {
   background-color: #f8fbf8;
   padding: 1rem;
   margin: 1rem 0rem 0rem 0rem;
}
main p {
   font-size: 1.3rem;
   font-weight: 600;
   line-height: 2.1rem;
   text-align: justify;
}
main li img:hover {
   filter: hue-rotate(129deg) invert(6%) saturate(300%);
}
.ChName {
   text-align: center;
   font-size: 200%;
}
.ChName2 p {
   text-align: center;
   font-size: 140%;
   line-height: 2.1rem;
   margin-top: 1rem;
   padding-left: 0rem;
}
.ChLis {
   padding: 0;
   font-size: 1.4rem;
   font-weight: 600;
   line-height: 2.1rem;
   list-style: none;
}
.ChLis li {
   margin-top: 1rem;
   padding-bottom: 1rem;
   border-bottom: solid 1px #000000;
   color: #19448E;
}
.ChLis li:last-child {
   border-bottom: none;
}
.Jtit {
   font-size: 1.5rem;
   display: block;
   margin-top: 1rem;
}
.Jtit a {
   color: #000000 !important;
}
.Jtit2 {
   font-size: 1.7rem;
   display: block;
   margin-top: 0.5rem;
   margin-left: 0rem;
}
.Jtit2 a {
   color: #0752AC !important;
   font-weight: bold;
}
@media (min-width: 768px) {
   .Jtit2 {
      font-size: 1.7rem;
      display: block;
      margin-top: 0.5rem;
      margin-left: 2rem;
   }
}
.FootNav {
   padding: 5px 5px;
   font-size: 0.8rem;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif !important;
   background-color: #ccc9be;
   font-weight: 600;
   margin: 0rem 0rem 1rem 0rem;
   text-align: center;
}
.FootNav li {
   color: #192F60 !important;
   list-style: none;
   display: inline;
}
.FootNav li::after {
   content: "｜";
}
.FootNav li:last-child::after {
   content: none;
}
.FootNav li a {
   color: #192F60 !important;
}
.indent {
   padding-left: 2.4rem;
   text-indent: -2.4rem;
}
.Noindent {
   text-indent: -0.1rem !important;
}
.Noindent2 {
   text-indent: 0rem !important;
}
.Noindent3 {
   text-indent: -0.7rem !important;
}
#JIYU-text p {
   text-indent: 1.2rem;
   margin: 0px;
   line-height: 2.3rem;
}
#atoArea p {
   text-indent: 1.2rem;
   margin: 0px;
   line-height: 2.3rem;
}
.JIYU-h2 {
   color: #FFFFFF;
   text-align: center;
   margin-top: 1rem;
}
.JIYU-Tit {
   font-weight: 600;
   font-size: 1.3rem;
   line-height: 2.1rem;
   text-align: justify;
}
.JIYU-bL {
   padding-top: 1.2rem;
}
.Slash {
   border-left: solid 6px #9A002B;
   margin-left: 0.3rem;
   margin-right: 0.3rem;
}
.Slash:first-child {
   margin-left: 0rem;
}
.Index {
   list-style: none;
   text-align: center;
   padding: 0px;
}
.Index li {
   margin-bottom: 10px;
}
.sonomama {
   white-space: pre;
}
.sonomama p {
   margin: 0;
   padding: 0;
   font-size: 1.25rem;
}
.shashinnosetumei {
   color: #19448e;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif !important;
   text-indent: 0rem !important;
   font-size: 1rem;
   line-height: 1.4rem !important;
   text-align: justify;
}
@media (min-width: 375px) {}
@media (min-width: 576px) {
   main {
      padding: 3rem;
   }
   .ChName {
      text-align: left;
      font-size: 280%;
   }
   .ChName2 p {
      text-align: left;
      font-size: 180%;
      line-height: 2.5rem;
      padding-left: 2rem;
   }
   .FootNav {
      font-size: 1.2rem;
   }
}
@media (min-width: 768px) {
   .JIYU-h2 {
      font-size: 300%;
      text-align: left;
      margin-top: 1rem;
   }
   .JIYU-bR {
      border-top: 1px solid #000000;
      border-right: 1px solid #000000;
      border-bottom: 1px solid #000000;
   }
   .JIYU-bL {
      border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-bottom: 1px solid #000000;
      padding-top: 0rem;
   }
   .JIYU-Tit {
      font-size: 1.5rem;
      line-height: 1.6em;
   }
   .Slash {
      border-left: none;
      margin-left: 0rem;
      margin-right: 0rem;
   }
}
@media (min-width: 992px) {
   .COL2 {
      column-count: 2;
      column-gap: 3em;
   }
   .JIYU-Tit {
      font-size: 1.9rem;
      line-height: 1.6em;
   }
}
@media (min-width: 1200px) {
   .JIYU-Tit {
      font-size: 2.34rem;
      line-height: 1.6em;
   }
}
.Db {
   display: none;
}
.custom-hr {
   width: 100%;
   border-bottom: 1px solid #000000;
}
.author {
   width: 100%;
   margin-top: 60px !important;
}
.author p {
   text-align: right;
   font-size: 1.5em;
   margin-top: 15px !important;
}
@media (min-width: 992px) {
   .author {
      width: 95%;
   }
}
.S201 {
   display: block;
   position: fixed;
   bottom: 0%;
   right: 0;
   background-color: #669999;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   font-size: 1rem;
   padding: 10px 0px 10px 0px;
   font-weight: bold;
   width: 100%;
   z-index: 10000;
}
.S201 img {
   width: 176px;
   display: flex;
   margin: 0 auto;
}
.S201 ul {
   padding: 10px 0px 0px 0px;
   margin: 0px;
   text-align: center;
}
.S201 ul li {
   list-style: none;
   margin-bottom: 1px;
   display: inline-block;
}
.S201 ul li::before {
   content: "";
}
.S201 ul li:last-child {
   margin-bottom: 0px;
}
.S201 a {
   color: #000000 !important;
}
@media (min-width: 576px) {
   .S201 img {
      width: 220px;
      display: flex;
      margin: 0 auto;
   }
}
@media (min-width: 768px) {
   .S201 img {
      width: 180px;
      display: flex;
      margin: 0 auto;
   }
}
@media (min-width: 1200px) {
   .S201 {
      display: block;
      position: fixed;
      bottom: 0%;
      right: 0;
      background-color: #669999;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      font-size: 1.3rem;
      padding: 10px 0px 10px 0px;
      font-weight: bold;
      width: 100%;
      z-index: 10000;
   }
   .S201 ul {
      padding: 3px 0px 0px 0px;
      margin: 0px;
      text-align: center;
   }
   .S201 ul li {
      list-style: none;
      margin-bottom: 1px;
      display: inline-block;
   }
   .S201 ul li::before {
      content: "";
   }
   .S201 ul li:last-child {
      margin-bottom: 0px;
   }
   .S201 a {
      color: #000000 !important;
   }
}
@media (min-width: 1600px) {
   .S201 {
      bottom: 40%;
      right: 0;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      font-size: 1.4rem;
      padding: 10px;
      width: auto;
   }
   .S201 ul {
      padding: 10px 0px 0px 0px;
      text-align: left;
   }
   .S201 ul li {
      margin-bottom: 5px;
      display: list-item;
   }
   .S201 ul li::before {
      content: "";
   }
}
.SiteNo3 {
   background-color: #19448E;
   padding: 20px 0px 20px 0px !important;
   margin: 0px !important;
}
@media (min-width: 768px) {
   .SiteNo3 img {
      width: 80%;
   }
}
@media (min-width: 992px) {
   .SiteNo3 img {
      width: 70%;
   }
}
@media (min-width: 1200px) {
   .SiteNo3 img {
      width: 60%;
   }
}
#navLinks {
   border-top: solid 1px #000000;
   margin-top: 10px;
   padding-top: 5px;
   text-align: center;
   font-size: 1.5rem;
   font-weight: bold;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif !important;
}
#navLinks2 {
   border-top: solid 1px #000000;
   margin-top: 10px;
   padding-top: 10px;
   text-align: center;
   font-size: 1.2rem;
}
#navLinks3 {
   color: #ffffff !important;
   margin-top: 10px;
   margin-bottom: 50px;
   padding: 10px;
   text-align: center;
   font-size: 1.3rem;
   font-weight: bold;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif !important;
   background-color: #669999;
}
#navLinks3 img {
   max-width: 380px;
   width: 100%;
   height: auto;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: solid 1px #FFFFFF;
}
#navLinks3 a {
   color: #ffffff !important;
}
rt {
   font-size: 0.8rem !important;
   font-weight: bold !important;
}
.sanSage {
   text-indent: -4rem !important;
   padding-left: 4rem !important;
}
.sanSage2 {
   text-indent: -2.5rem !important;
   padding-left: 4rem !important;
}
.sanSage3 {
   text-indent: 0rem !important;
   padding-left: 4rem !important;
}
.sanSage4 {
   text-indent: -2.8rem !important;
   padding-left: 4rem !important;
}
.sanSage5 {
   text-indent: -1.4rem !important;
   padding-left: 2.6rem !important;
}
.sanSage6 {
   text-indent: -1.4rem !important;
   padding-left: 1.3rem !important;
}
.sanSage7 {
   text-indent: 1.3rem !important;
   padding-left: 1.3rem !important;
}
.sanSage8 {
   text-indent: -2.7rem !important;
   padding-left: 4.2rem !important;
}
.sanSage9 {
   text-indent: -2.7rem !important;
   padding-left: 2.9rem !important;
}
.SPcenter {
   display: inline-block;
   width: 90%;
   text-align: center;
}
.SPright {
   width: 100%;
   text-align: right;
}
.SPright2 {}
.SPrightInSpan {}
@media (min-width: 768px) {
   .SPright {
      width: 100%;
      text-align: right;
      margin-top: -2.25rem !important;
      padding-right: 2rem;
   }
   .SPright2 {
      width: 100%;
      text-align: right;
      margin-top: -2.25rem !important;
   }
   .SPrightInSpan {
      display: block;
      width: 100%;
      text-align: right;
      margin-top: -1.7rem !important;
   }
}
/*----外字-----------------------------------------------*/
.gaiji001 img {
   display: inline-block;
   width: 3.9rem;
   height: 1.3rem;
   margin-bottom: 6px;
}
.gaiji002 img {
   display: inline-block;
   width: 1.3rem;
   height: 1.3rem;
   margin-bottom: 6px;
}
.gaiji002t img {
   display: inline-block;
   width: 1.4rem;
   height: 1.4rem;
   margin-bottom: 6px;
}
.gaiji002t2 img {
   display: inline-block;
   width: 1.3rem;
   height: 1.3rem;
   margin-bottom: 6px;
}
@media (min-width: 768px) {
   .gaiji002t2 img {
      width: 1.4rem;
      height: 1.4rem;
      margin-bottom: 4px;
   }
}
@media (min-width: 992px) {
   .gaiji002t2 img {
      width: 1.7rem;
      height: 1.7rem;
      margin-bottom: 5px;
   }
}
@media (min-width: 1200px) {
   .gaiji002t2 img {
      width: 2rem;
      height: 2rem;
      margin-bottom: 7px;
   }
}
.gaiji003 img {
   display: inline-block;
   width: 1.75rem;
   height: 1.75rem;
   margin-bottom: 6px;
}
.gaiji004 img {
   display: inline-block;
   width: 1.45rem;
   height: 1.45rem;
   margin-bottom: 6px;
}
.gaiji005 img {
   display: inline-block;
   width: 2.6rem;
   height: 1.3rem;
   margin-bottom: 6px;
}
.gaiji006 img {
   display: inline-block;
   width: 1.1rem;
   height: 1.1rem;
   margin-bottom: 4px;
}
.gaijiIMG {
   position: relative;
   display: inline-block;
}
.gaijiIMG img {
   display: inline-block;
   width: 1.3rem;
   height: 1.3rem;
   margin-bottom: 6px;
}
.gaijiIMG .ruby {
   position: absolute;
   top: -1.3em; /* 文字の上に配置するための調整 */
   left: 50%;
   transform: translateX(-50%) translateY(-1px); /* X軸で中央に配置し、Y軸で画像との間隔を5px空ける */
   font-size: 0.65em; /* ルビのサイズを調整（必要に応じて変更） */
   white-space: nowrap;
   text-align: center;
}
.gaijiIMG2 {
   position: relative;
   display: inline-block;
   margin-left: -0.8em;
}
.gaijiIMG2 img {
   display: inline-block;
   width: 1.3rem;
   height: 1.3rem;
   margin-bottom: 6px;
}
.gaijiIMG2 .ruby {
   position: absolute;
   top: -1.3em; /* 文字の上に配置するための調整 */
   left: 50%;
   transform: translateX(-50%) translateY(-1px); /* X軸で中央に配置し、Y軸で画像との間隔を5px空ける */
   font-size: 0.65em; /* ルビのサイズを調整（必要に応じて変更） */
   white-space: nowrap;
   text-align: center;
}
/*----章末号末尾につける「次の章へ」-----------------------------------------------*/
.Gonxt img {
   display: inline-block;
   width: 6.5rem;
   margin: 10px 0px 10px 0px;
}
/*----【通解】の装飾-----------------------------------------------*/
.Tsukai {
   font-size: 1.1rem !important;
   font-weight: bold;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif !important;
   text-indent: -0.1rem !important;
   line-height: 1.7rem !important;
   margin-top: 0.5rem !important;
   margin-bottom: 1.3rem !important;
}
/*---- 印刷設定 -----------------------------------------------*/
@media print {
   .S201 {
      display: none;
   }
   #navLinks, #navLinks2, #navLinks3 {
      display: none;
   }
   .COL2 {
      column-count: 2;
      column-gap: 2em;
   }
   @page {
      margin: 5mm;
   }
   body {
      margin: 0;
      padding: 0;
   }
}