.sectionTitle{font-size: 60px;color: #464646;margin-bottom: 35px;font-weight: 100}
.sectionTitle small{font-size: 36px;font-weight: 100;display: inline-block;}
.M_sectionTitle {display: none;}
.pageTitle{font-size: 3.13vw;color: #333;font-weight: 100;margin-bottom: 3%;}
.pageTitle small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}


#main_visual {
	position: relative;
}
#main_visual .title {
	color: #fff;
	font-size: 26px;
	font-weight: 100;
	letter-spacing: -2px;
}
#main_visual .title{
	position: absolute;
	top: 550px;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 50;
}
#main_visual .image {
	position: absolute;
	top: 52%;
	left:50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 50;
	width: 34%; 
}
#main_visual .image img {
	width: 100%;
}

#main_visual .down {
	position: absolute;
	top: 90%;
	left:49%;
	width: 5%;
	-webkit-transform: translate(-49%, 0);
	-ms-transform: translate(-49%, 0);
	transform: translate(-49%, 0);
	z-index: 150;
}
#main_visual .down img {
	width: 100%;
}
#main_visual .slider {
	position: relative;
	overflow: hidden;
}
#main_visual .slider li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#main_visual .slider li div {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}
#mobile {
	display: none;
}


section.subVisual {}
section.subVisual img{display:block;margin:0 auto;width:100%}


section.infoContent{padding-top: 30px;background: url(../img/info_back.jpg) 100% 50% no-repeat; background-size: contain;position: relative;}
section.infoContent.mb1{margin-bottom: 100px}
section.infoContent.mb2{margin-bottom: 270px}
section.infoContent img{display: inline-block;}
section.infoContent .textInfo{position: absolute;right: 0;top: 325px;background: #fff;width: 44%;padding: 55px 0 50px 45px}
section.infoContent .textInfo .title{color: #464646;font-size: 75px;font-weight:100;line-height: 100%;margin-bottom: 25px;text-indent: -8px}
section.infoContent .textInfo .subTitle{color: #555555;font-size: 20px;font-weight: 100;line-height: 100%;padding-bottom: 55px;border-bottom: 1px solid #6b6b6b}
section.infoContent .textInfo .content{color: #555;font-size: 19px;line-height: 32px;padding-top: 35px;font-weight: 100}

section.cardListContent {margin-bottom: 7%}
section.cardListContent.roomList {margin-top: 80px;margin-bottom: 240px}
section.cardListContent .cardListWrap{
	width: 100%
}
section.cardListContent .cardListWrap .card {
	width: 32.8%;
	margin-bottom: 2.2%;
/*	margin-right: 0.75%;*/
	float: left;
}
section.cardListContent .cardListWrap .card:nth-child(3n+2) {
	margin: 0 0.75% 2.2%;
}
section.cardListContent .cardListWrap .card:nth-of-type(3n){margin-right: 0}
section.cardListContent .cardListWrap .card .imgWrap{position: relative;}
section.cardListContent .cardListWrap .card .imgWrap img{width: 100%;display: block;margin: 0 auto 17px}
section.cardListContent .cardListWrap .card .hoverContent{display: none}
section.cardListContent .cardListWrap .card:hover .imgWrap .hoverContent{
	background: rgba(0,0,0,0.35);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	text-align: center;
	display: block;
}
section.cardListContent .cardListWrap .card:hover .imgWrap .hoverContent p{
	color: #fff;
	font-size: 1.7vw;
	margin-top: 25%;
	margin-bottom: 20px;
	text-align: center;
}
section.cardListContent .cardListWrap .card:hover .imgWrap .hoverContent button{
	background: #000;
	color: #fff;
	width: 40%;
	text-align: center;
	display: inline-block;
	border: none;
	font-size: 0.94vw;
	padding: 15px 0;
	cursor: pointer;
}
section.cardListContent .cardListWrap .card .textContent{padding-left: 12px;border-left: 1px solid #999}
section.cardListContent .cardListWrap .card .textContent .title{
	font-size: 1.15vw;
	color: #222;
	letter-spacing: -0.5px;
	margin-bottom: 2.5%;
	line-height: 100%;
	font-weight: bold;
}
section.cardListContent .cardListWrap .card .textContent .content{
	line-height: 27px;
	letter-spacing: -0.5px;
	font-size: 0.94vw;
	color: #666
}

section.crossListContent {
	padding-top: 5.5%;
	background: #f8f8f8;
	padding-bottom: 9%;
}
section.crossListContent.facilitiesList {padding-top: 80px;padding-bottom: 180px}
section.crossListContent .sectionTitle{text-align: center;margin-bottom: 60px;color: #333}
section.crossListContent .crossListWrap{background: #fff}
section.crossListContent .crossListWrap .crossListRow{}
section.crossListContent .crossListWrap .crossListRow > div{width: 50%;}
section.crossListContent .crossListWrap .crossListRow .crossListImg{
	float: left
}
section.crossListContent .crossListWrap .crossListRow .crossListImg img {
	width: 100%;
}
section.crossListContent .crossListWrap .crossListRow .crossListText{
	float: right;
	padding: 4.3% 0 0 5.7%;
	box-sizing: border-box;
}
section.crossListContent .crossListWrap .crossListRow .mobile_text {
	display: none;
}
section.crossListContent .crossListWrap .crossListRow:nth-of-type(2n) .crossListImg{float: right;}
section.crossListContent .crossListWrap .crossListRow:nth-of-type(2n) .crossListText{float: left;}
section.crossListContent .crossListWrap .crossListRow .crossListText .title{
	font-size: 2.6vw;
	font-weight: 500;
	color: #333;
	margin-bottom: 2%;
	text-indent: -5px;
	letter-spacing: 0
}
section.crossListContent .crossListWrap .crossListRow .crossListText .content{
	font-size: 0.94vw;
	color: #666;
	line-height: 178%;
	font-weight: 100;
	margin-bottom: 5%;
}
section.crossListContent .crossListWrap .crossListRow .crossListText button{
	width: 35%;
	padding: 1.7%;
	border: 1px solid #888;
	color: #666;
	font-size: 0.94vw;
	background: #fff;
	cursor: pointer;
}
section.crossListContent .crossListWrap .crossListRow .crossListText button:hover{background: #000;border-color: #000;color: #fff}

section.imgListContent {padding-top: 5.5%;}
section.imgListContent .sectionTitle{
	font-size: 63px;
	text-align: center;
	color: #464646;
	margin-bottom: 1.3%;
}
section.imgListContent .sectionSubTitle{
	font-size: 0.94vw;
	text-align: center;
	color: #555;
	font-weight: 100;
	margin-bottom: 3.5%;
}
section.imgListContent .imgListContentWrap{}
section.imgListContent .imgListContentWrap .imgContent{position: relative;width: 25%;border-right: 1px solid #fff;box-sizing: border-box;float: left;margin: 0}
section.imgListContent .imgListContentWrap .imgContent:nth-of-type(4n){float: right;}
section.imgListContent .imgListContentWrap .imgContent:nth-of-type(n+5){border-top: 1px solid #fff}
section.imgListContent .imgListContentWrap .imgContent img{width: 100%;display: block;margin: 0 auto}
section.imgListContent .imgListContentWrap .imgContent .hoverContent{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;text-align: center;display: none}
section.imgListContent .imgListContentWrap .imgContent .hoverContent .title{color: #fff;font-size: 1.2vw;margin-bottom: 8px;margin-top: 25%}
section.imgListContent .imgListContentWrap .imgContent .hoverContent .content{color: #fff;font-size: 18px;}
section.imgListContent .imgListContentWrap .imgContent:hover .hoverContent{display: block;v}

section.roomsViewWrap{margin-top: 4%}
section.roomsViewWrap .roomName{font-size: 3.13vw;color: #333;font-weight: 100;margin-bottom: 2.1%}
section.roomsViewWrap .roomName small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}
section.roomsViewWrap .roomContent1 {
/*	height: 840px;*/
	margin-bottom: 6%;
}
section.roomsViewWrap .roomContent1 .roomContent1ImgWrap{float: left;width: 40.5%}
section.roomsViewWrap .roomContent1 .roomContent1ImgWrap img{display: block;width: 100%}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap{float: right;width: 57%}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .roomContent1Text{
	margin-bottom: 5%;
}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .title{color: #333;font-size: 0.83vw;margin-bottom: 15px}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .content{color: #666;font-size: 0.78vw;line-height: 1.5vw}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable{width: 100%;text-align: center;margin-bottom: 45px}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable thead{border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;background: #fafafa}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable thead th{color: #666;font-size: 15px;border-left: 1px solid #e4e4e4;padding: 12px 0}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable thead th:nth-of-type(1){border-left: none}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable thead tr:nth-of-type(1) th{border-bottom: 1px solid #e4e4e4}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable tbody td{color: #666;font-size: 15px;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #cfcfcf;padding: 20px 0 18px}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap table.roomPriceTable tbody td:nth-of-type(1){border-left:none}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap button{
	background: #000;
	color: #fff;
	width: 41.2%;
	text-align: center;
	padding: 20px 0;
	font-size: 1.15vw;
	border:none;
	margin-top: 28.5%;
}
section.roomsViewWrap .roomContent2 {margin-bottom: 6%}
section.roomsViewWrap .roomContent2 img {
	width: 100%;
}
section.roomsViewWrap .roomContent3 {margin-bottom: 106px}
section.roomsViewWrap .roomContent3 .roomContent3Img{width: 845px;float: left;}
section.roomsViewWrap .roomContent3 .roomContent3Text{width: 705px;float: right;text-align: right;}
section.roomsViewWrap .roomContent3 .roomContent3Text .title{color: #d3d3d3;font-size: 70px;font-weight: 100;margin-bottom: 45px;margin-top: 130px}
section.roomsViewWrap .roomContent3 .roomContent3Text .content{font-size: 19px;color: #555;line-height: 32px;margin-bottom: 152px}
section.roomsViewWrap .roomContent4 {margin-bottom: 140px}
section.roomsViewWrap .roomContent5 {text-align: center;margin-bottom: 110px}
section.roomsViewWrap .roomContent5 .title{color: #d3d3d3;font-size: 70px;margin-bottom: 40px;font-weight: 100}
section.roomsViewWrap .roomContent5 .content{color: #555;font-size: 19px;line-height: 32px;margin-bottom: 60px}
section.roomsViewWrap .roomContent6 {margin-bottom: 120px}
section.roomsViewWrap .roomContent6 .roomContent6Img1{width: 1052px;float: left;}
section.roomsViewWrap .roomContent6 .roomContent6Img2{width: 490px;float: right;}
section.roomsViewWrap .roomContent6 .roomContent6Img2 img{display: block;margin: 0 auto}
section.roomsViewWrap .roomContent6 .roomContent6Img2 img:nth-of-type(1){margin-bottom: 45px}
section.roomsViewWrap .roomContent7 {margin-bottom: 103px}
section.roomsViewWrap .roomContent8 {margin-bottom: 230px}
section.roomsViewWrap .roomContent8 img{display: inline-block;vertical-align: top;}
section.roomsViewWrap .roomContent8 img:nth-of-type(1){margin-top: 45px;margin-right: 35px}
section.roomsViewWrap .roomContent8 img:nth-of-type(2){margin-right: 90px}
section.roomsViewWrap .roomContent8 .roomContent8Text{display: inline-block;margin-top: 160px}
section.roomsViewWrap .roomContent8 .roomContent8Text .title{color: #d3d3d3;font-size: 70px;line-height: 100%;margin-bottom: 55px;font-weight: 100}
section.roomsViewWrap .roomContent8 .roomContent8Text .content{font-size: 19px;color: #555;line-height: 32px}

section.facilitiesViewWrap{margin-top: 4.7%}
section.facilitiesViewWrap .facilitieName{font-size: 3.13vw;color: #333;font-weight: 100;margin-bottom: 2.8%;}
section.facilitiesViewWrap .facilitieName small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}
section.facilitiesViewWrap .facilitieuSubInfo {color: #666;font-size: 0.94vw;margin-bottom: 2.2%;line-height: 1.7vw;}
section.facilitiesViewWrap .title{color: #d3d3d3;font-size: 70px;font-weight: 100}
section.facilitiesViewWrap .content{color: #555555;font-size: 19px;line-height: 32px;}
section.facilitiesViewWrap .facilitieContent1{margin-bottom: 6%}
section.facilitiesViewWrap .facilitieContent1 img {width: 100%;}
section.facilitiesViewWrap .facilitieContent2{margin-bottom: 120px}
section.facilitiesViewWrap .facilitieContent2 .facilitieContent2Img{width: 940px;float: left;margin-right: 180px}
section.facilitiesViewWrap .facilitieContent2 .facilitieContent2Text{float: left;margin-top: 135px}
section.facilitiesViewWrap .facilitieContent2 .facilitieContent2Text .title{margin-bottom: 55px}
section.facilitiesViewWrap .facilitieContent3{margin-bottom: 175px}
section.facilitiesViewWrap .facilitieContent3 .facilitieContent3Img1{margin-top: 235px;float: left;}
section.facilitiesViewWrap .facilitieContent3 .facilitieContent3Img2{float: right;}
section.facilitiesViewWrap .facilitieContent4{margin-bottom: 235px;text-align: center;}
section.facilitiesViewWrap .facilitieContent4 .title{margin-bottom: 35px}
section.facilitiesViewWrap .facilitieContent4 .content{margin-bottom: 65px}
section.facilitiesViewWrap .facilitieContent4 img{display: block;margin: 0 auto;width: 100%}

section.serviceListWrap {margin-top: 80px;margin-bottom: 11%}
section.serviceListWrap .container{background: url(/img/service/service_back.jpg) no-repeat 50% 50%;min-height: 965px}
section.serviceListWrap .title{padding-top: 100px;margin-bottom: 30px;font-size: 70px;font-weight: 100;color: #fff;text-align: center;}
section.serviceListWrap .subTitle{color: #fff;font-size: 18px;margin-bottom: 70px;line-height: 30px;text-align: center;}
section.serviceListWrap .serviceListContent{text-align: center;font-size: 0;}
section.serviceListWrap .serviceListContent .serviceList{width: 16.6%;display: inline-block;text-align: left;background: #fff;padding-top: 1.8%;margin: 0 0.7%}
section.serviceListWrap .serviceListContent .serviceList .serviceName{color: #222;font-size: 1.15vw;line-height: 27px;font-weight: bold;;margin-left: 7.5%;margin-bottom: 6%}
section.serviceListWrap .serviceListContent .serviceList .serviceInfo{color: #666;font-size: 0.83vw;line-height: 24px;margin-left: 7.5%;margin-bottom: 11%}
section.serviceListWrap .serviceListContent .serviceList button{color: #666;font-size: 0.83vw;border: 1px solid #888;background: #fff;padding: 10px 0;width: 55%;text-align: center;cursor: pointer;;margin-left: 7.5%;margin-bottom: 20px}
section.serviceListWrap .serviceListContent .serviceList button:hover{background: #000;border-color: #000;color: #fff}
section.serviceListWrap .serviceListContent .serviceList img{display: block;width: 100%;margin: 0 auto}

section.serviceViewWrap{margin-top: 80px}
section.serviceViewWrap .serviceName{font-size: 3.13vw;color: #464646;font-weight: 100;margin-bottom: 3%;}
section.serviceViewWrap .serviceName small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}
section.serviceViewWrap .content {margin-bottom: 15%;position: relative;}
section.serviceViewWrap .content p{font-size: 0.94vw;color: #666;line-height: 1.7vw;margin-bottom: 25px}
section.serviceViewWrap .content button{width: 23.5%;position: absolute;top: 0;right: 0;padding: 23px 0;border: 1px solid #888;background: #fff;color: #666;font-size: 1.15vw;line-height: 100%;cursor: pointer;}
section.serviceViewWrap .content button:hover{background: #000;color: #fff;border-color: #000}
section.serviceViewWrap .serviceImgWrap{}
section.serviceViewWrap .serviceImgWrap img{width: 100%;margin: 0 auto;display: block;}

section.travelListWrap {margin-top: 80px;margin-bottom: 6.5%}
section.travelListWrap .title{margin-bottom: 30px;font-size: 67px;font-weight: 100;color: #333;text-align: center;}
section.travelListWrap .subTitle{color: #666;font-size: 18px;line-height: 30px;text-align: center;margin-bottom: 75px}
section.travelListWrap .travelListContent{
	font-size: 0;
}
section.travelListWrap .travelListContent .travelList {
	display: inline-block;
	margin-bottom: 3%;
	width: 30.9%;
	text-align: left;
}
section.travelListWrap .travelListContent .travelList img {width: 100%;}
section.travelListWrap .travelListContent .travelList:nth-of-type(3n+2){margin-right: 3.6%;margin-left: 3.6%;}
/*section.travelListWrap .travelListContent .travelList:nth-of-type(3n+1){margin-left: 0}*/
/*section.travelListWrap .travelListContent .travelList:nth-of-type(3n+3){margin-right: 0}*/
section.travelListWrap .travelListContent .travelList p{font-size: 1.15vw;line-height: 27px;color: #333;margin-top: 4%;margin-bottom: 3%}
section.travelListWrap .travelListContent .travelList p small{font-size: 0.94vw;color: #666;line-height: 30px}
section.travelListWrap .travelListContent .travelList button{background: #fff;border: 1px solid #888;font-size: 0.83vw;width: 150px;text-align: center;padding: 10px 0;line-height: 100%;color: #666;cursor: pointer;}
section.travelListWrap .travelListContent .travelList button:hover{background: #000;color: #fff;border-color: #000}

section.travelViewWrap{margin-top: 4.2%;margin-bottom: 12%;}
section.travelViewWrap .travelName{font-size: 3.5vw;color: #464646;font-weight: 100;margin-bottom: 3%;}
section.travelViewWrap .travelName small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}
section.travelViewWrap .travelInfo {font-size: 18px;color: #666;line-height: 32px;margin-bottom: 20px}
section.travelViewWrap .content {margin-bottom: 240px;position: relative;}
section.travelViewWrap .travelImgWrap {}
section.travelViewWrap .travelImgWrap img{width: 100%;margin: 0 auto 3.4%;display: block;}
section.travelViewWrap .travelImgWrap p{text-align: center;font-size: 0.94vw;color: #666;line-height: 32px;}

section.trafficWrap{margin-top: 80px;margin-bottom: 9%}
section.trafficWrap .trafficContent{}
section.trafficWrap .trafficContent img{display: block;width: 100%;margin: 14px auto 40px}
section.trafficWrap .trafficContent .title{color: #222;font-size: 1.15vw;font-weight: bold;margin-bottom: 1%}
section.trafficWrap .trafficContent .content{font-size: 0.94vw;color: #666;line-height: 26px;}
section.trafficWrap .trafficContent .content .underline{line-height: 100%;border-bottom: 1px solid #7f7f7f;display: inline-block;padding-left: 5px}

section.reservationWrap{margin-top: 4%; margin-bottom:10%;}
section.reservationWrap .text {font-size: 0.83vw;line-height: 1.5vw;}
section.reservationWrap .strong {font-size: 0.94vw;color: red;}
#table_box .td_top,
#table_box .td_cell {
	font-size: 0.83vw;	
}
section.communityWrap{margin-top: 4%;min-height: 350px; margin-bottom:80px;}