#searchWindow {
	margin: 0 -5vw;
	padding: 24px 20px 30px;
	background: #e9e9e9;
	& form {
		display: flex;
		flex-wrap: wrap;
		gap: 15px 0;
		> div {
			width: 100%;
		}
	}
	& h3 {
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -999px;
		overflow: hidden;
	}
	& h4 {
		width: 100%;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.search__place {
		.fmselectWrap {
			height: 48px;
		}
		& select {
			height: 100%;
			font-size: 12px;
			background: #fff;
			color: #000;
		}
	}
	.search__period {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		& input {
			width: 100%;
			height: 100%;
			padding-top: 2px;
			font-size: 12px;
			display: block;
		}
		.calender-div {
			width: calc(50% - 18px);
			height: 48px;
			position: relative;
		}
		.calender-from {
			width: 36px;
			text-align: center;
		}
		.calender-icon {
			height: 100%;
			font-size: 16px;
			display: flex;
			align-items: center;
			color: #666;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			max-width: auto;
		}
		.off-calender-icon {
			width: 23px;
			pointer-events: none;
		}
		.on-calender-icon {
			width: 46px;
			cursor: pointer;
		}
	}
	.search__keyword {
		& input[type="text"] {
			height: 48px;
			width: 100%;
			padding-top: 2px;
			display: block;
			font-size: 12px;
			&:focus {
				/*font-size: 16px;*/
			}
		}
		#search02 {
			width: min(100%, 400px);
			height: 48px;
			margin: 30px auto 0;
			font-size: 16px;
			color: #fff;
			display: block;
			border-radius: 999px;
			background: #000;
			border: none;
			cursor: pointer;
		}
	}
	@media (min-width: 768px) {
		padding-left: 40px;
		padding-right: 40px;
		margin: 0 -40px;
		.search__period {
			.calender-div {
				width: 220px;
			}
		}
		.search__keyword {
			display: flex;
			flex-wrap: wrap;
			& input[type="text"] {
				width: calc(100% - 262px);
			}
			#search02 {
				width: 220px;
				margin: 0 0 0 auto;
				transition: opacity .3s;
				&:hover { opacity: .5;}
			}
		}
	}
	@media (min-width: 1120px) {
		margin: 0;
		padding: 33px 50px 40px;
		& form {
			gap: 23px 20px;
		}
		.search__place {
			width: 438px;
			.fmselectWrap {
				border-radius: 6px;
			}
			& select {
				font-size: 14px;
				border-radius: 6px;
			}
		}
		.search__period {
			width: 482px;
			& input {
				padding: 2px 18px 0;
				font-size: 14px;
				border-radius: 6px;
			}
			.calender-div {
				width: 220px;
			}
			.calender-from {
				width: 42px;
			}
		}
		.search__keyword {
			align-items: center;
			& input[type="text"] {
				font-size: 14px;
				border-radius: 6px;
			}
			#search02 {
				width: 220px;
				margin: 0 0 0 auto;
			}
		}
	}
}
@media (max-width: 600px) {
	.datepickers-container {
		width: 100%;
	}
	.datepicker:nth-child(2) {
		right: 20px;
		left: auto !important;
		pointer-events: none;
		&.active {
			pointer-events: all;
		}
		.datepicker--pointer {
			left: auto !important;
			right: 10px;
		}
	}	
}


#sakuin {
	@media (max-width: 767px) {
		margin: 40px 0;
		position: relative;
		z-index: 10;
		& button {
			width: 100%;
			height: 48px;
			padding: 0 18px;
			display: block;
			background: #fff;
			text-align: left;
			font-size: inherit;
			color: inherit;
			box-sizing: border-box;
			border-radius: 3px;
			border: 1px solid var(--border);
			cursor: pointer;
			position: relative;
			.icon {
				width: 1px;
				height: 14px;
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 24px;
				margin: auto;
				background: #000;
				transition: transform .3s;
				&::after {
					content: "";
					display: block;
					width: 6px;
					height: 6px;
					border-left: 1px solid #000;
					border-bottom: 1px solid #000;
					transform: rotate(-45deg);
					right: -3px;
					bottom: 0;
					position: absolute;
				}
			}
		}
		& ul {
			width: 100%;
			background: #fff;
			box-sizing: border-box;
			border: 1px solid var(--border);
			border-radius: 3px;
			position: absolute;
			top: 44px;
			left: 0;
			opacity: 0;
			pointer-events: none;
			transition: opacity .4s, top .4s;
		}
		& li {
			height: 46px;
			line-height: 46px;
			padding: 0 18px;
			display: flex;
			justify-content: center;
			&:not(:first-child) {
				border-top: 1px solid var(--border);
			}
		}
		& a {
			padding: 0 1em;
			display: block;
		}
		& span {
			display: none;
			&.off {
				padding: 0 1em;
				opacity: .5;
				display: block;
			}
		}
		&.open {
			& button .icon {
				transform: rotateX(180deg)
			}
			& ul {
				opacity: 1;
				top: 54px;
				pointer-events: all;
			}
		}
	}
	@media (min-width: 768px) {
		margin: 34px 0 20px;
		& h3, & button {
			width: 0;
			height: 0;
			padding: 0;
			margin: 0;
			font-size: 0;
			line-height: 0;
			text-indent: -999px;
			overflow: hidden;
			border: none;
		}
		& ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		li {
			display: flex;
			font-size: 15px;
			line-height: 35px;
		}
		& a {
			padding: 0 .6em;
			display: block;
			position: relative;
			&::after {
				content: "";
				display: block;
				width: 0;
				height: 2px;
				margin: 0 auto;
				background: var(--f-pink);
				transition: width .3s;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
			}
			&:hover::after {
				width: 85%;
			}
		}
		span {
			padding: 0 .7em;
			&.off {
				padding: 0 .6em;
				display: block;
				opacity: .5;
			}	
		}
		& ul {
			border-radius: 6px;
			& a {
				transition: color .3s;
				&:hover { color: var(--f-pink);}
			}
		}
	}
}

.aboutArea {font-size: 16px;line-height: 2;}body#index #wrapper .firstMessage{padding:25px 20px;background:#ffffff;text-align:center;line-height:2.0;border:2px solid #f63063;}body#index #wrapper .firstMessage strong{margin:0 0.5em;color:#f63063}body#index #wrapper .block{margin-top:20px}body#index #wrapper .blockInner{margin-top:10px}body#index #wrapper .block h3{margin:0 -5vw 20px;padding:0 5vw;border-bottom:1px solid #ccc;color:#b4b4b4;font-size:18px;font-weight:500}body#index #wrapper .block h3 span{color:#f63063}body#index #wrapper .block h3.firstTitle{margin-bottom:0;font-size:14px;color:#444;font-weight:300;border:none}body#index #wrapper .block h3.firstTitle span{display:inline-block;color:#444}body#index #wrapper .thumBig{padding:15px;margin-bottom:15px;border:1px solid #ccc;box-sizing:border-box}body#index #wrapper .thumBig img{width:100%}body#index #wrapper .thumBig .prefecture{margin-top:10px;font-size:12px}body#index #wrapper .thumBig .prefecture a{line-height:2.4;display:inline-block;color:#444;border-bottom:1px solid #f53063}body#index #wrapper .thumBig .musium__name{margin-top:12px;font-size:18px;font-weight: 500;}body#index #wrapper .thumBig .musium__name a{color:#444}body#index #wrapper .thumBig .musium__name span{font-size:11px;color:#f63063;display:block;letter-spacing: 0.04em;font-weight: 500;}body#index #wrapper .thumBig .musium__event{font-size:12px}body#index #wrapper .thumBig .musium__event dt{min-width:108px;padding:0 10px;margin-top:15px;line-height:23px;display:inline-block;vertical-align:top;border:1px solid #444;text-align:center}body#index #wrapper .thumBig .musium__event dd{margin-top:10px}body#index #wrapper .thumBig .musium__event dd a{color:#444}body#index #wrapper .thumBig .musium__event dd span{display:block}body#index #wrapper .thumBig .musium__event .closeInfo{border-color:#ff000c;color:#ff000c}body#index #wrapper .adArea{margin-top:40px}body#index #wrapper #btnArea{display:none}body#detail #content .mainTitle{text-align:center}body#detail #content .mainTitle span{display:block;font-weight:700;font-size: 18px;color: var(--f-pink);}body#detail #wrapper #mainimage{margin:0 -5vw}body#detail #wrapper #mainimage img{max-width:100%}body#detail #wrapper #detailNav{margin:0 -5vw;font-size:0;border-top:1px solid #ccc}body#detail #wrapper #detailNav li{height:40px;font-size:14px;line-height:41px}body#detail #wrapper #detailNav a{height:100%;padding:0 0 0 50px;display:block;color:#444;background-size:auto 40px;background-repeat:no-repeat;background-position:15px top}body#detail #wrapper #detailNav-info a, body#detail #wrapper #detailNav-event a, body#detail #wrapper #detailNav-review a, body#detail #wrapper #detailNav-favorite a, body#detail #wrapper #detailNav-map a{position:relative;}body#detail #wrapper #detailNav-info a i, body#detail #wrapper #detailNav-event a i, body#detail #wrapper #detailNav-review a i, body#detail #wrapper #detailNav-favorite a i, body#detail #wrapper #detailNav-map a i{color:#f63063;position:absolute;}body#detail #wrapper #share{padding:20px 0;text-align:center}body#detail #wrapper #share h3{margin-bottom:10px;font-size:14px;font-weight:600}body#detail #wrapper #share ul{font-size:0}body#detail #wrapper #share li{margin:0 10px;display:inline-block;vertical-align:top}body#detail #wrapper #share a{font-size:0;line-height:0;text-indent:-9999px;width:36px;height:36px;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center center}body#detail #wrapper #share-tw a{background-color:#1da1f2;background-image:url(../img/nav/tw.png);background-size:auto 26px}body#detail #wrapper #share-fb a{background-color:#3b5998;background-image:url(../img/nav/fb.png);background-size:auto 26px}body#detail #wrapper #share-hb a{background-color:#00a4de;background-image:url(../img/nav/hb.png);background-size:auto 26px}body#detail #wrapper #share-li a{background-color:#00b900;background-image:url(../img/nav/li.png);background-size:auto 8px}body#detail #wrapper .detailTitle{margin:30px 0 15px;font-size:22px;font-weight:600}body#detail #wrapper .detailTitle span{margin-top:-4px;font-size:12px;display:block;color:#f63063;font-weight: 700;}body#detail #wrapper #aboutMuseum p{margin-bottom:20px}body#detail #wrapper #aboutMuseum .info{color:#ff000c}body#detail #wrapper #accessMap iframe{width:100%;display:block}body#detail #wrapper #accessMap address{margin-top:20px}body#detail #wrapper #information .dl1st>dt{padding:20px 0 3px;margin:0 0 4px;}body#detail #wrapper #information .dl2nd{margin-top:15px;font-size:12px}body#detail #wrapper .msgReviews{padding:25px 20px;margin:25px 0;text-align:center;background:#f2f2f2}body#detail #wrapper .msgReviews a{margin-top:20px;display:inline-block}body#detail #wrapper .yokokuWrap{margin:0 -5vw;border-top:1px solid #ccc}body#detail #wrapper .yokokuEvent a{padding:10px 5vw;border-bottom:1px solid #ccc;display:block;color:#444}body#detail #wrapper .yokokuEvent__title{font-size:16px;line-height:1.5;font-weight:600}body#detail #wrapper .adArea{margin-top:37px}body#prefectures #wrapper h3{margin-bottom:15px;font-size:18px;font-weight:500}body#prefectures #wrapper .prefectures__list{margin:0 -5vw 30px;border-top:1px solid #ccc;position:relative;z-index:0}body#prefectures #wrapper .prefectures__list:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1}body#prefectures #wrapper .prefectures__list li{width:50%;box-sizing:border-box;display:inline-block;border-bottom:1px solid #ccc}body#prefectures #wrapper .prefectures__list li:first-child{width:100%}body#prefectures #wrapper .prefectures__list li:nth-child(2n+2){border-right:1px solid #ccc}body#prefectures #wrapper .prefectures__list a{padding:5px 5vw;display:block;background:#fff}body#prefectures #wrapper .prefectures__list span{display:none}@media screen and (min-width: 600px){body#index #wrapper .block{margin-top:30px}body#index #wrapper .blockInner{margin:10px -10px 0}body#index #wrapper .block h3{margin:0 0 20px;padding:0}body#index #wrapper .thumBig{width:calc(50% - 20px);margin:0 10px 20px}body#index #wrapper #btnArea{margin:60px 0 0;display:flex;justify-content:space-between}body#index #wrapper #btnArea>section{width:48%;max-width:500px;padding:18px 18px 68px;border-radius:4px;box-sizing:border-box;position:relative}body#index #wrapper #btnArea h4{font-size:18px;font-weight:500}body#index #wrapper #btnArea a{width:calc(100% - 36px);display:block;position:absolute;bottom:18px;left:18px}body#index #wrapper #btnArea span{width:100%;height:40px;line-height:38px;text-align:center;color:#444;box-sizing:border-box;border-radius:3px;display:block}body#index #wrapper #btnArea br{display:none}body#index #wrapper #btnMuseum{border:2px solid #fa7e53}body#index #wrapper #btnMuseum h4{color:#fa7e53}body#index #wrapper #btnMuseum span{border:1px solid #fa7e53}body#index #wrapper #btnEvent{border:2px solid #0cc6bf}body#index #wrapper #btnEvent h4{color:#0cc6bf}body#index #wrapper #btnEvent span{border:1px solid #0cc6bf}body#detail #content .mainTitle{margin:30px auto 23px}body#detail #content #topicpath{padding-top:16px}body#detail #content #topicpath ul{margin-bottom:9px}body#detail #wrapper #mainimage{margin:0}body#detail #wrapper #detailNav{margin:0}body#detail #wrapper #detailNav ul{display:flex;flex-wrap:wrap}body#detail #wrapper #detailNav li{width:50%}body#detail #wrapper #detailNav li:nth-child(odd) a{border-right:none}body#detail #wrapper #detailNav a{border-left:1px solid #ccc;border-right:1px solid #ccc}body#detail #wrapper #share{padding:40px 0 20px}body#detail #wrapper #share h3{margin:0 15px 0 0;display:inline-block;vertical-align:middle;line-height:48px}body#detail #wrapper #share ul{display:inline-block;vertical-align:middle}body#detail #wrapper #share li{margin:0 13px}body#detail #wrapper #share a{width:36px;height:36px}body#detail #wrapper .yokokuWrap{margin:0 -40px}body#detail #wrapper .yokokuEvent a{padding:10px 40px}body#detail #wrapper .yokokuEvent__title{font-size:22px;line-height:1.5}body#prefectures #content .prefectures__list{margin:0 0 30px;border-left:1px solid #ccc}body#prefectures #content .prefectures__list:after{border:1px solid #ccc}body#prefectures #content .prefectures__list li{width:25%;border-right:1px solid #ccc}body#prefectures #content .prefectures__list a{padding:5px 15px}}@media screen and (min-width: 1120px){body#index #wrapper .block{margin-top:40px}body#index #wrapper .blockInner{margin:10px -20px 0}body#index #wrapper .thumBig{width:calc(50% - 40px);margin:0 20px 40px;padding:19px}body#index #wrapper .thumBig a{transition:all 0.3s}body#index #wrapper .thumBig a:hover{color:#f63063 !important}body#index #wrapper .thumBig>a:hover{opacity:0.7}body#index #wrapper #btnArea>section{padding:18px;transition:all 0.3s}body#index #wrapper #btnArea a{width:100%;height:100%;bottom:0;left:0}body#index #wrapper #btnArea span{width:70px;position:absolute;top:0;bottom:0;right:18px;margin:auto;transition:all 0.3s}body#index #wrapper #btnArea br{display:block}body#index #wrapper #btnMuseum:hover{background:#fff3ef}body#index #wrapper #btnMuseum:hover span{background:#fa7e53;color:#fff}body#index #wrapper #btnEvent:hover{background:#effffe}body#index #wrapper #btnEvent:hover span{background:#0cc6bf;color:#fff}body#detail #wrapper #navArea{padding-top:120px;position:relative}body#detail #wrapper #detailNav{margin-bottom:35px;border:none}body#detail #wrapper #detailNav ul{justify-content:space-between}body#detail #wrapper #detailNav li{width:auto;height:22px;padding-right:45px;line-height:22px;}body#detail #wrapper #detailNav li:last-child{padding:0;border:none}body#detail #wrapper #detailNav a{transition:all 0.3s;border:none;background-position:0 center}body#detail #wrapper #detailNav-info a,body#detail #wrapper #detailNav-event a,body#detail #wrapper #detailNav-favorite a,body#detail #wrapper #detailNav-map a{padding-left:28px;}body#detail #wrapper #detailNav-review a{padding-left:32px;}body#detail #wrapper #detailNav a:hover{color:#f63063}body#detail #wrapper #share{width:100%;padding:0;text-align:center;position:absolute;top:33px;left:0}body#detail #wrapper .block{zoom:1}body#detail #wrapper .block:after{content:"";display:block;clear:both}body#detail #wrapper #leftarea{width:600px;float:left}body#detail #wrapper #rightarea{width:400px;float:right}body#detail #wrapper .detailTitle{font-weight:500}body#detail #wrapper #information .dl1st>dt{font-weight:bold;}body#detail #wrapper .msgReviews a{display:inline-block;text-decoration:none;position:relative}body#detail #wrapper .msgReviews a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}body#detail #wrapper .msgReviews a:hover:after{width:100%;opacity:1}body#detail #wrapper .yokokuWrap{padding-top:25px;margin:-10px 0 60px}body#detail #wrapper .yokokuEvent{margin-bottom:30px}body#detail #wrapper .yokokuEvent a{padding:0;border:none;transition:all 0.3s}body#detail #wrapper .yokokuEvent a:hover{color:#f63063}body#detail #wrapper .yokokuEvent__title{font-size:20px;margin-bottom:5px}body#prefectures #content h3{margin:40px 0 25px}body#prefectures #content .prefectures__list{margin:0 0 25px;border:none}body#prefectures #content .prefectures__list:after{display:none}body#prefectures #content .prefectures__list li{width:auto !important;border:none !important}body#prefectures #content .prefectures__list a{display:inline-block;text-decoration:none;position:relative;padding:0;display:inline}body#prefectures #content .prefectures__list a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}body#prefectures #content .prefectures__list a:hover:after{width:100%;opacity:1}body#prefectures #content .prefectures__list span{margin:0 6px;display:inline}body#prefectures #content .link-back{margin-top:40px}body#prefectures #content .link-back a{display:inline-block;text-decoration:none;position:relative}body#prefectures #content .link-back a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}body#prefectures #content .link-back a:hover:after{width:100%;opacity:1}.aboutArea {font-size: 16px;line-height: 2;}}body#index #wrapper .thumBig>a{display:block;}@media screen and (min-width: 600px){body#detail #content .mainTitle span{margin:0;}}body#detail #wrapper #information{ margin-top:15px;font-size: 16px;line-height: 2;}body#detail #wrapper .detailTitle.rightInfoTitle{background: #fff0f4;padding: 35px 5vw 15px;margin: 0 -5vw 0;}body#detail #wrapper #detailNav ul{ column-count: 2;}@media screen and (min-width: 600px){body#detail #wrapper #detailNav ul{ column-count: auto;}body#detail #wrapper .detailTitle.rightInfoTitle{ margin:0; padding:35px 30px 15px}}body#detail #wrapper #information .dl1st>dt:first-of-type{padding-top:0;}