/* CSS Document */

#main{
	order: 0;
	}

#pageTab{
	padding-top: 0;
	border-bottom: none;
	}

#feature{}
	#feature+#search .articleList dd:nth-of-type(2){
		display: none;
		}

#spot{
	padding: 0;
	}
	#spot+#search #searchMenuSelect li:nth-of-type(3){
		display: none;
		}

#gourmet{}
	#gourmet+#search #searchMenuSelect li:nth-of-type(3),
	#gourmet+#search #searchMenuSelect li:nth-of-type(4){
		display: none;
		}

#souvenir{}
	#souvenir+#search #searchMenuSelect li:nth-of-type(3),
	#souvenir+#search #searchMenuSelect li:nth-of-type(4){
		display: none;
		}

#reserve{
	padding: 0;
	}
	#reserve+#search #searchMenuSelect li:nth-of-type(3),
	#reserve+#search #searchMenuSelect li:nth-of-type(4){
		display: none;
		}

#theme{
	padding: 0;
	}

#movie{}
	#movie+#search #searchMenuSelect li:nth-of-type(3),
	#movie+#search #searchMenuSelect li:nth-of-type(4),
	#movie+#search #searchMenuSelect li:nth-of-type(5),
	#movie+#search #searchSort,
	#movie+#search #searchDisplay{
		display: none;
		}


#favorite{}
	#favorite+#search #searchMenuSelect li:nth-of-type(3){
		display: none;
		}

#search{
	padding-top: 0;
	}

#searchMenu{
	padding-bottom: 2em;
	background: #fff;
	border-top: 1px solid #b3b3b3;
	}

#searchMenuTitle{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	}
	#searchMenuTitle i{
		margin-right: 0.5em;
		}

#searchMenuSelect{
	margin-top: 1.5em;
	}
	#searchMenuSelect ul{
		display: flex;
		}
	#searchMenuSelect li{
		display: flex;
		}
		#searchMenuSelect li:last-child{
			position: relative;
			padding-right: 3em;
			}
	#searchMenuSelect a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		background: #fff;
		border: 1px solid #b3b3b3;
		padding: 0.8em 1em;
		padding-right: 2em;
		color: inherit;
		text-decoration: none;
		line-height: 1.5em;
		cursor: pointer;
		text-align: center;
		}
		#searchMenuSelect a i{
			position: absolute;
			top: calc(50% - 0.5em);
			right: 0.8em;
			}
	#searchMenuSelect input{
		border-color: #b3b3b3;
		border-right: none;
		padding: 0.6em 1em;
		}
	#searchMenuSelect button{
		position: absolute;
		top: 0;
		right: 0;
		width: 3em;
		height: 100%;
		background: #9c1c29;
		}
		#searchMenuSelect button svg{
			position: absolute;
			top: 25%;
			right: 25%;
			width: 50%;
			height: 50%;
			}
	#searchMenuSelect .select{
		background: #cdc2ae;
		}

#searchMenuDetail{
	position: relative;
	font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	z-index: 11;
	}
	#searchMenuDetail ul{
		display: flex;
		}
	#searchMenuDetail li{
		margin-bottom: 1em;
		}
		#searchMenuDetail li ul{
			flex-direction: column;
			margin-top: 1em;
			}
		#searchMenuDetail li li{
			width: 100%;
			margin-left: 1em !important;
			}
	#searchMenuDetail button{
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0.8em;
		font-weight: bold;
		text-align: center;
		}
		#searchMenuDetail button i{
			position: absolute;
			top: calc(50% - 0.5em);
			}
		#searchMenuDetail button+button{
			margin-top: 1em;
			}
	#searchMenuDetail .buttonSet{
		position: sticky;
		bottom: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 2em;
		}
	#searchMenuDetail .doSearch{
		max-width: 360px;
		border: 1px solid currentColor;
		background: #fff;
		color: inherit;
		fill: currentColor;
		}
		#searchMenuDetail .doSearch i{
			left: 1em;
			}
	#searchMenuDetail .doClear{
		max-width: 180px;
		padding-right: 2em;
		background: #9c1c29;
		color: #fff;
		font-size: 0.875em;
		}
		#searchMenuDetail .doClear i{
			right: 1em;
			}

#searchMenuDate{}
	#searchMenuDate table{
		width: 100%;
		font-weight: bold;
		}
	#searchMenuDate caption{
		position: relative;
		padding: 0.8em;
		background: #9c1c29;
		border: 1px solid #9c1c29;
		color: #fff;
		text-align: center;
		}
		#searchMenuDate caption span{
			position: absolute;
			left: 0;
			bottom: 0;
			margin: 1em;
			font-size: 0.8em;
			}
	#searchMenuDate thead{}
		#searchMenuDate thead td{
			background: #9c1c29;
			border: 1px solid #9c1c29;
			color: #fff;
			}
	#searchMenuDate tbody{}
		#searchMenuDate tbody td{
			background: #f2f2f2;
			border: 1px solid #b3b3b3;
			}
	#searchMenuDate td{
		padding: 0.3em 0;
		text-align: center;
		}
		#searchMenuDate td[data-ymd^="20"]{
			background: #fff;
			}
			#searchMenuDate td[data-ymd^="20"].check{
				background: #cdc2ae;
				color:#9c1c29;
				}
	#searchMenuDate .slick-slider{
		display: flex;
		justify-content: space-between;
		}
	#searchMenuDate .slick-arrow{
		position: relative;
		align-self: center;
		}

#searchCurrent{
	margin-top: -1em;
	padding-bottom: 2em;
	background: #fff;
	}
	#searchCurrent dl{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: -0.25em;
		}
	#searchCurrent dt{
		margin-right: 0.75em;
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		}
	#searchCurrent dd{
		margin: 0.25em;
		}
		#searchCurrent dd a,
		#searchCurrent dd button{
			position: relative;
			display: block;
			padding: 0.8em;
			padding-right: 2em;
			font-size: 0.875em;
			letter-spacing: 0.05em;
			line-height: 1em;
			}
		#searchCurrent dd a{
			background: #e6e4dc;
			color: inherit;
			text-decoration: none;
			}
		#searchCurrent dd button{
			background: #9d804e;
			color: #fff;
			font-weight: normal;
			}
		#searchCurrent dd i{
			position: absolute;
			top: calc(50% - 0.5em);
			right: 0.5em;
			}

#searchSetting{
	padding: 1em 0;
	background: #e6e4dc;
	}
	#searchSetting .wrap{
		display: flex;
		}

#searchCount{}
	#searchCount span{
		margin-right: 0.2em;
		font-size: 1.7em;
		line-height: 1em;
		}

#searchSort{}
	#searchSort dl{
		font-size: 0.875em;
		}
	#searchSort dt{
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		}

#searchDisplay{}
	#searchDisplay dl{
		font-size: 0.875em;
		}
	#searchDisplay dt{
		margin-right: 0.75em;
		font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
		}

#pagenation{
	padding-top: 0;
	}

.searchMenuBox{
	width: 100%;
	background: #fff;
	border: 2px solid currentColor;
	}
	.searchMenuBox > div{
		overflow-y: auto;
		padding-right: 2em !important;
		}
	.searchMenuBox .close{
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		width: 1.2em;
		height: 1.2em;
		margin: 0;
		padding: 0;
		cursor: pointer;
		}
		.searchMenuBox .close svg{
			position: absolute;
			top: 10%;
			left: 10%;
			width: 80%;
			height: 80%;
			}

.articleList{}
	.articleList.grid{
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		}
		.articleList.grid dl{
			margin-bottom: -1px;
			}

.spotList{}
	.spotList.grid{
		display: flex;
		flex-wrap: wrap;
		}



/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
#searchMenu{}
	#searchMenu .wrap{
		display: flex;
		flex-direction: column;
		}
#searchMenuSelect{
	display: contents;
	}
	#searchMenuSelect ul{
		display: contents;
		}
	#searchMenuSelect li{}
		#searchMenuSelect li:nth-of-type(1){
			order: 1;
			}
		#searchMenuSelect li:nth-of-type(2){
			order: 2;
			}
		#searchMenuSelect li:nth-of-type(3){
			order: 3;
			}
		#searchMenuSelect li:nth-of-type(4){
			order: 4;
			}
		#searchMenuSelect li:nth-of-type(5){
			order: 5;
			}
		#searchMenuSelect li:last-child{
			order: 100;
			}
	#searchMenuSelect li{
		margin-top: 1em;
		}
#searchMenuDetail{
	display: contents;
	}
#searchSort{
	position: relative;
	min-width: 9em;
	height: 0;
	}
	#searchSort dl{
		position: absolute;
		left: 0;
		top: -1em;
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: -1px;
		background: #fff;
		border: 1px solid #b3b3b3;
		z-index: 10;
		}
	#searchSort dt{
		padding: 0.5em;
		background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 20"><polygon fill="%23ccc" points="20,0 0,0 10,20 "></polygon></svg>');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: auto 25%;
		cursor: pointer;
		}
	#searchSort dt+span{
		display: none;
		width: 100%;
		}
	#searchSort dd{
		padding: 0.5em;
		border-top: 1px solid #b3b3b3;
		cursor: pointer;
		}
		#searchSort dd i{
			display: flex;
			align-items: center;
			}
	#searchSort .select{
		background: #9c1c29;
		border-color: transparent;
		color: #fff;
		fill: currentColor;
		}
#searchDisplay{
	position: relative;
	min-width: 7em;
	height: 0;
	}
	#searchDisplay dl{
		position: absolute;
		left: 0;
		top: -1em;
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: -1px;
		background: #fff;
		border: 1px solid #b3b3b3;
		z-index: 10;
		}
	#searchDisplay dt{
		width: 100%;
		padding: 0.5em;
		background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 20"><polygon fill="%23ccc" points="20,0 0,0 10,20 "></polygon></svg>');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: auto 25%;
		cursor: pointer;
		}
	#searchDisplay dt+span{
		display: none;
		width: 100%;
		}
	#searchDisplay dd{
		border-top: 1px solid #b3b3b3;
		}
		#searchDisplay dd a{
			display: flex;
			align-items: center;
			grid-gap: 0.3em;
			padding: 0.5em;
			background: #fff;
			color: inherit;
			fill: #9c1c29;
			text-decoration: none;
			cursor: pointer;
			}
		#searchDisplay dd i{
			display: flex;
			align-items: center;
			}
	#searchDisplay .select{
		background: #9c1c29;
		border-color: transparent;
		color: #fff;
		fill: currentColor;
		}
.searchMenuBox{
	margin-top: 1em;
	}
	.searchMenuBox:nth-of-type(1){
		order: 1;
		}
	.searchMenuBox:nth-of-type(2){
		order: 2;
		}
	.searchMenuBox:nth-of-type(3){
		order: 3;
		}
	.searchMenuBox:nth-of-type(4){
		order: 4;
		}
	.searchMenuBox:nth-of-type(5){
		order: 5;
		}
.articleList{}
	.articleList.grid{
		justify-content: space-between;
		}
		.articleList.grid dl{
			width: 50%;
			}
			.articleList.grid dl:nth-of-type(odd){
				padding-left: 0;
				}
			.articleList.grid dl:nth-of-type(even){
				padding-right: 0;
				border-right: 0;
				}
			.articleList.grid dl:nth-of-type(-n+2){
				padding-top: 0;
				}
}


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
#gMap{
	height: 70vh;
	}
#searchMenu{
	padding-top: 2em;
	}
#searchResult,
#pagenation{
	margin-top: 2em;
	}
.searchMenuBox{}
	.searchMenuBox > div{
		max-height: 80vh;
		padding: 1em;
		}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
#searchMenuDetail{}
	#searchMenuDetail ul{
		flex-direction: column;
		}
	#searchMenuDetail button{
		width: 100%;
		}
#searchMenuDate{}
	#searchMenuDate .slick-list{
		width: calc(100% - 6em);
		}
	#searchMenuDate .slick-arrow{
		transform: scale(0.8);
		}
#searchSetting{}
	#searchSetting .wrap{
		flex-wrap: wrap;
		grid-gap: 1em;
		}
#searchCount{
	width: 100%;
	}
#searchSort,
#searchDisplay{
	width: calc(50% - 0.5em);
	margin: 1em 0;
	}
.spotList{}
	.spotList.grid{
		justify-content: space-between;
		}
		.spotList.grid dl{
			width: calc(50% - 0.75em);
			}
			.spotList.grid dl:nth-of-type(n+3){
				margin-top: 2em;
				}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
#event{}
	#event+#search [data-id="cat64"]{
		margin-left: 0;
		}
#searchMenuDetail{}
	#searchMenuDetail ul{
		flex-wrap: wrap;
		}
	#searchMenuDetail li{
		width: calc(50% - 1em);
		}
		#searchMenuDetail li:nth-of-type(even){
			margin-left: 2em;
			}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
#event{}
	#event+#search #searchMenuCategory ul:before{
		content: "";
		width: 100%;
		order: 1;
		}
	#event+#search #searchMenuCategory li:nth-last-child(-n+4){
		order: 1;
		}
	#event+#search [data-id="cat56"]{
		margin-left: 0;
		margin-right: 2em;
		}
#searchMenuDate{}
	#searchMenuDate .slick-list{
		width: calc(100% - 8em);
		}
	#searchMenuDate .slick-slide{
		padding: 0 0.5em;
		}
#searchSetting{}
	#searchSetting .wrap{
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		grid-gap: 1em;
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
#event{}
	#event+#search [data-id="cat68"]{
		margin-left: 0;
		}
#searchSort{
	margin-left: auto;
	}
.spotList{}
	.spotList.grid{}
		.spotList.grid dl{
			width: calc(33.33% - 1.34em);
			}
			.spotList.grid dl:not(:nth-of-type(3n+1)){
				margin-left: 2em;
				}
			.spotList.grid dl:nth-of-type(n+4){
				margin-top: 3em;
				}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#searchMenuDetail{}
	#searchMenuDetail ul{
		flex-wrap: wrap;
		}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
#gMap{
	height: 30em;
	}
#searchMenu{
	padding-top: 3em;
	}
#searchMenuDetail{}
	#searchMenuDetail li{
		width: calc(33.33% - 1.33em);
		}
		#searchMenuDetail li:nth-of-type(3n+2){
			margin-left: 2em;
			margin-right: auto;
			}
#searchResult,
#pagenation{
	margin-top: 3em;
	}
.searchMenuBox{}
	.searchMenuBox > div{
		max-height: 50vh;
		padding: 1.5em;
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#event{}
	#event+#search #searchMenuSelect{
		position: relative;
		margin-bottom: 4em;
		}
	#event+#search #searchMenuSelect li{}
		#event+#search #searchMenuSelect li:last-child{
			position: absolute;
			width: 100%;
			max-width: 420px;
			left: 0;
			bottom: -4em;
			margin: 0;
			}
	#event+#search #searchMenuDetail{
		top: -4em;
		}
#gMap{
	height: 40em;
	}
#searchMenu{
	padding-top: 4em;
	}
#searchMenuSelect{
	margin-top: 1em;
	}
	#searchMenuSelect li{
		width: 50%;
		}
		#searchMenuSelect li a{
			font-size: 0.8em;
			}
	#searchMenuSelect li+li{
		margin-left: 1em;
		}
#searchMenuDetail{}
	#searchMenuDetail > div{
		margin-top: 1em;
		}
	#searchMenuDetail li{
		width: calc(25% - 1.5em);
		}
		#searchMenuDetail li:not(:nth-of-type(4n+1)){
			margin-left: 2em;
			}
#searchSort{
	margin-left: auto;
	}
	#searchSort dl{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: -0.25em;
		}
	#searchSort dt{
		margin: 0.25em;
		pointer-events: none;
		}
	#searchSort dt+span{
		display: flex;
		}
	#searchSort dt{
		margin-right: 0.75em;
		}
	#searchSort dd{
		margin: 0.25em;
		padding: 0.5em 0.8em;
		background: #fff;
		border: 1px solid #b3b3b3;
		text-align: center;
		cursor: pointer;
		}
	#searchSort .select{
		background: #9c1c29;
		border-color: transparent;
		color: #fff;
		fill: currentColor;
		}
#searchDisplay{}
	#searchDisplay dl{
		display: flex;
		align-items: center;
		margin: -0.25em;
		}
	#searchDisplay dt{
		margin: 0.25em;
		pointer-events: none;
		}
	#searchDisplay dt+span{
		display: flex !important;
		}
	#searchDisplay dt{
		margin-right: 0.75em;
		}
	#searchDisplay dd{
		margin: 0.25em;
		}
		#searchDisplay dd a{
			display: flex;
			align-items: center;
			grid-gap: 0.5em;
			padding: 0.5em;
			background: #fff;
			border: 1px solid #b3b3b3;
			color: inherit;
			fill: #9c1c29;
			text-decoration: none;
			cursor: pointer;
			}
		#searchDisplay dd i{
			display: flex;
			align-items: center;
			}
	#searchDisplay .select{
		background: #9c1c29;
		border-color: transparent;
		color: #fff;
		fill: currentColor;
		}
#searchResult,
#pagenation{
	margin-top: 4em;
	}
.searchMenuBox{
	position: absolute;
	top: 0;
	left: 0;
	}
	.searchMenuBox > div{
		max-height: 50vh;
		padding: 2em;
		}
.articleList{}
	.articleList.grid{}
		.articleList.grid dl{}
			.articleList.grid dl:nth-of-type(3n+1){
				width: calc(33.33% - 0.5em);
				padding-left: 0;
				}
			.articleList.grid dl:nth-of-type(3n+2){
				width: calc(33.33% + 1em);
				}
			.articleList.grid dl:nth-of-type(3n+3){
				width: calc(33.33% - 0.5em);
				padding-right: 0;
				border-right: 0;
				}
			.articleList.grid dl:nth-of-type(-n+3){
				padding-top: 0;
				}
.spotList{}
	.spotList.grid{}
		.spotList.grid dl{
			width: calc(25% - 1.5em);
			}
			.spotList.grid dl:not(:nth-of-type(4n+1)){
				margin-left: 2em;
				}
			.spotList.grid dl:nth-of-type(n+5){
				margin-top: 3em;
				}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}