@charset "UTF-8";
/* ------------------------------------- */
/* print only */
/* ------------------------------------- */
@page {
	size: A4; /* A4縦 */
	size: B4 landscape; /* B4 横向き */
	size: 210mm 297mm; /* 数値で指定 */
	margin: 1cm; /* 余白 */
}

@media print {
	.no-print,
	.pc-hidden {
		display: none;
	}
	.main-header,
	.main-footer,
	.nav-toggle,
	.click-menu,
  .breadcrumb,
  .backto {
		display: none;
	}
	.inview {
		opacity: 1 !important;
	}
  .content {
    padding: 0;
  }

	.main-header {
		padding: 0 1.6rem;
		max-height: inherit;
		align-items: stretch;
	}
	.main-header:has(.logo-item-2) {
		padding: 0 1.6rem;
		max-height: inherit;
	}
	.main-header .logo-item-2 {
		width: 20%;
		max-width: calc(160px + 64px);
		margin: 0;
	}
	.gnav {
		width: calc(100% - 160px);
		padding: 0 176px 0 1em;
		display: flex;
		justify-content: flex-end;
		flex-wrap: nowrap;
	}
	.gnav > .pc-hidden:has(.click-menu) {
		display: block;
		width: 42%;
		max-width: 18em;
	}
	.click-menu {
		display: flex;
		height: 100%;
		min-height: auto;
		position: relative;
		bottom: auto;
		left: auto;
		box-shadow: none;
		margin: 0;
	}
	.cm-ttl {
		height: 100%;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		font-size: clamp(1.3rem, 0.094rem + 1.176vw, 1.6rem);
	}
	.cm-content {
		display: none;
	}

	.nav-menu {
		width: auto;
		max-width: calc(60% - 1em);
		flex-direction: row;
		align-items: center;
		margin: 0 0 0 1em;
	}
	.menu-item {
		margin: 0 clamp(0.6rem, -3.42rem + 3.922vw, 1.6rem);
		font-size: clamp(1.3rem, 0.094rem + 1.176vw, 1.6rem);
	}

	.flex-2cols .flex-item {
		width: calc((100% - var(--gap-40)) / 2);
		margin: 0 var(--gap-40) var(--gap-40) 0;
	}
	.flex-2cols .flex-item:nth-of-type(2n) {
		margin-right: 0;
	}

	.top .news .flex {
		flex-wrap: nowrap;
		position: relative;
	}
	.top .news .main-ttl {
		width: auto;
		margin: 0;
		text-align: left;
	}
	.top .news .news-box {
		margin: 0 0 0 auto;
		width: calc(100% - 160px);
		padding: 0 0 0 4.8rem;
	}
	.top .news .btn-box {
		order: 3;
		margin: 0;
		position: absolute;
		top: 140px;
		left: 4rem;
	}

	.top .news .sns-box {
		order: 4;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 4rem;
	}
	.report-item,
	.report-item a {
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.swiper .report-item,
	.swiper .report-item a {
		min-width: calc(280px * 2);
		width: auto !important;
	}
	.report-item .item-info {
		min-width: 280px;
		max-width: 300px;
	}

	.partners {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.partners .main-ttl {
		width: 45%;
		margin: 0 auto;
		padding-right: 2em;
	}
	.partners p:has(a.btn) {
		margin: 0 auto;
		width: 55%;
	}

	.bnr-4cols .bnr-item {
		width: calc((100% - var(--gap-24) * 3) / 4);
		margin-right: var(--gap-24);
		margin-bottom: var(--gap-24);
	}
	.bnr-4cols .bnr-item:nth-of-type(2n),
	.bnr-4cols .bnr-item:nth-of-type(3n) {
		margin-right: var(--gap-24);
	}
	.bnr-4cols .bnr-item:nth-of-type(4n) {
		margin-right: 0;
	}
	.sitemap-list {
		margin: var(--gap-8) 0 0;
		font-size: 1.4rem;
		padding: 0 var(--gap-16) 0 0;
		width: calc(100% / 5);
	}
	.sitemap-list:last-of-type {
		width: calc(100% / 5);
		padding: 0;
		position: relative;
		right: auto;
	}
	.sitemap-list:not(:last-of-type) .sitemap-item:not(:first-of-type) {
		display: block;
		padding: 0 0 0 1.5em;
		position: relative;
	}
	.sitemap-list:not(:last-of-type) .sitemap-item:not(:first-of-type)::before {
		content: "";
		display: block;
		width: 12px;
		height: 1px;
		line-height: 1;
		background-color: rgb(var(--base));
		position: absolute;
		top: 12px;
		left: 0;
	}

	.footer .main-logo {
		max-width: 400px;
		margin: 0;
	}
	.footer .logo-item-2 a {
		width: 70%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
	}
	.footer .logo-item-2 img {
		width: 70%;
		max-width: 160px;
	}
	.logo-item-2 img.logo-ten {
		max-width: 64px;
	}

	.footer .ft-info {
		width: auto;
		margin: 0;
		padding: 0 var(--gap-24);
		align-items: flex-end;
	}
	.ft-info .facility {
		max-width: inherit;
	}

	.footer .bnr-list {
		margin: 0;
		align-items: flex-end;
	}
	.footer .bnr-item {
		margin: var(--gap-16) var(--gap-16) 0 0;
	}
	.footer .bnr-item:last-of-type {
		margin-right: 0;
	}
	.copy {
		text-align: right;
		padding: 0;
		font-size: 1.2rem;
		margin: var(--gap-24) 0 0;
	}

	/*下層トップ*/
	.page .base .event-list .flex-item {
		width: calc((100% - var(--gap-40)) / 2);
		margin: 0 var(--gap-40) var(--gap-24) 0;
	}
	.page .base .event-list .flex-item {
		width: calc((100% - var(--gap-40)) / 2);
		margin: 0 var(--gap-40) var(--gap-24) 0;
	}
	.page .base .event-list .flex-item + .flex-item {
		margin-right: 0;
		padding-left: 0;
	}
	.page_top .btn-menu {
		margin: var(--gap-24) auto 0;
	}
	.btn-4cols .btn-menu-item {
		width: calc((100% - (2.4rem * 3)) / 4);
		margin: 0 2.4rem 2.4rem 0;
	}
	.btn-4cols .btn-menu-item:nth-of-type(4n) {
		margin: 0 0 2.4rem;
	}
	.event .news .main-ttl {
		width: 200px;
		margin: 0;
		text-align: left;
	}
	.event .news .txt-list {
		margin: 0 0 0 auto;
		width: calc(100% - 200px);
		padding: 0 0 0 4.8rem;
	}
	.event .news .btn-box {
		position: absolute;
		top: 200px;
	}

	/*2カラムレイアウト*/

	.program .pc-cols {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.side-nav {
		width: 320px;
		height: auto;
		position: absolute;
		top: auto;
		right: auto;
		padding: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		z-index: 10;
	}
	.side-inner {
		padding: 0;
		height: auto;
		overflow: hidden;
	}

	.program-content {
		padding-left: calc(320px + 8rem);
	}

	/*メインビジュアルあり*/
	.visual-img-container {
		width: 50%;
	}
	.visual-info {
		width: 50%;
		padding: 4rem;
	}
	.visual-info-item {
		border-top: none;
	}

	/*こちらもおすすめ*/
	.experience_activity .recommendSlider {
		padding: 0 var(--clamp-16to40);
	}

	.recommend-box .swiper-wrapper {
		flex-direction: column;
	}
	.recommend-item {
		margin: 0 auto 1em;
	}
	.recommend-item a {
		flex-direction: row;
	}
	.recommend-item .thumb {
		width: 200px;
	}
	.recommend-item .item-info {
		width: calc(100% - 200px);
		padding: 0 0 0 var(--gap-16);
	}

	/*コレクション*/
	.editor-area .artist-list-item {
		flex-direction: row-reverse;
		align-items: flex-start;
		margin: 0 0 var(--gap-64);
	}
	.artist-list .item-info {
		width: 70%;
		margin: 0;
		padding: 0 0 0 var(--gap-24);
	}
	.artist-list .thumb {
		width: 30%;
		margin: 0;
	}
	.editor-area .works-list-item {
		width: calc((100% - clamp(0.8rem, 0.437rem + 1.135vw, 1.6rem) * 3) / 4);
	}
	.works-list-item:nth-of-type(2n) {
		margin-right: clamp(0.8rem, 0.437rem + 1.135vw, 1.6rem);
	}
	.works-list-item:nth-of-type(4n) {
		margin-right: 0;
	}
	.recommend-box .flex-2cols .swiper-wrapper {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.flex-2cols .recommend-item {
		width: calc((100% - var(--gap-24)) / 2);
		margin: 0 var(--gap-24) var(--gap-24) 0;
	}
	.flex-2cols .recommend-item:nth-of-type(2n) {
		margin-right: 0;
	}
	.recommend-box .swiper-button-prev,
	.recommend-box .swiper-button-next {
		display: none;
	}

	/*about*/
	.fureai .bg-img {
		background: url(/wp/wp-content/uploads/2024/01/bg-fureai.png) no-repeat center top / cover;
	}
	.fureai .bg-img h2 {
		margin-bottom: 0.8em;
		margin-top: 0;
	}
	.about-us .editor-area .wp-block-group__inner-container {
		max-width: 1280px;
		padding: 0 var(--clamp-16to40);
	}
	.about-us .editor-area .inner-sm .wp-block-group__inner-container {
		max-width: 980px;
	}
	.box-item-3.wp-block-columns {
		max-width: 100%;
		margin-inline: auto;
	}
	.box-item-3.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: calc(33.33% - 2em) !important;
		max-width: calc(100% / 3);
	}
	.box-item-3 .about-item:not(:nth-of-type(2n)) {
		margin-top: 4rem;
	}

	.about-sec02 .about-box-img {
		width: 100%;
		max-width: 640px;
		margin: 0 auto 4rem;
	}
	.about-sec03 .order-2 {
		order: 1;
	}
	.about-sec03 .order-1 {
		order: 2;
	}
	.about-sec03 h3,
	.about-sec03 h3 + p,
	.about-sec03 h3 + p + ul {
		order: 3;
	}

	.about-sec03 .main-ttl {
		text-align: left;
	}
	.about-sec03 .wp-block-group__inner-container h3 {
		margin-top: 1em;
	}

	/*エディタースタイル*/
	.editor-area .btn-2cols.has-large-font-size,
	.editor-area .btn-2cols.has-gigantic-font-size {
		gap: 1em;
	}
	.editor-area .btn-2cols.has-large-font-size .wp-block-button.btn,
	.editor-area .btn-2cols.has-gigantic-font-size .wp-block-button.btn {
		width: calc((100% - 1em) / 2);
	}

	.editor-area .wp-block-columns.sp-reverse {
		flex-direction: row;
	}

	.flex-2cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style="flex-basis:33.33%"] {
		flex-basis: calc(33.33% - 1em) !important;
	}
	.flex-2cols.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style="flex-basis:66.66%"] {
		flex-basis: calc(66.66% - 1em) !important;
	}

	.editor-area .wp-block-table::before,
	.editor-area .wp-block-table::after {
		display: none;
	}
	.editor-area .wp-block-table {
		overflow-x: hidden;
	}
	.editor-area .wp-block-table table {
		min-width: 100%;
		white-space: normal;
		overflow: hidden;
	}

	/*カレンダー*/
	.switch-facility {
		order: 1;
		width: 316px;
		margin: 0 auto 0 0;
	}
  .switch-facility-item {
    flex: 0 1 auto;
  }
  .switch-facility-item + .switch-facility-item {
    padding-left: 0.8rem;
  }
  .label-viewtype {
    padding: 0.25em 1em;
  }

	.switch-archive {
		width: auto;
		max-width: 340px;
		order: 2;
		margin: 0 auto;
		align-items: flex-start;
		position: relative;
		left: auto;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		z-index: 3;
	}
	.switch-inner {
		width: 200px;
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
		margin: 0 auto;
		order: 2;
	}
	.switch-inner::after {
		top: 9px;
		bottom: auto;
	}
  .change-btn {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .change-btn span {
    order: 2;
  }
  .change-btn i {
    order: 1;
    margin: 0;
  }

	.change-btn.prev {
		order: 1;
		margin: 0 1.2rem 0 0;
	}
	.change-btn.next {
		order: 3;
		margin: 0 0 0 1.2rem;
	}

	.switch-type {
		order: 3;
		margin: 0 0 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 1.4rem;
	}
	.switch-type-item {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 0.5em 0.75em;
		border-radius: 0 8px 8px 0;
		background: rgba(var(--base), 0.24);
		border: 1px solid rgb(var(--base));
		/* border-left: none; */
	}
	.switch-type-item::before {
		content: "";
		display: inline-block;
		width: 1.2em;
		height: 1.2em;
		margin: 0 0.5em 0 0;
	}
	#type-date .switch-type-item::before {
		background: url(../img/icon-calendar-blk.svg) no-repeat center center / 100% 100%;
	}
	#type-list .switch-type-item::before {
		background: url(../img/icon-list-blk.svg) no-repeat center center / 100% 100%;
	}

	.switch-type-item.is-current {
		padding: calc(0.5em - 1px) 0.75em;
		background: rgba(var(--wht), 1);
		border: 2px solid rgb(var(--base));
	}

	#type-date .switch-type-item {
		border-radius: 8px 0 0 8px;
	}
	#type-date .switch-type-item.is-current {
		border-right-width: 1px;
	}
	#type-list .switch-type-item.is-current {
		border-left-width: 1px;
		border-right-width: 2px;
	}
}