@charset "UTF-8";

/*
=====================================================================
	アイホーム　イベントページ
=====================================================================
*/

p.yotei{
	margin:40px 0;
	text-align:center;
	text-decoration: underline;
	}

#eventWrapper .eventInner p.bgRed{
	background:#E50012;
	}

#eventWrapper p span.small{
	font-size:14px;
	}

.attention{
	margin:0 auto 60px;
	font-size:20px;
	font-weight:bold;
	width:80%;
	}

	.attention h3{
		font-weight:bold;
		margin-bottom:20px;
		}

	.attention p,
	.attention ol{
		margin-bottom:20px;
		}

	.attention p span{
		font-size: 28px;
		}

		.attention ol li{
			list-style-type:decimal;
			margin-left: 1.5em;
			}

/* ============================================================================================== */
@media print, screen and (min-width:641px) {

#eventWrapper{
	width:980px;
	margin:0 auto;
	padding: 150px 0 0;
	}

.ThreeColumn{
	display:flex;
	justify-content:space-between;
	margin-bottom:40px;
	}

#eventWrapper h2{
	margin-bottom:20px;
	}

h3.h3Ttl{
	font-size:25px;
	margin-bottom:30px;
	font-weight:bold;
	text-align:center;
	}

	h3.h3Ttl span{
		color:#b40004;
		font-size:40px;
		}

/* eventInner
------------------------------------------------------------ */
#eventWrapper .gp{
	width:960px;
	margin:0 auto 80px;
	}

.eventBox{
	margin:0 auto 60px;
	padding-bottom:60px;
	border-bottom:1px solid #ccc;
	}

.eventInner{
	width:960px;
	margin:0 auto 50px;
	}


	.eventInner .evtTwoColumun .fL{
		float:left;
		width:48%;
		}

	.eventInner .evtTwoColumun .fR{
		float:right;
		width:48%;
		}

	.eventInner .evtTwoColumun .fLSelco{
		float:left;
		width:68%;
		}

	.eventInner .evtTwoColumun .fRSelco{
		float:right;
		width:28%;
		}

		.eventInner .evtTwoColumun .fL img,
		.eventInner .evtTwoColumun .fR img{
			width:100%;
			}

		.eventInner .evtTwoColumun .fLSelco img,
		.eventInner .evtTwoColumun .fRSelco img{
			width:100%;
			}


/* eventBox02
------------------------------------------------------------ */
.eventBox02{
	margin:0 auto 60px;
	padding-bottom:60px;
	border-bottom:1px solid #ccc;
	}

.eventInner02{
	width:960px;
	margin:0 auto 50px;
	}


	.eventInner02 .evtTwoColumun02 .fL{
		float:left;
		width:48%;
		}

	.eventInner02 .evtTwoColumun02 .fR{
		float:right;
		width:48%;
		}

	.eventInner02 .evtTwoColumun02 .fLShinbyu{
		float:left;
		width:60%;
		}

	.eventInner02 .evtTwoColumun02 .fRShinbyu{
		float:right;
		width:33%;
		}

		.eventInner02 .evtTwoColumun02 .fL img,
		.eventInner02 .evtTwoColumun02 .fR img,
		.eventInner02 .evtTwoColumun02 .fLShinbyu img,
		.eventInner02 .evtTwoColumun02 .fRShinbyu img{
			width:100%;
			}
/* 海里山
------------------------------------------------------------ */
.eventBox .eventInner .umisatoyama{
	padding-bottom: 30px;
	}

/* プラザ
------------------------------------------------------------ */
.inline-block{
	display: inline-block;
}

.eventBox02 .eventInner02 .plaza{
	padding-bottom: 30px;
	}

.eventBox02 .eventInner02 .nukumori{	
	padding-left: 30px;
	}

.eventBox02 .eventInner02 .nukumori_lead{
	padding-bottom: 30px;
	}



/* maha
------------------------------------------------------------ */
.maha{
	margin:0 auto 60px;
	padding-bottom:60px;
	width:960px;
	}
	
/* placeB
------------------------------------------------------------ */
p.placeB{
	background:#004097;
	color:#fff;
	font-size:30px;
	padding:10px 20px;
	margin-bottom:30px;
	text-align:center;
	}

/* normalDay
------------------------------------------------------------ */

p.normalDay0{
	font-size:24px;
	margin-bottom:50px;
	text-align:left;
	padding-left: 30px;
	}

p.normalDay{
	font-size:24px;
	margin-bottom:30px;
	text-align:left;
	}



/* 都城
------------------------------------------------------------ */
.eventBox02 .eventInner02 .staff{
	width: 618px;
	margin: 0 auto;
	padding-bottom: 50px;
}

/* btn map
------------------------------------------------------------ */
p.btn_map{
	width:960px;
	font-size:24px;
	font-weight:bold;
	margin:0 auto;
	}

	p.btn_map a{
		width:100%;
		display:block;
		text-align:center;
		padding:10px 0;
		color:#fff;
		background:#b40005;
		}

	p.bgBlue a{
		background:#006bb4;
		}

	p.btn_map a:hover{
		background:#f2d394;
		text-decoration:none;
		}

	p.bgBlue a:hover{
		background:#f2d394;
		text-decoration:none;
		}

		p.btn_map a span{
			background:url(../../img/sec/event/icon01.png) no-repeat left center;
			padding:6px 0 6px 40px;
			}

/* btn reserved
------------------------------------------------------------ */
p.btn_reserved{
	width:960px;
	font-size:24px;
	font-weight:bold;
	margin:0 auto 15px;
	}

	p.btn_reserved a{
		width:100%;
		display:block;
		text-align:center;
		padding:10px 0;
		color:#fff;
		background:#009fdd;
		}

	p.btn_reserved a:hover{
		background:#80c4d8;
		text-decoration:none;
		}

		p.btn_reserved a span{
			background:url(../../img/sec/event/icon01.png) no-repeat left center;
			padding:6px 0 6px 40px;
			}

/* btnWrap
------------------------------------------------------------ */
.btnWrap{
	width:960px;
	display:flex;
	justify-content: space-between;
	}

	.btnWrap p.btn_map{
		width:48%;
		}

	.btnWrap div{
		width:48%;
		}

	.btnWrap div p{
		width:100%;
		}

/*-------------------------------------------------------------

モデルハウスリスト
--------------------------------------------------------------*/
/* modelTopWrap */
#eventWrapper .modelList{
	margin-bottom:40px;
	}

#eventWrapper .modelList ul{
	margin:0 auto 40px;
	width:870px;
	}

	#eventWrapper .modelList ul li{
		float:left;
		margin-right:97px;
		width:225px;
		}

	#eventWrapper .modelList ul li:last-child{
		margin-right:0;
		}

		#eventWrapper .modelList ul li .photo{
			margin-bottom:15px;
			}

		#eventWrapper .modelList ul li .inner{
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			padding:6px 0;
			text-align:center;
			}

			#eventWrapper .modelList ul li .inner h3{
				font-size:13px;
				margin-bottom:5px;
				}

				#eventWrapper .modelList ul li .inner h3 a{
					color:#000;
					}

			#eventWrapper .modelList ul li .inner p{
				font-size:8px;
				}

#eventWrapper .jizenyoyaku{
	margin:0 auto 40px;
	width:870px;
	}

	#eventWrapper .jizenyoyaku li{
		float:left;
		width:433px;
		}

	#eventWrapper .jizenyoyaku li:last-child{
		float:right;
		}


.tochi{
	margin-top: 30px;
}

}


/* ============================================================================================== */
@media screen and  (max-width:640px) {

.ThreeColumn{
	margin-bottom:40px;
	}

	.ThreeColumn iframe{
		width:100%;
		height:200px;
		margin-bottom:20px;
		}

#eventWrapper{
	width:95%;
	margin:0 auto;
	padding: 120px 0 0;
	}

#eventWrapper img{
	width:100%;
	}

#eventWrapper h2{
	margin-bottom:40px;
	}

.attention{
	margin:0 auto 60px;
	font-size:16px;
	font-weight:bold;
	width:100%;
	}

	.attention h3{
		font-weight:bold;
		margin-bottom:20px;
		}

	.attention p,
	.attention ol{
		margin-bottom:20px;
		}

		.attention ol li{
			list-style-type:decimal;
			margin-left: 1.5em;
			}

h3.h3Ttl{
	font-size:16px;
	margin-bottom:30px;
	font-weight:bold;
	text-align:center;
	}

	h3.h3Ttl span{
		color:#b40004;
		font-size:20px;
		}


/* eventInner
------------------------------------------------------------ */
#eventWrapper .gp{
	width:100%;
	margin:0 auto 60px;
	}

.eventBox{
	margin:0 auto 50px;
	padding-bottom:50px;
	border-bottom:1px solid #ccc;
	}

.eventInner{
	margin:0 auto 20px;
	}

	.eventInner .evtTwoColumun .fL{
		width:100%;
		margin-bottom:30px;
		}

	.eventInner .evtTwoColumun .fR{
		width:100%;
		margin-bottom:30px;
		}

	.eventInner .evtTwoColumun .fLSelco{
		margin-bottom:20px;
		}

	.eventInner .evtTwoColumun .fRSelco{
		width:80%;
		margin:0 auto;
		}

		.eventInner .evtTwoColumun .fL p.placeInner{
			width:100%;
			color:#fff;
			background:#64bfaa;
			font-size:30px;
			text-align:center;
			margin-bottom:20px;
			padding:4px 0;
			}

		.eventInner .evtTwoColumun .fL img,
		.eventInner .evtTwoColumun .fR img{
			width:100%;
			}


/* eventBox02
------------------------------------------------------------ */
.eventBox02{
	margin:0 auto 60px;
	padding-bottom:60px;
	border-bottom:1px solid #ccc;
	}

.eventInner02{
	margin:0 auto 20px;
	}

	.eventInner02 .evtTwoColumun02 .fL{
		width:100%;
		margin-bottom:30px;
		}

	.eventInner02 .evtTwoColumun02 .fR{
		width:100%;
		margin-bottom:30px;
		}

	.eventInner02 .evtTwoColumun02 .fLShinbyu{
		margin-bottom:30px;
		width:100%;
		}

	.eventInner02 .evtTwoColumun02 .fRShinbyu{
		margin-bottom:30px;
		width:100%;
		}
		
		.eventInner02 .evtTwoColumun02 .fL img,
		.eventInner02 .evtTwoColumun02 .fR img
		.eventInner02 .evtTwoColumun02 .fLShinbyu img,
		.eventInner02 .evtTwoColumun02 .fRShinbyu img{
			width:100%;
			}

/* eventBoxFullsize
------------------------------------------------------------ */
.eventBoxFullsize{
	margin:0 auto 60px;
	padding-bottom:60px;
	border-bottom:1px solid #ccc;
	}

.eventBoxFullsizeInner{
	width:100%;
	margin:0 auto 50px;
	}

	.ebfL{
		margin-bottom:20px;
		}

/* 海里山
------------------------------------------------------------ */
.eventBox .eventInner .umisatoyama{
	padding-bottom: 30px;
	}

/* プラザ
------------------------------------------------------------ */
.eventBox02 .eventInner02 .plaza{
	padding-bottom: 30px;
	}

.eventBox02 .eventInner02 .nukumori_lead{
	padding-bottom: 30px;
	}

/* maha
------------------------------------------------------------ */
.maha{
	margin: 0 auto 50px;
	width: 100%;
}

/* placeB
------------------------------------------------------------ */
p.placeB{
	background:#004097;
	color:#fff;
	font-size:24px;
	padding:10px 20px;
	margin-bottom:20px;
	}

/* normalDay
------------------------------------------------------------ */
p.normalDay{
	font-size:16px;
	margin-bottom:50px;
	text-align:left;
	}

#eventWrapper p.normalDay0{
	margin-bottom: 30px;
	}

/* 都城
------------------------------------------------------------ */
.eventBox02 .eventInner02 .staff{
	padding-bottom: 50px;
}

/* btn map
------------------------------------------------------------ */
p.btn_map{
	width:100%;
	font-size:20px;
	font-weight:bold;
	margin:0 auto 20px;
	}

	p.btn_map a{
		width:100%;
		display:block;
		text-align:center;
		padding:10px 0;
		color:#fff;
		background:#b40005;
		}

	p.bgBlue a{
		background:#006bb4;
		}

	p.btn_map a:hover{
		background:#f2d394;
		text-decoration:none;
		}

	p.bgBlue a:hover{
		background:#f2d394;
		text-decoration:none;
		}

/* btn reserved
------------------------------------------------------------ */
p.btn_reserved{
	width:100%;
	font-size:20px;
	font-weight:bold;
	margin:0 auto 15px;
	}

	p.btn_reserved a{
		width:100%;
		display:block;
		text-align:center;
		padding:10px 0;
		color:#fff;
		background:#009fdd;
		}

	p.btn_reserved a:hover{
		background:#80c4d8;
		text-decoration:none;
		}

/*-------------------------------------------------------------

モデルハウスリスト
--------------------------------------------------------------*/
/* modelTopWrap */
#eventWrapper .modelList{
	margin-bottom:40px;
	}

#eventWrapper .modelList ul{
	margin:0 0 40px 0;
	width:100%;
	}

	#eventWrapper .modelList ul li{
		width:80%;
		margin:0 auto 40px;
		}

		#eventWrapper .modelList ul li:last-child{
			margin:0 auto;
			}

		#eventWrapper .modelList ul li .photo{
			margin-bottom:15px;
			}

		#eventWrapper .modelList ul li .inner{
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			padding:6px 0;
			text-align:center;
			}

			#eventWrapper .modelList ul li .inner h3{
				font-size:14px;
				margin-bottom:5px;
				}

				#eventWrapper .modelList ul li .inner h3 a{
					color:#000;
					}

			#eventWrapper .modelList ul li .inner p{
				font-size:8px;
				}

#eventWrapper .jizenyoyaku{
	margin:0 auto;
	}

	#eventWrapper .jizenyoyaku li{
		width:100%;
		margin-bottom:30px;
		}

.tochi{
	margin-top: 30px;
	}

}