@charset "UTF-8";
body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  }
b, strong, .bold{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif;
  }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: inherit;
  }
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-bottom: 1rem;
  line-height: 1.45;
  letter-spacing: 1px;
  }
h1, .h1,h2, .h2,h3, .h3, h4, .h4,h5, .h5 ,h6, .h6{
  font-weight: bold;
  }
h1, .h1 {
  font-size: calc(1.3rem + 0.3vw);
  }
h2, .h2 {
  font-size: calc(1rem + 0.3vw);
  }
h3, .h3,h4, .h4 {
  font-size: calc(0.9rem + 0.3vw);
  }
h5, .h5 ,h6, .h6{
  font-size: calc(0.8rem + 0.3vw);
  }
p{
  line-height: 1.75;
}
table{
  border: 1px solid #ccc;
  border-collapse:  collapse;     /* セルの線を重ねる */
  }
table.table-borderless,
.table-borderless > :not(caption) > * > * {
    border-width: 0;
}
th,td {
  border: solid 1px;              /* 枠線指定 */
  }
.wp-block-table td,
.wp-block-table th {
  min-width:3em;
  padding: 6px 5px 6px 10px;
  border:1px solid #ccc;
  }
.wp-block-table th {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #e8eef8;
  }
/* スマホ　クリック時　線非表示 */
*:focus {
  outline: none;
  }
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
  word-break: break-all;
  }
.red{color: #B82E21}
.blue{color: #0057B0}
.white{color: #fff}
.black{color: #333}
.border{border: 1px solid #ccc!important}
.max-width992{
  max-width: 992px;
  margin-left: auto !important;
  margin-right: auto !important;
  }
/* --------------------------------------------------
*　Body Grid レイアウト
 ------------------------------------------------- */
#grid-wrap{
  display: grid;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  gap: 0px 0px;
  grid-template-areas:
  "header_area"
  "main_area"
  "bottom_space"
  "footer_area";
  grid-auto-columns: 1fr;
  grid-template-rows: 135px 1fr 0 auto;
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
}
#header_area {
  grid-area: header_area;
  }
#main_area {
  grid-area: main_area;
  }
#bottom_space {
  grid-area: bottom_space;
  }
#footer_area {
  grid-area: footer_area;
  }
/* --------------------------------------------------
*　ヘッダー　1列
 ------------------------------------------------- */
header#header_area > .row {
  margin: 0 auto;
  max-width: 1366px;
  width: min(100%, 1366px);
}
header#header_area aside ul {
  list-style: none;
  }
/* --------------------------------------------------
*　メインコンテンツ　1列
 ------------------------------------------------- */
.container-fluid section, .container-sm section, .container-md section, .container-lg section, .container-xl section, .container-xxl section {
  margin: 0 auto;
  width: 1366px;
  max-width: 100%;
  width: min(100%, 1366px);
  background: #fff;
  }
.container-fluid section article, .container-sm section article, .container-md section article, .container-lg section article, .container-xl section article, .container-xxl section article {
  margin: 0 auto;
  width: 1280px;
  max-width: 100%;
  width: min(100%, 1280px);
  background: #fff;
  }
/* --------------------------------------------------
*　メインコンテンツ（投稿記事）
 ------------------------------------------------- */
/* 共通 ------------------------------- */
article .entry_post{
  margin: 0 auto;
  max-width: 720px;
  width: min(100%, 720px);
  }
/* 記事内　画像 */
article .entry_post img{
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  }
/* --------------------------------------------------
*　タイトル
 ------------------------------------------------- */
/* 4点アイコン（展示室） */
article .entry_post .exhibit_ttl img,
article .entry_post .post_ttl img{
  width: 0.9em;
  height: auto;
  margin-right: 0.5em;
  vertical-align: baseline;
  }
/* カテゴリ一覧 タイトル --------------------- */
.entry_post .exhibit_ttl,
.entry_post .post_ttl{
  text-align: center;
  }
 /* ページ最初のタイトル 「上線」なし */
section article .entry_post >h2:nth-of-type(1){
  margin-top: 0;
  }
/* --------------------------------------------------
*　H2 見出し　共通
 ------------------------------------------------- */
article .entry_post h2:not(.has-text-color) ,
.ttl_block{
  background: #0057B0;
  color: #fff;
  margin-top: 3em;
  margin-bottom: 1.5em;
  padding: 0.75rem 0.5rem 0.75rem 1.25rem;
  font-weight: bold;
  }
/* --------------------------------------------------
*　H3 見出し　共通
 ------------------------------------------------- */
h3.ttl_arrow,
h3.ttl_line{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
  color: #0057B0;
  }
/* --------------------------------------------------
*　H3 見出し　▶︎矢印
    H5 見出し　▶︎カード内　展示室一覧
 ------------------------------------------------- */
h3.ttl_arrow{
  border-bottom: 1px dotted #0057B0;
  }
h3.ttl_arrow{
  position: relative;
  padding-left: 0.7em;
}
h3.ttl_arrow::before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.9;
  }
/* --------------------------------------------------
*　見出し　上下ライン
 ------------------------------------------------- */
h3.ttl_line{
  border-top: 1px solid #0057B0;
  border-bottom: 1px solid #0057B0;
  }
/* --------------------------------------------------
*　H3 見出し　通常（下線）
 ------------------------------------------------- */
h3.ttl_regular{
  margin-top: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  color: #222;
  border-bottom: 1px dotted #222;
  }
.wp-block-group.bg_box_gray .wp-block-group__inner-container > h3.ttl_regular,
.wp-block-group.bg_box_blue .wp-block-group__inner-container > h3.ttl_regular,
.wp-block-group.border_box .wp-block-group__inner-container > h3.ttl_regular{
  margin-top: 0;
  }
/* --------------------------------------------------
*　カード型
 ------------------------------------------------- */
 .card-title.ttl_arrow{
  margin-top: 0;
  padding-top: 0;
  }
 .card-title.ttl_arrow::before{
  top: 0;
  font-size: calc(0.9rem + 0.3vw);
  line-height: 1.5!important;
  }
/* --------------------------------------------------
*　ボックス（グレー背景）
 ------------------------------------------------- */
 /* 出展団体エリア */
.bg_box_gray{
  margin-top: 5rem;
  padding: 1.5rem 1.5rem 0.5rem;
  background: #f5f5f5 !important;
  }
/* --------------------------------------------------
*　ボックス（ブルー背景）
 ------------------------------------------------- */
.bg_box_blue{
  margin-top: 5rem;
  padding: 1.5rem 1.5rem 0.5rem;
  background: #F1F5FD !important;
  }
/* --------------------------------------------------
*　罫線ボックス
 ------------------------------------------------- */
.border_box{
  margin-top: 5rem;
  padding: 1.5rem 1.5rem 0.5rem;
  border: 1px solid #ccc;
  }
/* --------------------------------------------------
*　a 見出し　▶︎矢印
 ------------------------------------------------- */
ul.a_arrow_ul {
  padding-left: 0;
  }
ul.a_arrow_ul li{
  margin-bottom: 6px;
  }
ul.a_arrow_ul li,
.a_arrow{
  position: relative;
  padding-left: 1em;
  }
ul.a_arrow_ul li::before,
.a_arrow::before{
  position: relative;
  top:0;
  bottom: 0;
  left: 0;
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  margin-right: 5px;
  text-decoration: none;
  font-size: 1rem;
  color: #0057B0;
  }
ul.a_arrow_ul{
  list-style: none;
  }
/* --------------------------------------------------
*　リンク（ボタン）
 ------------------------------------------------- */
 /* ブロックタイプリンク */
 .a_block{
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  }
.a_block a,
.wp-block-button a{
  position: relative;
  width: min(100%, 340px);
  text-decoration: none;
  display: inline-block;
  background:#fff;
  border:2px solid #0057B0;
  color:#0057B0;
  padding: 0 2rem 0 0.5rem;
  text-align: center;
  outline: none;
  transition: ease .2s;
  border-radius: 2px;
  box-shadow: 4px 3px 0 0 #ccc;
  line-height: 1.5;
  font-weight: bold;
  min-height: 4rem;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  }
.wp-block-button a{ /* ワードプレススタイル */
  font-size: inherit !important;
  padding: 0 2rem 0 0.5rem;
  min-width: 160px;
}
.a_block a:hover,
.wp-block-button a:hover{
  background:#0057B0;
  color: #fff;
  border:2px solid #0057B0;
  box-shadow: 4px 3px 0 0 rgba(0, 0, 0, 0);
  }
/* 矢印が右に移動 */
.a_block a::after,
.wp-block-button a::after{
  content: '';
  position: absolute;
  top:42%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0057B0;
  border-right: 2px solid #0057B0;
  transform: rotate(45deg);
  transition: all .3s;
  }
/*hover時矢印移動*/
.a_block a:hover::after,
.wp-block-button a:hover::after{
  right: 15px;
  color: #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  }
.a_block.f-black a{
  color: inherit;
  }
.a_block.f-black:hover a{
  color: #fff;
  }
/* --------------------------------------------------
*　青ボタン（小）
 ------------------------------------------------- */
/* ボックスホバー */
.a_small_btn a{
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border: 1px solid #0057B0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 2px;
  color: #fff;
  background-color: #0057B0;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  }
.a_small_btn a:hover{
  color: #0057B0;
  border: 1px solid #0057B0;
  background: #fff;
  }
 /* --------------------------------------------------
*　ワードプレス　スタイル
 ------------------------------------------------- */
 /* ダウンロードボタン */
.wp-block-file .wp-block-file__button {
  position: relative;
  padding-right: 1.5rem !important;
  background: #0057B0;
  border-radius: 2px;
  color: #fff;
  padding: 0.5em 1em;
  border: 2px solid #fff;
  transition: all .3s;
  }
.wp-block-file .wp-block-file__button::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  transition: all .3s;
  margin-left: 8px;
  top: 0.5rem;
  right: 0.5rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  line-height: 0;
  }
.wp-block-file a.wp-block-file__button:hover{
  background: #fff;
  color: #0057B0;
  border: 2px solid #0057B0;
  }
.wp-block-file a.wp-block-file__button:hover::after {
  right: 8px;
  border-top: 2px solid #0057B0;
  border-right: 2px solid #0057B0;
  }
/* --------------------------------------------------
*　展示室紹介ページ
 ------------------------------------------------- */
section article .entry_post .exhibit_ttl,
section article .entry_post .post_ttl{
  text-align: center;
  margin-bottom: 2.5rem !important;
  }
/* テーマ名 */
section article .entry_post .exhibit_theme{
  margin-top: -1.5rem;
  display: block;
  text-align: center;
  }
/* えんぴつアイコン */
section article .entry_post .exhibit_theme img{
  width: 1em;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
  }
/* メインビジュアル枠 */
section article .entry_post .hero_image{
  margin-bottom: 2.5em;
  max-height: 405px;
  overflow: hidden;
  }
/* メインビジュアル */
section article .entry_post .hero_image img{
  object-fit: cover;
  width: 100%;
  }
/* 概要 */
section article .entry_post .exhibit_summary{
  background: none !important;
  margin-bottom: 4em;
  line-height: 2;
  }
section article .entry_post .exhibit_summary p{
  margin: 0 0 0;
  }
/* 展示物　画像一覧 */
.exhibit_area .wp-block-columns{
  margin-bottom: 0;
  }
 /* フロアマップ枠 */
section article .entry_post .img_floor_map{
  margin-top: 5rem;
  padding: 1em;
  background: #e8eef8 !important;
  }
/* フロアマップ枠 */
section article .entry_post .img_floor_map .wp-block-image{
  margin: 0 0 0;
  }
/* --------------------------------------------------
*　カテゴリ一覧ページ
 ------------------------------------------------- */
/* 画像 16:9 アスペクト比 */
body.category-27 .exhibit_list{
  margin-top: 2rem;
  }
body.category-27 .exhibit_list .card{
border: 1px solid #ccc;
border-radius: 2px;
}
body.category-27 .exhibit_list .card-body h3{
margin-bottom: 1rem;
}
body.category-27 .exhibit_list .card-body p.card-text{
margin-bottom: 0.5rem
}
body.category-27 .exhibit_list .card .col-md-5 img{
  object-fit: cover;
  height: 100%;
  }

/* ボックスホバー */
body.category-27 .exhibit_list .card:hover {
  background: #f5f5f5;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  }
/* リンクボタン */
body.category-27 .exhibit_list .card a{
  border: 1px solid #0057B0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 2px;
  }
body.category-27 .exhibit_list .card:hover a{
  color: #0057B0;
  border: 1px solid #0057B0;
  background: #fff;
  }

@media screen and (min-width: 992px) {
html,body{
  scroll-padding-top:135px;
  }
a[href^="tel:"] {
	pointer-events: none;
  color: initial;
  text-decoration: none;
}
}/* end PC 992 */
@media screen and (max-width: 991px) {
html,body{
  scroll-padding-top:101px;
  }
/* --------------------------------------------------
*　Body Grid レイアウト
 ------------------------------------------------- */
#grid-wrap {
  grid-template-rows: 60px 1fr 0 auto;
  }
/* --------------------------------------------------
*　H2 見出し　共通
 ------------------------------------------------- */
.ttl_block{
  margin-top: 3em;
  margin-bottom: 1.5em;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  font-size: 1.1rem;
  }
/* --------------------------------------------------
*　プラグイン　lightbox
 ------------------------------------------------- */
#lightbox{
  left: 50% !important;
  transform: translateX(-50%);
  }
#hoverNav a{
  height: 100% !important;
  }
#outerImageContainer {
  width:96% !important;
  /* height: auto !important; */
  }
#imageDataContainer {
  width: 96% !important;
  height: auto !important;
  }
 }/* end SP 991 */
/* --------------------------------------------------
* サイドメニュー
 ------------------------------------------------- */
/* ヘッダー*/
header{
  position: fixed;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 300;
  }
.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-dropdown > a:after,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
/* サイドメニュー 表示 [430px] */
.page-wrapper.toggled .sidebar-wrapper {
	left: 0px;
	}
@media screen and (min-width: 992px) {
.page-wrapper.toggled .page-content {
  padding-top: 1rem;
  }
}/* end 992 */

/* サイドメニュ（タイトル） [ + ]ボタン  */
#show-sidebar {
	position: fixed;
	left: 0;
	top: 60px;
	border-radius: 0 2px 2px 0px;
	width: 40px;
	height: 40px;
	transition-delay: 0.3s;
	color: #ffffff;
	background: #0057B0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	}
/* サイドメニュ（タイトル） [ + ]ボタン 隠す  */
.page-wrapper.toggled #show-sidebar {
	left: -40px;
	}
/* サイドメニュ（タイトル）エリア [ X ]ボタン  */
.sidebar-wrapper .sidebar-tittle #close-sidebar {
	cursor: pointer;
	height: 30px;
	width: 30px;
	background:  var(--white);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 2px;
	}
.sidebar-wrapper .sidebar-tittle #close-sidebar i.fas{
	color:  #0057B0;
	}
/* サイドメニュー枠 */
.sidebar-wrapper {
	width: 430px;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	position: fixed;
	top: 60px;
	left: -100%;
	z-index: 99;
	}
.sidebar-wrapper ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
.sidebar-wrapper a {
	text-decoration: none;
	}
/* ★サイドメニュー コンテンツ枠 */
.sidebar-content {
	max-height: 100%;
	height: 100%;
	overflow-y: auto;
	position: relative;
	}
/* 見出し（タイトル）エリア*/
.sidebar-wrapper .sidebar-tittle {
	padding: 13px 20px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	background: #0057B0;
	}
.sidebar-wrapper .sidebar-tittle > h4 {
  margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	flex-grow: 1;
	}
.sidebar-wrapper .sidebar-tittle > h4 *{
	color: #fff;
	}
/* サイドメニュー枠*/
.sidebar-wrapper .sidebar-menu {
	padding-bottom: 70px;
	}
.sidebar-wrapper .sidebar-menu > ul{
	margin: 0 20px;
	}
/* リンク全般 */
.sidebar-wrapper .sidebar-menu ul li a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	position: relative;
	padding: 10px 30px 10px 5px;
	box-sizing: border-box;
	font-size: 1rem;
	}
/* フォントサズ */
.sidebar-wrapper .sidebar-menu ul li a{
	font-size: 1rem;
	}
/*[+] ドロップダウンアイコン  */
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0fe";
	font-style: normal;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	text-align: center;
	background: 0 0;
	position: absolute;
	right: 5px;
	top: 14px;
	color: #0057B0;
	font-size: 1.4rem;
	}
/* [ー] ドロップダウンアイコン  */
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
	content: "\f146";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	}
/* [>] アイコン */
.sidebar-wrapper .sidebar-menu .single-link a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sub-menu li a:after {
	position: absolute;
  top:0.9rem;
	right: 5px;
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #0057B0;
	font-size: 1rem;
	}
/* 第 2 階層 枠 */
.sidebar-wrapper .sidebar-menu .sub-menu {
	display: none;
	padding-left: 15px;
	}
/* 第 2 階層 線 */
.sidebar-wrapper .sidebar-menu .sub-menu li a{
	border-bottom: 1px dotted #999;
	}
/* 第 1 階層 線 */
.sidebar-wrapper .sidebar-menu li.single-link > a,
.sidebar-wrapper .sidebar-menu li.sidebar-dropdown > a{
	border-bottom: 1px solid #bbb;
	padding-top: 15px;
	padding-bottom: 15px;
	}
/* ページコンテナー =================*/
.page-wrapper .page-content {
	display: inline-block;
	width: 100%;
  padding-bottom: 8rem;
	}
.page-wrapper .page-content > section {
	padding: 0 min(6%, 50px);
	}
.page-wrapper .page-content {
	overflow-x: hidden;
	}
/* ↑ページコンテナー =================*/

/* サイドナビ 背景 */
.chiller-theme .sidebar-wrapper {
	background: #e8eef8;
	}
/*文字色 */
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a {
	color: inherit;
	}
/*文字色：ホバー */
.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a{
	background:  #d3def1;
	}
/* メニュー[ X ]ボタン色  */
.page-wrapper.chiller-theme.toggled #close-sidebar,
.page-wrapper.chiller-theme.toggled #close-sidebar .fa-times:before {
	color: #ffffff;
	}

 /* ページコンテナー =================*/
 @media screen and (max-width: 991px) {
.page-wrapper .page-content {
  padding-bottom: 6rem;
	}
.page-wrapper .page-content > section {
	padding: 0 0.25rem;
	}
}/* end SP */

/* -PC --------------------- */
@media screen and (min-width: 992px) {
	#show-sidebar,
	#close-sidebar{
	display: none !important;
	}
/* Gridレイアウト */
.main_container {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-template-rows: 1fr;
	grid-template-columns: minmax(30%, 420px) 1fr;
	grid-auto-rows: 1fr;
	gap: 0px 0px;
	grid-auto-flow: row;
	grid-template-areas:"sidebar-wrapper page-content";
	width: 100%;
	max-width: 1366px;
	height: 100%;
	margin: 0 auto;
	}
	aside.sidebar-wrapper { grid-area: sidebar-wrapper;}
	.page-content { 	grid-area: page-content;}
/* サイドメニュー枠 */
.sidebar-wrapper {
	width: minmax(30%, 420px) ;
	max-width: 420px;
	height: auto;
	max-height: auto;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 135px;
	left: 0;
	z-index: 100;
	}
.bg_nav{
	background: #e8eef8;
	}
.sidebar-tittle{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 200;
	}
/* ヘッダー */
header{
  height: 135px;
  }
 /* ヘッダーロゴ */
header img.logo{
 position: relative;
 top:10px;
 z-index: 1001;
}
/* 上部 SNS 入館予約　文字色 */
header aside:nth-of-type(1){
  gap:20px;
  }
header aside:nth-of-type(1) *{
  color: #222;
  text-decoration: none;
  }
header aside:nth-of-type(1) a:hover{
  color: #0057B0;
  }
/* SNS */
#sns a .fab{
font-size: 1.25rem;
color: #555;
  }
#sns a .fab:hover{
  color: #0057B0;
  }
/* 入館予約 */
#yoyaku_cal{
  border: 1px solid #222;
  }
#yoyaku_cal:hover{
  border: 1px solid #0057B0;
  }
#nav_inquiry{
  border: none;
}
}/* end PC 992 */

/* --------------------------------------------------
*　フッター
 ------------------------------------------------- */
#footer_area > section article .row *{
  color: #fff;
  }
footer .sitemap{
  background: #0057B0;
  }
footer .sitemap article .row.container-fluid{
  gap:1em;
  }
footer .sitemap article .row.container-fluid h6+ul li{
  margin-top: 10px;
  line-height: 1.4;
  }
footer .sitemap a{
  text-decoration: none;
  font-size: 0.94rem;
  }
footer .bland{
  background: #fff;
  }
footer .sitemap h6,
footer .bland p{
  font-size: 1rem;
  padding-bottom: 3px;
  }
footer .copyright{
  background: #efefef;
  font-size: 0.8rem;
  }
footer article{
  margin: 0 auto;
  width: 1366px;
  max-width: 100%;
  width: min(100%, 1366px);
  }
footer article *{
  margin-bottom: 0;
  padding-bottom: 0;
  }
@media screen and (max-width: 991px) {
footer .sitemap article .row.container-fluid{
  gap:0.4em;
  }
footer .bland img{
  width: 200px;
  height: auto;
  margin-bottom: 10px;
  }
footer .sitemap h6{
  min-width: 8.5em;
  font-size: 0.9rem;
  vertical-align: sub;
  }
footer .sitemap .col-md.d-flex.d-md-block{
  margin-top: 1.5rem
  }
footer .sitemap article .row.container-fluid h6+ul li{
  margin-top: 10px;
  line-height: 1;
  }
footer .sitemap .sp_list li{
  border-right: 1px solid rgba(232, 238, 248, 0.6);
  }
footer .sitemap .sp_list l:last-childi{
  border-right: none;
  }
footer .sitemap .sp_list a{
  line-height: 1;
  font-size: 0.9rem;
  }
}/* end SP */

/* サイドメニュー */
 @media screen and (max-width: 991px) {
#header_area{
  border-bottom: 1px solid #eee;
  }
/* サブ メニュー[ X ]ボタン色  */
.page-wrapper.chiller-theme.toggled #close-sidebar {
color: #ffffff;
position: absolute;
top: 13px;
right: 20px;
}
/* サイドメニュー枠 */
.sidebar-wrapper {
  width: 100%;
  }
.navbar-toggler {
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 5px;
  font-size: unset;
  line-height: 1;
  background-color: #0057B0;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: box-shadow none;
  }
.navbar-toggler-icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: auto 30px;
  background-image: url(/image/icon/sp_menu.svg);
  height: 40px;
  width: 40px;
  }
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
  }
}/* end SP 991px  */

/* --------------------------------------------------
*　メガメニュー/グローバルメニュー
 ------------------------------------------------- */
.navbar-dark .navbar-nav .nav-link {
  color: inherit;
  }
#mega_nav a.nav-link:hover{
  color: #0057B0;
  }
 @media screen and (min-width: 992px) {
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 10px;
  }
.navbar-nav {
  gap: 1.9rem;
  }
.navbar-expand-lg .navbar-collapse {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  }
/* ホバー */
.dropdown:hover>.dropdown-menu {
  display: block;
  }
}/* end 992px  */

 @media screen and (min-width: 992px) {
.mega_nav_container{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  }
#mega_nav .dropup, #mega_nav .dropend, #mega_nav .dropdown, #mega_nav .dropstart {
  position: static;
  }
#mega_nav .mega_nav_contents{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  margin:5px 0 0 !important;
  font-size: 1rem;
  color: inherit;
  list-style: none;
  background-color: #0057B0;
  background-clip: padding-box;
  border: none;
  border-radius:0;
  text-align: center;
  }
#mega_nav .mega_nav_contents a{
  display: inline-block;
  width: auto;
  padding: 5px 1rem;
  clear: both;
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 0.9em;
  }
#mega_nav a.nav-link{
  padding: 0;
  font-weight: bold;
  }
  /* タブレット横用 */
 @media screen and (max-width: 991px) {

 }/* end */
#mega_nav .mega_nav_contents a:hover {
  text-decoration: underline;
  }
#mega_nav .mega_nav_contents a::before {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  vertical-align: baseline;
  margin-bottom: 1px;
  padding-left: 5px;
  }
/* ①メニューボタンのスタイル */
#mega_nav {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  }
#mega_nav .mega_nav_list {
  width:auto;
  }
.mega_nav .mega_nav_list > a {
  display: block;
  text-align: center;
  }
#mega_nav .mega_nav_list > a:hover {
  color: #0057B0;
  }
/* ②メガメニューのスタイル */
.mega_nav_contents {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  }
.mega_nav_contents li a {
  color: #fff !important;
  float: left;
  }
.mega_nav_contents a{
  color: #fff !important;
  }
/*▼ドロップダウン名ニュー */
li.nav-item .dropdown-toggle::after{
  border-top: 0.4em solid !important;
  color: #0057B0;
  }
}/* end 992px  */

@media screen and (max-width: 991px) {
/* ヘッダーロゴ */
header img.logo{
  width: 42vw;
  height: auto;
  max-width: 234px;
  }
.navbar {
  position: fixed;
  padding-top: 0;
  padding-bottom: 0;
  overflow-y: scroll; /* メニュー中スクロール対応 */
  -webkit-align-items: flex-start;
  align-items: flex-start;
  }
  .sp_head_link{
padding-top: 6px;
  }
 .sp_head_link a{
  padding-left: 15px;
  color: #fff;
  text-decoration: none;
  }
 .sp_head_link a:before{
   position: relative;
  display: inline-block;
  content: "";
  padding-left: 5px;
  border-right: 0;
  border-top: 0.3em solid transparent;
  border-left: .3em solid;
  border-bottom: 0.3em solid transparent;
  }
 /* [JS]スマホ時メニュー中スクロール対応 */
.h100 {
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  }
.mega_nav_container{
  background: #0057B0;
  padding-bottom: 60px;
  }
#mega_nav a.nav-link:hover {
  color: #fff;
  }
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  padding: 0.5rem 1rem;
  }
li.nav-item{
  padding:10px 0;
  border-bottom: 1px solid #ccc;
  }
li.nav-item .dropdown-menu{
  padding:1rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  border:none;
  border-radius: 0;
  background: #e8eef8;
  }
li.nav-item a.dropdown-item{
  border-bottom: 1px dotted #bbb;
  padding: 0.5rem 1rem;
  transition: .3s;
  }
li.nav-item a.dropdown-item:last-child{
  border-bottom: none;
  }
/* [+]サイドメニュー　ボタン */
#show-sidebar{
  z-index: 99;
  }
/*▼ドロップダウン名ニュー */
li.nav-item .dropdown-toggle::after{
  position: absolute;
  right: 20px;
  top: 1.5em;
  border-top: 0.4em solid !important;
  }
}/* end SP 991px  */

/* --------------------------------------------------
*　ページトップ
 ------------------------------------------------- */
#page_top{
  position: fixed;
  right: 10px;
  bottom: 20px;
  opacity: 0.6;
  background: #fff;
  border: 1px solid #777;
  }
#page_top a{
  position: relative;
  display: block;
  padding: 2px;
  text-decoration: none;
  }
#page_top a .bi-chevron-up{
  width: 30px;
  height: 30px;
  color: #222;
  }
 @media screen and (min-width: 992px) {
#page_top{
  right: 20px;
  bottom: 50px;
  }
#page_top a{
  padding: 5px;
  }
#page_top a .bi-chevron-up{
  width: 36px;
  height: 36px;
  }
}/* end PC 992px  */

/* --------------------------------------------------
*　イベント・お知らせ ページ
 ------------------------------------------------- */
/* bootstrap ナビ ドロップダウン フェード */
.dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  }
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* --------------------------------------------------
*　お知らせ アーカイブページ（category-info）
 ------------------------------------------------- */
.archive_list{
  padding-bottom: 1em;
  border-bottom: 1px dotted #bbb;
  }
.archive_list >dt{
  min-width: 40%;
  }
.archive_list .date{
  margin-right: 1rem;
  font-weight: normal;
  font-size: 0.9rem;
  min-width: 7rem;
  }
.archive_list .cat{

  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1;
  min-width: 10rem;
  display: inline-block;
  text-align: center;
  }
.archive_list .cat a{
   padding: 0.2rem 0.5rem;
  border: 1px solid #ccc;
  display: block;
  }
.archive_list >dd a{
  color: inherit;
  }
/* --------------------------------------------------
*　お知らせ アーカイブページ（single-default）
 ------------------------------------------------- */
body.categoryid-24 main >.container-fluid:nth-of-type(1),
body.categoryid-25 main >.container-fluid:nth-of-type(1),
body.categoryid-140 main >.container-fluid:nth-of-type(1),
body.single-xo_event main >.container-fluid:nth-of-type(1),
body.page main >.container-fluid:nth-of-type(1),
body.post-type-archive-xo_event main >.container-fluid:nth-of-type(1){
  padding: 0 !important;
  background: #f5f5f5;
  }
body.categoryid-24 main >.container-fluid .page-content,
body.categoryid-25 main >.container-fluid .page-content,
body.categoryid-140 main >.container-fluid .page-content,
body.single-xo_event main >.container-fluid .page-content,
body.page main >.container-fluid .page-content,
body.post-type-archive-xo_event main >.container-fluid .page-content{
  padding: 0 !important;
  }
body.categoryid-24 main >.container-fluid .page-content .entry_post,
body.categoryid-25 main >.container-fluid .page-content .entry_post,
body.categoryid-140 main >.container-fluid .page-content .entry_post,
body.single-xo_event main >.container-fluid .page-content .entry_post,
body.page main >.container-fluid .page-content .entry_post,
body.post-type-archive-xo_event main >.container-fluid .page-content .entry_post{
  padding-top: 1rem;
  padding-bottom: 4rem;
  }
 @media screen and (max-width: 991px) {
body.categoryid-24 main >.container-fluid .page-content .entry_post,
body.categoryid-25 main >.container-fluid .page-content .entry_post,
body.categoryid-140 main >.container-fluid .page-content .entry_post,
body.single-xo_event main >.container-fluid .page-content .entry_post,
body.page main >.container-fluid .page-content .entry_post,
body.post-type-archive-xo_event main >.container-fluid .page-content .entry_post{
  padding: 0 1rem 4rem;
  }
}/* end SP 991px  */

/* --------------------------------------------------
*　イベント　カレンダー
 ------------------------------------------------- */
/* カレンダー */
.xo-event-calendar table.xo-month {
	height: 100% !important;
	width: 100% !important;
	}
.xo-months{
  gap:20px;
  }
.xo-months .xo-month-wrap{
  margin-top: 2rem;
  }
/* オリジナル判例 削除（定休日） */
.xo-event-calendar p.holiday-title{
display: none;
}
@media screen and (min-width: 992px) {
/* カレンダー */
.xo-months{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  }
/* main.js <br>追加記述 */
div.holiday-titles{
  margin-top: 2rem;
  }
/* 開催日 */
.xo-event-meta-details .xo-event-meta{
  margin-bottom: 3rem !important;
  }
/* --------------------------------------------------
    イベントアーカイブ（カレンダー）
*　archive-xo_event.php
 ------------------------------------------------- */
body.post-type-archive-xo_event .xo-months{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px 20px;
  }
body.archive.post-type-archive-xo_event article .entry_post{
  margin: 0 auto;
  max-width: 100%;
  width: min(100%, 1224px);
  }
body.archive.post-type-archive-xo_event .xo-month-wrap {
  width: calc(50% - 20px);
  }
}/* end 992px */

/* リンク　セル */
.xo-event-calendar table.xo-month .month-event a{
	text-decoration: none !important
	}
/* イベント　文字 */
.xo-event-calendar table.xo-month .month-event a span{
	color: #fff !important;
	border-radius: 0;
	}
/* 日曜日 */
div#xo-event-calendar-1 table.month-dayname tr.dayname td:first-of-type{
	color: #f33838;
	background: #ffeff5;
	}
/* 土曜日 */
div#xo-event-calendar-1 table.month-dayname tr.dayname td:last-of-type{
	color: #0057B0;
	background: #f0f5fe;
	}
/* 今日 */
.xo-event-calendar table.xo-month .month-dayname td div.today {
	color: #04a70a;
	font-weight: bold;
	background: #eaf9c9;
	}
/* --------------------------------------------------
*　イベントページ（single-event）
 ------------------------------------------------- */
.xo-event-meta-details{
  padding: 0;
  line-height: 2;
  }
/* 開催日 */
.xo-event-meta-details .xo-event-meta{
  padding: 0;
  margin-bottom: 2rem;
  text-align: right;
  }
/* カテゴリ非表示 */
.xo-event-meta .xo-event-category{
  display: none !important;
  }

/* --------------------------------------------------
*　イベントアーカイブ（taxonomy-xo_event_cat-events）
 ------------------------------------------------- */
dl.entry_list{
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px dotted #bbb;
  margin-bottom: 0;
  }
dl.entry_list dt{
  font-weight: normal;
  min-width:8rem;
  font-size: 0.9rem;
  }
dl.entry_list dd{
  color: inherit;
  }
dl.entry_list dd a .date_event{
  margin-top: 6px;
  text-decoration: none;
  display: inline-block;
  color: initial;
  font-size: 0.9rem;
  }
  /* --------------------------------------------------
*　トップページ＜スライダー＞
 ------------------------------------------------- */
#slider section{
  max-width: 100%;
  }
/* 画像枠 */
.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
  background:#fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  transition-property: transform;
  }
/* ＞＜矢印 */
.swiper-button-next, .swiper-button-prev{
  color: #eee !important;
  top: 42% !important;
  }
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 2rem !important;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem 1rem !important;
  }
/* ページネーション */
.swiper-pagination-fraction {
  bottom: 0 !important;
  color: #555;
  font-size: 0.8rem;
  }
span.swiper-pagination-current,
span.swiper-pagination-total {
  background: #eee;
  width: 1.4rem;
  display: inline-block;
  border-radius: 10px;
  }
/* 画像枠 */
.swiper-slide{
  position: relative;
  }
.swiper-slide figure{
  padding: 0;
  margin: 0;
  }
.swiper-slide figcaption{
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  }
.swiper-slide figcaption h3,
.swiper-slide figcaption p{
  margin: 0;
  padding: 0;
  text-align: left;
  }
@media screen and (min-width: 992px) {
.swiper {
  width: 100%;
  max-width: 100%;
  height:100%;
  padding-bottom: 1.7rem !important;
  }
.swiper-wrapper{
  width: 872px !important;
  height: auto;
  }
/* 画像枠 */
.swiper-slide {
  /* flex-shrink: 1 !important; */
  }
.swiper-slide img {
  display: block;
  object-fit: contain;
  }
/* キャプション */
.swiper-slide figcaption{
  padding-left: 2rem;
  padding-right: 1.5rem;
  bottom: 2rem;
  width: 62%;
  min-height: 42%;
  }
.swiper-slide figcaption h3{
  font-size: 1.5rem;
  margin-bottom: 1rem;
  }
.swiper-slide figcaption p{
  font-size: 1rem;
  }
}/* end PC 992px  */

@media screen and (max-width: 991px) {
/* 画像枠 */
.swiper-slide {
  flex-shrink: 0 !important;
  }
.swiper {
  width: 100%;
  padding-bottom: 1.5rem !important;
  }
.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  }
.swiper-slide figcaption{
  padding-left: 1rem;
  padding-right: 1rem;
  bottom: 0;
  width: 100%;
  min-height: 40%;
  }
.swiper-slide figcaption h3{
  bottom: 0;
  width: 100%;
  min-height: 40%;
  font-size: 1rem;
  }
.swiper-slide figcaption p{
  font-size: 0.9rem;
  }
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 2rem !important;
}
}/* end SP 991px  */

 /* --------------------------------------------------
*　トップページ
 ------------------------------------------------- */
 body.home main#main_area > .container-fluid{
padding: 0;
 }
#todays_event section,#todays_event article,
#exhibitFloor section,#exhibitFloor article,
#program section,#program article{
  background: none !important;
  }
#exhibitFloor h2,
#program h2{
letter-spacing: 1rem;
}
/* --------------------------------------------------
*　開館時間／休館日
 ------------------------------------------------- */
 #openclose article{
   padding-left: 0;
   padding-right: 0;
  background: none !important;
  }
 #openclose article .a_block a{
  position: relative;
  width: min(100%, 240px);
  padding: 0 2rem 0 0.5rem;
  line-height: 1;
  font-weight: bold;
  min-height: 56px;
  }
 #open h3{
  width: min(100%, 240px);
  background: #0057B0;
  color: #fff;
  font-size: 1em;
  letter-spacing: 2px;
 border-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
  }
  #open p{
  color: #0057B0;
  }
  #closed .close_txt{
  width: 100%;
  background: #888888;
  color: #fff;
  min-height:60px;
    letter-spacing: 2px;
  border-radius: 2px;
  font-weight: bold;
  }

/* --------------------------------------------------
*　本日のイベント
 ------------------------------------------------- */
#todays_event{
  position: relative;
  background: #0057B0;
  }
#todays_event h2{
  color: #fff;
  line-height: 2;
  }
#todays_event a{
  color: #fff;
  text-decoration: none;
  }
#todays_event a:hover{
  text-decoration: underline;
}
/* 日付、タイトル */
#todays_event span{
  display: block;
}
/* 一覧 */
ul.todays_event_list{
  list-style-type: none;
  color: #fff;
  }
ul.todays_event_list li{
  position: relative;
  padding-left: calc(16px + 1rem);
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  border-top: 1px dotted #628be9;
  }
ul.todays_event_list li:before{
  position: absolute;
  top: 30%;
  bottom: 0;
  left: 0;
  content: '';
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url(/image/icon/icon_square.svg);
  background-repeat: no-repeat;
  }
ul.todays_event_list li a{
  text-align: justify;
  text-justify: inter-ideograph;
  }
#todays_event ul.list-unstyled li a{
  position: relative;
}
#todays_event ul.list-unstyled li a::after {
  display: block;
  content: '';
  position: absolute;
  top: 42%;
  right: -17px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transition: all .3s;
  }
#todays_event ul.list-unstyled li a:hover::after {
  right: -22px;
  color: #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  }
/* --------------------------------------------------
*　カレンダー
 ------------------------------------------------- */
#event_cal .hanrei{
  display: block;
 line-height: 0;
 padding-left: 0.75rem;
}
#event_cal .hanrei:before{
  position: relative;
      top: 2px;
    content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #888;
  margin-right: 10px;
}
/* --------------------------------------------------
*　トップページ＜お知らせ＞
 ------------------------------------------------- */
 #information{
  background: #ccc;
  }
/* 大切なお知らせ */
 .ttl_info_important{
  border-top: 3px solid #B82E21;
  border-bottom: 1px solid #B82E21;
  }
#information .a_block{
  margin: 0.5rem auto;
  }
#information .a_block a.d-flex{
  width: auto;
  padding: 0.7rem 1rem;
  min-height: 4.6rem;
  height: auto;
  color: inherit;
  border: 1px solid #333;
  text-decoration: underline;
  font-weight: bold;
  text-align: left;
 box-shadow: 2px 3px 0 0 #ccc;
  }
#information .a_block a.d-flex:hover{
  color: #fff;
  }
#information .a_block a.d-flex:after{
  content: none;
  }
/* 館からのお知らせ、今後のイベント、展示に関するお知らせ */
#information .nav-item{
  padding: 0;
  }
/* タブ */
#information .nav-item.tab1 a{
  border: 1px solid #008053;
  border-top: 3px solid #008053;
  border-bottom: none;
   color: #008053;
}
#information .nav-item.tab2 a{
  border: 1px solid #0057B0;
  border-top: 3px solid #0057B0;
  border-bottom: none;
  color: #0057B0;
  }
#information .nav-item.tab3 a{
  border: 1px solid #674A95;
  border-top: 3px solid #674A95;
  border-bottom: none;
  color: #674A95;
  }
#information .nav-item a.nav-link{
  font-weight: bold;
  border-top-left-radius: 0.15rem;
  border-top-right-radius: 0.15rem;
  }
/* タブ　ホバー */
#information .nav-item.tab1 a.active{
  background: #008053;
  color: #fff;
  }
#information .nav-item.tab2 a.active{
  background: #0057B0;
  color: #fff;
  }
#information .nav-item.tab3 a.active{
  background: #674A95;
  color: #fff;
  }
/* タブ内コンテンツ */
.nav-tabs {
  border-bottom: 1px solid #333;
  }
.tab-content a{
  text-decoration: none;
  color: inherit;
  }
.tab-content a:hover dd{
  text-decoration: underline;
  color: #0057B0;
  }
.tab-content .info:not(.is-hidden){
  padding-top: 1em;
  border-top: 1px dotted #bbb;
  }
.tab-content .info:first-child{
  border-top: none;
  }
.tab-content dl dt,
.tab-content dl dd{
  margin-bottom: 0;
  }
.tab-content .info .date{
  margin-right: 3vw;
  font-weight: normal;
  font-size: 0.9rem;
  }
.tab-content .info .cat{
  padding: 0.2rem 1rem;
  border: 1px solid #ccc;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1;
  min-width: 5.7rem;
  display: inline-block;
  text-align: center;
  }
.tab-content #tab1 .info .cat{
  color: #008053;
  }
.tab-content #tab2 .info .cat{
  color: #0057B0;
  }
.tab-content #tab3 .info .cat{
  color: #674A95;
  }
/* もっと見る */
.tab-pane .list .info{
  opacity: 1;
  }
.tab-pane .list .is-hidden {
  opacity: 0;
  height: 0;
  margin: 0;
  }
.tab-pane .list-btn,
.tab-pane .event_list-btn{
  margin-top: 20px;
  }
.tab-pane .list-btn.is-btn-hidden{
  display:none;
  }
.tab-pane .list-btn button,
.tab-pane .event_list-btn button{
  position: relative;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  padding-right: 1.6rem;
  padding-left: 1rem;
  height: 2.5rem;
  line-height: 1;
  border-radius: 2px;
  }
/* 矢印 */
.tab-pane .list-btn button::after,
.tab-pane .event_list-btn button::after{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  transition: all .3s;
  margin-left: 8px;
  }
/* 矢印　▼ */
#tab1.tab-pane .list-btn button::after,
#tab2.tab-pane .list-btn button::after,
#tab3.tab-pane .list-btn button::after{
  top:30%;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  }
#tab2.tab-pane .event_list-btn button::after{
  top:40%;
  right: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  }
#tab1.tab-pane .list-btn button:hover::after{
  border-bottom: 2px solid #008053;
  border-right: 2px solid #008053;
  margin-top: 4px;
  }
#tab2.tab-pane .list-btn button:hover::after{
  border-bottom: 2px solid #0057B0;
  border-right: 2px solid #0057B0;
  margin-top: 4px;
  }
#tab3.tab-pane .list-btn button:hover::after{
  border-bottom: 2px solid #674A95;
  border-right: 2px solid #674A95;
  margin-top: 4px;
  }
#tab2.tab-pane .event_list-btn button:hover::after{
  right: 8px;
  border-top: 2px solid #0057B0;
  border-right: 2px solid #0057B0;
  }
/* ボタン＜緑＞ */
#tab1.tab-pane .list-btn button {
  border: 2px solid #008053;
  background-color: #008053;
  color:#fff;
  transition: all .3s;
  }
 /* ボタン＜緑＞ホバー */
#tab1.tab-pane .list-btn button:hover{
  background-color: #fff;
  color:#008053;
  }
/* ボタン＜青＞ */
#tab2.tab-pane .list-btn button,
#tab2.tab-pane .event_list-btn button{
  border: 2px solid #0057B0;
  background-color: #0057B0;
  color:#fff;
  transition: all .3s;
  }
 /* ボタン＜青＞ホバー */
#tab2.tab-pane .list-btn button:hover,
#tab2.tab-pane .event_list-btn button:hover{
  background-color: #fff;
  color:#0057B0;
  }
 /* ボタン＜紫＞ */
#tab3.tab-pane .list-btn button {
  border: 2px solid #674A95;
  background-color: #674A95;
  color:#fff;
  transition: all .3s;
  }
 /* ボタン＜緑＞ホバー */
#tab3.tab-pane .list-btn button:hover{
  background-color: #fff;
  color:#674A95;
  }

/* --------------------------------------------------
*　トップページ＜展示室紹介 ＞
 ------------------------------------------------- */
#exhibitFloor{
  background: url(/image/top/bg_grid.png);
  background-repeat: repeat;
  }
.exhibitFloor_item{
  max-width: 628px;
  margin: 0;
  display: block;
  position: relative;
  }
.exhibitFloor_item img {
  transition: -webkit-clip-path 0.25s ease-out;
  transition: clip-path 0.25s ease-out;
  transition: clip-path 0.25s ease-out, -webkit-clip-path 0.25s ease-out;
  -webkit-clip-path: inset(-0px);
             clip-path: inset(-0px);
}
.exhibitFloor_item:hover img{
  -webkit-clip-path: inset(1.15rem);
             clip-path: inset(1.15rem);
}

/* --------------------------------------------------
*　トップページ＜開催中のワークショップ ＞
 ------------------------------------------------- */
#program{
  position: relative;
  background-color: #906FC4;
  padding-bottom: 0;
  }
#program:after{
  position: absolute;
  content: "";
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 10px;
  background: linear-gradient( -45deg,
  #fff 25%, #CCC4DF 25%,
  #CCC4DF 50%, #fff 50%,
  #fff 75%, #CCC4DF 75%,
  #CCC4DF );
  background-size: 20px 20px;
  bottom: -10px;
  left: 0;
  opacity: 0.6;
  }
#program article:before{
  position: absolute;
  top: 0;
  content: "";
  display: inline-block;
  max-width: 100%;
  width: 1280px;
  height: 255px;
  opacity: 0.25;
  background: url(/image/top/bg_program_pc.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  }
#program .border_stripe{
  background: linear-gradient( -45deg,
  #fff 25%, #CCC4DF 25%,
  #CCC4DF 50%, #fff 50%,
  #fff 75%, #CCC4DF 75%,
  #CCC4DF );
  background-size: 20px 20px;
  }
 #program h2{
  letter-spacing: 2px;
  }
#program .border_stripe a{
  color: inherit;
  text-decoration: none;
  }
#program dl{
  margin: 0 0 0 5px;
  background: #fff;
  box-shadow: 4px 3px 0 0 #555;
  border-top: 1px solid #ccc4df;
  }
/* ホバー */
#program dl:hover dt,
#program dl:hover dd{
  background: #7d59b5 !important;
  color: #fff !important;
  transition: all .4s;
  }
#program dl dt h3{
  color: #674A95;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0;
  }
#program dl dd{
  background: #F9F8FC;
  line-height: 1.75;
  }
#program dl:hover dt h3{
  color: #fff;
  transition: all .4s;
  }
/* 矢印が右に移動 */
.border_stripe a dl dt p span{
  position: relative;
  text-decoration: underline;
  }
.border_stripe a dl dt p span::after{
  content: '';
  position: absolute;
  bottom: 0.2rem;
  width: 8px;
  height: 8px;
  border-top: 2px solid #674A95;
  border-right: 2px solid #674A95;
  transform: rotate(45deg);
  margin-left: 5px;
  }
/*hover時矢印移動*/
.border_stripe a dl:hover dt p span::after{
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-left: 10px;
  transition: all .3s;

  }
/* フロアマップ */
#program .a_block a{
  position: relative;
  width: min(100%, 340px);
  padding: 0 2rem 0 0.5rem;
  box-shadow: 4px 3px 0 0 #555;
  }
/* --------------------------------------------------
*　トップページ＜リンクエリア＞
 ------------------------------------------------- */
#top_linkarea .a_block a.d-flex{
  height: 5.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem 0 0.5rem;
  /* line-height: 2; */
  }
#top_linkarea .a_block a::after {
  right: 12px;
  }
/* --------------------------------------------------
*　トップページ＜外観 ＞
 ------------------------------------------------- */
.outside{
  background: url(/image/top/science_museum.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
  }
.outside img {
  display: none;
  }

 @media screen and (min-width: 992px) {
/* 本日のイベント一覧 */
#todays_event:after{
  position: absolute;
  top: unset;
  bottom: -20%;
  left: 1.5vw;
  content: "";
  display: inline-block;
  max-width: 100%;
  width: 175px;
  height: 175px;
  opacity: 0.1;
  background: url(/image/icon/icon_cal.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  }
ul.todays_event_list li:first-child{
  border-top: none;
  }

}/* end PC 992px  */

 @media screen and (max-width: 991px) {
  /* 開館 */
 #open h3{
   width: 100%;
  }
/* 休館 */
  #closed .close_txt{
  width: 100%;
  }
  #open h3{
 border-radius: 0;
  }
  #closed .close_txt{
  border-radius: 0;
  }
/* 本日のイベント一覧 */
#todays_event:after{
  position: absolute;
  top: -5px;
  left: 50%;
  content: "";
  display: inline-block;
  max-width: 100%;
  width: 175px;
  height: 175px;
  opacity: 0.1;
  background: url(/image/icon/icon_cal.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-50%);
  }
/* カレンダー */
#xo-event-calendar-1{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
/* 大切なお知らせ */
#information .a_block a.d-flex{
  min-height: 3.5rem;
  }
/* お知らせ　タブ */
#information .nav-item a.nav-link{
  font-size: 0.9rem;
  }
ul.nav-tabs li.nav-item{
  padding:0;
  border-bottom: none;
  min-width: 6rem;
  }
/* お知らせ　リスト */
.tab-content .info{
  padding-top: 0.7em !important;
  }
.tab-content .info a dl{
  margin-bottom: 0.7em !important;
  }
.tab-pane .list .is-hidden{
  display: none !important;
  }
 /* 展示室紹介 */
.exhibitFloor_item {
  max-width: 100％;
  margin: auto auto 1rem;
  }
/* 開催中のワークショップ */
#program article:before{
  top: 1rem;
  width: 991px;
  background: url(/image/top/bg_program_sp.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  }
/* リンクエリア */
 #top_linkarea .a_block{
  height: 5.25rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
   }
 /* 外観 */
.outside{
  background:none;
  height: auto;
}
 /* 画像 16:9 アスペクト比 */
.outside figure img {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  }
}/* end SP 991 */

/* --------------------------------------------------
*　LazyLoad（/exhibit/floor/ 2〜5階）
 ------------------------------------------------- */
.fade-in_lazy {
  opacity: 0;
  transform: translate(0, 50px);
  transition: 0.3s;
  }
.fade-in_lazy.lazyloaded {
  transform: translate(0, 0);
  opacity: 1;
  }
/* --------------------------------------------------
*　ページネーション
 ------------------------------------------------- */
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	border: 1px solid #999;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
  font-weight: normal;
}
.page-numbers.current{
  font-weight: bold;
}
a.page-numbers:hover {
	background: #e8eef8;
}