#main_visual {
	position: relative;
}
#main_visual h2 {
	color: #fff;
	font-size: 26px;
	font-weight: 100;
	letter-spacing: -2px;
}
#main_visual h2,
#main_visual h2+p {
	position: absolute;
	top: 60%;
	left:83%;
	-webkit-transform: translate(-83%, 0);
	-ms-transform: translate(-83%, 0);
	transform: translate(-83%, 0);
	z-index: 50;
}
#main_visual h2+p {
	width: 34%;
	top: 60%;
}
#main_visual h2+p img {
	max-width: 100%;
}
#main_visual ul+p {
	position: absolute;
	top: 81.5%;
	left: 50%;
	width: 111px;
	margin-left: -55px;
	z-index: 150;
}


.sectionTitle{font-size: 67px;color: #464646;margin-bottom: 35px;font-weight: 100}
.pageTitle,.map_pageTitle{font-size: 3.5vw;color: #333;font-weight: 100;margin-bottom: 2.8%;}
.pageTitle small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}
.mobile_tit {display: none;}

section.mainVisual {position: relative;}
section.mainVisual .bxslider{height: 100%}
section.mainVisual .bxslider div.slider{background-size: cover !important;}
section.mainVisual .bxslider div.slider img{display: block;width: 100%;margin: 0 auto}
section.mainVisual .bxsliderController{position: absolute;bottom: 150px;width: 100%;text-align: center;z-index: 99}
section.mainVisual .bxsliderController span{display: inline-block;width: 8px;height: 8px;border: 2px solid #ded6d6;transform: rotate(45deg);margin: 0 8px}
section.mainVisual .bxsliderController span.on{background: #fff;border-color: #fff}
section.mainVisual .bxsliderController2 .bxsliderControllerLeft img,
section.mainVisual .bxsliderController2 .bxsliderControllerRight img{opacity: 0.7}
section.mainVisual .bxsliderController2 .bxsliderControllerLeft,
section.mainVisual .bxsliderController2 .bxsliderControllerRight{padding: 13px 20px;top: 470px;background: rgba(0,0,0,0.0);z-index: 99}
section.mainVisual .bxsliderController2 .bxsliderControllerLeft:hover,
section.mainVisual .bxsliderController2 .bxsliderControllerRight:hover{padding: 13px 20px;top: 470px;background: rgba(0,0,0,0.0);z-index: 99}
section.mainVisual .bxsliderController2 .bxsliderControllerLeft:hover img,
section.mainVisual .bxsliderController2 .bxsliderControllerRight:hover img{opacity: 1}
section.mainVisual .bxsliderController2 .bxsliderControllerLeft{position: absolute;left: 0;}
section.mainVisual .bxsliderController2 .bxsliderControllerRight{position: absolute;right: 0;}
section.mainVisual .bxsliderController2 .bxsliderControllerBottom{position: absolute;bottom: 65px;left: calc(50% - 47.5px);text-align: center;background: none;padding: 0;z-index: 999}
section.mainVisual .bxsliderController2 .bxsliderControllerBottom img{opacity: 1}
section.mainVisual .bxsliderController2 .bxsliderControllerBottom:hover{position: absolute;bottom: 65px;left: calc(50% - 47.5px);text-align: center;background: none;padding: 0;}

/*
section.subVisual {background-size: cover !important;min-height: 560px;background-repeat: no-repeat !important;background-position: 50% 50% !important}

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


section.infoContent{padding-top: 48%;background: url(../img/main_about.jpg) 0 0 no-repeat; background-size: 100%;position: relative;}
section.infoContent.mb1{margin-bottom: 5%}
section.infoContent.mb2{margin-bottom: 270px}
section.infoContent img{display: inline-block;}
section.infoContent .textInfo{position: absolute;left:200;top: 90px;width: 600px;padding: 1% 0 0 8%}
section.infoContent .textInfo .title{color: #464646;font-size: 75px;font-weight:100;line-height: 100%;margin-bottom: 10px;text-indent: -2px}
section.infoContent .textInfo .subTitle{color: #999999;font-size: 20px;font-weight: 100;line-height: 30px;padding-bottom: 20px;border-bottom: 1px solid #6b6b6b}
section.infoContent .textInfo .content{color: #555;font-size: 0.99vw;line-height: 1.7vw;padding-top: 7%;font-weight: 100}

section.cardListContent {margin-bottom: 7%}
section.cardListContent.roomList {margin-top: 80px;margin-bottom: 12%}
section.cardListContent .cardListWrap{}
section.cardListContent .cardListWrap .card{width: 32.8%;margin-bottom: 2%;margin-right: 0.8%;float: left;}
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 3%}
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.73vw;margin-top: 25%;margin-bottom: 20px;text-align: center;}
section.cardListContent .cardListWrap .card:hover .imgWrap .hoverContent button{background: #000;color: #fff;width: 210px;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: 13px;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.cardListContent .sub_preview_res a{display: inline-block;width: 32.8%;}
section.cardListContent .sub_preview_res a img {max-width: 100%;}
section.crossListContent {padding-top: 105px;background: #f8f8f8;padding-bottom: 175px}
section.crossListContent.facilitiesList {padding-top: 80px;padding-bottom: 9.5%}
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: 100%;}
section.crossListContent .crossListWrap .crossListRow .crossListImg{float: left}
section.crossListContent .crossListWrap .crossListRow .crossListImg img {width:100%;}
section.crossListContent .crossListWrap .crossListRow .crossListText{float: right;padding: 70px 0 0 90px;box-sizing: border-box;}
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: 50px;font-weight: 500;color: #333;margin-bottom: 15px;text-indent: -5px;letter-spacing: 0}
section.crossListContent .crossListWrap .crossListRow .crossListText .content{font-size: 18px;color: #666;line-height: 32px;font-weight: 100;margin-bottom: 35px}
section.crossListContent .crossListWrap .crossListRow .crossListText button{width: 245px;padding: 12px;border: 1px solid #888;color: #666;font-size: 18px;background: #fff;cursor: pointer;}
section.crossListContent .crossListWrap .crossListRow .crossListText button:hover{background: #000;border-color: #000;color: #fff}
section.crossListContent .mobile_crossListWrap {display:none;}

section.imgListContent {padding-top: 5.5%;}
section.imgListContent .sectionTitle{font-size: 63px;text-align: center;color: #464646;margin-bottom: 25px}
section.imgListContent .sectionSubTitle{font-size: 19px;text-align: center;color: #555;font-weight: 100;margin-bottom: 65px}
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: 24px;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.5vw;color: #333;font-weight: 100;margin-bottom: 2%}
section.roomsViewWrap .roomName small{font-size: 1.9vw;font-weight: 100;display: inline-block;margin-left: 10px;}
section.roomsViewWrap .roomContent1 {margin-bottom: 6%}
section.roomsViewWrap .roomContent1 .roomContent1ImgWrap{float: left;width: 40.6%}
section.roomsViewWrap .roomContent1 .roomContent1ImgWrap img{display: block;width: 100%}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap{float: right;width: 57.2%}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .reser_button {width: 58%; padding: 35.8% 0 0 0;}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .reser_button img {max-width: 100%;}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .roomContent1Text{margin-bottom: 5%}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .title{color: #333;font-size: 0.83vw;margin-bottom: 1.5%}
section.roomsViewWrap .roomContent1 .roomContent1TextWrap .content{color: #666;font-size: 0.78vw;line-height: 26px}
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: 375px;text-align: center;padding: 20px 0;font-size: 22px;border:none;margin-top: 179px}
section.roomsViewWrap .roomContent2 {margin-bottom: 6%}
section.roomsViewWrap .roomContent1 img {width: 100%;}
section.roomsViewWrap .roomContent2 img {width: 100%;}
section.roomsViewWrap .roomContent3 {margin-bottom: 7%}
section.roomsViewWrap .roomContent3 img {width: 100%;}
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: 7%}
section.roomsViewWrap .roomContent4 img {width: 100%;}
section.roomsViewWrap .roomContent5 {text-align: center;margin-bottom: 7%}
section.roomsViewWrap .roomContent5 img {width: 100%;}
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: 90px}
section.facilitiesViewWrap .facilitieName{font-size: 3.5vw;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: 18px;line-height: 32px;margin-bottom: 2.2%}
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: 6%}
section.facilitiesViewWrap .facilitieContent2 img {width: 100%;}
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: 6%}
section.facilitiesViewWrap .facilitieContent3 img {width: 100%;}
section.facilitiesViewWrap .facilitieContent3 .facilitieContent3Img1{margin-top: 235px;float: left;}
section.facilitiesViewWrap .facilitieContent3 .facilitieContent3Img2{float: right;}
section.facilitiesViewWrap .facilitieContent4 {margin-bottom: 6%;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.facilitiesViewWrap .facilitieContent5{margin-bottom: 6%;text-align: center;}
section.facilitiesViewWrap .facilitieContent5 .title{margin-bottom: 35px}
section.facilitiesViewWrap .facilitieContent5 .content{margin-bottom: 65px}
section.facilitiesViewWrap .facilitieContent5 img{display: block;margin: 0 auto;width: 100%}
section.facilitiesViewWrap .facilitieContent7{margin-bottom: 6%}
section.facilitiesViewWrap .facilitieContent7 img {width: 100%;}

section.serviceListWrap {margin-top: 70px;margin-bottom: 200px}
section.serviceListWrap .container{}

section.serviceListWrap .SubInfo {color: #666;font-size: 0.94vw;line-height: 32px;margin-bottom: 35px}

section.serviceListWrap .title{padding-top: 0;margin-bottom: 20px;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;}
section.serviceListWrap .serviceListContent .serviceList{width: 266px;display: inline-block;text-align: left;background: #fff;padding-top: 30px;margin: 0 10px}
section.serviceListWrap .serviceListContent .serviceList .serviceName{color: #222;font-size: 22px;line-height: 27px;font-weight: bold;;margin-left: 20px;margin-bottom: 15px}
section.serviceListWrap .serviceListContent .serviceList .serviceInfo{color: #666;font-size: 16px;line-height: 24px;margin-left: 20px;margin-bottom: 30px}
section.serviceListWrap .serviceListContent .serviceList button{color: #666;font-size: 16px;border: 1px solid #888;background: #fff;padding: 10px 0;width: 150px;text-align: center;cursor: pointer;;margin-left: 20px;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.serviceListWrap .mobile_service {display: none;}

section.serviceViewWrap{margin-top: 80px}
section.serviceViewWrap .serviceName{font-size: 67px;color: #464646;font-weight: 100;margin-bottom: 50px;}
section.serviceViewWrap .serviceName small{font-size: 36px;font-weight: 100;display: inline-block;margin-left: 10px;}
section.serviceViewWrap .content {margin-bottom: 240px;position: relative;}
section.serviceViewWrap .content p{font-size: 18px;color: #666;line-height: 32px;margin-bottom: 25px}
section.serviceViewWrap .content button{width: 375px;position: absolute;top: 0;right: 0;padding: 23px 0;border: 1px solid #888;background: #fff;color: #666;font-size: 22px;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: 120px}
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{text-align: center;}
section.travelListWrap .travelListContent .travelList{display: inline-block;margin: 0 30px 50px;width: 474px;text-align: left;}
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: 22px;line-height: 27px;color: #333;margin-top: 20px;margin-bottom: 17px}
section.travelListWrap .travelListContent .travelList p small{font-size: 18px;color: #666;line-height: 30px}
section.travelListWrap .travelListContent .travelList button{background: #fff;border: 1px solid #888;font-size: 16px;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: 80px;margin-bottom: 230px}
section.travelViewWrap .travelName{font-size: 67px;color: #464646;font-weight: 100;margin-bottom: 45px;}
section.travelViewWrap .travelName small{font-size: 36px;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 55px;display: block;}
section.travelViewWrap .travelImgWrap p{text-align: center;font-size: 18px;color: #666;line-height: 32px;}

.content_table {text-align: center;font-size: 18px;color: #666;line-height: 32px;}



section.trafficWrap{margin-top: 80px;margin-bottom: 9.3%}
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;line-height: 27px;margin-bottom: 1.5%}
section.trafficWrap .trafficContent .content{font-size: 0.94vw;color: #666;line-height: 32px;}
section.trafficWrap .trafficContent .content .underline{line-height: 100%;border-bottom: 1px solid #7f7f7f;display: inline-block;padding-left: 5px}

section.reservationWrap{margin-top: 4%;min-height: 350px; margin-bottom:80px;}
section.reservationWrap .text {font-size: 0.83vw;}

section.communityWrap{margin-top: 4%;min-height: 350px; margin-bottom:80px;}