/**********************************************
	インフォメーション
**********************************************/
#infoBlock {
	padding-bottom:15vh;
	background-color:#fff;
}

#infoBlockInner {
	margin:0 auto;
	padding:0 4vw;
	max-width:calc(1680px - 8vw);
}

#infoBlock ul {
	margin:0 auto;
	width:100%;
}

#infoBlock ul li {
	position:relative;
	float:left;
	margin:2vw;
	width:calc(25% - 4vw);
}

#infoBlock ul li .infoTitle {
	margin:15px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#222;
}

#infoBlock ul li .infoTitleENG {
	margin:15px 0;
	text-align:center;
	font-size:110%;
	color:#222;
}

#infoBlock ul li .infoLink {
	display:block;
	cursor:pointer;
	text-align:center;
}

#infoBlock ul li .infoDetailLink a {
	display:block;
	margin:1em 2em;
	padding:0.5em;
	cursor:pointer;
	text-align:center;
	border-radius:3px;
	color:#fff;
	background-color:#eb6100;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}


#infoBlock ul li .infoDetailLink a:hover {
	text-decoration:none;
	color:#fff;
	background:#f56500;
}

#infoBlock ul li .infoValue p {
	margin-bottom:0.75em;
	line-height:150%;
	font-size:95%;
	color:#222;
}

#infoBlock ul li .infoImage {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding-top:100%;
	width:100%;
	cursor:pointer;
}

#infoBlock ul li .infoImage img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:150%;
	max-height:150%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

@media screen and (max-width:1024px) {
	#infoBlock ul li {
		width:calc(33.33% - 4vw);
	}

	#infoBlock ul li .infoTitle {
		text-align:left;
	}

}

@media screen and (max-width:768px) {
	#infoBlock ul li {
		width:calc(50% - 4vw);
	}
}

/**********************************************
	アイコン
**********************************************/
.iconMark {
	display:block;
	margin:10px auto;
	text-align:center;
}

.iconMarkFood {
	display:inline-block;
	padding:2px 20px;
	text-align:center;
	color:#fff;
	background-color:#c0392b;
	border-radius:3px;
}

.iconMarkStay {
	display:inline-block;
	padding:2px 20px;
	text-align:center;
	color:#fff;
	background-color:#2980b9;
	border-radius:3px;
}

.iconMarkService {
	display:inline-block;
	padding:2px 20px;
	text-align:center;
	color:#fff;
	background-color:#16a085;
	border-radius:3px;
}

.iconMarkPlay {
	display:inline-block;
	padding:2px 20px;
	text-align:center;
	color:#fff;
	background-color:#8e44ad;
	border-radius:3px;
}

.iconMarkStay {
	display:inline-block;
	padding:2px 20px;
	text-align:center;
	color:#fff;
	background-color:#2980b9;
	border-radius:3px;
}

/**********************************************
	モーダル
**********************************************/
.modalWindow {
	text-align:left;
}

.modalTitle {
	margin:15px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#222;
}

.modalImage {
	position:relative;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:20px;
	padding-top:75%;
	width:75%;
}

.modalImage img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:150%;
	max-height:150%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.modalText p {
	margin-bottom:1em;
	font-size:95%;
	color:#222;
}

.modalText span {
	display:block;
	font-size:90%;
	font-weight:bold;
}

.modalClose a {
	display:block;
	margin:1em 2em;
	padding:0.5em;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	border-radius:3px;
	color:#fff;
	background-color:#999;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.modalClose a:hover {
	text-decoration:none;
	color:#fff;
	background:#ccc;
}

.modalCorpInfo {
	display:table;
	margin:5vh 2vw;
	width:calc(100% - 4vw);
	font-size:90%;
}

.modalCorpInfo div {
	display:table-row;
	width:100%;
}

.modalCorpInfo div p:first-child {
	display:table-cell;
	padding:5px 0;
	width:5em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

.modalCorpInfo div p:last-child {
	display:table-cell;
	padding:5px 0;
	border-bottom:1px solid #ccc;
}