/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. */


/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#home-1 { background: url(images/home-1.jpg) no-repeat top center; background-attachment: fixed; width: 100%;  min-height: 648px; display: block; margin-bottom: -1em;   }
#home-1  h2 a { background: url(images/arrow.png) no-repeat right; padding: 0.5em 2em 0.5em 0em;  color: #fff; }
#home-1 h2 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }
#home-2 { background: url(images/home-2.jpg) no-repeat top left; width: 100%;  min-height: 849px; display: block;   }
#home-5 { background: url(images/home-5.jpg) no-repeat top center;  width: 100%;  min-height: 849px; display: block; margin-bottom: -1em; background-color:#000;   }
#home-3 { background: url(images/home-3.jpg) no-repeat top center; background-attachment: fixed; width: 100%;  min-height: 808px; display: block;   }
#home-4 { background: url(images/home-4.jpg) no-repeat bottom center;  width: 100%;  min-height: 849px; display: block; margin: 0em;   }

/*accommodation subdomain css*/

#niseko-accommodation { background: url(images/niseko-accommodation-01.jpg) no-repeat top center; background-attachment: fixed; width: 100%;  min-height: 648px; display: block; margin-bottom: -1em;   }

#niseko-accommodation-2 { background: #efefef; width: 100%; min-height: 648px;  display: block; margin-bottom: -1em;   }

#page-1 {
	/*background-image: url(images/page-urban.jpg);*/
/*background: url(images/page-urban.jpg);*/
/*width: 100%;  
height: 648px;
/*min-height: 648px; */
/*display: block; margin-bottom: -1em;*/
/*background-color: transparent;
 background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  clear: both;*/
  /*height: 648px;*/
  background-color: transparent;
  /*background: url("images/page-urban.jpg");*/
  background-repeat: no-repeat;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  clear: both;   }

#page-2 { /*background: url(images/page-bus.jpg) no-repeat top center; background-attachment: fixed; width: 100%;  min-height: 648px; display: block; margin-bottom: -1em; */
  /*height: 648px;*/
  background-color: transparent;
  /*background: url("images/page-bus.jpg");*/
  /*background-attachment: fixed;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  clear: both;  }
  
#page-3 { /*background: url(images/page-bus.jpg) no-repeat top center; background-attachment: fixed; width: 100%;  min-height: 648px; display: block; margin-bottom: -1em; */
  height: 648px;
  background-color: transparent;
  background: url("images/page-rental.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  clear: both;  }
  
  #page-4 { /*background: url(images/page-bus.jpg) no-repeat top center; background-attachment: fixed; width: 100%;  min-height: 648px; display: block; margin-bottom: -1em; */
  height: 324px;
  width: 100%;
  background-color: transparent;
  background: url("images/page-landscape.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  clear: both;  }


.boxes .light { color: #333;  }
.boxes .dark { color: #fff;  }


.light h2 { font-size: 2.8em; color: #333; }
.dark h2 { font-size: 1.8em; color: #fff; }


#leftbox0 h2 a { background: url(images/arrow.png) no-repeat right; padding: 0.5em 2em 0.5em 0em;  color: #fff; }
#leftbox0 h2 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }

#leftbox1 { padding-top: 17em; }
#leftbox1 h2 a { background: url(images/arrow.png) no-repeat right; padding: 0.5em 2em 0.5em 0em;  color: #fff; }
#leftbox1 h2 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }

#leftbox2 { padding-top: 4em; }
#leftbox2 h2 { font-size: 2.8em; color: #ec1161; margin-bottom: 0.5em; }

#rightbox1 { padding-top: 15em; float: right; }
#rightbox1 h2 { font-size: 2.8em; }
#rightbox1 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }

#rightbox2 { float: right; }
#rightbox2 h2 { font-size: 2.8em; margin-top: 2em; }

#internal { background: url(images/slides/home-1.jpg) no-repeat top center; background-attachment: fixed; height: 400px; width: 100%; display: block; margin-bottom: 2em; }

#internal-blog { background: url(images/powderlife-blog.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 4em; }

#internal2 { background: url(images/slides/niseko-play.jpg) no-repeat top center; background-attachment: fixed; height: 250px; width: 100%; display: block; margin-bottom: 2em; }

#internal2b { background: url(images/slides/niseko-japan.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 2em; }

#internal-single { background: url(images/slides/niseko-japan-02.jpg) no-repeat top center; background-attachment: fixed; height: 140px; width: 100%; display: block; margin-bottom: 2em; }

#internal-single-blog { background: url(images/slides/niseko-blog.jpg) no-repeat top center; background-attachment: fixed; height: 140px; width: 100%; display: block; margin-bottom: 2em; }

#internal-niseko-ski-hire { background: url(images/ads/niseko-ski-hire.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 2em; }

#internal-niseko-apartments { background: url(images/ads/niseko-apartments.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 2em; }

#internal-niseko-explore { background: url(images/ads/niseko-activities.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 2em; }

#internal-niseko-play { background: url(images/ads/niseko-play.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 2em; }

#internal-niseko-accommodation { background: url(images/ads/niseko-ht-night-02.jpg) no-repeat top center; background-attachment: fixed; height: 280px; width: 100%; display: block; margin-bottom: 2em; }

#internal3 { background: url(images/slides/niseko-snow.jpg) no-repeat top center; background-attachment: fixed; height: 250px; width: 100%; display: block; margin-bottom: 2em; }

#adbox { 
	width: 280px;
	height: 57.7%;
	background: rgba(0,0,0, 0.8);
 	float: right;
	margin-top: 38px;
 	margin-right: 140px;
	text-align: center;
	padding: 30px;
	color: #fff;
}
.adTextBox {
	text-align: center;
	height: auto;
	padding: 10px;
	border-radius: 0px; 
	color: #fff;
	}
	.adTextBox h1 {color: #FFF; font-weight: 300;  width: 100%; margin:auto; padding: 0px; background:url(images/ads/arrow.png) no-repeat right;}
	.adTextBox h1 a { color: #FFF;  }
	.adTextBox h1 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }
	
	#adbox h1 { font-size: 2em; text-align: left; color: #FFF; font-weight: 300;  width: 100%; margin:auto; padding: 0px; background:url(images/ads/arrow.png) no-repeat right;}
	#adbox h1 a { color: #FFF;  }
	#adbox h1 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }
	#adlogoBox {
		
	}
	
	@media (max-width: 568px) { 
		#adbox { 
			width: 90%;
			height: auto;
			background: rgba(0,0,0, 0.8);
		 	float: right;
			margin: auto;
			text-align: center;
			padding: 30px;
			color: #fff;
		}
		.adTextBox {
			text-align: center;
			height: auto;
			padding: 10px;
			border-radius: 0px; 
			color: #fff;
			}
			.adTextBox h1 {color: #FFF; font-weight: 300;  width: 100%; margin:auto; padding: 0px; background:url(images/ads/arrow.png) no-repeat right;}
			.adTextBox h1 a { color: #FFF;  }
			.adTextBox h1 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }
	
			#adbox h1 { font-size: 2em; text-align: left; color: #FFF; font-weight: 300;  width: 100%; margin:auto; padding: 0px; background:url(images/ads/arrow.png) no-repeat right;}
			#adbox h1 a { color: #FFF;  }
			#adbox h1 a:hover { border-bottom: 2px dashed #ec1161; text-decoration: none; color: #ec1161;  }
			#adlogoBox {
		
			}
		}
	

.internalsnow { background: url(images/slides/niseko-snow-page.jpg) no-repeat top center; background-attachment: fixed; height: 250px; width: 100%; display: block; margin-bottom: 4em; }


.buttontextcontainer {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	height:auto;
}

.buttontextcontainer h2 {
	padding-left: 22px;
	background:url(images/arrow2.png) no-repeat left; 
	font-size:14px;
	color: #fff;
}

.buttontextcontainer #left {
	width: 10%;
	float: left;
}

.buttontextcontainer #left img {
	margin-top: 4px;
	height: auto;
}

.buttontextcontainer #space {
	width: 1%;
	float: left;
}

.buttontextcontainer #right {
	width: 84%;
	float: right;
	font-size: 13px;
}

.icontable {
  vertical-align: top;
  padding-top: 0.618em;
  padding-right: 1em;
  padding-bottom: 0.618em;
  padding-left: 1em;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  text-align: left;
  border-collapse: separate;
  background:#efefef;
}

.icontable table {
  background:#efefef;
  text-align: center;
}

.icontable td img {
	vertical-align: top;
  padding-top: 5px;
  text-align: center;
}


.icontableweather {
  vertical-align: top;
  padding-top: 0.618em;
  padding-right: 1em;
  padding-bottom: 0.618em;
  padding-left: 1em;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  text-align: left;
  border-collapse: separate;
  background:#fff;
  color:#000;
}

.icontableweather table {
  background:#fff;
  color:#000;
}



.icontableweather th {
	text-align:center;
	color:#000;
}

.icontableweather td {
  vertical-align: top;
  padding-top: 5px;
  text-align: center;
  background:#fff;
  color:#000;
  margin: auto;
}

.icontableweather img {
	vertical-align: top;
  padding-top: 5px;
  text-align: center;
  margin: auto;
}

/* weather dropdown widget */

.icontablewidget {
  vertical-align: top;
  padding-top: 0;
  padding-right: 1em;
  padding-bottom: 0.618em;
  padding-left: 1em;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  text-align: center;
  margin: auto;
  border-collapse: separate;
  background:none;
  color:#FFF;
}

.icontablewidget table {
	padding-top:0;
  background:none;
  color:#FFF;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.icontablewidget td {
	vertical-align: top;
  padding-top: 5px;
  text-align: center;
  margin: auto;
  background:none;
  color:#FFF;
}

.icontablewidget th {
	text-align:center;
	color:#FFF;
}

.icontablewidget img {
	vertical-align: top;
  padding-top: 5px;
  text-align: center;
  margin:auto;
}

/* gravatar & widget */

.summaryContainer {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	height:auto;
}

.summaryContainer #left {
	width: 13%;
	float: left;
}

.summaryContainer #left img {
	margin-top: 4px;
	height: auto;
}

.summaryContainer #space {
	width: 1%;
	float: left;
}

.summaryContainer #right {
	width: 84%;
	float: right;
	font-size: 13px;
}

h1.foot { text-align: center; font-size: 6.4em; margin: 0em 0em 0.3em 0em; }

h1.blue { color: #fff; font-size: 5.4em; opacity: 1; position: relative; z-index: 5; } 

.textback { background: #000; opacity: 0.6; display: block; padding: 4em 0em 1em 2em; width: 37%; float: right;  margin-top: -20em; z-index: 1; color: #fff;  }

#bannertop { display: block; width: 100%; margin-bottom: 0em; }

#sidebar .widget ul li a { color: #333; margin-right: 15px; }

#content .section0 { background: #fff; padding: 4em;  color: #777; overflow:auto;   }
#content .section1 { background: #ddd; padding: 4em;  color: #333;   }
#content .section2 { background: #bbb; padding: 4em;  color: #333;   }
#content .sectionblack { background: #151515; padding: 4em;  color: #fff;   }
#content .sectionorange { background: #ff8c55; padding: 4em;  color: #fff;   }
#content .sectionblue { background: #00aeef; padding: 4em;  color: #fff;   }
#content .sectionblue h1 h2 { color:#000; }
#content .sectionyellow { background: #fffaa1; padding: 4em;  color: #333;   }
#content .sectiongrey h2 { color: #000; }
#content .sectiongrey { background: #efefef; padding: 4em;  color: #333; overflow:auto;  }
#content .sectiongrey2 { background: #efefef url(images/bg-play.jpg) no-repeat bottom right;  padding: 4em;  color: #333; overflow:auto; }
#content .sectiongrey3 { background: #efefef;  padding: 4em;  color: #333;   }
#content .sectiongreen { background: #7cc576; padding: 4em;  color: #fff;   }
#content .sectionv1 { background: #ccc; padding: 4em;  color: #fff; border-bottom: 10px solid #666; border-top: 10px solid #666;   }

@media (max-width: 768px) {
	#content .section0 { background: #fff; padding: 20px;  color: #777; overflow:auto;   }
#content .section1 { background: #ddd; padding: 20px;  color: #333;   }
#content .section2 { background: #bbb; padding: 20px;  color: #333;   }
#content .sectionblack { background: #151515; padding: 20px;  color: #fff;   }
#content .sectionorange { background: #ff8c55; padding: 20px;  color: #fff;   }
#content .sectionblue { background: #00aeef; padding: 20px;  color: #fff;   }
#content .sectionblue h1 h2 { color:#000; }
#content .sectionyellow { background: #fffaa1; padding: 20px;  color: #333;   }
#content .sectiongrey h2 { color: #000; }
#content .sectiongrey { background: #efefef; padding: 20px;  color: #333; overflow:auto;  }
#content .sectiongrey2 { background: #efefef url(images/bg-play.jpg) no-repeat bottom right;  padding: 20px;  color: #333; overflow:auto; }
#content .sectiongrey3 { background: #efefef;  padding: 20px;  color: #333;   }
#content .sectiongreen { background: #7cc576; padding: 20px;  color: #fff;   }
#content .sectionv1 { background: #ccc; padding: 20px;  color: #fff; border-bottom: 10px solid #666; border-top: 10px solid #666;   }
#home-5 { background: url(images/home-5.jpg) no-repeat top center;  width: 100%;  min-height: 1200px; display: block; margin-bottom: -1em; background-color:#000;   }
}


.clear { clear: both; }

.boxes { max-width: 1000px; margin: 0px auto; padding: 0em 1em; z-index:0;}

.boxes img {   }

/* .entry img { float: right;  vertical-align: top; margin-left: 0.8em; margin-bottom: 0.8em; }*/
.entry img {  vertical-align: top; margin-left: 0.8em; margin-bottom: 0.8em; }

.thinline { border-top: 3px solid #ccc; height: 1px; display: block; margin-bottom: 2em; }

.postleft { margin-left: 8em; }

.post .postleft li { margin-top: 0em; }
.postleft li { list-style-type: none; margin: -2em 0em 2em 0em; }
.post img.thumbnail {margin-top: 0em;   }
.socialleft { text-align: center; margin-top: 1em; }
.socialleft.span { margin-top: 0.3em; }
.post-left img { margin-top: -2em; }
.postleft h2 { font-size: 2em;}


/* MAPS */

.map-niseko { background: #a5bfdd url(images/back-1-map.jpg) no-repeat top left; width: 100%; padding-top: 4em; color: #fff; height: 392px; text-align: left; -moz-hyphens:none; -ms-hyphens:none; -webkit-hyphens:none; hyphens:none; word-wrap:break-word;  }
.map-niseko .boxes { text-align: left;  }
.map-niseko h2, .section3 h2 { color: #fff; }

.boxes .center { text-align: center; padding-bottom: 2em; width: 100%; }

.windows (background: url(images/slides/page-1a.jpg) no-repeat left center; width: 100%; display: block; height: 360px; overflow: hidden; background-attachment: fixed; position: fixed; top: 0; left: 0; z-index: -1; }

.cform.table { background: #ccc; display: block; }
.cform table thead th, .cform table th, .cform table td { background: #fff; }
.cform img.ui-datepicker-trigger { display: none; }

.ui-datepicker-header, .ui-widget-header, .ui-helper-clearfix ui-corner-all, .ui-datepicker-title { background: #ddd; }


.whitebox { 
padding: 1.618em;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #fff;
margin-bottom: 3.688em;
}

#socialfoot img { width: 48 px; margin-right: 5px; }

ul.checkboxes input[type="checkbox"] { margin-right: 1.5em; }



.post .post-meta  { margin: -1em 0em font: 0.8em; color: #999;  }
.post .post-meta a:link, .post-meta a:visited  { color: #999; }
.post .post-meta span  { margin: 0 1em 0 0; }
.post .post-meta .date  { padding: 2px 0 2px 25px; background: url(images/ico-date.png) no-repeat left center; }
.post .post-meta .comments a  { padding: 1px 0 1px 25px; background: url(images/ico-comments.png) no-repeat left center; }
.post .post-meta .shorturl {padding: 1px 0 1px 25px; background: url(images/ico-shorturl.png) no-repeat left center; }
.post .post-meta .tags  { display: block; margin: 12px 0 5px; padding: 4px 0 2px 22px; background: url(images/ico-tags.png) no-repeat left center; }


#content-internal {
clear:both;
  padding: 0em 0em;
	font-size: 1.4em;
 }
 
 #whitebox {
	background-color: #fff; 
	padding: 0px; 
	height: auto; 
	overflow: auto; 
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); 
	margin: auto;
}

/* subsribe2 widget */
.subscribe2 input[type=submit] {
	font-size: 11px;
	 }

.woocommerce-main-image.zoom {
pointer-events: none;
}