@charset "utf-8";
/* index==========================

	1.for index style
	
	CMS Template(CSS編集はCMS管理画面から行います)
	
*/

/* 1.for index style ==============================================*/
html, body {
}
*+html #pageBody {/* IE7 */
	position: relative;
}
#pageBody {
	width:100%;
	padding-top: 0px;
	background:none !important;
	position: relative;
}
.sideBanner{
	margin-top: 295px;
	margin-left: -657px;
	width: 1314px;
	position: absolute;
	left: 50%;
	top: 0;
}
.sideBanner .left{
	position: absolute;
	left: 0;
	top: 0;
}
.sideBanner .right{
	position: absolute;
	right: 0;
	top: 0;
}
#pageBodyInner {	
	text-align: left;
	width: 989px;
	margin: 0 auto;
	background: none;
	padding: 25px 0 18px 0;
}
#pageBodyInner2 {
	background: none;
	padding: 0 0 0 0;
	position: relative;
}
#pageFooter{
	padding-top:140px;
	
	}
/* mainVis ==== */
#topNav {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: left;
	z-index: 0;
}
#topNavMenu {
	display: none;
}
#topImages {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: -10;
	width: 1320px;
	height: 500px;
	left: 50%;
	margin-left: -660px;
}
#topImages img {
	display: block;
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 1320px;
}

#topImages p {
	position: absolute;
	display: none;
	width: 100%;
	height: 640px;
}
#navigationPrev {
	width: 46px;
	height: 82px;
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 10;
}
#navigationNext {
	width: 46px;
	height: 82px;
	position: absolute;
	top: 200px;
	right: 0;
}
.bn_furusato{
	width:232px;
	height:202px;
	z-index:500;
	position:absolute; top:0; left:0;
	}

/*  background ==== */



/* common ==== */
#pageMain {
	width: 724px;
	margin-bottom:30px;
	float: right;
}
#pageCenter {
	float: right;
	width: 498px;
	margin: 0 0 0 0;
}
#pageLeft {
	float: left;
	width: 240px;
	margin: 0 0 0 0;
}

#frameBody{
	margin-top:-4px;
}
#topPageMain{
	width:989px;
	position:relative;
}

/* page_header ==== */

/* top用グロ―バルナビ ==== */

/* メインカラム ==== */
.planArea {
	margin: 0 0 0 0;
}



/* 白樺リゾートを満喫 ==== */
#resortsInformation{
	padding:0 0 13px 0;
}
#resortsInformation ul{
	width: 724px;
	margin: 0 0px 45px 0;
	overflow:hidden;
	_zoom: 1;
}
#resortsInformation li{
	float:left;
	margin:0 0px 0 0;
}
/* オススメプラン ==== */
#enjoyPlan ol li {
	cursor: pointer;
}

#recommendedList h2 {
	display: inline;
}
ul#centerBanner {
	width: 509px;
	margin: 0 -11px 0 0;
	overflow: hidden;
	_zoom: 1;
}
#centerBanner li {
	float: left;
	margin: 0 11px 0 0;
}
.outerBox {
	width: 225px;
	float: left;
	display: inline;
	margin: 20px 0 0 18px;
}
.outerBox .l_set {
	width: 85px;
	float: left;
}
.outerBox .r_set {
	width: 125px;
	float: right;
}
#recommendedList p {
	line-height: 1.3;
	font-weight: bold;
}


#enjoyList h3 {
	margin-bottom: 23px;
}
ul#enjoyPlan {
	width: 972px;
	margin: 0 -56px 0 40px;
	overflow: hidden;
	_zoom: 1;
}
ul#enjoyPlan h3{
	margin-bottom:23px;
}
ul#enjoyPlan li {
	float: left;
	width: 268px;
	margin: 0 56px 0 0;
}
ul#enjoyPlan li ol li {
	clear: both;
	float: none;
	width: 268px;
	margin: 0 0 9px 0;
	padding: 0 0 2px 0;
	font-weight: bold;
	border-bottom:1px dotted #D6D6D6;
	min-height: 95px;
	height: auto !important;
	height: 95px;

}
ul#enjoyPlan li ol li.planC3{
	border-bottom:none;
	}
ul#enjoyPlan li ol li a {
	text-decoration: none;
}
ul#enjoyPlan li ol li p {
	line-height: 1.5;
	overflow: hidden;
	_zoom: 1;
	margin: 0 0 0 0 !important;
}
ul#enjoyPlan li ol li img {
	float: left;
	margin: 0 8px 0 0;
}
p.btn_planlist {
	position:absolute;top:0; right:0;
}
.roomBox {
	clear: both;
	background: url(../img/bg_room.png) no-repeat bottom;
	min-height: 330px;
	height: auto !important;
	height: 330px;
}
.roomBox .l_set {
	width: 500px;
	float: left;
	position: relative;
}
.roomBox .r_set {
	width: 210px;
	float: right;
}
.roomMain {
	position: absolute;
	top: 66px;
	left: 14px;
}
.bannerList li {
	margin: 0 0 20px 0;
}
.roomBox .l_set ul {
	position: absolute;
	top: 66px;
	left: 383px;
}
/* News ==== */
#news{
	margin:0 0 40px 0;
}
.newsList {
	clear: both;
	position: relative;
	margin: 20px 0 0 0;
	padding-bottom: 15px;
	width: 989px;
	background: url(../img/bg_enjoy_body2.png) no-repeat bottom;
}
.newsList h2 {
	display: inline;
}

.newsMore {
	position: absolute;
	top: 0;
	right:0;
}
.newsList {
	margin: 0 0 0 0;
}
.newsBox{
	width:880px;
	margin:13px 0 0 35px;
	padding: 0 12px 16px 0;
	background: url(../common/img/dot_1_2c.gif) repeat-x bottom;
}

.newsBox .l_set{
	float:left;
	width:220px;
}
.newsBox .r_set{
	float:right;
	width:630px;
}
.newsBox .l_set img{
	margin:3px 0 0 0;
}
.newsBox .r_set .newsTitle{
	margin:18px 0 18px 0;
	font-size:108%;
	font-weight:bold;
}
.newsBox .r_set .newxTxt{
	line-height:1.5;
}
.newsList .newsLink{
	cursor:pointer;
}
.newsList .newsLink:hover img{
     opacity:0.7;
     filter: alpha(opacity=90);
     -ms-filter: "alpha( opacity=90 )";
}
.newsList a{text-decoration:none !important;}
.newsList .newsLink:hover a{color:#e7762f;text-decoration:underline !important;}

/* event */
#event{
	position:relative;
	clear: both;
	margin:0 0 40px 0;
	padding-bottom: 25px;
	width: 989px;
	background: url(../img/event/mesh_brown.png);
}
#event h3 {
	color: #0d93bf;
	font-size: 156%;
	margin: 0 0 18px 0;
	font-weight: bold;
}
#event h3 span{
  font-size:13px;
	font-weight: normal;
  display: inline-block;
  padding: 0 4px 0 4px;
}
#event ul#now {
	width: 920px;
	margin: 15px auto 25px 35px;
  display: flex;
  flex-wrap: wrap;
}
#event ul#now li{
	width: 270px;
	margin:0 40px 35px 0 !important;
	position: relative;
}
#event ul#now li:nth-child(3n){
	margin:0 0px 35px 0 !important;
}
#event ul#now li .now {
	position: absolute; bottom: 248px; left: 0;
}
/* 2列 */
#event ul#plans {
	width: 960px;
	margin: 0 -20px 35px 35px;
	overflow: hidden;
	_zoom: 1;
}
#event ul#plans li{
	width: 450px;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
}
#event ul#plans .outerBox{
	width:450px;
	overflow: hidden;
	margin: 0 !important;
}
#event ul#plans .l-set{
	float:left;
	width:200px;
	margin: 0 !important;
}
#event ul#plans .r-set{
	float:right;
	width:230px;
	margin: 0 !important;
}
#event ul#plans .plans{
	margin: 0 0 13px 0;
}
#event ul p{
	margin: 0 0 10px 0;
	line-height: 1.7;
}
/* 3列 */
/*#event ul#plans {
	width: 960px;
	margin: 0 -20px 35px 35px;
	overflow: hidden;
	_zoom: 1;
}
#event ul#plans li{
	width: 300px;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
}
#event ul#plans .outerBox{
	width: 270px;
	overflow: hidden;
	margin: 0 !important;
}
#event ul#plans .l-set{
	width:200px;
	margin: 0 !important;
}
#event ul#plans .l-set img{
  width: 100%;
  height: auto;
}
#event ul#plans .r-set{
	margin: 0 !important;
}
#event ul#plans .plans{
	margin: 0 0 13px 0;
}
#event ul#plans h3{
	margin: 10px 0 10px 0;
  font-size: 115%;
}
#event ul p{
	margin: 0 0 10px 0;
	line-height: 1.7;
}*/




/* searchSet ==== */
/*#searchSet {
	width: 240px;
	background: url(../img/bg_resorts_mesh_bottom.png) no-repeat bottom;
	margin-bottom: 14px;
}
#searchSet .outerBox{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#searchSet .l_set{
	float:left;
	width:115px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#searchSet .r_set{
	float:left;
	width:110px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}*/
/* contactBox ==== */

/* contactBox02 ==== */
#contactBox02 {
	width: 240px;
	background: url(../img/bg_resorts_mesh_bottom.png) no-repeat bottom;
	margin-bottom: 14px;
	padding-bottom:12px;
}
#contactBox02 h3{
	margin-bottom:13px;
}
#contactBox02 li{
	margin:0 0 5px 15px;
}
#contactBox02 .btnInq{
	margin:0 0 13px 15px;	
}
#contactBox02 .infoTxt{
	margin:0 0 0 15px;
	padding-bottom:11px;
}
#contactBox02 .iconArrow{
	margin:0 0 13px 40px;
	padding:0 0 15px 10px;
	background:url(/common/img/arrow_blue.gif) no-repeat 0 0;
}
/* contactBox03 ==== */
#contactBox03 {
	width: 240px;
	background: url(../img/bg_resorts_mesh_bottom.png) no-repeat bottom;
	margin-bottom: 14px;
	padding:0 0 12px 0;
}
#contactBox03 h3{
	margin-bottom:13px;
}
#contactBox03 ul{
	margin:0 0 0 11px;
}
#contactBox03 li{
	margin:0 11px 0 0;
	float:left;
}

/* サウンドロゴ ==== */
#sound{
	background:url(/img/banner/banner_soundlogo.png) no-repeat;
	width: 240px;
	height: 135px;
	position: relative;
	margin-bottom: 15px;
}
#sound .audioArea{
	position: absolute;
	left: 5px;
	bottom: 5px;
}
#sound audio{
	width: 230px;
}


/* 宿泊のご予約 ==== */
/*.searchBoxInner {
	padding: 8px 0 0 15px;
}
.searchBoxInner p {
	padding: 0 0 10px 0;
}
.searchBoxInner p.arrowBlue2 {
	padding: 0 0 0 12px;
	margin: 16px 0 16px 0;
}
.searchBoxInner p img {
	margin: 0 0 5px 0;
	vertical-align: middle;
}
.searchBoxInner table {
	margin: 0 0 0 0;
}
.searchBoxInner td {


	padding: 6px 6px 0 0;


}
.searchBoxInner .itembtn {
	padding-top: 8px;
}*/
/* バナーエリア ==== */
.bannerArea{
	width:989px;
	clear:both;
	margin:0 0 35px 0;
	background:url(/img/bg_link_top.png) top;
}
.bannerArea .inr{
	background:url(/img/bg_link_body.png) bottom;
	padding:17px 0 0 20px;
}
.bannerArea ul{
	width: 985px;
	margin: 0 -37px 0 0;
	overflow:hidden;
	_zoom: 1;
}
.bannerArea li{
	float:left;
	margin:0 37px 32px 0;
}
.sns ul{
  margin: 0px 0 0 0;
  }

.sns li{ float: left; margin-right: 30px;}
.sns li img{ width: 100px; height: auto;}

/* プランランキング ==== */
.planRanking {
	width: 210px;
	float: right;
	margin: 0 0 0 0;
}
.planRankingInner {
	width: 210px;
	padding: 0 0 6px 0;
}
.item02 {
	width: 187px;
	margin: 6px 0 4px 10px;
	padding: 5px 2px 5px 2px;
	background-color: #FFFDF4;
}
.itemphoto1 {
	position: relative;
}
.iconRank01 {
	width: 43px;
	height: 24px;
	position: absolute;
	bottom: -1px;
	left: -7px;
	z-index: 10;
}
.iconRank02 {
	width: 43px;
	height: 24px;
	position: absolute;
	bottom: -1px;
	left: -7px;
	z-index: 10;
}
.iconRank03 {
	width: 43px;
	height: 24px;
	position: absolute;
	bottom: -1px;
	left: -7px;
	z-index: 10;
}
.rank_title {
	margin: 0 0 3px 8px;
}
.itemphoto1 {
	display: inline;
	float: left;
	margin: 0px 0 0 0px;
	width: 60px;
}
.itemphoto1 img {
	margin: 2px 0 0 2px;
	padding: 0 0 2px 0;
}
.item02 .text_area {
	width: 125px;
	float: right;
	display: inline;
}
.item02 .text_area p {
	line-height: 1.3;
}
/* 白樺リゾート池の平ホテルについて ==== */
#subInfo2 {
	width: 989px;
	margin: 0 0 50px 0;
	padding: 5px;
	background: url(../img/mesh_blue.png);
}
#subInfo2 .subInfoBox{
	width:100%;
	padding:28px 0 20px 0;
	background-color:#FFFFFF;
}
#subInfo2 .l_set{
	float:left;
	width:180px;
	margin:0 0 0 52px;
	display:inline;
}
#subInfo2 .r_set{
	float:right;
	width:680px;
	margin:0 0 0 0;
	display:inline;
}
#subInfo2 p {
	line-height: 1.8;
	margin: 0 17px 0 0;
	color: #5A4D47;
}
#subInfo2 a{
	margin:8px 0 0 520px;
}
/* media */
#media{
	margin: 0 0 20px 0;
}
#media h3{
	width: 150px;
	margin: 0 0 12px 0;
}
#media h3 img{
	width: 100%;
	height: auto;
}
#media ul{
	margin-bottom: 30px;
}
#media li{
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #C5C5C5;
	position: relative;	
	padding-right:20px;
}
#media li p:nth-child(1){
	font-size: 12px;
	margin-bottom: 8px;
	color: #000000;
}
#media li p:nth-child(2){
	font-size: 14px;
	font-weight: bold;
	color: #4E9CBD;
}
#media li p{
	line-height: 1.7;
}
#media li a{
	text-decoration: none;
	line-height: 1.7;
	position: relative;
	display: block;
}
#media li a:hover{
	opacity: 0.8;
}
#media li a::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4E9CBD;
  border-right: solid 2px #4E9CBD;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: -15px;
  margin-top: -4px;	
}
#media .btn a{
	display:inline-block;
	text-align: center;
	text-decoration: none;
	padding: 8px 15px 8px 15px;
	font-size: 14px;
	color: #FFFFFF;
	background: #31a1b9;
	border-radius: 6px;
}
#media .btn a:hover{
	opacity: 0.85;
}
/* その他 ==== */
p.notification {
	clear: both;
	margin: 0 0 12px 12px;
	padding: 0 0 0 12px;
	background: url(../common/img/arrow_blue.gif) no-repeat;
}
#pageBody a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;
}
#pageRight ul {
	margin: 0 0 14px 0;
}
#pageRight li {
	margin: 0 0 11px 0;
}
#othersBannerL {
	margin: 13px 0 11px 0;
	padding: 11px 0 2px 0;
	background-color: #FAFCDC;
}
#othersBannerL li {
	margin: 0 0 11px 10px;
}

.othersBanner {
	margin: 0 0 7px 0;
}
.othersBanner li {
	height: 95px;
	margin: 0 0 0 7px;
	display: inline;
	float: left;
}
#topBanner2 {
	width: 506px;
	margin: 19px -9px 0 0;
	overflow: hidden;
	_zoom: 1;
}
#topBanner2 li {
	float: left;
	margin: 0 9px 10px 0;
}
#weatherBox {
	width: 232px;
	height: 32px;
	padding: 4px 0 0 10px;
	margin: 0 0 15px 0;
	background: url(../img/bg_weather.png) no-repeat;
}

#weatherBox span {
	line-height: 25px;
	font-size: 12px !important;
}
#weatherBox img, #weatherBox div {
	display: inline;
	vertical-align: middle;
}
.weatherTxt p {
	margin: 10px 0 0 0;
	color: #565656;
}

.ski2014{
	margin:20px 0 0 0 0;
	position:relative;
}
.ski2014 .skiBtn01{
	width:243px;
	height:136px;
	position:absolute; top:94px; left:0;
}
.ski2014 .skiBtn02{
	width:234px;
	height:136px;
	position:absolute; top:94px; left:243px;
}
.ski2014 .skiBtn03{
	width:242px;
	height:136px;
	position:absolute; top:94px; left:477px;
}
.ski2014 li a:hover{
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
.winter2013_2014{
	padding:25px 0 0 0;
}
.ski2014b{
	width:719px;
	height:76px;
	background:url(/img/banner_shirakabaski.jpg) no-repeat bottom;
	margin-bottom:30px;
	position:relative;
}
.ski2014b img.skiBtn{
	position:absolute; top:0; left:142px;
}
#scrollSet{
	margin-bottom:30px;
}
/* Showcase Slide show
-------------*/

#awOnePageButton .view-slide {
	display: none;
}
/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load {
	height: 330px; /* Same as showcase javascript option */
	overflow: hidden;
}
/* Container when content is shown as one page */
.showcase-onepage {
/**/
}
/* Container when content is shown in slider */
.showcase {
	position: relative;
	margin: 18px 0 0 14px;
}
.showcase-content-container {
	background-color: #fff;
}
/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next {
	position: absolute;
	background: url('../images/arrows.png');
	width: 33px;
	height: 33px;
	top: 220px;
	cursor: pointer;
}
.showcase-arrow-previous {
	left: -60px;
}
.showcase-arrow-previous:hover {
	background-position: 0px -34px;
}
.showcase-arrow-next {
	right: -56px;
	background-position: -34px 0;
}

.showcase-arrow-next:hover {
	background-position: -34px -34px;
}
/* Content */

		/* Styling the tooltips */
.showcase-plus-anchor {
	background-image: url('../images/plus.png');
	background-repeat: no-repeat;
}
.showcase-plus-anchor:hover {
	background-position: -32px 0;
}
div.showcase-tooltip {
	background-color: #fff;
	color: #000;
	text-align: left;
	padding: 5px 8px;
	background-image: url(/img/white-opacity-80.png);
}
/* Styling the caption */
.showcase-caption {
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;





	display: none;
	background-image: url(/img/white-opacity-80.png);
}
.showcase-onepage .showcase-content {
	margin-bottom: 10px;
}
/* Button Wrapper */
.showcase-button-wrapper {
	clear: both;
	margin-top: 10px;
	text-align: center;
}
.showcase-button-wrapper span {
	display: none;
	margin-right: 3px;
	padding: 2px 5px 0px 5px;
	cursor: pointer;
	font-size: 12px;
	color: #444444;
}
.showcase-button-wrapper span.active {
	color: #fff;
}
/* Thumbnails */

	
.showcase-thumbnail-wrapper {
	overflow: hidden;
}
.showcase-thumbnail {
	width: 100px;
	height: 55px;
	cursor: pointer;
	position: relative;
}
.showcase-thumbnail-content {
	padding: 10px;
	text-align: center;
	padding-top: 25px;
}
.showcase-thumbnail-cover {
	background-image: url(/img/black-opacity-40.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.showcase-thumbnail:hover img {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.showcase-thumbnail:hover .showcase-thumbnail-cover {
	display: none;
}
.showcase-thumbnail.active img {
	opacity: 0.6;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.showcase-thumbnail.active .showcase-thumbnail-cover {
	display: none;
}
.showcase-thumbnail-wrapper-horizontal {
	padding: 10px;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail {
	margin-right: 10px;
	width: 116px;
}
.showcase-thumbnail-wrapper-vertical {
	padding: 10px 10px 0 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail {
	margin-bottom: 5px;

}
.showcase-thumbnail-button-backward,  .showcase-thumbnail-button-forward {
	padding: 0px 7px 0px 7px;
	cursor: pointer;
}
.showcase-thumbnail-button-backward {
	padding-bottom: 0px;
	padding-right: 0px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,  .showcase-thumbnail-button-forward .showcase-thumbnail-vertical,  .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,  .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-image: url(/img/btn_return.png);
	background-repeat: no-repeat;
	display: block;
	width: 104px;
	height: 20px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical {
	background-position: 0 0;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical {
}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical {
	background-image: url(/img/btn_next.png);
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical {
	background-image: url(/img/btn_next.png);
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background-position: 0 -17px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal {
	background-position: -17px -17px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
	background-position: 0 0;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal {
	background-position: -17px 0;
}
/* Hide button text */
.showcase-thumbnail-button-forward span span,  .showcase-thumbnail-button-backward span span {
	display: none;
}
/* tab ==== */
#ui-tab{
	margin:0px 0 0px 0;
	width:989px;
	}
#ui-tab .ui-tabs-panel{
	padding:0 0 0 0;
	margin:0;
	}
#ui-tab .ui-tabs-nav{
	background: url(../img/bg_tab.png) repeat-x bottom;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:69px;
	/*padding-left:0 !important;*/
	}
#ui-tab .ui-tabs-nav li{
	text-decoration:none;
	margin:0 !important;
	padding:0 !important;
	background:none;
	float:left;
	}
#ui-tab .ui-tabs-nav li#menu01 a{
	width:242px;
	height:69px;
	background:url(../img/tab_enjoy01_off.png) no-repeat;
	cursor:pointer;
	margin-right:0px;
	}
#ui-tab li#menu01 a:hover,#ui-tab  li#menu01.ui-tabs-selected a{
	background:url(../img/tab_enjoy01_on.png) no-repeat;
	}
#ui-tab .ui-tabs-nav li#menu02 a{
	width:241px;
	height:69px;
	background:url(../img/tab_enjoy02_off.png) no-repeat;

	cursor:pointer;
	}
#ui-tab li#menu02 a:hover,#ui-tab li#menu02.ui-tabs-selected a{
	background:url(../img/tab_enjoy02_on.png) no-repeat;
	}
#ui-tab .ui-tabs-nav li#menu03 a{
	width:241px;
	height:69px;
	background:url(../img/tab_enjoy03_off.png) no-repeat;
	cursor:pointer;
	}
#ui-tab li#menu03 a:hover,#ui-tab li#menu03.ui-tabs-selected a{
	background:url(../img/tab_enjoy03_on.png) no-repeat;
	}
#ui-tab .ui-tabs-nav li a{
	display:block;	
	padding-bottom:0px;
	}
* html .ui-tabs-nav li a{
	margin-bottom:0px;
	}
li#menu01 span,li#menu02 span,li#menu03 span{
	display:none;
}
#fragment-1,#fragment-2{
	background:url(../img/tab_body.png) repeat-y;
	padding:0 0 15px 0;
	margin:0 0 0 0;
}

#ui-tab .inr{
	/*width:652px;*/
	margin:0 auto 0 0;
	}
#enjoyPlanSet{
	background:url(../img/bg_enjoy_body.png) no-repeat bottom;
}
#enjoyPlanSet .inr{
	background:url(../img/bg_enjoy_top.png) no-repeat top;
	padding:46px 0 22px 0;
}
*+html #enjoyPlanSet .inr {
	padding:46px 0 12px 15px;
}
#planRecommended{
	position:relative;
	background:url(../img/bg_tab_enjoy01.png) repeat-x 0 62px;
	margin-bottom:35px;
}

/* tab2 */
.planStyle{
	background:url(../img/bg_enjoy_body2.png) no-repeat bottom;
	padding-bottom:20px;
}
.planStyle ul{
	width: 989px;
	margin: 0 -38px 0 50px;
	overflow:hidden;
	_zoom: 1;
	}
.planStyle li{
	width:159px;
	float:left;
	padding:7px 7px 0 7px;
	margin:18px 38px 0 0;
	background-color:#FFF;
	}
.planStyle li span{
	padding:0 0 0 10px;
	display:block;
	}
.planStyle li:hover{
	background-color:#FFFEC8;
}
.planStyle P{
	padding:7px 9px 0 9px;
	line-height:1.3;
	}
.planStyle p.planTitle{
	width:133px;
	padding:10px 9px 9px 18px;
	background-color:#38B6DA;
	font-weight:bold;
	color:#FFF;
	white-space:nowrap;
	}
.planStyle p.planTitle{
	width:133px;
	padding:10px 9px 9px 18px;
	background-color:#38B6DA;
	font-weight:bold;
	color:#FFF;
	}
* html .planStyle p.planTitle{/*IE6*/
	width:158px;	
	}
.planStyle a:link{
	color:#444444;
	text-decoration:none;
}
.planStyle a:visited{
    color:#444444;
	text-decoration:none;
}
.planStyle a:hover{
    color:#ec6617;
	text-decoration:underline;
}
/* AB test B type ==== */
#topBanner{
	margin-bottom:15px;
	overflow:hidden;
}

#topBanner a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background:none !important;
}

.top_l{
	width:350px;
	float:left;
	}
.top_r{
	width:350px;
	float:right;
	}

#bodyTop{
	margin:0 0 0 0;
}
#bodyTop li{
	margin:0 10px 20px 0;
	float:left;
}
.side_bnr{
	width:240px;
	position:relative;
	height:134px;
	margin-bottom:20px;
}
/*.side_bnr  a:hover img{
	opacity:0 !important;
	filter: alpha(opacity=0) !important;
	-ms-filter: "alpha( opacity=0)" !important;
	background:none !important;
}*/
/* カルーセル ==== */
#film_roll{
	margin:0 0 25px 0;
	font-size:12px !important;
}
#film_roll .inr{
	width:224px;
	margin:0 0 0 10px;
}
#film_roll .inr img{
	margin:0 0 8px 0;
}
#film_roll .inr a{
	text-decoration:none;
}
#film_roll .inr a:link{color:#333;}
#film_roll .inr a:visited{color:#333;}

.film_roll_prev, .film_roll_next {
	position: absolute;
	top: 40% !important;
	width: 37px !important;
	height: 37px !important;
	margin: -20px 0 0 0;
	padding: 0;
	opacity: 0.5;
	text-indent:-9999px;
	border:none !important;
}
.film_roll_prev:hover, .film_roll_next:hover {
	text-decoration: none;
	opacity: 1 !important
}
.film_roll_prev{
	background:url(/img/banner/prev01.png) no-repeat !important;
	left: 0px !important;
}
.film_roll_next{
	background:url(/img/banner/next01.png) no-repeat !important;
	right: 0px !important;
}
/* 天気　新 ==== */
#weatherSet{
	width:240px;
	height:109px;
	background:url(../weather/img/bg_tenki.png) no-repeat;
	margin:0 0 20px 0;
	position:relative;
	font-size:12px;
}
#weatherSet #weather01 .icon{
	position:absolute;top:28px; left:49px;
}
#weatherSet #weather02 .icon{
	position:absolute;top:68px; left:49px;
}

#weatherSet #weather01 .temp{
	position:absolute;top:34px; left:179px;
}
#weatherSet #weather02 .temp{
	position:absolute;top:72px; left:179px;
}
#weatherSet #weather01 .yohoTxt{
	position:absolute;top:40px; left:105px;
}
#weatherSet #weather02 .yohoTxt{
	position:absolute;top:81px; left:105px;
}

#weatherSet .max{
	color:#ff6600;
}
#weatherSet .mini{
	color:#3098e0;
}
/*others*/
#sitemapMenu{
	margin-bottom:25px;
}

/* childSet ==== */
#cboxNext,#cboxPrevious{
	display:none !important;
}
#cboxClose{text-indent:-9999px; width:127px !important; height:29px !important; position:absolute; top:20px !important; right:20px !important; background:url(/resorts/img/btn_fix.png) no-repeat 0 0 !important;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose{
	z-index:100;
}
#cboxLoadedContent{
	background-color:#FFFFFF !important;
	border:1px solid #000000 !important;
	}
.movie01 #cboxClose{
	display:none !important;
}
#childSet table{

	border: 1px #ffffff solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
	line-height:1.4;
	color:#666666;
}

#childSet table th {
	padding: 8px;
	border: #ffffff solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
	width:100px;
}
#childSet table td {
	padding: 8px;
	border: 1px #ffffff solid;
	border-width: 0 0 1px 1px;
	text-align:left;
	background-color:#F4EEE9;
}
/* snsBox */
.snsBox{
	width:990px;
}
.snsBox .l_set{
	float:left;

	width:490px;
}
.snsBox .r_set{
	float:right;
	width:490px;
}

/* 空室検索 */
#search{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#search .bg{
	margin: 0 0 0 0;
	padding: 0 0 17px 0;
	background: url(/stay/img/index/search_bg.png) repeat;
}
#search .bg .inner{
	width: 986px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}
#search h2{
	text-align: center;
	margin: 0 auto 10px auto;
}
.searchArea{
	width: 100%;
	margin: 0 0 11px 0;
	background: #f1eae0;
}
.searchBox{
	display: table;
	width: 100%;
}
.searchBox li{
	display: table-cell;
	padding: 18px 24px 10px 24px;
	vertical-align: top;
}
.searchBox .bgArrow{
	padding: 25px 35px 10px 25px;
	background: url(/stay/img/index/ar2_r_gr.png) right 64px no-repeat;
}
.searchBox .bgArrow dl{
	width: 200px !important;
}
.searchBox dl{
	text-align: left;
	font-size: 0;
}
.searchBox dt{
	padding: 0 0 15px 0;
	font-size: 18px;
}
.searchBox dd{
	display: inline-block;
	font-size: 16px;
}
.searchBox .selectStays{
	margin: 0 18px 0 0;
}
.searchBox .childSetLink{
	margin: 15px 0 0 0;
	font-size: 16px;
}
#search a.arrow{
	background: url(/stay/img/index/ar1_r_gr.png) no-repeat 0 1px;
	padding: 0 0 0 14px;
	font-size: 13px;
	white-space: nowrap;
}
#search a:link{color:#565656;text-decoration:none;}
#search a:visited{color:#565656;text-decoration:none;}
#search a:hover {color: #197EB7;text-decoration:underline;}

/* 空室検索フォームパーツ */
.searchBox input[type="text"],
.searchBox select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #565655;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	cursor: pointer;
}
.searchBox input[type="text"]{
	padding: 12px 12px 12px 12px;
	width: 175px;
	background: url(/stay/img/index/ico_calender.png) 175px center no-repeat #fff;
}
.searchBox select{
	padding: 12px 13px 12px 13px;
	width: 63px;
	background: url(/stay/img/index/ar1_b_gr.png) 46px center no-repeat #fff;
}
.searchBox select::-ms-expand{
	display: none;
}
.searchBox input[type="image"]:hover,
.searchBox input[type="image"]:active,
.searchBox input[type="image"]:focus{
	opacity: 0.7;
}
.ui-datepicker-group{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}
.ui-widget-header{
	color: #565655 !important;
	background: #f0d9d1 !important;
	border: 0 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
	color: #565655 !important;
	background: #ece4c7 !important;
	border: none !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited{
	color: #565655 !important;
	text-decoration: none !important;
}
.ui-datepicker-today .ui-state-default,
.ui-widget-content .ui-datepicker-today .ui-state-default,
.ui-widget-header .ui-datepicker-today .ui-state-default{
	color: #565655 !important;
	background: #f0d9d1 !important;
}
.ui-datepicker-current-day .ui-state-default,
.ui-widget-content .ui-datepicker-current-day .ui-state-default,
.ui-widget-header .ui-datepicker-current-day .ui-state-default{
	color: #fff !important;
	background: #6c8cb3 !important;
}
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus,
.ui-datepicker-calendar .ui-widget-content .ui-state-focus,
.ui-datepicker-calendar .ui-widget-header .ui-state-focus,
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker-calendar .ui-widget-header .ui-state-active{
	color: #fff !important;
	background: #6c8cb3 !important;
}
.ui-datepicker-calendar .ui-datepicker-current-day a,
.ui-datepicker-calendar .ui-state-hover a,
.ui-datepicker-calendar .ui-state-hover a:hover,
.ui-datepicker-calendar .ui-state-hover a:link,
.ui-datepicker-calendar .ui-state-hover a:visited,
.ui-datepicker-calendar .ui-state-active a,
.ui-datepicker-calendar .ui-state-active a:link,
.ui-datepicker-calendar .ui-state-active a:visited{
	color: #fff !important;
	text-decoration: none !important;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	cursor: pointer;
}
/* -end- 空室検索フォームパーツ */
/* お子様が同行の場合 */
.childSetContainer{
	display: none;
}
.childSet{
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
#cboxLoadedContent{
	background: transparent !important;
	padding: 0 !important;
}
#cboxNext,
#cboxPrevious{
	display: none !important;
}
#cboxClose{
	width: 127px !important;
	height: 29px !important;
	text-indent: -9999px;
	background: url(/resorts/img/btn_fix.png) no-repeat 0 0 !important;
	position: absolute; top: 20px !important; right: 20px !important;
}
#cboxClose{
	background-position: -50px 0px;
	right: 0;
}
#cboxClose{
	z-index: 100;
}
.childSet table{
	line-height: 1.4;
	font-size: 12px;
	color: #666;
	border: 1px #fff solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.childSet table th{
	padding: 8px 8px 8px 8px;
	width: 100px;
	text-align: left;
	line-height: 120%;
	font-weight: bold;
	background: #f5f5f5;
	border-bottom: 1px #fff solid;
	border-left: 1px #fff solid;
}
.childSet table td{
	padding: 8px 8px 8px 8px;
	text-align: left;
	background: #f4eee9;
	border-bottom: 1px #fff solid;
	border-left: 1px #fff solid;
}
/* -end- お子様が同行の場合 */
.searchBox .btnSearch{
	padding: 25px 5px 10px 10px;
}
.searchBox .btnPlan{
	padding: 25px 20px 10px 5px;
}

.memberMenu{
	overflow: hidden;
	margin: 0 0 0 0;
}
.memberMenu li{
	float: left;
	margin: 0 45px 0 0;
	padding: 0 0 0 13px;
}
.memberMenu li.faq{
	float:right;
}

/* ----------------------------------------------------
メディアクエリ設定 1320～
---------------------------------------------------- */
@media screen and (min-width: 1320px) and (max-width: 2500px) {
#topNav {
	width: 1320px;
	margin: 0 auto;
}
}
@media screen and (min-width:1001px){
body{
	width: 100%;
	overflow: hidden;
}
}

/* weather-snow */
#weather-snow{
  background: url("/image/bg_ski-resort.jpg") no-repeat right bottom;
  max-width: 980px;
  margin: 20px auto 20px auto;
  border-radius: 8px;
}
#weather-snow .inr{  
  padding: 16px 120px 16px 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#weather-snow .inr > div{
    width: 30%;
}
#weather-snow h2{
  color: #FFFFFF;
  font-size: 24px;
  line-height: 1.1;
  font-weight: bold;
  display: block;
  padding: 3px 10px 10px 0px;
}
#weather-snow .inr > div:nth-child(1){
  text-align: left !important;
}
#weather-snow .inr > div:nth-child(2){
    background: #FFFFFF;
    border-radius: 8px;
    padding:15px 10px 3px 10px;
}
#weather-snow .inr > div:nth-child(3){
    background: #FFFFFF;
    border-radius: 8px;
    margin-right: 18px;
    padding:15px 10px 3px 10px;
}
#weather-snow h3{
  color: #00aaec;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 3px 0 0;
}
#weather-snow .inr > div{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
}
#weather-snow .inr > div p{
  font-size: 13px;
  color: #00aaec;
}
#weather-snow .inr > div p:nth-of-type(1){
  margin-top: -6px;
}
#weather-snow .inr > div p:nth-of-type(2){
  padding: 6px 5px 0 4px;
}
#weather-snow .inr > div p:nth-of-type(3){
  margin: -6px 0 0 0;
  line-height: 1.8;
}
#weather-snow .inr > div span{
  color: #f33389;
}
#weather-snow .now{
  font-size: 16px !important;
  font-weight: bold !important;
  color: #ff3dc1 !important;
  margin-left: 25px;
}