@charset "UTF-8";
@import url(slick-theme.css);
@import url(slick.css);
@import url(style.css) screen and (min-width:1080px);
@import url(sp.css) screen and (min-width: 0px) and (max-width: 1079px);

body,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,
p,blockquote,
form,fieldset,
table,th,td,ul,ol,
img {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}
img {vertical-align:top;}
html{height:100%;}
.center{ text-align:center; }
.hidden{ visibility:hidden;}
.skip{ visibility:hidden;}
.clear{ clear:both; }
em {
	color:#ff0000;
	font-weight:bolder;
	font-style:normal;
}
em span {font-size:90%;}
hr{
	margin: 0;
    border: 0;
    height:1px;
    background: #aaa;
	clear:both;
}

*+html body,
* html body {
	font-size:86%;
	height:100%;
	text-decoration:none;
}

*:first-child+html {
	font-size:86%;
	height:100%;
}

a:focus, *:focus { outline:none; }
a {color:#0d90d3; text-decoration:none; outline:none;}
a:active {color:#526AA7;}
/*a:visited {color: #526AA7; text-decoration:none;}*/
a:hover {color:#0097E0; text-decoration:none;}
a img:hover {
opacity: 0.8;
filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
filter: alpha(opacity=80);
}
input:focus { outline: none; }
#logo img{margin-top:7px;}

body {
	font-size:15px;
	color:#222;
	line-height:1.4em;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}
.breadcrumb{
	margin:10px auto 0 auto;
	height:15px;
	width:1080px;
}
.breadcrumb li{
	float:left;
	color:#000;
	font-weight:bold;
}
/*.breadcrumb li a{
	padding-right:20px;
	margin-right:16px;
	color:#19488e;
	background:url("../img/icon_01.gif") no-repeat right center;
}*/

#menu {
	width:800px;
	height:40px;
	margin:-15px 0 15px 0;
	float:right;
	border-right:1px solid #A9AAA9;
	position:relative;
	z-index:10;
}

#menu li {
	float: left;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	margin: 0;
	padding:10px 0 0 0;
	height:30px;
	width:159px;
	position:relative !important;
	border-left:1px solid #A9AAA9;
}

#menu li:hover {
	background:url("../img/line_on.gif") no-repeat center bottom;
}

#menu li.current{
	background:url("../img/line_on.gif") no-repeat center bottom;
}

#menu li ul {
	display: none;
	position: absolute;
	top:40px;
	left:-5px;
	width:159px;
	background-color:#444;
	border:5px solid #FFF;
	padding: 0;
	line-height:1.4em;
}

#menu li ul li {
  margin: 0;
  padding: 0;
  border: none;
  text-indent:0px;
  width:159px;
  height:28px;
  font-size:11px;
  color:#00234f;
  text-align:center;
  border-top:#adbbc8 1px solid;
}
#menu li:hover {
	background:#eee;
}

#menu li ul li a {
	display:block;
	width:159px;
	color:#fff;
	padding:3px 0;
	text-decoration:none;
}
#menu li ul li:hover {
	background:#1F4289;
	background-image:none;
}


/*スライド
-----------------------------------*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom:-25px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #C8C8C9;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #5B80AC;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*slider
-----------------------------------*/
.slider {
	margin: 0 0 50px;
}
.slider img {
	width: 100%;
	height: auto;
}
.single-item {
	max-width: 600px;
	margin: 0 auto 50px;
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}
.multiple-item li {
	margin: 0 5px;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
	height:60px;
}
.thumb-item-nav li:hover {
opacity:0.8;
filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
filter:alpha(opacity=80);
}
.lazy-item {
	width: 400px;
	margin: 0 auto 50px;
}
.lazy-item li {
	margin: 0 5px;
}

@media screen and (min-width:1080px) {
.sp {
	visibility:hidden;
	display:none;
	height:0 !important;
	border:1px solid rgba(255,0,4,1.00);
}
#main{
	overflow:hidden;
	height:auto;
	margin:0 auto;
	background:url("../img/list_ski_back.gif") no-repeat center bottom;
}

.copy{
	width:1080px;
	margin:0 auto;
	text-align:center;
}
.copy dt{
	font-size:52px;
	letter-spacing:3px;
	margin:150px 0 50px 0;
	font-weight:bold;
	text-align:center;
}
.copy dd{
	font-size:15px;
	line-height:1.8em;
	text-align:center;
	color:#1D2640;
	margin-bottom:40px;
}
.map{
	height:640px;
	background:url("../img/map.png") no-repeat center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;

}
.ttl {
	height:250px;
	background:url("../img/ttl.png") no-repeat center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-top:-50px;
}
.list_ski {
	width:1080px;
	height:570px;
	margin:0 auto;
	padding:79px 0;
}
.list_ski article{
	width:500px;
	float:right;
	margin:0;
}
.list_ski p{
	font-weight:bold;
	line-height:2em;
}
.list_ski address{
	background:#F6F6F6;
	font-style:normal;
	padding:25px;
	color:#000;
	margin:30px 0;
}
.list_ski h2{
	font-size:52px;
	padding:0 0 20px 0;
	margin-bottom:40px;
	border-bottom:1px solid #9FA0A0;
}
.logo_ski{
	float:right;
	margin-top:-105px;
}
.list_ski h3{
	font-size:22px;
	padding:10px 0 25px 0;
}
.list_ski h4{
	font-size:18px;
	margin-bottom:20px;
}
.list_ski h6{
	background:#fff;
	font-size:35px;
	padding:25px 0 5px 0;
	margin:10px 0;
	text-align:center;
}
.list_ski address.gray{
	background:#fff !important;
}
.list_ski address.gray h6{
	background:#F6F6F6 !important;
}

ul.btn{
	margin:0 auto;
	overflow:hidden;
	height:auto;
	height:70px;
}
ul.btn li{
	float:left;
	font-weight:bold;
	margin:20px 10px 0 0;
}
ul.btn li a{
	font-size:15px;
	color:#FFF;
	width:240px;
	float:left;
	height:30px;
	padding-top:15px;
	background:#009CDA;
	text-align:center;
	display:block;
	cursor:pointer;
	text-decoration:none;
	border:0;
	box-shadow:0 3px 0 #007aab, 0 6px 0 rgba(0,0,0,0.2);
	-webkit-transition:color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition:color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
ul.btn li a:hover{
	background-color:#353535;
	box-shadow:0 2px 0 #000, 0 4px 0px rgba(0,0,0,0.2);
	-webkit-transform:translateY(2px);
	transform:translateY(2px);
}
.img_slid {
	width:540px;
	height:500px;
	float:left;
	margin:0 0 70px 0;
}
.img_slid02 {
	width:540px;
	height:500px;
	float:right;
	margin:0 0 70px 40px;
}
.preparation {
	color:#fff;
	background:#aaa;
	padding:5px 0;
	margin:-50px 0 0 20px;
	width:200px;
	text-align:center;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
/*footer
-----------------------------------*/
/*#footer{
	width:1080px;
	font-size:12px;
	clear: both;
	text-align:center;
	padding:10px 0;
	margin:10px auto;
	border-top:1px solid #999;
}*/

#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
}

#page-top a {
background: #F6F6F6;
text-decoration: none;
color:#000;
width:80px;
padding:30px 0;
text-align: center;
display: block;
border-radius:45px;
}

#page-top a:hover {
text-decoration: none;
background:#000;
color:#fff;
}

#footer_sp ,#footer_sp img{
	display:none;
}


/* スライド
-----------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
}