@charset "utf-8";
/* CSS Document */



/*リゾート事業*/
#main_vis
{
	background:url(../img/resort04/main_vis.png) no-repeat center center;
}

#main_vis h3,
#main_vis p
{
	color:#fff;
	text-shadow: 0px 1px 10px #FFAE45;
}


.resort_box
{
	background:#eee;
	padding:10px;
}

.resort_box h4
{
	font-size:1.2em;
	font-weight:bold;
	color:#FF9900;
}
.resort_box p
{
	margin-bottom:30px;
	font-size:0.8em;
}

.resort_box h5
{
	font-size:1em;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}

.resort_box dl
{
	width:100%;
	text-align:left;
	margin-bottom:10px;
	padding:5px;
	background:#fff;
}

.resort_box dl dt
{
	font-size:1em;
	font-weight:bold;
	color:#FF9900;
}
.resort_box dd
{
	width:76%;
	float:left;
}

.resort_box dd.photo
{
	width:20%;
	float:right;
}
.resort_box dd img
{
	width:100%;
}
.resort_box dd 
{
	font-size:0.8em;
}

@media screen and (min-width : 640px) and (max-width: 960px){


.resort_box
{
	text-align:center;
	padding:30px 0 0;
}
.resort_box div
{
	width:768px;
	margin:0 auto;
}

.resort_box h4
{
	font-size:18px;
	line-height:25px;
}
.resort_box p
{
	margin-bottom:30px;
	font-size:14px;
	line-height:25px;
}

.resort_box h5
{
	font-size:16px;
	line-height:20px;
}

.resort_box dl
{
	margin-bottom:10px;
	width:16%;
	text-align:left;
	float:left;
	padding:10px;
	background:#fff;
	margin:5px;
	margin-bottom:20px;
}

.resort_box dl dt
{
	font-size:14px;
	line-height:18px;
	margin-bottom:5px;
	height:38px;
}

.resort_box dd
{
	height:120px;
	font-size:12px;
	float:none;
	width:100%;
}
.resort_box dd.photo
{
	margin:5px 0 10px;
	height:auto !important;
	float:none;
	width:100%;
}

}

@media all and (min-width: 960px){


.resort_box
{
	text-align:center;
	padding:30px 0 0;
}
.resort_box div
{
	width:975px;
	margin:0 auto;
}

.resort_box h4
{
	font-size:20px;
	line-height:35px;
}
.resort_box p
{
	margin-bottom:30px;
	font-size:14px;
	line-height:25px;
}

.resort_box h5
{
	font-size:18px;
	line-height:25px;
}

.resort_box dl
{
	margin-bottom:10px;
	width:160px;
	text-align:left;
	float:left;
	padding:10px;
	background:#fff;
	margin-right:15px;
}

.resort_box dl dt
{
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
}

.resort_box dd
{
	height:90px;
	font-size:12px;
	float:none;
	width:100%;
}
.resort_box dd.photo
{
	margin:5px 0 10px;
	height:auto !important;
	float:none;
	width:100%;
}

}


@media print{


.resort_box
{
	text-align:center;
	padding:30px 0 0;
}
.resort_box div
{
	width:975px;
	margin:0 auto;
}

.resort_box h4
{
	font-size:20px;
	line-height:35px;
}
.resort_box p
{
	margin-bottom:30px;
	font-size:14px;
	line-height:25px;
}

.resort_box h5
{
	font-size:18px;
	line-height:25px;
}

.resort_box dl
{
	margin-bottom:10px;
	width:160px;
	text-align:left;
	float:left;
	padding:10px;
	background:#fff;
	margin-right:15px;
}

.resort_box dl dt
{
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
}

.resort_box dd
{
	height:90px;
	font-size:12px;
	float:none;
	width:100%;
}
.resort_box dd.photo
{
	margin:5px 0 10px;
	height:auto !important;
	float:none;
	width:100%;
}

}


.resort_box02
{
	background:#FAF9F1;
	margin-bottom:30px;
	padding:10px;
}

.resort_box02 h4
{
	font-size:1.2em;
	font-weight:bold;
	color:#FF9900;
}

.resort_box02 p
{
	font-size:0.8em;
}
.resort_box02 .info img
{
	display:none;
}

.resort_box02 .map
{
	margin-top:10px;
}
.resort_box02 img
{
	width:100%;
}


@media screen and (min-width : 640px) and (max-width: 960px){
	
.resort_box02
{
	padding:30px;
}
.resort_box02 div
{
	width:768px;
	margin:0 auto;
}

.resort_box02 h4
{
	font-size:18px;
	line-height:25px;
	margin-bottom:15px;
}
.resort_box02 p
{
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
}
.resort_box02 p .pc_view
{
	display:none;
}
.resort_box02 .info
{
	float:left;
	width:55%;
}

.resort_box02 .info ul li
{
	margin-top:20px;
	width:45%;
	margin-right:20px;
	float:left;
}
.resort_box02 .info img
{
	display:block;
}
.resort_box02 .map
{
	float:right;
	width:40%;
}
}
@media all and (min-width: 960px){
	
.resort_box02
{
	padding:30px;
}
.resort_box02 div
{
	width:960px;
	margin:0 auto;
}

.resort_box02 h4
{
	font-size:20px;
	line-height:30px;
	margin-bottom:15px;
}
.resort_box02 p
{
	font-size:14px;
	line-height:25px;
	margin-bottom:15px;
}
.resort_box02 .info
{
	float:left;
	width:500px;
}

.resort_box02 .info ul li
{
	margin-top:20px;
	width:230px;
	margin-right:20px;
	float:left;
}
.resort_box02 .info img
{
	display:block;
}
.resort_box02 .map
{
	float:right;
	width:450px;
}
}

@media print{
	
.resort_box02
{
	padding:30px;
}
.resort_box02 div
{
	width:960px;
	margin:0 auto;
}

.resort_box02 h4
{
	font-size:20px;
	line-height:30px;
	margin-bottom:15px;
}
.resort_box02 p
{
	font-size:14px;
	line-height:25px;
	margin-bottom:15px;
}
.resort_box02 .info
{
	float:left;
	width:500px;
}

.resort_box02 .info ul li
{
	margin-top:20px;
	width:230px;
	margin-right:20px;
	float:left;
}
.resort_box02 .info img
{
	display:block;
}
.resort_box02 .map
{
	float:right;
	width:450px;
}
}




.resort_box:after,
.resort_box ul:after,
.resort_box02:after,
.resort_box02 ul:after
.resort_box dl:after
{
    content: ""; 
    display: block; 
    clear: both;}


.resort_box,
.resort_box ul,
.resort_box02,
.resort_box02,
.resort_box dl
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
/* Hides from IE-mac \*/


.resort_box,
.resort_box ul,
.resort_box02,
.resort_box02,
.resort_box dl
{display: block;}
/* End hide from IE-mac */