@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
	スケジュール
========================================================================== */
#ctsWrapper.schedulePage{
	padding-bottom: 0;
}
#scheduleWrapper{
	padding-block: 80px;
	margin-bottom: 20px;
}

/*
	カレンダー
---------------------------------------------------- */
@media print, screen and (min-width:813px){
	.cmnCalendarArea{
		width: 600px;
		padding: 55px 50px;
	}
	.cmnCalendar{
		gap: 20px calc(100% / 13);
	}
	/* 年月タイトル
	============================== */
	.cmnCalendarTit{
		font-size: 2.4rem;
	}
	/* 1マス
	============================== */
	.cmnCalendar div{
		font-size: 1.7rem;
	}
	/* swiper ページ送り
	============================== */
	.swiperBaseBtn{
		top: 80px;
	}
	.swiperBaseBtn.swiper-button-prev{
		left: 50px;
	}
	.swiperBaseBtn.swiper-button-next{
		right: 50px;
	}
}

/*
	スケジュールリスト
---------------------------------------------------- */
@media print, screen and (min-width:813px){
	.cmnScheduleList{
		width: 490px;
	}
	.cmnScheduleList .baseTit{
		-webkit-line-clamp: 4;
	}
}



/* ==========================================================================
	美術館概要
========================================================================== */
/*
	登録博物館
---------------------------------------------------- */
.overviewJapanMuseum{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: var(--borderBase);
	border-radius: var(--radiusBase);
	padding: 10px 40px;
	position: relative;
}
@media print, screen and (min-width:813px){
	.overviewJapanMuseum::before{
		content: " ";
		display: block;
		width: 1px;
		height: calc(100% - 60px);
		background-color: var(--clrMGray);
		position: absolute;
		top: 50%;
		left: 190px;
		translate: 0 -50%;
	}
}
.overviewJapanMuseum img{
	width: 110px;
}
.overviewJapanMuseum .txtArea{
	width: 530px;
}
.overviewJapanMuseum .tit{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 10px;
}
.overviewJapanMuseum .txt{
	text-align: justify;
}



/* ==========================================================================
	アクセス
========================================================================== */
/*
	google map
---------------------------------------------------- */
#mapWrapper{
	width: 100%;
	height: 450px;
	margin-bottom: 80px;
}
#mapWrapper iframe{
	width: 100%;
	height: 100%;
}



/* ==========================================================================
	バリアフリー情報
========================================================================== */
#barrierFreeWrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.barrierFreeTxtArea{
	width: 400px;
}
#barrierFreeWrapper figure{
	width: 450px;
}
#barrierFreeWrapper figure img{
	border-radius: var(--radiusBase);
}



@media screen and (max-width:812px){
	/* ==========================================================================
		スケジュール
	========================================================================== */
	#scheduleWrapper{
		padding-block: 20px;
		margin-bottom: 10px;
	}



	/* ==========================================================================
		美術館概要
	========================================================================== */
	/*
		登録博物館
	---------------------------------------------------- */
	.overviewJapanMuseum{
		gap: 0 10px;
		padding: 10px 20px 10px 0;
	}
	.overviewJapanMuseum .txtArea{
		width: calc(100% - 120px);
	}
	.overviewJapanMuseum .tit{
		font-size: 1.6rem;
		margin-bottom: 8px;
	}



	/* ==========================================================================
		アクセス
	========================================================================== */
	/*
		google map
	---------------------------------------------------- */
	#mapWrapper{
		height: 300px;
		margin-bottom: 50px;
	}



	/* ==========================================================================
		バリアフリー情報
	========================================================================== */
	#barrierFreeWrapper{
		flex-direction: column-reverse;
		gap: 30px 0;
	}
	.barrierFreeTxtArea,
	#barrierFreeWrapper figure{
		width: 100%;
	}
}