@charset "UTF-8";


#topSlider {
    width: 100%;
    height: 400px;
	margin-bottom: 20px;
}

#topMapWrap {
	width: 100%;
	margin-bottom: 55px;
	background:url(../img_g/top/bg_topMapWrap.png) no-repeat 50% 0;
}

#topMap {
	position: relative;
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	background:url(../img_g/top/bg_topMap_new2.png) no-repeat 50% 0;
}

#topMap ul {
	border-top: #dfdbc6 solid 1px;
	z-index: 95;
}

#topMap ul li {
	border-width: 0 1px 1px 1px; 
	border-style: solid;
	border-color: #dfdbc6;
	line-height: 37px;
	background: #ffffff;
}

#topMap ul li:hover,#topMap ul li.active {
	background: #f9f7ef;
}

#topMap ul li a {
	display: block;
	/*width: 170px;*/
	width: 196px;
	height: 37px;
	padding-left: 30px;
	text-decoration: none;
}

#topMap .mapImg {
	position: absolute;
	top: 0;
	left: 0;
}

#topMap ul .city {
	background: url(../img_g/common/ico_arrow2.png) no-repeat 15px 50%;
}

#topMap ul .resort {
	background: url(../img_g/common/ico_arrow3.png) no-repeat 15px 50%;
}

#hotelList01,#hotelList02,#hotelList03,#hotelList04,#hotelList05,#hotelList06 {
	font-size: 110%;
	position: absolute;
}

#hotelList01 {
	top: 57px;
	right: 0;
}

#hotelList02 {
	top: 96px;
	left: 319px;
}

#hotelList03 {
	top: 125px;
	right: 76px;
}

#hotelList04 {
	top: 205px;
	left: 279px;
}

#hotelList05 {
	bottom: 37px;
	left: 395px;
}

#hotelList06 {
	top: 285px;
	left: 85px;
}

#bgMap {
	width: 1000px;
	height: 600px;
}

#bgMap.mp01 {
	background: url(../img_g/top/img_map_01.png) no-repeat 0 0;
}
#bgMap.mp02 {
	background: url(../img_g/top/img_map_02.png) no-repeat 0 0;
}
#bgMap.mp03 {
	background: url(../img_g/top/img_map_03.png) no-repeat 0 0;
}
#bgMap.mp04 {
	background: url(../img_g/top/img_map_04.png) no-repeat 0 0;
}
#bgMap.mp05 {
	background: url(../img_g/top/img_map_05.png) no-repeat 0 0;
}
#bgMap.mp06 {
	background: url(../img_g/top/img_map_06.png) no-repeat 0 0;
}
#bgMap.mp07 {
	background: url(../img_g/top/img_map_07.png) no-repeat 0 0;
}
#bgMap.mp08 {
	background: url(../img_g/top/img_map_08.png) no-repeat 0 0;
}
#bgMap.mp09 {
	background: url(../img_g/top/img_map_09.png) no-repeat 0 0;
}
#bgMap.mp10 {
	background: url(../img_g/top/img_map_10.png) no-repeat 0 0;
}
#bgMap.mp11 {
	background: url(../img_g/top/img_map_11.png) no-repeat 0 0;
}
#bgMap.mp12 {
	background: url(../img_g/top/img_map_12.png) no-repeat 0 0;
}
#bgMap.mp13 {
	background: url(../img_g/top/img_map_13.png) no-repeat 0 0;
}
#bgMap.mp14 {
	background: url(../img_g/top/img_map_14.png) no-repeat 0 0;
}
#bgMap.mp15 {
	background: url(../img_g/top/img_map_15.png) no-repeat 0 0;
}
#bgMap.mp16 {
	background: url(../img_g/top/img_map_16.png) no-repeat 0 0;
}
#bgMap.mp17 {
	background: url(../img_g/top/img_map_17.png) no-repeat 0 0;
}
#bgMap.mp18 {
	background: url(../img_g/top/img_map_18.png) no-repeat 0 0;
}
#bgMap.mp20 {
	background: url(../img_g/top/img_map_20.png) no-repeat 0 0;
}


#hotelGalaleryWrap {
	/*width: 100%;*/
	margin-bottom: 65px;
}

#listCity,#listResort {
	/*width: 100%;*/
	position: relative;
	display: block;
	height: 180px;
	overflow: hidden;
}

#hotelGalaleryWrap #listCity h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 97;
}

#hotelGalaleryWrap #listResort h2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 97;
}

#hotelGalaleryWrap ul {
	height: 180px;
	overflow: hidden;
}

#hotelGalaleryWrap li {
	float: left;
	width: 300px;
	height: 180px;
	text-indent: -9999px;
}

#hotelGalaleryWrap li a {
	display: block;
	width: 300px;
	height: 180px;
}

#pg01 {
	background: url(../img_g/top/pic_hotel02.jpg) no-repeat 50% 50%;
}
#pg02 {
	background: url(../img_g/top/pic_hotel03.jpg) no-repeat 50% 50%;
}
#pg03 {
	background: url(../img_g/top/pic_hotel05.jpg) no-repeat 50% 50%;
}
#pg04 {
	background: url(../img_g/top/pic_hotel07.jpg) no-repeat 50% 50%;
}
#pg05 {
	background: url(../img_g/top/pic_hotel11.jpg) no-repeat 50% 50%;
}
#pg06 {
	background: url(../img_g/top/pic_hotel12.jpg) no-repeat 50% 50%;
}
#pg07 {
	background: url(../img_g/top/pic_hotel13.jpg) no-repeat 50% 50%;
}

#pg08 {
	background: url(../img_g/top/pic_hotel01.jpg) no-repeat 50% 50%;
}
#pg09 {
	background: url(../img_g/top/pic_hotel06.jpg) no-repeat 50% 50%;
}
#pg10 {
	background: url(../img_g/top/pic_hotel08.jpg) no-repeat 50% 50%;
}
#pg11 {
	background: url(../img_g/top/pic_hotel09.jpg) no-repeat 50% 50%;
}
#pg12 {
	background: url(../img_g/top/pic_hotel10.jpg) no-repeat 50% 50%;
}
#pg13 {
	background: url(../img_g/top/pic_hotel14.jpg) no-repeat 50% 50%;
}
#pg14 {
	background: url(../img_g/top/pic_hotel15.jpg) no-repeat 50% 50%;
}
#pg15 {
	background: url(../img_g/top/pic_hotel16.jpg) no-repeat 50% 50%;
}



#hotelInfoWrap {
	width: 1000px;
	margin-bottom: 60px;
}

.tabTtlwrap {
	width: 1000px;
	height: 217px;
	border-right: #dfdbc6 1px solid;
	box-sizing: border-box;
	position: relative;
}


#tabTtl {
	width: 214px;
	border-top: #dfdbc6 1px solid;
	/*border-right: #dfdbc6 1px solid;*/
	float: left;
	padding-left: 192px;
}

#tabTtl p {
	/*border-left: #dfdbc6 1px solid;*/
	border-bottom: #dfdbc6 1px solid;
}

#hoteiInfoTab .tabBox {
	width: 592px;
	border-top: #dfdbc6 1px solid;
	/*border-right: #dfdbc6 1px solid;*/
	box-sizing: border-box;
	background: #f6f5f0;
	float: left;
}

#hoteiInfoTab .tabBox li {
	width: 148px;
	height: 54px;
	box-sizing: border-box;
	overflow: hidden;
	border-left: #dfdbc6 1px solid;
	border-bottom: #dfdbc6 1px solid;
	background: #fff;
	float: left;
	cursor: pointer;
}
#hoteiInfoTab .tabBox li.btnEn {
	width: 191px;
	height: 217px;
	/*border-left: #dfdbc6 1px solid;*/
	border-bottom: #dfdbc6 1px solid;
	border-top: #dfdbc6 1px solid;
	position: absolute;
	left: 0;
	top: 0;
}
#hoteiInfoTab .tabBox li.btnEn img {
	width: 190px;
	height: 215px;
}

#hoteiInfoTab .tabBox li.select,
#hoteiInfoTab .tabBox li:hover {
	background: #ebeae2;
}

#hoteiInfoTab .tabBox li:nth-child(7) {
	width: 149px;
	height: 54px;
	margin-right: 147px;
	border-left: #dfdbc6 1px solid;
	border-right: #dfdbc6 1px solid;
	border-bottom: #dfdbc6 1px solid;
	float: left;
}

#hoteiInfoTab .tabBox li:nth-child(11) {
	width: 148px;
	height: 55px;
	border-left: #dfdbc6 1px solid;
	border-bottom: #dfdbc6 1px solid;
	border-top: #dfdbc6 1px solid;
	float: left;
	margin-top: -1px;
}

.tabBoxCon {
	clear: both;
	width: 918px;
	padding: 35px 40px;
	border-bottom: #dfdbc6 1px solid;
	border-left: #dfdbc6 1px solid;
	border-right: #dfdbc6 1px solid;
}

.tabBoxConLeft {
	width: 520px;
	font-size: 120%;
	float: left;
}

.tabBoxConRight {
	width: 360px;
	float: right;
}

.tabBoxConLeft .hotelName {
	color: #154c89;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
}

.tabBoxConLeft .conLeft01 {
	width: 280px;
	float: left;
}

.tabBoxConLeft .conLeft02 {
	width: 220px;
	float: right;
}

.btn_toHotelCon {
	border: #d8d1b6 1px solid;
	background: url(../img_g/common/ico_arrow4.png) no-repeat 95% 50%;
	background-size: 8px 14px;
}

.btn_toHotelCon a {
	display: block;
	color: #a3986c;
	text-decoration: none;
	padding: 10px 15px;
}

.btn_toHotelCon a:hover {
	background: #f9f7ef url(../img_g/common/ico_arrow4.png) no-repeat 95% 50%;
	background-size: 8px 14px;
}

.disnon {
    display:none
}

#topics {
	width: 100%;
	background: #f6f5f0;
	padding: 50px 0;
}

.topicsConBox {
	width: 1000px;
	position: relative;
}

.topicsConBox .bx-wrapper {
	max-width: 860px !important;
}

.sliderTopics {
	width: 860px;
	margin: 0 auto;
}

.sliderTopics li {
	width: 200px;
	background: #ffffff;
	float: left;
}
.sliderTopics li img {
	width: 100%;
	height: 133px;
}

.topicsCon {
	padding: 12px 20px 20px 20px;
}

#topics .textName {
	color: #b69d8c;
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}

#topics .textTtl {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}

#topics .textCon {
	font-size: 110%;
}


.bx-wrapper .bx-prev {
	background: url(../img_g/common/ico_prev02.png) no-repeat;
	left: 0;
}

.bx-wrapper .bx-next {
	background: url(../img_g/common/ico_next02.png) no-repeat;
	right: 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	text-indent: -9999px;
	z-index: 96;
}

#infoWrap {
	width: 1000px;
	margin: 0 auto 55px;
}

#infoWrap a {
	color: #006699;
}

#infoWrap dl {
	margin-top: 20px;
	padding-top: 20px;
	border-top: #dfdbc6 solid 1px;
	font-size: 110%;
}

#infoWrap dl dt {
	margin-bottom: 5px;
}

#infoWrap dl dd {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: #dfdbc6 dotted 1px;
}

#infoWrap dl dd:last-child {
	margin-bottom: 0;
	border-bottom: #dfdbc6 solid 1px;
}

#pressBox {
	width: 475px;
	float: left;
	margin-right: 50px;
}

#newsBox {
	width: 475px;
	float: left;
}

#blogBox {
	width: 300px;
	float: left;
}

#topSlider {
	width: 100%;
	min-width: 1000px;
	height: 400px;
	overflow: hidden;
	position: relative;
	padding-bottom: 9px;
}

#topSlider .flexslider {
	max-width: 1000px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	/*position: relative;*/
}

#topSlider .flex-viewport {
	overflow: visible !important;
}

#topSlider .slides {
	/*position: relative;*/
}

#topSlider .slides li {
	width: 1000px !important;
	height:400px !important;
	float: left;
/* 	display: none; */
	-webkit-backface-visibility: hidden;
}

#topSlider .slides li.ts01 {
	background: url(../group/img/top/pic_topslide_asahikawa.jpg) no-repeat 50% 0;
	background-size: cover;
}
#topSlider .slides li.ts02  {
	background: url(../group/img/top/pic_topslide_sapporo.jpg) no-repeat 50% 0;
	background-size: cover;
}
#topSlider .slides li.ts03  {
	background: url(../group/img/top/pic_topslide_sendai.jpg) no-repeat 50% 0;
	background-size: cover;
}
#topSlider .slides li.ts04  {
	background: url(../group/img/top/pic_topslide_nagoya.jpg) no-repeat 50% 0;
	background-size: cover;
}
#topSlider .slides li.ts05  {
	background: url(../group/img/top/pic_topslide_okayama.jpg) no-repeat 50% 0;
	background-size: cover;
}
#topSlider .slides li.ts06  {
	background: url(../group/img/top/pic_topslide_hakata.jpg) no-repeat 50% 0;
	background-size: cover;
}


#topSlider .slides li .tsImgWrap {
	width: 980px;
	margin: 150px auto 0;
}


/* スライダーNew */

#topSlider .slides li span {
	display: block;
    padding-top: 120px;
    margin-left: 60px;
    margin-bottom: 25px;
    color: #fff;
    font-size: 130%;
    text-shadow: 1px 2px 10px #000;
}

#topSlider .slides li img.btnPos {
	margin-left: 60px;
}

#topSlider .slides li a {
	width: 1000px;
	height: 400px;
	display: block;
	text-decoration: none;
}



/* Direction Nav */
#topSlider .flex-direction-nav {
/* 	width: 100%; */
	height: 30px;
	margin: 0 auto;
/* 	position: relative; */
	position: absolute;
	top: 185px;
	left: 0;
	z-index: 1001;
}

#topSlider .flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: 0;
	display: block;
	background: url(../img_g/common/btn_slide_prev.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	z-index: 200;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0.9;
	-webkit-transition: all .3s ease;
}

#topSlider .flex-direction-nav a.flex-next {
	background: url(../img_g/common/btn_slide_next.png) no-repeat 0 0;
/* 	right: -30px; */
	right: -1030px;
}

#topSlider .flex-direction-nav .flex-prev {
	left: -30px;
}

#topSlider .flexslider:hover .flex-next {
	opacity: 0.9;
}

#topSlider .flexslider:hover .flex-prev {
	opacity: 0.9;
}


#topSlider .flex-direction-nav .flex-disabled {
	opacity: .3 !important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 860px;
	position: absolute;
	bottom: 30px;
	left: 70px;
	z-index: 1001;
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*border: 1px solid #4c4c4c;*/
}

.flex-control-paging li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #fff;
	background: rgba(255,255,255,1);
	cursor: pointer;
	text-indent: 9999px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
	background: #1560be;
	background: rgba(21,96,190,0.7);
}

.flex-control-paging li a.flex-active {
	background: #1560be;
	background: rgba(21,96,190,1);
	cursor: default;
}

/* トップニュース */

#top-upper-news{
	width: 1000px;
	margin: 10px auto;
	text-align: left;
}

#top-upper-news h3{
	float:left;
}

#top-upper-news ul{
	padding-left:20px;
	float:left;
	width:850px;
}

#top-upper-news ul li{
	list-style-type:disc;
	/*list-style-image:url("../img_g/common/news_list_black.jpg");*/
}

#top-upper-news ul li .item{
	font-size:12px;
}

#top-upper-news ul li .top-toLink{
	display: inline-block;
	background: url(../img_g/common/ico_arrow2.png) no-repeat left 50%;
	padding-left: 15px;
}

#EnbrandWrap{
	background-color:#f6f5f0;
	padding:30px 0;
}

#EnbrandWrap #enbrandbox{
	width:1000px;
	margin:0 auto;
}

#EnbrandWrap #enbrandbox .brand_description{
	line-height:26px;
	margin:20px;
	font-size:14px;
}


#EnbrandWrap #enbrandbox h2{
	font-size:16px;
	color:#000000;
	line-height:18px;
	margin:5px 0;
    color: #fff;
    background: #57524E;
    padding: 8px 10px 5px 10px;
}


#EnbrandWrap #enbrandbox dl{
	width:300px;
	float:left;
	display:inline-block;
	margin:0 30px 30px 0;
	text-align: center;
}

#EnbrandWrap #enbrandbox dt{
	font-size:12px;
	line-height:30px;
	text-align: center;
}

#EnbrandWrap #enbrandbox dl dd{
    padding: 10px;
    background: #fff;
    text-align: center;
}
.top-bnr{
	max-width: 800px;
	margin: 0 auto;
	padding: 0 10px;
}
.top-bnr img{
	width: 100%;
}