@charset "UTF-8";
/**  =======================================================================
*   
*  共通
*
============================================================================*/
html, body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-weight: 300;
  font-family: 'Noto Sans JP', 'Noto Serif JP', 'メイリオ', -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; }
  @media screen and (max-width: 767px) {
    html, body {
      font-size: 14px; } }
  @media screen and (min-width: 768px) {
    html, body {
      font-size: 16px; } }
  html *, body * {
    box-sizing: border-box;
    line-height: 1.5;
    margin: 0; }
  html p, html ul, html ol, html dl, html li, html table, html h1, html h2, html h3, html h4, html h5, html span, html div, body p, body ul, body ol, body dl, body li, body table, body h1, body h2, body h3, body h4, body h5, body span, body div {
    color: #272727; }

a {
  text-decoration: none;
  color: #000033; }

a:visited {
  color: #000033; }

a:hover {
  color: #9f9fa1;
  transition: all .1s; }

a:hover::before, a:hover::after {
  opacity: 0.5;
  transition: opacity .1s; }

.pdf {
  color: #c03d00;
  text-decoration-line: underline; }

p {
  max-width: 100%;
  margin-bottom: 1.5em;
  overflow-wrap: break-word;
  word-wrap: break-word; }

.note {
  font-size: 0.875em; }

ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

ol.list-horizontal li, ul.list-horizontal li {
  display: inline; }

.content-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .content-image img {
    width: auto;
    height: auto;
    flex-shrink: 0; }

main {
  display: block; }

section {
  max-width: 100%; }

@media screen and (max-width: 767px) {
  .pc {
    display: none; } }

@media screen and (min-width: 768px) {
  .sp {
    display: none; } }

.ie-only {
  display: none; }

/**  =======================================================================
============================================================================*/
#wrapper {
  width: 100%;
  max-width: 100%;
  position: relative;
  /**
  *   サイドバー
  */
  /* サイドバーのスクロールバー非表示 */
  /**
  *   メイン
  */
  /**
  *  モバイル版本文著作権表示
  */ }
  @media screen and (min-width: 768px) {
    #wrapper #menu-wrapper {
      overflow: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none; }
    #wrapper #menu-wrapper::-webkit-scrollbar {
      display: none; } }
  @media screen and (min-width: 768px) {
    #wrapper #menu-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      overflow-y: auto;
      width: 24%;
      min-width: 240px;
      max-width: calc(1600px * 0.24);
      max-height: 100vh;
      height: 100vh;
      z-index: 100;
      /* 文字がサイドバーをはみ出さないようフォントサイズ調整 */
      display: flex;
      flex-direction: column;
      justify-content: flex-start; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    #wrapper #menu-wrapper {
      font-size: 1.25vw; } }
  @media screen and (min-width: 768px) and (min-width: 1600px) {
    #wrapper #menu-wrapper {
      font-size: calc(1600px * 0.0125); } }
  @media screen and (min-width: 768px) and (max-width: 1017px) {
    #wrapper #menu-wrapper {
      font-size: 13px; } }
  @media screen and (min-width: 768px) {
      #wrapper #menu-wrapper #menu {
        position: relative;
        min-height: 55vw;
        height: 100vh;
        border-right: thin solid #272727;
        border-bottom: 1.25rem solid #000033; } }
    @media screen and (min-width: 768px) and (min-width: 1600px) {
      #wrapper #menu-wrapper #menu {
        min-height: calc(1600px * 0.55); } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      #wrapper #menu-wrapper #menu {
        min-height: 680px; } }
  @media screen and (min-width: 768px) {
        #wrapper #menu-wrapper #menu #header-logo, #wrapper #menu-wrapper #menu #header-logo-sp {
          height: 7.25em;
          background-color: #000033;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          #wrapper #menu-wrapper #menu #header-logo svg, #wrapper #menu-wrapper #menu #header-logo-sp svg {
            max-width: 80%;
            height: auto; }
            #wrapper #menu-wrapper #menu #header-logo svg .white, #wrapper #menu-wrapper #menu #header-logo-sp svg .white {
              fill: #fff; }
            #wrapper #menu-wrapper #menu #header-logo svg .basecolor, #wrapper #menu-wrapper #menu #header-logo-sp svg .basecolor {
              fill: #000033; }
        #wrapper #menu-wrapper #menu nav {
          min-height: 28.125vw;
          max-width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          padding-top: 2em;
          padding-left: 1.25em; } }
      @media screen and (min-width: 768px) and (min-width: 1600px) {
        #wrapper #menu-wrapper #menu nav {
          min-height: calc(1600px * 0.28125); } }
  @media screen and (min-width: 768px) {
          #wrapper #menu-wrapper #menu nav a {
            display: block;
            font-size: 1.5em;
            font-weight: 600;
            margin-bottom: .875em; }
          #wrapper #menu-wrapper #menu nav a:last-child {
            margin-bottom: initial; }
        #wrapper #menu-wrapper #menu footer {
          position: absolute;
          bottom: 0;
          padding: 2em 1em calc(0.5em + 2em) 1.25em;
          display: flex;
          flex-direction: column;
          word-break: break-all;
          width: 100%;
          border-top: thin solid #272727; }
          #wrapper #menu-wrapper #menu footer #footer-signature {
            font-size: .9375em;
            font-weight: 600;
            margin-bottom: 1em; }
          #wrapper #menu-wrapper #menu footer #footer-info {
            font-size: .75em;
            margin-bottom: 1em; }
            #wrapper #menu-wrapper #menu footer #footer-info div {
              line-height: 1.5;
              margin-bottom: 0; }
              #wrapper #menu-wrapper #menu footer #footer-info div p {
                line-height: 1.5;
                margin-bottom: 0; }
          #wrapper #menu-wrapper #menu footer #footer-copyright {
            font-size: .625em; } }
  @media screen and (max-width: 767px) {
    #wrapper #menu-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      z-index: 1000; }
      #wrapper #menu-wrapper #sp-head {
        width: 100%;
        max-width: 100%;
        height: 4em;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center; }
        #wrapper #menu-wrapper #sp-head #header-logo-sp {
          cursor: pointer;
          width: 12em;
          max-width: 12em;
          margin-left: 1.15em;
          margin-top: .25em; }
          #wrapper #menu-wrapper #sp-head #header-logo-sp svg {
            width: 12em;
            max-width: 12em; }
        #wrapper #menu-wrapper #sp-head .btn-menu {
          cursor: pointer;
          margin-top: 0.5em;
          margin-right: 1.2em; }
          #wrapper #menu-wrapper #sp-head .btn-menu svg line {
            stroke: #fff; }
          #wrapper #menu-wrapper #sp-head .btn-menu svg text {
            fill: #fff; }
      #wrapper #menu-wrapper nav {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 3.25em;
        margin-left: 10%; }
        #wrapper #menu-wrapper nav a {
          font-size: 1.5em;
          font-weight: 600;
          margin-bottom: .875em;
          color: #272727; }
        #wrapper #menu-wrapper nav a:last-child {
          margin-bottom: initial; }
      #wrapper #menu-wrapper footer {
        margin-top: 4em;
        margin-left: 10%;
        padding-bottom: 2em;
        display: flex;
        flex-direction: column;
        word-break: break-all; }
        #wrapper #menu-wrapper footer #footer-signature {
          font-size: 1.1em;
          font-weight: 600;
          margin-bottom: 1em; }
        #wrapper #menu-wrapper footer #footer-info {
          font-size: .9em;
          line-height: 2;
          margin-bottom: 0; }
          #wrapper #menu-wrapper footer #footer-info p {
            line-height: 1.5;
            margin-bottom: 0; }
        #wrapper #menu-wrapper footer #footer-copyright {
          font-size: .625em; }
    #wrapper #menu-wrapper.close {
      background-color: rgba(255, 255, 255, 0);
      transition: background-color 0.3s ease-in-out; }
      #wrapper #menu-wrapper.close #sp-head {
        background-color: #000033;
        transition: background-color 0.3s ease-in-out; }
        #wrapper #menu-wrapper.close #sp-head #header-logo-sp .white {
          fill: #fff;
          transition: fill 0.3s ease-in-out; }
        #wrapper #menu-wrapper.close #sp-head #header-logo-sp .basecolor {
          fill: #000033;
          transition: fill 0.3s ease-in-out; }
        #wrapper #menu-wrapper.close #sp-head .btn-menu svg .bar1 {
          -webkit-transform-origin: 17px 20px;
          transform-origin: 17px 20px;
          -webkit-transform: rotate(0) translateY(0) translateX(0);
          transform: rotate(0) translateY(0) translateX(0);
          transition: transform 0.3s ease-in-out; }
        #wrapper #menu-wrapper.close #sp-head .btn-menu svg .bar2 {
          -webkit-transform-origin: 17px 28px;
          transform-origin: 17px 28px;
          -webkit-transform: rotate(0) translateY(0) translateX(0);
          transform: rotate(0) translateY(0) translateX(0);
          transition: transform 0.3s ease-in-out; }
        #wrapper #menu-wrapper.close #sp-head .btn-menu .ie-only {
          display: none; }
      #wrapper #menu-wrapper.close #gnav, #wrapper #menu-wrapper.close #footer {
        opacity: 0;
        transition: opacity 0.3s ease-in-out; }
    #wrapper #menu-wrapper.open {
      height: 100vh;
      background-color: #eeeeee;
      transition: background-color 0.3s ease-in-out; }
      #wrapper #menu-wrapper.open #sp-head {
        background-color: #eeeeee;
        transition: background-color 0.3s ease-in-out; }
        #wrapper #menu-wrapper.open #sp-head #header-logo-sp .white {
          fill: #272727;
          transition: fill 0.3s ease-in-out; }
        #wrapper #menu-wrapper.open #sp-head #header-logo-sp .basecolor {
          fill: #eeeeee;
          transition: fill 0.3s ease-in-out; }
        #wrapper #menu-wrapper.open #sp-head .btn-menu svg line {
          stroke: #272727; }
        #wrapper #menu-wrapper.open #sp-head .btn-menu svg .bar1 {
          -webkit-transform-origin: 17px 20px;
          transform-origin: 17px 20px;
          -ms-transform: translateY(10px) translateX(0) rotate(45deg);
          -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
          transform: translateY(10px) translateX(0) rotate(45deg);
          transition: transform 0.3s ease-in-out; }
        #wrapper #menu-wrapper.open #sp-head .btn-menu svg .bar2 {
          -webkit-transform-origin: 17px 28px;
          transform-origin: 17px 28px;
          -ms-transform: translateY(2px) translateX(0) rotate(-45deg);
          -webkit-transform: translateY(2px) translateX(0) rotate(-45deg);
          transform: translateY(2px) translateX(0) rotate(-45deg);
          transition: transform 0.3s ease-in-out; }
        #wrapper #menu-wrapper.open #sp-head .btn-menu svg text {
          opacity: 0;
          transition: opacity 0.3s ease-in-out; }
      #wrapper #menu-wrapper.open #gnav, #wrapper #menu-wrapper.open #footer {
        opacity: 1;
        transition: opacity 0.3s ease-in-out; } }
  @media all and (-ms-high-contrast: none) and (max-width: 767px) {
    #wrapper #menu-wrapper.open .btn-menu svg {
      display: none; }
    #wrapper #menu-wrapper.open .btn-menu .ie-only {
      display: block !important;
      display: none;
      position: absolute;
      top: 1.25em;
      right: 22px; } }
  #wrapper main {
    border-bottom: 1.25rem solid #000033;
    /**
    *   トップページ
    */
    /**
    *   収蔵品紹介
    */
    /**
    *   上田城について
    */
    /**
    *  博物館について, インフォメーション
    */ }
    @media screen and (max-width: 767px) {
      #wrapper main {
        margin-top: 3em;
        font-size: 14px; } }
    @media screen and (min-width: 1920px) {
      #wrapper main {
        font-size: .85vw; } }
    @media screen and (min-width: 768px) {
      #wrapper main {
        position: absolute;
        min-height: 100vh;
        width: 76%;
        max-width: 76%;
        left: 24%; } }
    @media screen and (min-width: 1600px) {
      #wrapper main {
        left: 383px;
        width: calc(100% - 383px);
        max-width: calc(100% - 383px); } }
    @media screen and (max-width: 1017px) {
      #wrapper main {
        left: 240px;
        width: calc(100% - 240px);
        max-width: calc(100% - 240px); } }
    @media screen and (max-width: 767px) {
      #wrapper main {
        font-size: 14px;
        width: 100%;
        max-width: 100%; } }
    #wrapper main section {
      padding-top: 1.75em; }
      @media screen and (min-width: 768px) {
        #wrapper main section {
          padding-left: 2.25em; } }
      @media screen and (max-width: 767px) {
        #wrapper main section {
          padding-left: 0; } }
    #wrapper main .section-toppage:last-child {
      border-bottom: none; }
    #wrapper main .section-toppage {
      padding-top: 2.75em;
      border-bottom: thin solid #272727; }
      @media screen and (min-width: 768px) {
        #wrapper main .section-toppage {
          padding-left: 2.25em; } }
      @media screen and (max-width: 767px) {
        #wrapper main .section-toppage {
          padding-left: 0; } }
      #wrapper main .section-toppage h3 {
        position: relative;
        font-size: 1.5em;
        padding-left: 1em;
        color: #000033;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-toppage h3 {
            margin-left: 1.25em; } }
      #wrapper main .section-toppage h3:before {
        content: '';
        position: absolute;
        top: .55em;
        left: 0;
        width: .5em;
        height: .5em;
        background-color: #000033; }
      @media screen and (min-width: 768px) {
        #wrapper main .section-toppage .section-inner {
          padding-left: 1.5em; } }
      @media screen and (max-width: 767px) {
        #wrapper main .section-toppage .section-inner {
          padding-left: .5em;
          padding-right: .5em;
          width: 100%;
          max-width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center; } }
      #wrapper main .section-toppage .sp-exhibition {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 2.25em; }
        @media screen and (max-width: 1017px) {
          #wrapper main .section-toppage .sp-exhibition {
            flex-direction: column-reverse;
            /*align-items: center; */} }
        #wrapper main .section-toppage .sp-exhibition .ex-info {
          flex-basis: 45%;
          max-width: 100%; }
          @media screen and (max-width: 1017px) {
            #wrapper main .section-toppage .sp-exhibition .ex-info {
              flex-basis: auto;
              max-width: 90%;
              display: flex;
              flex-direction: column;
              align-items: center; } }
          #wrapper main .section-toppage .sp-exhibition .ex-info .ex-header {
			text-align: center;
            max-width: 100%;
            font-size: 1.5em;
            font-weight: 600;
            margin: .5em 0 .5em 0; }
          #wrapper main .section-toppage .sp-exhibition .ex-info .ex-date, #wrapper main .section-toppage .sp-exhibition .ex-info .ex-place {
            text-align: center;
			  max-width: 100%;
            font-size: 1em; }
/*            font-size: .875em; }*/
          #wrapper main .section-toppage .sp-exhibition .ex-info .ex-description {
            max-width: 100%;
            margin-top: 1em; }
            #wrapper main .section-toppage .sp-exhibition .ex-info .ex-description p {
              font-size: 1em; }
        #wrapper main .section-toppage .sp-exhibition .ex-image {
          flex-basis: 55%;
          max-width: 100%;
          max-width: 100%;
          padding-left: 5%;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-start; }
          @media screen and (max-width: 1017px) {
            #wrapper main .section-toppage .sp-exhibition .ex-image {
              flex-basis: auto;
              min-height: 0%;
              max-width: 90%;
              padding-bottom: .5em;
              padding-left: 0;
              flex-direction: column;
              align-items: center; } }
          #wrapper main .section-toppage .sp-exhibition .ex-image img {
            padding-top: 2em;
            max-width: 90%; }
      #wrapper main .section-toppage .news-list {
        width: 100%;
        max-width: 100%;
        margin-top: 1.125em;
        margin-bottom: 2.25em; }
        #wrapper main .section-toppage .news-list .news-item {
          width: 90%;
          max-width: 90%;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-start; }
          #wrapper main .section-toppage .news-list .news-item .news-image {
            margin: 0 1em 0 0;
            width: 100px;
            height: 100px; }
          #wrapper main .section-toppage .news-list .news-item .news-content {
            width: 100%;
            max-width: 100%; }
            #wrapper main .section-toppage .news-list .news-item .news-content .news-title {
              font-size: 1.125em;
              margin-bottom: .3em; }
            #wrapper main .section-toppage .news-list .news-item .news-content .news-date {
              font-size: .875em;
              margin-bottom: .875em; }
            #wrapper main .section-toppage .news-list .news-item .news-content .news-body {
              width: 100%;
              max-width: 100%; }
              #wrapper main .section-toppage .news-list .news-item .news-content .news-body p {
                max-width: 100%; }
      #wrapper main .section-toppage .perm-exhibition {
        margin-bottom: 2em; }
        #wrapper main .section-toppage .perm-exhibition .exhibition-slider {
          margin-top: 2em;
          width: 100%;
          max-width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center; }
          #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container {
            width: 100%;
            max-width: 100%;
            min-height: 15vw;
            height: 15vw;
            overflow: hidden; }
            @media screen and (max-width: 767px) {
              #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container {
                width: 80%;
                max-width: 80%;
                min-height: 100px;
                height: 100px; } }
            #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper {
              width: 100%;
              max-width: 100%; }
              #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper .swiper-slide {
                min-height: 15vw; }
                @media screen and (max-width: 767px) {
                  #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper .swiper-slide {
                    min-height: 100px; } }
                #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper .swiper-slide .bg-image {
                  min-height: 15vw;
                  background-size: cover;
                  background-repeat: no-repeat; }
                  @media screen and (max-width: 767px) {
                    #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper .swiper-slide .bg-image {
                      min-height: 100px; } }
              #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper .swiper-slide-active {
                opacity: 1.0;
                transition: opacity 0.5s ease-in-out; }
              #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
                opacity: 0.3;
                transition: opacity 0.5s ease-in-out; }
            #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-pagination-bullet {
              background: #fff;
              opacity: .5; }
            #wrapper main .section-toppage .perm-exhibition .exhibition-slider .swiper-container .swiper-pagination-bullet-active {
              background: #1f1fa8;
              opacity: 1; }
        #wrapper main .section-toppage .perm-exhibition table, #wrapper main .section-toppage .perm-exhibition th, #wrapper main .section-toppage .perm-exhibition td {
          border: none; }
        #wrapper main .section-toppage .perm-exhibition table {
          width: 90%;
          max-width: 90%;
          margin-top: 1.5em; }
          #wrapper main .section-toppage .perm-exhibition table thead th {
            text-align: left;
            min-width: 2.5em;
            font-size: 1.375em;
            margin: .5em 0 .5em 0; }
          #wrapper main .section-toppage .perm-exhibition table tbody tr td:first-child {
            font-size: 1.125em;
            text-align: center; }
          #wrapper main .section-toppage .perm-exhibition table tbody tr {
            height: 2em; }
          #wrapper main .section-toppage .perm-exhibition table tbody th {
            font-weight: 300;
            width: 4em; }
        #wrapper main .section-toppage .perm-exhibition .list-horizontal li {
          display: inline-block;
          margin-left: 1em; }
    #wrapper main .section-collection {
      padding-top: 2.75em; }
      #wrapper main .section-collection h2 {
        color: #000033;
        font-size: 2em;
        line-height: 1.0;
        margin-right: 1em;
        padding-bottom: .1em;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-collection h2 {
            margin-bottom: .5em; } }
    #wrapper main .section-collection.list {
      padding-top: 1em; }
    #wrapper main .collection-index {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-end;
      flex-wrap: wrap;
      padding-top: 1em;
      padding-left: 2.5em; }
      @media screen and (max-width: 767px) {
        #wrapper main .collection-index {
          flex-direction: column;
          align-items: flex-start;
          padding-left: 1.5em; } }
      #wrapper main .collection-index ul li {
        font-size: 1.125em;
        line-height: 1.0;
        position: relative;
        margin: 0 .5em;
        display: inline-block;
        margin-top: 1em; }
        @media screen and (max-width: 767px) {
          #wrapper main .collection-index ul li {
            margin-top: .5em;
            margin-bottom: .25em; } }
      #wrapper main .collection-index ul li::before {
        content: '';
        position: absolute;
        width: 1px;
        height: 1em;
        top: .3em;
        left: -.6em;
        border-left: thin solid #272727; }
      #wrapper main .collection-index ul li:last-child::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 1em;
        top: .3em;
        right: -.6em;
        border-right: thin solid #272727; }
    #wrapper main .section-collection {
      padding-left: 0; }
      #wrapper main .section-collection h4 {
        position: relative;
        margin: 0;
        padding: 0;
        margin-left: 2.25em;
        padding-left: 1em;
        font-size: 1.25em;
        font-weight: 300;
        margin-bottom: 1em; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-collection h4 {
            padding-left: .875em;
            margin-left: 1em; } }
      #wrapper main .section-collection h4:first-child {
        margin-top: 1.5em; }
      #wrapper main .section-collection h4:before {
        content: '';
        position: absolute;
        top: .55em;
        left: 0;
        width: .5em;
        height: .5em;
        background-color: #000033; }
      #wrapper main .section-collection .collection-list-wrapper {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3.5em; }
        #wrapper main .section-collection .collection-list-wrapper .collection-list {
          width: 100%;
          max-width: 100%;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          margin-left: .25px; }
          #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
            flex-basis: 50%; }
          @media screen and (min-width: 1107px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 33.4%; } }
          @media screen and (min-width: 1466px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 25.05%; } }
          @media screen and (min-width: 1777px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 20.05%; } }
          @media screen and (min-width: 2056px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 16.66%; } }
          @media screen and (min-width: 2366px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 14.2857%; } }
          @media screen and (min-width: 2689px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 12.5%; } }
          @media screen and (min-width: 3026px) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 11.1%; } }
          @media screen and (min-width: calc((240px + 2em) * 10 )) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 10%; } }
          @media screen and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 30%; } }
          @media screen and (min-width: 480px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 43.5%; } }
          @media screen and (min-width: 1107px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 29%; } }
          @media screen and (min-width: 1466px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 22%; } }
          @media screen and (min-width: 1777px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 17.5%; } }
          @media screen and (min-width: 2056px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 16.5%; } }
          @media screen and (min-width: 2366px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 14%; } }
          @media screen and (min-width: 2689px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 12%; } }
          @media screen and (min-width: 3026px) and (-ms-high-contrast: none) {
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
              flex-basis: 11%; } }
          #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item {
            align-items: center;
            padding: 1em;
            border: thin solid #c4c4c4;
            margin-right: -1px;
            margin-bottom: -1px;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item .list-image {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              width: 90%;
              height: 250px; }
              @media screen and (max-width: 767px) {
                #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item .list-image {
                  height: 150px; } }
              #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item .list-image img {
                flex-shrink: 0;
                max-width: 90%;
                max-height: 90%;
                height: auto; }
          #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item:hover {
            background-color: #eeeeee;
            color: #272727;
            transition: all .2s ease-in-out; }
            #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-item:hover img {
              opacity: 0.75;
              transition: opacity .2s ease-in-out; }
          #wrapper main .section-collection .collection-list-wrapper .collection-list .collection-list-title {
            max-width: 90%; }
    #wrapper main .collection-item-detail {
      max-width: 100%;
      padding-top: 4em;
      padding-left: 2.5em;
      padding-top: 3.75em; }
      @media screen and (max-width: 1017px) {
        #wrapper main .collection-item-detail {
          padding-left: 1.5em;
          padding-right: 1.5em; } }
      #wrapper main .collection-item-detail .btn-back-prev {
        display: inline-block;
        margin-top: 2em;
        position: relative;
        padding-left: 1.125em; }
      #wrapper main .collection-item-detail .btn-back-prev::before {
        position: absolute;
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke-width='0' fill='%23000033' d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");
        width: 1em;
        height: 1em;
        top: .3em;
        left: -.25em; }
        @media screen and (-ms-high-contrast: none) {
          #wrapper main .collection-item-detail .btn-back-prev::before {
            top: .2em; } }
      #wrapper main .collection-item-detail .item-detail-body {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-top: 2em;
        margin-bottom: 4em;
        padding-right: 1em; }
        @media screen and (max-width: 1017px) {
          #wrapper main .collection-item-detail .item-detail-body {
            flex-direction: column-reverse;
            margin-top: .5em; } }
        @media screen and (max-width: 1280px) and (-ms-high-contrast: none) {
          #wrapper main .collection-item-detail .item-detail-body {
            flex-direction: column-reverse; } }
        #wrapper main .collection-item-detail .item-detail-body .detail-image {
          position: relative;
          max-width: 55%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-start;
          padding-right: 2em; }
          @media screen and (max-width: 1017px) {
            #wrapper main .collection-item-detail .item-detail-body .detail-image {
              width: 100%;
              max-width: 100%;
              align-items: center;
              padding: 1em; } }
          @media screen and (max-width: 1280px) and (-ms-high-contrast: none) {
            #wrapper main .collection-item-detail .item-detail-body .detail-image {
              width: 100%;
              max-width: 100%;
              align-items: center;
              padding: 1em; } }
          #wrapper main .collection-item-detail .item-detail-body .detail-image img {
            width: auto;
            height: auto;
            cursor: pointer;
            max-width: 100%;
            flex-shrink: 0; }
          #wrapper main .collection-item-detail .item-detail-body .detail-image .viewer-guide {
            font-size: 0.875em;
            align-self: flex-end; }
            @media screen and (max-width: 1017px) {
              #wrapper main .collection-item-detail .item-detail-body .detail-image .viewer-guide {
                align-self: center; } }
        #wrapper main .collection-item-detail .item-detail-body .detail-image:hover img {
          opacity: 0.75;
          transition: opacity 0.2s ease-in-out; }
        #wrapper main .collection-item-detail .item-detail-body .datail-info {
          max-width: 40%; }
          @media screen and (max-width: 1017px) {
            #wrapper main .collection-item-detail .item-detail-body .datail-info {
              margin-top: 1.5em;
              margin-bottom: 1.5em;
              max-width: 100%; } }
          @media screen and (max-width: 1280px) and (-ms-high-contrast: none) {
            #wrapper main .collection-item-detail .item-detail-body .datail-info {
              max-width: 100%;
              margin-top: 1.5em;
              margin-bottom: 1.5em; } }
          #wrapper main .collection-item-detail .item-detail-body .datail-info .item-category {
            font-size: 0.875em;
            margin-bottom: .5em; }
          #wrapper main .collection-item-detail .item-detail-body .datail-info .item-name {
            font-size: 1.5em;
            padding-bottom: .25em;
            border-bottom: 2px solid #272727;
            margin-bottom: 1.5em; }
            @media screen and (max-width: 1017px) {
              #wrapper main .collection-item-detail .item-detail-body .datail-info .item-name {
                margin-bottom: .75em; } }
          #wrapper main .collection-item-detail .item-detail-body .datail-info .item-description {
            padding-bottom: .25em;
            border-bottom: 2px solid #272727; }
            @media screen and (max-width: 1017px) {
              #wrapper main .collection-item-detail .item-detail-body .datail-info .item-description p {
                margin-bottom: .75em; } }
    #wrapper main .fixed-timeline {
      position: fixed;
      height: 480px;
      max-height: 480px;
      width: 110px;
      max-width: 110px;
      top: 2.75em;
      margin-left: 1.5em;
      z-index: 100;
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (max-width: 767px) {
        #wrapper main .fixed-timeline {
          height: 400px;
          max-height: 400px;
          width: 80px;
          max-width: 80px;
          top: 4.75em;
          margin-left: .75em;
          display: none; } }
      #wrapper main .fixed-timeline svg {
        height: 480px;
        max-height: 480px;
        width: 110px;
        max-width: 110px; }
        @media screen and (max-width: 767px) {
          #wrapper main .fixed-timeline svg {
            height: 400px;
            max-height: 400px;
            width: 80px;
            max-width: 80px; } }
    #wrapper main .section-history.head {
      width: 100%;
      max-width: 100%;
      position: fixed;
      padding-left: calc( 2em + 128px);
      padding-top: 2.75em;
      padding-bottom: 1.5em;
      background: white;
      background: linear-gradient(180deg, white 0%, white 90%, rgba(255, 255, 255, 0) 100%);
      z-index: 10; }
      @media screen and (max-width: 767px) {
        #wrapper main .section-history.head {
          position: relative;
          padding-left: 1.5em;
          padding-top: 3.75em; } }
      #wrapper main .section-history.head h2 {
        color: #000033;
        font-size: 2em;
        line-height: 1.0;
        padding-bottom: .1em;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-history.head h2 {
            font-size: 1.8em;
            margin-bottom: .5em; } }
      #wrapper main .section-history.head .history-index {
        padding-top: 1em; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-history.head .history-index {
            flex-direction: column;
            align-items: flex-start;
            padding-left: 1.5em; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    #wrapper main .section-history.head .history-index {
      padding-left: 0; } }

        #wrapper main .section-history.head .history-index ul li {
          font-size: 1.125em;
          line-height: 1.0;
          position: relative;
          margin: 0 .5em;
          display: inline-block;
          margin-top: 1em; }
          @media screen and (max-width: 767px) {
            #wrapper main .section-history.head .history-index ul li {
              padding-left: .75em;
              margin-top: .5em;
              margin-bottom: .25em;
              display: block; } }
        #wrapper main .section-history.head .history-index ul li .current {
          color: #bd9a00; }
        @media screen and (min-width: 768px) {
          #wrapper main .section-history.head .history-index ul li::before {
            content: '';
            position: absolute;
            width: 1px;
            height: 1em;
            top: .3em;
            left: -.6em;
            border-left: thin solid #272727; }
          #wrapper main .section-history.head .history-index ul li:last-child::after {
            content: '';
            position: absolute;
            width: 1px;
            height: 1em;
            top: .3em;
            right: -.6em;
            border-right: thin solid #272727; } }
        @media screen and (max-width: 767px) {
          #wrapper main .section-history.head .history-index ul li::before {
            content: '';
            position: absolute;
            width: .5em;
            height: .5em;
            top: .55em;
            left: -.375em;
            background-color: #000033;
            border-radius: 50%; } }
    #wrapper main .section-history:not(.head) {
      padding-left: calc( 2em + 128px );
      padding-top: 10.75em;
      z-index: 0; }
      @media screen and (max-width: 767px) {
        #wrapper main .section-history:not(.head) {
          width: 100%;
          max-width: 100%;
          position: relative;
          padding: 0 1.5em;
          padding-top: 0; } }
      #wrapper main .section-history:not(.head) .history-title {
        width: 90%;
        max-width: 90%;
        border-bottom: thin solid #BEBED2;
        padding-bottom: .5em; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-history:not(.head) .history-title {
            width: 100%;
            max-width: 100%; } }
      #wrapper main .section-history:not(.head) .history-body {
        width: 90%;
        max-width: 90%;
        margin-top: 1em;
        padding-bottom: 1.5em; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-history:not(.head) .history-body {
            width: 100%;
            max-width: 100%; } }
        #wrapper main .section-history:not(.head) .history-body h4 {
          position: relative;
          margin-top: 2em;
          margin-bottom: .5em;
          font-size: 1.125em;
          padding-left: .75em; }
        #wrapper main .section-history:not(.head) .history-body h4::before {
          content: '';
          position: absolute;
          width: .5em;
          height: .5em;
          top: .525em;
          left: -.15em;
          background-color: #000033;
          border-radius: 50%; }
        #wrapper main .section-history:not(.head) .history-body p {
          max-width: 100%; }
        #wrapper main .section-history:not(.head) .history-body .history-image {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          @media screen and (min-width: 768px) {
            #wrapper main .section-history:not(.head) .history-body .history-image {
              float: right;
              margin: 1em;
              width: 300px;
              height: auto;
              max-height: 300px; }
              #wrapper main .section-history:not(.head) .history-body .history-image img {
                max-width: 100%;
                max-width: 100%;
                height: auto; } }
          @media screen and (max-width: 767px) {
            #wrapper main .section-history:not(.head) .history-body .history-image {
              margin: 1em;
              max-width: 90%;
              height: 200px; }
              #wrapper main .section-history:not(.head) .history-body .history-image img {
                width: auto;
                height: auto;
                max-width: 90%;
                max-height: 90%; } }
      #wrapper main .section-history:not(.head) .history-pagination {
        width: 90%;
        max-width: 90%;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-bottom: 4.5em; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-history:not(.head) .history-pagination {
            width: 100%;
            max-width: 100%; } }
      #wrapper main .section-history:not(.head) .history-pagination .prev {
        position: relative;
        margin-right: auto;
        padding-left: 1em; }
      #wrapper main .section-history:not(.head) .history-pagination .prev::before {
        position: absolute;
        content: '';
        width: .375em;
        height: .375em;
        border: 0px;
        border-top: solid 2px #272727;
        border-right: solid 2px #000033;
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        top: .6em;
        left: 0; }
      #wrapper main .section-history:not(.head) .history-pagination .next {
        position: relative;
        margin-left: auto;
        margin-right: 0;
        padding-right: 1em; }
      #wrapper main .section-history:not(.head) .history-pagination .next::after {
        position: absolute;
        content: '';
        width: .375em;
        height: .375em;
        border: 0px;
        border-top: solid 2px #272727;
        border-right: solid 2px #000033;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: .6em;
        right: 0; }
    #wrapper main .section-about, #wrapper main .section-info {
      padding-top: 2.75em;
      padding-bottom: 1em;
      border-bottom: thin solid #272727; }
      @media screen and (min-width: 768px) {
        #wrapper main .section-about, #wrapper main .section-info {
          padding-left: 2.25em; } }
      @media screen and (max-width: 767px) {
        #wrapper main .section-about, #wrapper main .section-info {
          padding-left: 0; } }
      #wrapper main .section-about h3, #wrapper main .section-info h3 {
        position: relative;
        font-size: 1.5em;
        padding-left: 1em;
        color: #000033;
        font-weight: 600; }
        @media screen and (max-width: 767px) {
          #wrapper main .section-about h3, #wrapper main .section-info h3 {
            margin-left: 1.25em; } }
      #wrapper main .section-about h3:before, #wrapper main .section-info h3:before {
        content: '';
        position: absolute;
        top: .55em;
        left: 0;
        width: .5em;
        height: .5em;
        background-color: #000033; }
      #wrapper main .section-about h4, #wrapper main .section-info h4 {
        font-size: 1.125em;
        margin-top: 1.5em;
        margin-bottom: .25em; }
      #wrapper main .section-about .section-inner, #wrapper main .section-info .section-inner {
        width: 100%;
        max-width: 100%;
        padding-left: .5em;
        padding-right: .5em;
        padding-bottom: 2em; }
        #wrapper main .section-about .section-inner li, #wrapper main .section-info .section-inner li {
          position: relative;
          margin-bottom: .3em;
          padding-left: 1.5em; }
        #wrapper main .section-about .section-inner li::before, #wrapper main .section-info .section-inner li::before {
          content: '';
          position: absolute;
          width: .5em;
          height: .5em;
          top: .55em;
          left: 0;
          background-color: #000033;
          border-radius: 50%; }
        @media screen and (min-width: 768px) {
          #wrapper main .section-about .section-inner, #wrapper main .section-info .section-inner {
            width: 90%;
            max-width: 90%;
            padding-left: 1.5em;
            margin-top: 1.125em; }
            #wrapper main .section-about .section-inner dl, #wrapper main .section-info .section-inner dl {
              width: 100%;
              max-width: 100%; }
              #wrapper main .section-about .section-inner dl dt, #wrapper main .section-about .section-inner dl dd, #wrapper main .section-info .section-inner dl dt, #wrapper main .section-info .section-inner dl dd {
                padding: 1em; }
              #wrapper main .section-about .section-inner dl dt, #wrapper main .section-info .section-inner dl dt {
                float: left;
                height: auto;
                min-width: 8em; }
              #wrapper main .section-about .section-inner dl dd, #wrapper main .section-info .section-inner dl dd {
                margin-left: 8em; }
              #wrapper main .section-about .section-inner dl div:nth-of-type(2n+1), #wrapper main .section-info .section-inner dl div:nth-of-type(2n+1) {
                background-color: #f4f4f4; } }
        @media screen and (max-width: 767px) {
          #wrapper main .section-about .section-inner, #wrapper main .section-info .section-inner {
            width: 100%;
            max-width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 1.125em; }
            #wrapper main .section-about .section-inner dl, #wrapper main .section-info .section-inner dl {
              width: 90%;
              max-width: 90%; }
              #wrapper main .section-about .section-inner dl div dt, #wrapper main .section-about .section-inner dl div dd, #wrapper main .section-info .section-inner dl div dt, #wrapper main .section-info .section-inner dl div dd {
                padding: .75em; }
              #wrapper main .section-about .section-inner dl div dt, #wrapper main .section-info .section-inner dl div dt {
                background-color: #f4f4f4;
                font-weight: 600; }
            #wrapper main .section-about .section-inner .ex-about, #wrapper main .section-info .section-inner .ex-about {
              width: 90%;
              max-width: 90%; } }
        @media screen and (max-width: 767px) {
          #wrapper main .section-about .section-inner .fee, #wrapper main .section-info .section-inner .fee {
            width: 90%;
            max-width: 90%; } }
        #wrapper main .section-about .section-inner .fee .fee-table, #wrapper main .section-info .section-inner .fee .fee-table {
          overflow-x: auto; }
          #wrapper main .section-about .section-inner .fee .fee-table table, #wrapper main .section-info .section-inner .fee .fee-table table {
            min-width: 450px;
            max-width: 80%;
            border-spacing: 0;
            border-collapse: collapse; }
            @media screen and (max-width: 767px) {
              #wrapper main .section-about .section-inner .fee .fee-table table, #wrapper main .section-info .section-inner .fee .fee-table table {
                min-width: 380px;
                max-width: 100%; } }
            #wrapper main .section-about .section-inner .fee .fee-table table thead, #wrapper main .section-about .section-inner .fee .fee-table table tbody, #wrapper main .section-about .section-inner .fee .fee-table table tr, #wrapper main .section-about .section-inner .fee .fee-table table th, #wrapper main .section-about .section-inner .fee .fee-table table td, #wrapper main .section-info .section-inner .fee .fee-table table thead, #wrapper main .section-info .section-inner .fee .fee-table table tbody, #wrapper main .section-info .section-inner .fee .fee-table table tr, #wrapper main .section-info .section-inner .fee .fee-table table th, #wrapper main .section-info .section-inner .fee .fee-table table td {
              border: thin solid #000033;
              border-spacing: 0; }
            #wrapper main .section-about .section-inner .fee .fee-table table th, #wrapper main .section-about .section-inner .fee .fee-table table td, #wrapper main .section-info .section-inner .fee .fee-table table th, #wrapper main .section-info .section-inner .fee .fee-table table td {
              font-size: 1em;
              font-weight: 300;
              text-align: center;
              padding: .25em; }
            #wrapper main .section-about .section-inner .fee .fee-table table td, #wrapper main .section-info .section-inner .fee .fee-table table td {
              width: 30%; }
        #wrapper main .section-about .section-inner .fee .genmen-note, #wrapper main .section-info .section-inner .fee .genmen-note {
          margin: .5em 0; }
        #wrapper main .section-about .section-inner .address, #wrapper main .section-info .section-inner .address {
          width: 90%;
          max-width: 90%; }
          #wrapper main .section-about .section-inner .address h4, #wrapper main .section-info .section-inner .address h4 {
            margin-top: 0; }
        #wrapper main .section-about .section-inner .link-pdf, #wrapper main .section-info .section-inner .link-pdf {
          width: 90%;
          max-width: 90%; }
        #wrapper main .section-about .section-inner .document, #wrapper main .section-info .section-inner .document {
          width: 90%;
          max-width: 90%; }
    #wrapper main .section-about:last-child {
      border: none; }
  #wrapper .sp#footer-copyright {
    margin-top: -1.15rem;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 0.725em;
    z-index: 10; }

#loading-screen {
  position: fixed;
  top: 0;
  height: 100vh;
  min-height: 100vh;
  background-color: #fff;
  z-index: 101;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px) {
    #loading-screen {
      width: 76%;
      max-width: 76%;
      left: 24%; } }
  @media screen and (min-width: 1600px) {
    #loading-screen {
      left: 383px;
      width: calc(100% - 383px);
      max-width: calc(100% - 383px); } }
  @media screen and (max-width: 1017px) {
    #loading-screen {
      left: 240px;
      width: calc(100% - 240px);
      max-width: calc(100% - 240px); } }
  @media screen and (max-width: 767px) {
    #loading-screen {
      top: 4em;
      left: 0;
      font-size: 14px;
      width: 100%;
      max-width: 100%;
      height: calc(100vh - 4em); } }
  #loading-screen .sen {
    width: 2.5em;
    height: 2.5em; }
    #loading-screen .sen circle {
      fill: #bd9a00; }
  #loading-screen svg {
    transform-origin: 50% 50%;
    animation: rotateLoadScreen 1s linear forwards infinite; }
@keyframes rotateLoadScreen {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#loading-screen.initialize {
  z-index: 10000;
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  min-width: 100% !important;
  width: 100% !important; }

#loading-screen.hide {
  opacity: 0;
  transition: opacity .5s ease-in-out;
  position: fixed; }

/**
*  トップへ戻るボタン
*/
#scroll-to-top {
  position: fixed;
  opacity: 0;
  width: 50px;
  height: 50px;
  right: 30px;
  bottom: 30px;
  transition: opacity 0.3s;
  z-index: 1000; }
  @media screen and (max-width: 767px) {
    #scroll-to-top {
      width: 45px;
      height: 45px;
      right: 20px;
      bottom: 25px; } }

#scroll-to-top.show {
  opacity: 1;
  transition: opacity 0.3s; }

#scroll-to-top.hide {
  display: none; }

.viewer-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000000; }

#deepZoom {
  z-index: 100000;
  overflow: hidden; }

.openseadragon-container {
  min-width: 100vw; }