/* CSS Document */

#searchSelect{
	margin-top: 1em;
	}
	#searchSelect ul{
		list-style: none;
		}
	#searchSelect li{
		cursor: pointer;
		}
		#searchSelect li:nth-last-of-type(n+2){
			position: relative;
			border: 2px solid #1a1a1a;
			border-radius: 10em;
			color: #1a1a1a;
			fill: #1a1a1a;
			line-height: 1em;
			background: #fff;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			cursor: pointer;
			}
			#searchSelect li:nth-last-of-type(n+2) i{
				position: absolute;
				top: calc(50% - 0.5em);
				width: 1em;
				height: 1em;
				transform: scale(1.2) rotate(90deg);
				}
			*::-ms-backdrop, #searchSelect li:nth-last-of-type(n+2) i{
				top: 0.6em;
				}
	#searchSelect input{
		border-radius: 0.4em;
		line-height: 1em;
		}
	#searchSelect button{
		background: #1a1a1a;
		border-radius: 0.4em;
		}
		#searchSelect button i{
			position: relative;
			padding-left: 1em;
			}
		#searchSelect button svg{
			position: absolute;
			top: calc(50% - 0.7em);
			left: calc(50% - 0.7em);
			width: 1.4em;
			height: 1.4em;
			}

#searchDetail{
	position: relative;
	margin: 0;
	}
	#searchDetail div+div{
		margin-top: 0;
		}
	#searchDetail ul{
		display: flex;
		flex-wrap: wrap;
		margin: -0.5em;
		padding-right: 1em;
		list-style: none;
		}
		#searchDetail ul ul{
			flex-direction: column;
			margin-top: 0.5em;
			padding: 0 0 0 2em;
			}
		#searchDetail ul ul li{
			width: 100% !important;
			margin: 0 !important;
			font-size: 0.8em;
			}
	#searchDetail li{
		padding: 0.5em;
		line-height: 1.4em;
		}
	#searchDetail ul+div{
		display: flex;
		justify-content: center;
		}
	#searchDetail button{
		padding: 0.8em 1em;
		}
		#searchDetail button i{
			position: relative;
			padding-left: 2em;
			}
		#searchDetail button svg{
			position: absolute;
			top: calc(50% - 0.7em);
			left: 0;
			width: 1.4em;
			height: 1.4em;
			}
	#searchDetail button+button{
		margin-left: 1em;
		background: #ccc;
		}
	#searchDetail .searchBox{
		position: absolute;
		left: 0;
		width: 100%;
		background: #fff;
		filter: drop-shadow(0.2em 0.2em 0.2em rgba(0,0,0,0.15));
		z-index: 10;
		}
		*::-ms-backdrop, #searchDetail .searchBox{
			box-shadow: 0 0 0.2em rgba(0,0,0,0.15);
			}
	#searchDetail .searchBoxClose{
		position: absolute;
		cursor: pointer;
		z-index: 1;
		}
		#searchDetail .searchBoxClose svg{
			width: 1.4em;
			height: 1.4em;
			}

#searchCategory{}
	#searchCategory ul ul{
		display: none;
		}

#searchCalendar{}
	#searchCalendar table{
		width: calc(100% - 2em);
		margin: 0 1em;
		margin-bottom: 1em;
		text-align: center;
		}
	#searchCalendar caption{
		padding: 0.5em;
		background: #4d4d4d;
		color: #fff;
		font-weight: bold;
		line-height: 1em;
		}
	#searchCalendar td{
		padding: 0.5em 0;
		border-top: 1px solid #fff;
		background: #f5f3ee;
		line-height: 1em;
		}
		#searchCalendar td:nth-child(n+2){
			border-left: 1px solid #fff;
			}
		#searchCalendar td:nth-child(1){
			background: #ffe5ee;
			}
		#searchCalendar td:nth-child(7){
			background: #d9eefd;
			}
		#searchCalendar td.check{
			background: rgba(34,58,112,1);
			color: #fff;
			}
	#searchCalendar ul{
		justify-content: center;
		}
	#searchCalendar li+li{
		margin-left: 1em;
		}
	#searchCalendar .slick-slider{
		margin: 0 2em;
		}
	#searchCalendar .slick-prev{
		left: -2em;
		}
	#searchCalendar .slick-next{
		right: -2em;
		}

#searchTag{
	display: none; /*Base!Tohokuコンテンツのために非公開設定中*/
	margin-top: 2em;
	}
	#searchTag ul{
		display: flex;
		flex-wrap: wrap;
		margin: -0.5em;
		list-style: none;
		}
	#searchTag li{
		margin: 0.5em;
		}
	#searchTag a{
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		padding: 0.5em 0.8em;
		border: 1px solid #223a70;
		text-decoration: none;
		line-height: 1.4em;
		}
		#searchTag a:hover{
			background: #ccc;
			border-color: transparent;
			color: #fff;
			fill: #fff;
			}
	#searchTag a.checked{
		background-color: #223a70;
		color: #fff;
		}
	#searchTag i{
		margin-left: 0.5em;
		}
	#searchCurrent .subTitle+div{
		margin-top: 1em;
		}

#searchResult{
	margin-top: 2em;
	border-top: 1px solid #ccc;
	}

#resultStats{
	position: relative;
	padding: 2em 0;
	}
	#resultStats p{
		color: #1a1a1a;
		font-weight: bold;
		line-height: 1em;
		}
		#resultStats p span{
			font-size: 2em;
			}
	#resultStats dl{
		display: flex;
		align-items: center;
		}
	#resultStats dt,
	#resultStats dd{
		text-align: center;
		line-height: 1em;
		}
	#resultStats dt{
		color: #1a1a1a;
		}
	#resultStats dd{
		display: flex;
		justify-content: center;
		align-items: center;
		align-self: stretch;
		padding: 0.5em 1em;
		border: 1px solid #919191;
		border-radius: 10em;
		}
	#resultStats .select{
		background: #223a70;
		border-color: #223a70;
		color: #fff;
		}
	#resultStats .wrap{
		position: relative;
		}

#itemList{
	display: flex;
	flex-wrap: wrap;
	}
	#itemList > div{
		display: flex;
		flex-wrap: wrap;
		}
#itemList{}
	#itemList section{
		position: relative;
		display: flex;
		flex-direction: column;
		padding: 0;
		}
	#itemList h3{
		display: none;
		}
	#itemList h3+div{
		order: 2;
		}
		#itemList h3+div a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			color: transparent;
			z-index: 1;
			}
	#itemList ul{
		display: flex;
		margin: 1em 0;
		}
	#itemList li{
		padding: 0.6em 1em;
		background: #1a1a1a;
		color: #fff;
		line-height: 1em;
		}
	#itemList li+li{
		margin-left: 0.5em;
		}
	#itemList time{
		color: #1a1a1a;
		line-height: 1.4em;
		}
	#itemList p{
		margin-top: 0.5em;
		line-height: 1.4em;
		}
	#itemList figure{
		position: relative;
		order: 1;
		}
	#itemList figcaption{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 1em;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
	#itemList .wrap{
		display: flex;
		}
	#itemList .aomori{
		background: #147fa3;
		}
	#itemList .akita{
		background: #d9383a;
		}
	#itemList .iwate{
		background: #bf8f17;
		}
	#itemList .yamagata{
		background: #539e2e;
		}
	#itemList .miyagi{
		background: #f08426;
		}
	#itemList .niigata{
		background: #829799;
		}
	#itemList .fukushima{
		background: #e56e80;
		}

#pagenation{
	padding-top: 0;
	}


/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
#searchMenu{
	margin-top: 2em;
	}
	#searchMenu .wrap{
		position: relative;
		}
#searchSelect{
	text-align: center;
	}
	#searchSelect li{}
		#searchSelect li:nth-last-of-type(n+2){
			padding: 0.8em;
			padding-left: 1.5em;
			text-align: left;
			}
			#searchSelect li:nth-last-of-type(n+2) i{
				right: 0.8em;
				}
	#searchSelect li+li{
		margin-top: calc(1em - 4px);
		}
	#searchDetail ul+div{
		margin-top: 1.5em;
		}
	#searchSelect button{
		display: inline-block;
		width: 8em;
		margin-top: 1em;
		}
		#searchSelect button:after{
			content: "検索";
			}
		#searchSelect button i{
			margin-right: 0.5em;
			}
#searchDetail{
	position: absolute;
	top: 2.6em;
	left: 0;
	width: 100%;
	}
	#searchDetail > div:nth-of-type(1){
		top: 3.5em;
		}
	#searchDetail > div:nth-of-type(2){
		top: 7em;
		}
	#searchDetail > div:nth-of-type(3){
		top: 10.5em;
		}
	#searchDetail > div:nth-of-type(4){
		top: 14em;
		}
	#searchDetail .searchBox{}
		#searchDetail .searchBox > div{
			padding: 1em;
			overflow-x: hidden;
			overflow-y: scroll;
			}
	#searchDetail .searchBoxClose{
		top: 0.5em;
		right: 0.5em;
		}
#resultStats{}
	#resultStats p{
		text-align: center;
		}
		#resultStats p span{
			font-size: 2em;
			}
	#resultStats dl{
		flex-wrap: wrap;
		justify-content: space-between;
		}
	#resultStats dt{
		display: none;
		}
	#resultStats dd{
		width: calc(50% - 0.25em);
		margin-top: 0.5em;
		}
#itemList{}
	#itemList section{
		width: calc(50% - 0.5em);
		margin-bottom: 2em;
		}
	#itemList section:nth-of-type(even){
		margin-left: 1em;
		}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#searchDetail{}
	#searchDetail ul+div{
		flex-direction: column;
		align-items: center;
		}
	#searchDetail button{
		position: relative;
		width: 14em;
		}
		#searchDetail button i{
			position: static;
			}
		#searchDetail button svg{
			left: 1em;
			}
	#searchDetail button+button{
		margin: 0.5em 0 0 0;
		}
	#searchDetail .searchBox{}
		#searchDetail .searchBox > div{
			max-height: 20em;
			}
#searchCategory{}
	#searchCategory ul{
		flex-direction: column;
		}
#searchArea{}
	#searchArea ul{
		flex-direction: column;
		}
	#searchArea div > ul > li+li{
		margin-top: 1em;
		}
#searchSeason{}
	#searchSeason li{
		width: 33.33%;
		}
#searchDistance{}
	#searchDistance li{
		width: 50%;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#searchDetail{}
	#searchDetail .searchBox{}
		#searchDetail .searchBox > div{
			max-height: 75vh;
			}
#searchCategory{}
	#searchCategory li{
		width: 50%;
		}
#searchArea{}
	#searchArea li{
		width: 50%;
		}
	#searchArea div > ul > li:nth-of-type(n+3){
		margin-top: 1em;
		}
#searchSeason{}
	#searchSeason li{
		width: 25%;
		}
#searchDistance{}
	#searchDistance li{
		width: 33.33%;
		}
#itemList{}
	#itemList .itemBox{
		width: calc(50% - 1em);
		margin-top: 2em;
		}
		#itemList .itemBox:nth-child(even){
			margin-left: 2em;
			}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#searchSelect{
	display: flex;
	}
	#searchSelect ul{
		display: table;
		table-layout: fixed;
		width: calc(100% + 1em);
		margin-left: -0.5em;
		border-spacing: 0.5em 0;
		}
		*::-ms-backdrop, #searchSelect ul{
			padding-right: 3em;
			}
	#searchSelect li{
		display: table-cell;
		vertical-align: middle;
		}
		#searchSelect li:nth-last-of-type(n+2){
			padding: 0 2em 0 1em;
			}
			#searchSelect li:nth-last-of-type(n+2) i{
				right: 0.6em;
				}
	#searchSelect input{
		padding: calc(0.5em - 1px);
		}
	#searchSelect button{
		width: 2.5em;
		padding: 0 0.75em;
		}
#searchDetail{}
	#searchDetail ul+div{
		margin-top: 2em;
		}
	#searchDetail .searchBox{
		top: 1em;
		padding: 1.5em;
		}
	#searchDetail .searchBoxClose{
		top: 0.5em;
		right: 0.5em;
		}
#searchSeason{}
	#searchSeason li{
		width: 25%;
		}
#resultStats{}
	#resultStats dd{
		margin-left: 0.5em;
		cursor: pointer;
		}
	#resultStats .wrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
		}
#itemList{}
	#itemList .itemBox{
		margin-top: 3em;
		margin-left: 2em;
		}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#searchMenu{
	margin-top: 3em;
	}
#searchCategory{}
	#searchCategory li{
		width: 33.33%;
		}
#searchArea{}
	#searchArea li{
		width: 33.33%;
		}
	#searchArea div > ul > li:nth-of-type(n+4){
		margin-top: 1em;
		}
#searchDistance{}
	#searchDistance li{
		width: 25%;
		}
#itemList{}
	#itemList section{
		width: calc(33.33% - 1em);
		margin-bottom: 3em;
		}
	#itemList section:nth-of-type(3n+2){
		margin-left: 1.5em;
		margin-right: 1.5em;
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#searchMenu{
	margin-top: 4em;
	}
#searchCategory{}
	#searchCategory li{
		width: 25%;
		}
#searchArea{}
	#searchArea li{
		width: 25%;
		}
	#searchArea div > ul > li:nth-of-type(n+5){
		margin-top: 1em;
		}
#searchDistance{}
	#searchDistance li{
		width: 20%;
		}
#itemList{}
	#itemList section{
		width: calc(25% - 1.5em);
		margin-bottom: 4em;
		margin-left: 2em;
		}
	#itemList section:nth-of-type(4n+1){
		margin-left: 0;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
#itemList{}
	#itemList .itemBox{
		width: calc(33.33% - 1.34em);
		margin-left: 2em;
		}
		#itemList .itemBox:nth-child(3n+1){
			margin-left: 0;
			}
}
@media (min-width: 1200px) {
/*1200px以上*/
#itemList{}
	#itemList .itemBox{
		width: calc(25% - 1.5em);
		}
		#itemList .itemBox:nth-child(4n+1){
			margin-left: 0;
			}
}


/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none) {
}