/* CSS Document */

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

#searchSort{}
	#searchSort a,#searchSort p{
		color: #fff;
		}

#articleList{}
	#articleList dl{
		position: relative;
		border-bottom: 1px solid #b2b6bc;
		}
		#articleList dl:first-child{
			padding-top: 0;
			}
	#articleList dt{
		font-size: 1.125em;
		font-weight: bold;
		line-height: 1.5em;
		}
	#articleList dt+dd{}
		#articleList dt+dd:after{
			content: "画像提供：ホットペッパー グルメ";
			display: block;
			margin-top: 1em;
			font-size: 0.75em;
			}
	#articleList dd{}
		#articleList dd[data-type]{
			position: relative;
			padding-left: 7em;
			line-height: 1.5em;
			}
			#articleList dd[data-type]:before{
				position: absolute;
				top: -0.3em;
				left: 0;
				width: 6em;
				padding: 0.5em;
				border: 1px solid #b2b6bc;
				border-radius: 4px;
				text-align: center;
				line-height: 1em;
				}
		#articleList dd[data-type="address"]{}
			#articleList dd[data-type="address"]:before{
				content: "住所";
				}
		#articleList dd[data-type="access"]{}
			#articleList dd[data-type="access"]:before{
				content: "アクセス";
				}
		#articleList dd:nth-of-type(2){
			color: #000;
			line-height: 1.7em;
			}
		#articleList dd:nth-of-type(n+2):not(:last-child){
			margin-top: 1em;
			}
		#articleList dd ul{
			display: flex;
			flex-wrap: wrap;
			margin: -0.25em;
			font-size: 0.875em;
			}
		#articleList dd li{
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0.25em;
			padding: 0.5em;
			background: #1696ac;
			border-radius: 4px;
			color: #fff;
			}
		#articleList dd > a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			}
	#articleList .thumb{
		border-radius: 12px;
		}

#pagenation{
	padding-top: 0;
	}




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


/* for mobile */
@media (max-width: 767.98px) {
/*767以下px*/
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
#articleList{}
	#articleList dl{
		display: flex;
		flex-direction: column;
		padding: 1.5em 0;
		}
	#articleList dt+dd{
		margin: 1em 0;
		}
		#articleList dt+dd:after{
			text-align: right;
			}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
#articleList{}
	#articleList dl{
		-ms-grid-columns: 20em 1em auto;
		grid-template-columns: 20em auto;
		grid-gap: 0 1em;
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
#articleList{}
	#articleList dl{
		display: -ms-grid;
		display: grid;
		}
	#articleList dt{
		-ms-grid-column: 3;
		-ms-grid-row: 1;
		}
	#articleList dt+dd{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 4;
		grid-row: 1 / 7;
		}
	#searchMenuArea{}
	#searchMenuArea > div{
		display: grid; 
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
#articleList{}
	#articleList dl{
		padding: 1.5em 0;
		}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
#articleList{}
	#articleList dl{
		padding: 2em 0;
		}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
#articleList{}
	#articleList dl{
		-ms-grid-columns: 20em 1.5em auto;
		grid-template-columns: 20em auto;
		grid-gap: 0 1.5em;
		}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#articleList{}
	#articleList dl{
		-ms-grid-columns: 15em 2em auto;
		grid-template-columns: 15em auto;
		grid-gap: 0 2em;
		}
#articleList{}
	#articleList dl{
		padding: 2em 0;
		}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}