@charset "utf-8";
/* CSS Document */



/*リゾート事業*/
#main_vis
{
	background:url(../img/resort02/main_vis.png) no-repeat center center;
}

#main_vis h3,
#main_vis p
{
	color:#fff;
	text-shadow: 0px 1px 10px #FFAE45;
}

.resort_box
{
	background:#FAF9F1;
	margin-bottom:30px;
	padding:10px;
}
.resort_box h4
{
	font-size:1.2em;
	font-weight:bold;
	color:#FF9900;
}

.resort_box ul li
{
	float:left;
	margin-bottom:10px;
	width:48%;
	font-size:0.8em;
}
.resort_box ul li:nth-of-type(even)
{
	float:right;
}
.resort_box ul li img
{
	width:100%;
}

.resort_box ul li.map
{
	width:100%;
}

@media screen and (min-width : 640px) and (max-width: 960px){
	

.resort_box
{
	padding:20px !important;
}
.resort_box div
{
	width:768px;
	margin:0 auto;
}
.resort_box h4
{
	font-size:17px !important;
	line-height:25px;
	padding:15px 0 15px;
}

.resort_box ul li
{
	float:left !important;
	margin-bottom:10px;
	width:23% !important;
	margin:5px;
	font-size:12px;
}
.resort_box ul li img
{
	width:100%;
	margin-bottom:3px;
}

.resort_box ul li.map
{
	width:47% !important;
}
}

@media all and (min-width: 960px){
	

.resort_box
{
	padding:20px !important;
}
.resort_box div
{
	width:973px;
	margin:0 auto;
}
.resort_box h4
{
	font-size:20px !important;
	line-height:35px;
	padding:15px 0 15px;
}

.resort_box ul li
{
	float:left !important;
	margin-bottom:10px;
	width:230px !important;
	margin-right:10px;
	font-size:12px;
}
.resort_box ul li img
{
	width:100%;
	margin-bottom:3px;
}

.resort_box ul li.map
{
	width:475px !important;
}
}

@media print{
	

.resort_box
{
	padding:20px !important;
}
.resort_box div
{
	width:973px;
	margin:0 auto;
}
.resort_box h4
{
	font-size:20px !important;
	line-height:35px;
	padding:15px 0 15px;
}

.resort_box ul li
{
	float:left !important;
	margin-bottom:10px;
	width:230px !important;
	margin-right:10px;
	font-size:12px;
}
.resort_box ul li img
{
	width:100%;
	margin-bottom:3px;
}

.resort_box ul li.map
{
	width:475px !important;
}
}



.resort_box:after,
.resort_box ul:after
{
    content: ""; 
    display: block; 
    clear: both;}


.resort_box,
.resort_box ul
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
/* Hides from IE-mac \*/


.resort_box,
.resort_box ul
{display: block;}
/* End hide from IE-mac */