@charset "UTF-8";
/* フォントサイズ
font-size: rem(16);*/
@import url(base.css);
/*--------------------------------------------------------------------*/
/*第二階層 共通*/
/*--------------------------------------------------------------------*/
/*関連リンク*/
.related-link {
  border: 1px solid #C99792; }
  .related-link table th,
  .related-link table td {
    text-align: left; }

/*参考文献*/
#reference table {
  width: 45%; }
  #reference table td {
    text-align: left;
    vertical-align: middle; }
    #reference table td:nth-child(1), #reference table td:nth-child(3) {
      width: 42px; }

.reference-box-l {
  margin: 20px 0 0 0;
  padding: 15px 20px;
  border: 1px dashed #999;
  background-color: #FFF;
  clear: both; }

.reference-box-sl {
  padding: 10px;
  border: 1px dashed #999;
  background-color: #FFF; }

.reference-box-sr {
  padding: 10px;
  border: 1px dashed #999;
  background-color: #FFF; }

.reference-title {
  font-weight: bold; }

/*注釈用*/
div.tooltip {
  background: #EEE;
  padding: 5px;
  border: 1px solid #AAA; }
  div.tooltip p {
    color: #FFF;
    background: #222;
    padding: 5px 10px; }

/*注釈 印刷用*/
.annotation-print {
  border: 1px dashed #00F;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.5;
  display: none; }

.annotation-print table td {
  line-height: 1.5; }

/*--------------------------------------------------------------------*/
/*はじめの一歩*/
/*--------------------------------------------------------------------*/
#first-area {
  background: url(../first/img/bgi_title_first.jpg) no-repeat top left; }
  #first-area h2 {
    padding: 15px 0 30px 0; }
  #first-area .books-box {
    background-color: #FFFFEC; }

#first-coment-area {
  padding: 15px 0 30px 0; }

.books-box h3 {
  background: url(../first/img/icon_title_first.gif) no-repeat 0 0;
  padding: 3px 0 18px 80px;
  margin: 0 0 15px 0;
  font-size: 1.125rem; }
.books-box .book-reference {
  padding: 5px 10px;
  border: 1px dashed #000; }

.books-box-end {
  margin: 0 auto; }

#contents-link span {
  padding: 0 10px;
  font-size: 1.0625rem;
  font-weight: normal; }

/*--------------------------------------------------------------------*/
/*史料入門*/
/*--------------------------------------------------------------------*/
#guide-area h2 {
  padding: 15px 0 30px 0; }
#guide-area .guide-box-area {
  background-color: #FFFFEC; }

#guide-coment-area {
  padding: 15px 0 30px 0; }

.guide-box h3 {
  background: url(../guide/img/icon_title_guide.gif) no-repeat 0 0;
  padding: 5px 0 18px 70px;
  margin: 0 0 15px 0;
  font-size: 1.125rem; }
.guide-box .guide-img-r p {
  font-size: 0.6875rem;
  line-height: 1.5; }
.guide-box .guide-img-l p {
  font-size: 0.6875rem;
  line-height: 1.5; }
.guide-box ul {
  margin-left: 15px; }
  .guide-box ul li {
    list-style: disc; }

.guide-box-end {
  margin-bottom: 20px; }

.guide-text-r .guide-reference-red {
  margin: 20px 0 0 0;
  padding: 5px 10px;
  border: 1px dashed #ff0000; }

/*--------------------------------------------------------------------*/
/*史料編*/
/*--------------------------------------------------------------------*/
/*一覧*/
#archive-area {
  background: url(../archive/img/bgi_title_archive.jpg) no-repeat top right; }
  #archive-area h2 {
    /*padding:33px 0 10px 0;*/
    padding: 15px 0 30px 0; }

/*詳細*/
#archive-detail-area {
  background: url(../archive/img/bgi_title_archive_detail.jpg) no-repeat top right; }

#archive-contents-img p {
  font-size: 0.6875rem;
  line-height: 1.8;
  padding: 5px 0 0 0; }

#archive-contents-additional table {
  width: 100%; }
  #archive-contents-additional table td {
    padding-bottom: 10px;
    vertical-align: middle; }
    #archive-contents-additional table td:nth-child(1) {
      width: 58px; }

#archive-contents-text {
  margin: 15px 0 0 15px; }

#archive-contents {
  background: url(../img/common/bgi_book.jpg) repeat-y top right; }

.archive-account {
  background-color: #FFF;
  padding: 32px 20px 16px 20px; }

.archive-subtitle h3 {
  padding-bottom: 10px;
  font-size: 1.25rem; }

.archive-subtitle h4 {
  padding-bottom: 10px;
  font-size: 1.25rem; }

/*--------------------------------------------------------------------*/
/*人物編*/
/*--------------------------------------------------------------------*/
/*一覧*/
#person-menu-area h3 {
  margin-bottom: 10px; }
#person-menu-area ul {
  display: flex;
  flex-wrap: wrap; }

.person-menu-box_02 {
  background: url(../person/img/bgi_hune-gizidou.gif) no-repeat top left; }

/*--------------------------------*/
#person-img-text table {
  width: 100%; }
  #person-img-text table td.person-text {
    vertical-align: top;
    padding-left: 20px;
    line-height: 1.5; }
  #person-img-text table td.person-caption {
    vertical-align: top;
    padding: 5px 0 0 0;
    text-align: left;
    font-size: 0.75rem;
    line-height: 1.5; }

#person-contents-text {
  margin: 15px 0 0 15px; }

#person-contents {
  background: url(../img/common/bgi_book.jpg) repeat-y top right; }

.person-account {
  background-color: #FFF;
  padding: 32px 20px 16px 20px; }

.person-subtitle h3 {
  padding-bottom: 10px;
  font-size: 1.25rem; }

.person-subtitle h4 {
  padding-bottom: 10px;
  font-size: 1.25rem; }

/*--------------------------------------------------------------------*/
/*テーマ解説*/
/*--------------------------------------------------------------------*/
/*一覧*/
.theme-menu-box ul {
  display: flex;
  flex-wrap: wrap; }

#theme-area h2 {
  padding: 15px 0 30px 0; }

#theme-contents .theme-r p {
  line-height: 1.2;
  margin-top: 5px; }
#theme-contents .number {
  display: flex;
  justify-content: center;
  gap: 10px; }
  #theme-contents .number li {
    background: #745399;
    color: #fff;
    opacity: 0.75;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    width: 1.5em;
    height: 1.5rem;
    justify-items: center;
    align-items: center;
    line-height: 1;
    border-radius: 5px;
    cursor: pointer;
    padding: 3px 5px;
    font-family: "Times New Roman", Times, "serif"; }
    #theme-contents .number li.slick-active {
      opacity: 1; }

/*--------------------------------------------------------------------*/
/*錦絵ギャラリー*/
/*--------------------------------------------------------------------*/
#gallery-contents h2 {
  font-size: 1.4375rem; }
#gallery-contents .gallery-r {
  padding: 2em 10px 0; }
  #gallery-contents .gallery-r img {
    display: block;
    margin: auto; }
  #gallery-contents .gallery-r p {
    line-height: 1.2; }

.slide-navigation li {
  display: inline-block;
  margin: 0 0.5rem 10px 0; }
.slide-navigation .item {
  cursor: pointer; }
.slide-navigation img {
  opacity: 0.5; }
.slide-navigation .slick-current img {
  opacity: 1 !important; }
.slide-navigation .slick-track {
  transform: unset !important;
  width: 100% !important;
  display: block; }
  .slide-navigation .slick-track:before {
    display: none; }
  .slide-navigation .slick-track:after {
    display: none; }
.slide-navigation .slick-slide {
  display: inline-block !important;
  float: none !important;
  width: auto !important; }

/*--------------------------------------------------------------------*/
/*筆跡当てクイズ*/
/*--------------------------------------------------------------------*/
#quiz-area h2 {
  padding: 15px 0 10px 0; }

#quiz-contents-area {
  background: url(../quiz/img/bgi_quiz.png) no-repeat top left; }

/*--- 回答ポップアップ ---*/
#quiz-answer-container {
  padding-top: 20px; }

#quiz-answer {
  margin: 0 auto 20px auto; }
  #quiz-answer table {
    width: 100%; }
    #quiz-answer table td {
      vertical-align: top;
      text-align: center;
      padding-top: 10px; }
      #quiz-answer table td.font-neme {
        vertical-align: top;
        text-align: center;
        padding-top: 10px;
        font-size: 1.0625rem; }
      #quiz-answer table td.font-caption {
        vertical-align: top;
        text-align: center;
        padding-top: 10px;
        font-size: 0.75rem; }

#quiz-answer-report {
  padding: 15px;
  border: 2px solid #745399; }

#quiz-answer-close {
  text-align: center; }

/*--------------------------------------------------------------------*/
/*索引*/
/*--------------------------------------------------------------------*/
#subject-area {
  background: url(../subject/img/bgi_title_subject.jpg) no-repeat top right; }
  #subject-area h2 {
    padding: 15px 0 50px 0; }

#subject-pagemap {
  margin: 0px 0 45px 15px;
  border: 2px solid #745399;
  padding: 10px 30px;
  clear: both;
  background-color: #FFF; }
  #subject-pagemap ul {
    clear: both;
    margin-bottom: 35px; }
    #subject-pagemap ul li {
      width: 80px;
      float: left;
      background: url(../img/common/dec_arrow_down.gif) no-repeat 0 8px;
      padding: 0 0 0 25px; }

.subject-box h3 {
  padding-bottom: 10px;
  font-size: 1.25rem; }
.subject-box h4 {
  font-size: 1.125rem;
  text-align: center; }
.subject-box table {
  width: 100%;
  border-collapse: collapse; }
  .subject-box table td,
  .subject-box table th {
    border: 1px solid #333;
    padding: 5px; }
  .subject-box table thead th {
    background-color: #745399;
    color: #FFF;
    padding: 10px 5px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5; }
  .subject-box table tbody td {
    text-align: left;
    vertical-align: top; }
  .subject-box table tbody th.chr-b-thright {
    background-color: #745399;
    color: #FFF;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0;
    margin: 0;
    text-align: center; }
  .subject-box table tbody td.chr-b-tdright {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 8px 5px;
    margin: 0;
    text-align: left; }

/*--------------------------------------------------------------------*/
/*年表*/
/*--------------------------------------------------------------------*/
#chronology-area {
  background: url(../chronology/img/bgi_title_chronology.jpg) no-repeat top right; }
  #chronology-area h2 {
    padding: 15px 0 50px 0; }

#chronology-pagemap {
  margin: 0px 0 45px 15px;
  border: 2px solid #745399;
  padding: 10px 30px;
  clear: both;
  background-color: #FFF; }
  #chronology-pagemap ul li {
    background: url(../img/common/dec_arrow_down.gif) no-repeat 0 8px;
    padding: 0 0 0 25px; }

.chronology-box h3 {
  padding-bottom: 10px;
  font-size: 1.25rem; }
.chronology-box table {
  width: 100%; }
  .chronology-box table thead th {
    background-color: #745399;
    color: #FFF;
    padding: 10px 5px;
    text-align: center; }
  .chronology-box table tbody th {
    padding: 5px;
    font-weight: normal; }
  .chronology-box table th {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333; }
  .chronology-box table td {
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 5px;
    text-align: left; }
    .chronology-box table td.chr-b-tdright {
      border-right: 1px solid #333;
      border-bottom: 1px solid #333;
      padding: 8px 5px;
      margin: 0;
      text-align: left; }
  .chronology-box table th.chr-b-thright {
    background-color: #745399;
    color: #FFF;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0;
    margin: 0;
    text-align: center; }

/* 中央寄せ */
.pst-center td {
  text-align: center; }

/*--------------------------------------------------------------------*/
/*サイトマップ*/
/*--------------------------------------------------------------------*/
#sitemap-area h2 {
  padding: 15px 0 30px 0; }

.sitemap-lineup-area ul li {
  background: url(../sitemap/img/dec_arrow_right.gif) no-repeat 0 5px;
  padding: 0 0 15px 20px;
  font-size: 0.9375rem; }

.sitemap-lineup-sub-area {
  padding: 10px 32px 20px 0px;
  clear: both; }
  .sitemap-lineup-sub-area ul li {
    font-size: 0.75rem;
    background: url(../sitemap/img/dec_arrow_right_sub.gif) no-repeat 0 5px;
    padding: 0 0 10px 20px; }

/*--------------------------------------------------------------------*/
/*ご利用について*/
/*--------------------------------------------------------------------*/
#policy-area h2 {
  padding: 15px 0 30px 0; }

.policy-contents {
  padding: 10px 0 30px 15px; }

.policy-subtitle h3 {
  padding-bottom: 10px;
  font-size: 1.25rem; }

.policy-contents-text {
  padding: 0 0 0 40px; }
  .policy-contents-text ul li {
    list-style: disc; }
  .policy-contents-text dl {
    padding: 15px 0 5px 0; }
  .policy-contents-text dt {
    font-weight: bold; }
  .policy-contents-text dd {
    padding: 0 0 15px 25px; }
    .policy-contents-text dd ul.lis-alpha {
      padding: 0 0 0 15px; }
      .policy-contents-text dd ul.lis-alpha li {
        list-style: lower-alpha;
        padding: 0 0 8px 3px; }
    .policy-contents-text dd ul.lis-disc {
      padding: 0 0 0 15px; }
      .policy-contents-text dd ul.lis-disc li {
        list-style: disc;
        padding: 0 0 8px 0; }
  .policy-contents-text span {
    background: url(../sitemap/img/dec_arrow_right.gif) no-repeat 0 5px;
    padding: 0 0 15px 20px;
    font-size: 1.0625rem; }

.reference-box-icon {
  width: 62px;
  height: 50px;
  float: left; }

.related-link table {
  width: 100%; }
  .related-link table td:nth-child(1):not([style]) {
    width: 9em; }
  .related-link table td:nth-child(2) {
    width: 1.5rem; }

/*************************************************
PC・タブレット向け
***************************************************/
@media (min-width: 681px) {
  /*--------------------------------------------------------------------*/
  /*第二階層 共通*/
  /*--------------------------------------------------------------------*/
  .related-link {
    width: 780px;
    padding: 15px 20px; }

  /*参考文献*/
  #reference {
    width: 980px;
    padding: 30px 0 0 15px; }

  .reference-box-l {
    width: 940px; }

  /*--------------------------------------------------------------------*/
  /*ご利用について*/
  /*--------------------------------------------------------------------*/
  #policy-area {
    width: 1000px; }

  .reference-box {
    width: 970px;
    clear: both; }

  .reference-box-sl {
    width: 435px;
    float: left;
    margin: 20px 0 0 0; }

  .reference-box-sr {
    width: 435px;
    float: left;
    margin: 20px 0 0 15px; }

  .reference-box-text {
    width: 870px;
    float: left; }

  .reference-box-text-small {
    width: 415px;
    float: left; }

  /*注釈用*/
  .annotation {
    display: none;
    position: absolute;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

  .notes {
    position: relative; }

  /*注釈 印刷用*/
  .annotation-print {
    width: 650px; }

  .fancybox-slide--iframe .fancybox-content {
    width: 560px;
    height: 600px;
    max-width: 50%;
    max-height: 80%;
    margin: 0;
    background: #191919; }

  /*--------------------------------------------------------------------*/
  /*はじめの一歩*/
  /*--------------------------------------------------------------------*/
  #first-area {
    width: 1000px;
    margin-bottom: 30px; }
    #first-area .books-box {
      margin: 15px auto 0 auto;
      width: 928px;
      padding: 15px 20px 0 20px;
      border-top: 1px solid #2E2930;
      border-right: 1px solid #2E2930;
      border-left: 1px solid #2E2930;
      clear: both; }
      #first-area .books-box .book-img {
        float: left;
        width: 148px;
        padding-right: 20px; }
      #first-area .books-box .book-text {
        float: right;
        width: 750px;
        line-height: 1.8; }
        #first-area .books-box .book-text .book-reference {
          width: 600px;
          margin: 40px 0 0 0; }

  .books-box-end {
    width: 970px;
    margin-bottom: 50px; }

  #contents-link {
    margin: 15px auto 0 auto;
    width: 970px;
    font-size: 0.9375rem;
    line-height: 1.8;
    clear: both; }

  /*--------------------------------------------------------------------*/
  /*史料入門*/
  /*--------------------------------------------------------------------*/
  #guide-area {
    width: 1000px;
    margin-bottom: 30px;
    background: url(../guide/img/bgi_title_guide.jpg) no-repeat top left; }
    #guide-area .guide-box-area {
      margin: 15px auto 0 auto;
      width: 928px;
      padding: 15px 20px 0 20px;
      border-top: 1px solid #2E2930;
      border-right: 1px solid #2E2930;
      border-left: 1px solid #2E2930;
      background-color: #FFFFEC;
      clear: both; }

  .guide-box {
    padding: 0 0 50px 0; }
    .guide-box .guide-img-r {
      float: right;
      width: 250px;
      padding-left: 40px; }
    .guide-box .guide-text-l {
      float: left;
      width: 635px;
      line-height: 1.8; }
    .guide-box .guide-img-l {
      float: left;
      width: 250px;
      padding-right: 40px; }
    .guide-box .guide-text-r {
      float: left;
      width: 620px;
      line-height: 1.8; }
      .guide-box .guide-text-r .guide-reference-red {
        width: 600px; }
    .guide-box .guide-text {
      width: 930px;
      line-height: 1.8; }

  .guide-box-end {
    margin: 0 auto;
    width: 970px; }

  .guide-reference {
    width: 970px;
    padding: 10px 0 10px 15px; }

  /*--------------------------------------------------------------------*/
  /*史料編*/
  /*--------------------------------------------------------------------*/
  /*一覧*/
  #archive-area {
    width: 1000px; }

  #archive-menu-area {
    width: 865px;
    padding: 0px 88px 32px 32px; }

  .archive-menu-box {
    width: 970px;
    margin-bottom: 40px;
    clear: both; }
    .archive-menu-box ul li {
      width: 302px;
      padding-right: 15px;
      float: left; }
      .archive-menu-box ul li.mprn {
        width: 302px;
        padding-right: 0;
        float: left; }

  /*詳細*/
  #archive-detail-area {
    width: 1000px; }
    #archive-detail-area h2 {
      padding: 15px 0 30px 0; }

  #archive-contents-imgbox {
    clear: both;
    margin-left: 15px; }

  #archive-contents-img {
    width: 350px;
    float: left; }

  #archive-contents-additional {
    width: 500px;
    padding-left: 20px;
    float: left; }

  #archive-dec-top {
    width: 1000px;
    margin: 50px 0 0 0; }

  #archive-dec-bottom {
    width: 1000px;
    margin: 0 0 15px 0; }

  #archive-contents {
    width: 855px;
    padding: 32px 95px 32px 50px; }

  /*出典*/
  #authority {
    width: 970px;
    padding: 30px 0 0 15px; }

  /*--------------------------------------------------------------------*/
  /*人物編*/
  /*--------------------------------------------------------------------*/
  /*一覧*/
  #person-menu-area {
    width: 970px;
    margin: 0px 15px 32px 15px; }

  .person-menu-box_01 {
    width: 970px;
    margin-bottom: 40px;
    clear: both; }

  .person-menu-box_01_left {
    width: 386px;
    float: left; }

  .person-menu-box_01_right {
    width: 515px;
    float: right; }

  .person-menu-box_02 {
    width: 970px;
    margin-bottom: 40px;
    clear: both; }

  .person-menu-box_02_left {
    width: 542px;
    padding: 0 0 0 149px;
    float: left; }

  .person-menu-box_02_right {
    width: 122px;
    padding: 0 129px 0 0;
    float: right; }

  .person-menu-box_01_left li {
    padding: 0 10px 10px 0; }
    .person-menu-box_01_left li:nth-child(3n) {
      padding-right: 0 !important; }

  .person-menu-box_01_right li {
    padding: 0 9px 10px 0; }
    .person-menu-box_01_right li:nth-child(4n) {
      padding-right: 0 !important; }

  .person-menu-box_02_left li {
    padding: 0 18px 10px 0; }
    .person-menu-box_02_left li:nth-child(4n) {
      padding-right: 0 !important; }

  /*シルエットイラスト背景*/
  #person-area_18 {
    background: url(../person/img/bgi_title_tyousyu.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_07 {
    background: url(../person/img/bgi_title_satsuma.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_010220 {
    background: url(../person/img/bgi_title_edojyou.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_030408 {
    background: url(../person/img/bgi_title_gizidou.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_0510192426 {
    background: url(../person/img/bgi_title_kurohune.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_061215212225 {
    background: url(../person/img/bgi_title_hansen.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_11 {
    background: url(../person/img/bgi_title_gatling.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_16 {
    background: url(../person/img/bgi_title_shishinden.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_14 {
    background: url(../person/img/bgi_title_douzou.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_17 {
    background: url(../person/img/bgi_title_syurijyou.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_1323 {
    background: url(../person/img/bgi_title_shinsengumi.jpg) no-repeat top right;
    width: 1000px; }

  #person-area_18 h2, #person-area_07 h2, #person-area_010220 h2, #person-area_030408 h2, #person-area_0510192426 h2,
  #person-area_061215212225 h2, #person-area_11 h2, #person-area_16 h2, #person-area_14 h2, #person-area_17 h2, #person-area_1323 h2 {
    padding: 15px 0 30px 0; }

  /*詳細*/
  #person-img-text {
    margin: 25px 0 0 15px; }

  #person-img-text table td.person-img {
    width: 350px; }

  #person-contents-img {
    width: 350px;
    margin-left: 15px; }

  #person-contents-dec-top {
    width: 1000px;
    margin: 50px 0 0 0; }

  #person-contents-dec-bottom {
    width: 1000px;
    margin: 0 0 15px 0; }

  #person-contents {
    width: 855px;
    padding: 32px 95px 32px 50px; }

  /*--------------------------------------------------------------------*/
  /*テーマ解説*/
  /*--------------------------------------------------------------------*/
  #theme-area {
    background: url(../theme/img/bgi_title_theme.jpg) no-repeat top right;
    width: 1000px; }

  #theme-menu-area {
    width: 865px;
    padding: 0px 88px 32px 32px; }

  .theme-menu-box {
    width: 970px;
    clear: both; }
    .theme-menu-box ul li {
      width: 152px;
      padding-right: 45px;
      margin-bottom: 40px; }
      .theme-menu-box ul li.mprn {
        width: 152px;
        padding-right: 0; }

  /*詳細*/
  #theme-area-bg {
    background: url(../theme/img/bgi_theme.jpg) no-repeat top left;
    width: 1000px;
    height: 640px; }

  #theme-contents {
    padding: 90px 110px 55px 130px; }
    #theme-contents .theme-l {
      float: left;
      width: 250px; }
    #theme-contents .theme-r {
      float: right;
      width: 490px;
      text-align: center; }

  /*--------------------------------------------------------------------*/
  /*錦絵ギャラリー*/
  /*--------------------------------------------------------------------*/
  #gallery-area-bg {
    background: url(../gallery/img/bgi_gallery.jpg) no-repeat top left;
    background-size: 100% 100%;
    width: 1000px;
    min-height: 553px;
    margin-bottom: 30px; }

  #gallery-contents {
    padding: 85px 90px 85px 95px; }
    #gallery-contents .item {
      display: flex; }
      #gallery-contents .item .gallery-l {
        width: 250px; }
      #gallery-contents .item .gallery-r {
        margin-left: auto;
        width: 560px;
        text-align: center;
        font-size: 0.75rem; }

  .pager-l {
    float: left;
    margin-left: 30px;
    width: 530px; }

  .pager-r {
    float: right;
    width: 400px;
    height: 36px;
    line-height: 36px; }

  /*--------------------------------------------------------------------*/
  /*筆跡当てクイズ*/
  /*--------------------------------------------------------------------*/
  #quiz-area {
    width: 970px;
    margin: 0px 15px 32px 15px; }

  #quiz-contents-area {
    width: 970px;
    height: 585px;
    margin: 0px 15px 32px 15px; }

  #quiz-adopt {
    width: 440px;
    float: left;
    clear: both; }

  #quiz-adopt01, #quiz-adopt02 {
    width: 220px;
    float: left; }

  #quiz-adopt03 {
    width: 270px;
    float: left;
    padding: 276px 0 0 0; }

  #quiz-adopt04 {
    width: 260px;
    float: left; }

  #quiz-reference {
    width: 970px;
    padding: 0 0 0 15px; }

  #quiz-reference-box {
    width: 480px;
    padding: 5px;
    border: 1px dashed #999;
    float: right;
    background: #FFF; }

  /*--- 回答ポップアップ ---*/
  #quiz-answer-container {
    width: 560px;
    padding-top: 20px; }

  #quiz-answer {
    width: 500px;
    margin: 0 auto 20px auto; }

  #quiz-answer-report {
    width: 500px;
    margin: 0 auto 20px auto; }

  #quiz-answer-close {
    width: 500px;
    margin: 0 auto 20px auto;
    padding: 30px 0 0 0; }

  /*--------------------------------------------------------------------*/
  /*索引*/
  /*--------------------------------------------------------------------*/
  #subject-area {
    background: url(../subject/img/bgi_title_subject.jpg) no-repeat top right; }

  .subject-box h3 {
    padding-bottom: 10px;
    font-size: 1.125rem; }
  .subject-box h4 {
    font-size: 0.875rem !important;
    text-align: center; }

  /*--------------------------------------------------------------------*/
  /*年表*/
  /*--------------------------------------------------------------------*/
  #chronology-area {
    width: 1000px; }

  #chronology-pagemap ul li {
    width: 300px;
    float: left; }

  .chronology-box {
    width: 990px;
    margin: 15px 0 40px 15px; }

  /*--------------------------------------------------------------------*/
  /*サイトマップ*/
  /*--------------------------------------------------------------------*/
  #sitemap-area {
    width: 1000px; }

  .sitemap-lineup-area {
    width: 865px;
    padding: 0px 88px 20px 32px; }

  .sitemap-lineup-sub-box {
    width: 255px;
    float: left;
    padding-left: 15px; }

  /* */
  .person-menu-box_01 {
    background: url(../person/img/bgi_vs.gif) no-repeat top left; }

  /*--------------------------------------------------------------------*/ }