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



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

.resort #main_vis h3
{
	color:#F7B748;
}

.resort_box
{
	background:#eee;
	padding:10px;
}
.resort_box dl
{
	background:#FFF;
	padding:5px;
	width:46%;
	height:80px;
	margin-bottom:5px;
	float:left;
}
.resort_box dl:nth-of-type(even)
{
	float:right;
}
.resort_box dt
{
	color:#F7B748;
	font-weight:bold;
	font-size:0.8em;
	margin-bottom:5px;
}

.resort_box dd
{
	float:left;
	font-size:0.8em;
	line-height:120%;
}
@media screen and (min-width : 640px) and (max-width: 960px){
	

.resort_box
{
	background:#eee;
	padding:20px !important;
}
.resort_box div
{
	width:768px;
	margin:0 auto;
}
.resort_box h4
{
	font-size:25px !important;
	line-height:35px;
	padding:15px 0 15px;
}
.resort_box dl
{
	background:#FFF;
	padding:10px;
	margin:5px;
	width:29% !important;
	height:85px !important;
	margin-bottom:10px;
	float:left !important;
}


.resort_box dt
{
	font-size:16px !important;
	margin-bottom:10px;
	padding-top:5px;
}

.resort_box dd
{
	font-size:12px !important;
	line-height:18px !important;
}

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

.resort_box
{
	background:#eee;
	padding:20px !important;
}
.resort_box div
{
	width:960px;
	margin:0 auto;
}
.resort_box h4
{
	font-size:35px !important;
	line-height:35px;
	padding:15px 0 15px;
}
.resort_box dl
{
	background:#FFF;
	padding:10px;
	margin:5px;
	width:30% !important;
	height:70px !important;
	margin-bottom:10px;
	float:left !important;
}


.resort_box dt
{
	font-size:18px !important;
	margin-bottom:10px;
	padding-top:5px;
}
.resort_box .table dt
{
	font-size:16px !important;
}

.resort_box dd
{
	font-size:12px !important;
	line-height:18px !important;
}

}
@media print{
	

.resort_box
{
	background:#eee;
	padding:20px !important;
}
.resort_box div
{
	width:960px;
	margin:0 auto;
}
.resort_box h4
{
	font-size:35px !important;
	line-height:35px;
	padding:15px 0 15px;
}
.resort_box dl
{
	background:#FFF;
	padding:10px;
	margin:5px;
	width:30% !important;
	height:70px !important;
	margin-bottom:10px;
	float:left !important;
}


.resort_box dt
{
	font-size:18px !important;
	margin-bottom:10px;
	padding-top:5px;
}
.resort_box .table dt
{
	font-size:16px !important;
}

.resort_box dd
{
	font-size:12px !important;
	line-height:18px !important;
}

}

.hotel
{
	background:#FAF9F1;
	margin-bottom:30px;
}
.hotel h4
{
	color:#F7B748;
	font-weight:bold;
	font-size:1.2em;
	padding-top:15px;
	padding-left:5px;
	line-height:160%;
}


.hotel dl
{
	padding:5px;
	width:99%;
	margin-bottom:5px;
}
.hotel dt
{
	color:#000;
	font-weight:bold;
	font-size:0.8em;
	border-bottom:solid 1px #ccc;
	margin-bottom:5px;
}

.hotel dd
{
	font-size:0.7em;
	line-height:120%;
	margin-bottom:10px;
}

.hotel dd.photo li
{
	float:left;
	padding-right:10px;
	margin-bottom:10px;
	width:47%;
}
.hotel dd.photo li p
{
	margin-top:5px;
}
.hotel dd.photo img
{
	width:100%;
	height:auto;
}

@media screen and (min-width : 640px) and (max-width: 960px){
	
	
.hotel div
{
	width:768px;
	margin:0 auto;
}
.hotel h4
{
	font-size:20px !important;
	padding-top:15px;
	padding-left:0px !important;
	line-height:160%;
}


.hotel dl
{
	padding:0px;
	width:100%;
	margin-bottom:5px;
}
.hotel dt
{
	line-height:20px;
	font-size:16px !important;
	margin-bottom:10px;
}

.hotel dd
{
	font-size:12px !important;
	line-height:20px;
	height:75px;
}

.hotel dd.photo
{
	height:auto !important;
}
.hotel dd.photo li
{
	padding-right:10px;
	width:24%;
}
.hotel dd.photo li p
{
	margin-top:5px;
}
.hotel dd.photo img
{
	width:100%;
	height:auto;
}



.section.hotel dl:nth-child(3)
{
	float:none !important;
	width:100% !important;
}
.section.hotel dl:nth-child(3) dd
{
	width:70%;
	float:left;
}
.section.hotel dl:nth-child(3) dd.photo
{
	width:30%;
	float:right;
}


}


@media all and (min-width: 960px){
	
	
.hotel div
{
	width:960px;
	margin:0 auto;
}
.hotel h4
{
	font-size:25px !important;
	padding-top:15px;
	padding-left:0px !important;
	line-height:160%;
}


.hotel dl
{
	padding:0px;
	width:716px;
	margin-bottom:5px;
	float:left;
}
.hotel dt
{
	line-height:20px;
	font-size:18px !important;
	margin-bottom:10px;
}

.hotel dd
{
	font-size:12px !important;
	line-height:20px;
	height:75px;
}

.hotel dd.photo
{
	height:auto !important;
}
.hotel dd.photo li
{
	padding-right:10px;
	width:170px;
}
.hotel dd.photo li p
{
	margin-top:5px;
}
.hotel dd.photo img
{
	width:100%;
	height:auto;
}

}
@media print{
	
	
.hotel div
{
	width:960px;
	margin:0 auto;
}
.hotel h4
{
	font-size:25px !important;
	padding-top:15px;
	padding-left:0px !important;
	line-height:160%;
}


.hotel dl
{
	padding:0px;
	width:716px;
	margin-bottom:5px;
	float:left;
}
.hotel dt
{
	line-height:20px;
	font-size:18px !important;
	margin-bottom:10px;
}

.hotel dd
{
	font-size:12px !important;
	line-height:20px;
	height:75px;
}

.hotel dd.photo
{
	height:auto !important;
}
.hotel dd.photo li
{
	padding-right:10px;
	width:170px;
}
.hotel dd.photo li p
{
	margin-top:5px;
}
.hotel dd.photo img
{
	width:100%;
	height:auto;
}

}
@media screen and (max-width : 640px){
.hotel dl:nth-child(3)
{
	float:none !important;
	width:100% !important;
}
.hotel dl:nth-child(3) dd.photo img
{
	width:97% !important;
	height:auto;
}
}
.section.hotel dl:nth-child(3)
{
	float:right;
	width:230px;
}

.hotel dl:nth-child(3) dd.photo img
{
	width:100% ;
	height:auto;
}


.hotel dd.photo li:last-child
{
	padding-right:0px !important;
}



.resort_box:after,
.resort_box dl:after,
.hotel:after,
.hotel dl:after,
.hotel dd.photo li:after,
.resort_menu ul:after
{
    content: ""; 
    display: block; 
    clear: both;}


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


.resort_box,
.resort_box dl,
.hotel,
.hotel dl,
.hotel dd.photo li,
.resort_menu ul
{display: block;}
/* End hide from IE-mac */