/* CSS Document */

#lodging{}
	#lodging p+p{
		margin-top: 1em;
		}
	#lodging figure{
		margin-bottom: 1em;
		}
	#lodging p+div{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		}
	#lodging section{
		width: calc(50% - 1em);
		padding: 1em;
		border-radius: 0.2em;
		background: rgba(var(--primary-color-rgb),0.1);
		}
	#lodging footer{
		clear: both;
		}
	#lodging aside{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		text-align: center;
		margin-top: 2em;
		}
		#lodging aside a{
			display: block;
			width: calc(33.33% - 0.7em);
			padding: 1em;
			background: #fff;
			border: 1px solid #b7b7b7;
			border-radius: 0.2em;
			line-height: 3em;
			}
			#spot aside a:hover,
			#spot aside a:active{
				border-color: var(--primary-color);
				}
		#lodging aside img{
			max-height: 3em;
			vertical-align: middle;
			}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
}


/* for Tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#lodging{}
	#lodging section{
		width: 100%;
		}
	#lodging section+section{
		margin-top: 1em;
		}
	#lodging aside{}
		#lodging aside a{
			width: 100%;
			}
		#lodging aside a+a{
			margin-top: 0.5em;
			}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
#lodging{}
}


/* for PC */
@media (min-width: 960px) {
/*960px以上*/
#map{
	height: 500px;
	}
}


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