#a-header,#a-ghost_header,#a-billboard,#a-site_contents,#a-footer{max-width:100%}@media only screen and (max-width:641px){#a-header{padding:0}#a-ghost_header{padding:0}#a-billboard{padding:0}#a-main{padding:0}#a-side-a{padding:0}#a-side-b{padding:0}#a-footer{padding:0}}#bk12144>div{margin:0 auto;max-width:98%}#bk12144>div{padding-left:30px;padding-top:10px;padding-right:30px;padding-bottom:0}#bk12147>div{padding-left:30px;padding-top:15px;padding-right:30px;padding-bottom:0}#bk12153>div{margin:0 auto;max-width:100%}#bk12145>div{margin:0 auto;max-width:100%}#bk12148>div{padding-left:30px;padding-top:15px;padding-right:30px;padding-bottom:15px}#bk12154>div{margin:0 auto;max-width:100%}#bk12154>div{padding-left:0;padding-top:0;padding-right:0;padding-bottom:0}#bk12149>div{padding-left:30px;padding-top:15px;padding-right:30px;padding-bottom:15px}.a-header .b-plain>.column,.a-header .b-plain>.g-column,.a-header .b-both_diff>.column,.a-header .b-both_diff>.g-column,.a-header .b-headlines>.column,.a-header .b-headlines>.g-column,.a-header .b-album>.column,.a-header .b-album>.g-column,.a-header .b-tab>.column,.a-header .b-tab>.g-column,.a-header .b-accordion>.column,.a-header .b-accordion>.g-column,.a-ghost_header .b-plain>.column,.a-ghost_header .b-plain>.g-column,.a-ghost_header .b-both_diff>.column,.a-ghost_header .b-both_diff>.g-column,.a-ghost_header .b-headlines>.column,.a-ghost_header .b-headlines>.g-column,.a-ghost_header .b-album>.column,.a-ghost_header .b-album>.g-column,.a-ghost_header .b-tab>.column,.a-ghost_header .b-tab>.g-column,.a-ghost_header .b-accordion>.column,.a-ghost_header .b-accordion>.g-column,.a-billboard .b-plain>.column,.a-billboard .b-plain>.g-column,.a-billboard .b-both_diff>.column,.a-billboard .b-both_diff>.g-column,.a-billboard .b-headlines>.column,.a-billboard .b-headlines>.g-column,.a-billboard .b-album>.column,.a-billboard .b-album>.g-column,.a-billboard .b-tab>.column,.a-billboard .b-tab>.g-column,.a-billboard .b-accordion>.column,.a-billboard .b-accordion>.g-column,.a-main .b-plain>.column,.a-main .b-plain>.g-column,.a-main .b-both_diff>.column,.a-main .b-both_diff>.g-column,.a-main .b-headlines>.column,.a-main .b-headlines>.g-column,.a-main .b-album>.column,.a-main .b-album>.g-column,.a-main .b-tab>.column,.a-main .b-tab>.g-column,.a-main .b-accordion>.column,.a-main .b-accordion>.g-column,.a-footer .b-plain>.column,.a-footer .b-plain>.g-column,.a-footer .b-both_diff>.column,.a-footer .b-both_diff>.g-column,.a-footer .b-headlines>.column,.a-footer .b-headlines>.g-column,.a-footer .b-album>.column,.a-footer .b-album>.g-column,.a-footer .b-tab>.column,.a-footer .b-tab>.g-column,.a-footer .b-accordion>.column,.a-footer .b-accordion>.g-column{margin:0 auto;max-width:960px}@media only screen and (max-width:641px){.a-header .b-plain>.column,.a-header .b-plain>.g-column,.a-header .b-both_diff>.column,.a-header .b-both_diff>.g-column,.a-header .b-headlines>.column,.a-header .b-headlines>.g-column,.a-header .b-album>.column,.a-header .b-album>.g-column,.a-header .b-tab>.column,.a-header .b-tab>.g-column,.a-header .b-accordion>.column,.a-header .b-accordion>.g-column,.a-ghost_header .b-plain>.column,.a-ghost_header .b-plain>.g-column,.a-ghost_header .b-both_diff>.column,.a-ghost_header .b-both_diff>.g-column,.a-ghost_header .b-headlines>.column,.a-ghost_header .b-headlines>.g-column,.a-ghost_header .b-album>.column,.a-ghost_header .b-album>.g-column,.a-ghost_header .b-tab>.column,.a-ghost_header .b-tab>.g-column,.a-ghost_header .b-accordion>.column,.a-ghost_header .b-accordion>.g-column,.a-billboard .b-plain>.column,.a-billboard .b-plain>.g-column,.a-billboard .b-both_diff>.column,.a-billboard .b-both_diff>.g-column,.a-billboard .b-headlines>.column,.a-billboard .b-headlines>.g-column,.a-billboard .b-album>.column,.a-billboard .b-album>.g-column,.a-billboard .b-tab>.column,.a-billboard .b-tab>.g-column,.a-billboard .b-accordion>.column,.a-billboard .b-accordion>.g-column,.a-main .b-plain>.column,.a-main .b-plain>.g-column,.a-main .b-both_diff>.column,.a-main .b-both_diff>.g-column,.a-main .b-headlines>.column,.a-main .b-headlines>.g-column,.a-main .b-album>.column,.a-main .b-album>.g-column,.a-main .b-tab>.column,.a-main .b-tab>.g-column,.a-main .b-accordion>.column,.a-main .b-accordion>.g-column,.a-footer .b-plain>.column,.a-footer .b-plain>.g-column,.a-footer .b-both_diff>.column,.a-footer .b-both_diff>.g-column,.a-footer .b-headlines>.column,.a-footer .b-headlines>.g-column,.a-footer .b-album>.column,.a-footer .b-album>.g-column,.a-footer .b-tab>.column,.a-footer .b-tab>.g-column,.a-footer .b-accordion>.column,.a-footer .b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12144.b-plain>.column,#bk12144.b-plain>.g-column,#bk12144.b-both_diff>.column,#bk12144.b-both_diff>.g-column,#bk12144.b-headlines>.column,#bk12144.b-headlines>.g-column,#bk12144.b-album>.column,#bk12144.b-album>.g-column,#bk12144.b-tab>.column,#bk12144.b-tab>.g-column,#bk12144.b-accordion>.column,#bk12144.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12144>div{padding-left:0;padding-top:50px;padding-right:0;padding-bottom:0}#bk12146.b-plain>.column,#bk12146.b-plain>.g-column,#bk12146.b-both_diff>.column,#bk12146.b-both_diff>.g-column,#bk12146.b-headlines>.column,#bk12146.b-headlines>.g-column,#bk12146.b-album>.column,#bk12146.b-album>.g-column,#bk12146.b-tab>.column,#bk12146.b-tab>.g-column,#bk12146.b-accordion>.column,#bk12146.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12147.b-plain>.column,#bk12147.b-plain>.g-column,#bk12147.b-both_diff>.column,#bk12147.b-both_diff>.g-column,#bk12147.b-headlines>.column,#bk12147.b-headlines>.g-column,#bk12147.b-album>.column,#bk12147.b-album>.g-column,#bk12147.b-tab>.column,#bk12147.b-tab>.g-column,#bk12147.b-accordion>.column,#bk12147.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12147>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#bk12150.b-plain>.column,#bk12150.b-plain>.g-column,#bk12150.b-both_diff>.column,#bk12150.b-both_diff>.g-column,#bk12150.b-headlines>.column,#bk12150.b-headlines>.g-column,#bk12150.b-album>.column,#bk12150.b-album>.g-column,#bk12150.b-tab>.column,#bk12150.b-tab>.g-column,#bk12150.b-accordion>.column,#bk12150.b-accordion>.g-column{margin:0 auto;max-width:1020px}#bk12151.b-plain>.column,#bk12151.b-plain>.g-column,#bk12151.b-both_diff>.column,#bk12151.b-both_diff>.g-column,#bk12151.b-headlines>.column,#bk12151.b-headlines>.g-column,#bk12151.b-album>.column,#bk12151.b-album>.g-column,#bk12151.b-tab>.column,#bk12151.b-tab>.g-column,#bk12151.b-accordion>.column,#bk12151.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12152.b-plain>.column,#bk12152.b-plain>.g-column,#bk12152.b-both_diff>.column,#bk12152.b-both_diff>.g-column,#bk12152.b-headlines>.column,#bk12152.b-headlines>.g-column,#bk12152.b-album>.column,#bk12152.b-album>.g-column,#bk12152.b-tab>.column,#bk12152.b-tab>.g-column,#bk12152.b-accordion>.column,#bk12152.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12153.b-plain>.column,#bk12153.b-plain>.g-column,#bk12153.b-both_diff>.column,#bk12153.b-both_diff>.g-column,#bk12153.b-headlines>.column,#bk12153.b-headlines>.g-column,#bk12153.b-album>.column,#bk12153.b-album>.g-column,#bk12153.b-tab>.column,#bk12153.b-tab>.g-column,#bk12153.b-accordion>.column,#bk12153.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12145.b-plain>.column,#bk12145.b-plain>.g-column,#bk12145.b-both_diff>.column,#bk12145.b-both_diff>.g-column,#bk12145.b-headlines>.column,#bk12145.b-headlines>.g-column,#bk12145.b-album>.column,#bk12145.b-album>.g-column,#bk12145.b-tab>.column,#bk12145.b-tab>.g-column,#bk12145.b-accordion>.column,#bk12145.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12148.b-plain>.column,#bk12148.b-plain>.g-column,#bk12148.b-both_diff>.column,#bk12148.b-both_diff>.g-column,#bk12148.b-headlines>.column,#bk12148.b-headlines>.g-column,#bk12148.b-album>.column,#bk12148.b-album>.g-column,#bk12148.b-tab>.column,#bk12148.b-tab>.g-column,#bk12148.b-accordion>.column,#bk12148.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12148>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#bk12154.b-plain>.column,#bk12154.b-plain>.g-column,#bk12154.b-both_diff>.column,#bk12154.b-both_diff>.g-column,#bk12154.b-headlines>.column,#bk12154.b-headlines>.g-column,#bk12154.b-album>.column,#bk12154.b-album>.g-column,#bk12154.b-tab>.column,#bk12154.b-tab>.g-column,#bk12154.b-accordion>.column,#bk12154.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12154>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#bk12149.b-plain>.column,#bk12149.b-plain>.g-column,#bk12149.b-both_diff>.column,#bk12149.b-both_diff>.g-column,#bk12149.b-headlines>.column,#bk12149.b-headlines>.g-column,#bk12149.b-album>.column,#bk12149.b-album>.g-column,#bk12149.b-tab>.column,#bk12149.b-tab>.g-column,#bk12149.b-accordion>.column,#bk12149.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk12149>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}}#imgsrc21342_1{width:600px}


/* =========================================================
   Album view correction
   - logo size
   - album image size
   - popup overlay
========================================================= */

/* ヘッダーロゴを旧個別HTMLと同じくらいに固定 */
.cssskin-Hayakawa_header .c-img img,
.cssskin-Hayakawa_header img[id^="imgsrc"],
img[src*="lab_no_logo_science_tokyo"] {
  max-width: 600px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* スマホでは画面幅に収める */
@media only screen and (max-width: 641px) {
  .cssskin-Hayakawa_header .c-img img,
  .cssskin-Hayakawa_header img[id^="imgsrc"],
  img[src*="lab_no_logo_science_tokyo"] {
    max-width: calc(100vw - 24px) !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* アルバム写真の見た目を統一 */
#album-gallery .c-photo {
  margin: 0 !important;
  padding: 0 !important;
}

#album-gallery .c-img {
  width: 100% !important;
  overflow: hidden !important;
}

#album-gallery .c-img img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  display: block !important;
  cursor: pointer !important;
}

/* クリック拡大 */
.album-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.86);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.album-popup-overlay.active {
  display: flex;
}

.album-popup-overlay img {
  max-width: 92vw;
  max-height: 88vh;
  width: auto;
  height: auto;
  object-fit: contain;
}

.album-popup-close,
.album-popup-prev,
.album-popup-next {
  position: absolute;
  color: #fff;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  z-index: 100000;
}

.album-popup-close {
  top: 20px;
  right: 24px;
  font-size: 42px;
}

.album-popup-prev,
.album-popup-next {
  top: 50%;
  transform: translateY(-50%);
  font-size: 46px;
  background: rgba(0, 0, 0, 0.45);
  padding: 10px 16px;
  border-radius: 50%;
}

.album-popup-prev {
  left: 22px;
}

.album-popup-next {
  right: 22px;
}
