@charset "shift_jis";
.mgb15 {
	margin-bottom: 15px !important;
}

.pdb100 {
	padding-bottom: 100px !important;
}

h2,
h3,
h4 {
	text-align: center;
}

 .inner {
	width: 950px;
	margin: auto;
	position: relative;
}
/*
html {
	overflow: hidden;
	height: 100%;
}
body{
	height: 100%;
}
#wrapper {
	overflow: auto;
	height: 100%;
} */


/* header
----------------------------------------------------- */

#ski_header {
	display: table;
	width: 100%;
	height: 60px;
	background: #ffffff;
	top: 0;
	z-index: 20;
}

#ski_header .logo {
	display: table-cell;
	vertical-align: middle;
	padding-left: 18px;
	text-align: left;
}


/* .main_visual
----------------------------------------------------- */

.main_visual {
	position: relative;
	height: 750px;
	background: url(../img/index/bg_head_title.jpg) no-repeat center top #fff;
	margin-top: 0px;
	overflow: hidden;
	background-size: cover;
	overflow: hidden;
	z-index: 3;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}


/* headerArea */

.main_visual .inner {
	height: 100%;
}

.main_visual .inner h2 {
	text-align: center;
	padding: 111px 0 28px 0;
}

.main_visual .snow {
	width: 100%;
	height: 780px;
	position: absolute;
	top: -30px;
	z-index: 1;
}

.main_visual h2 {
	position: absolute;
	left: 245px;
	top: 0;
	z-index: 2;
}

.main_visual .scroll_btn {
	position: absolute;
	bottom: 28px;
	left: 440px;
	z-index: 2;
}

.snowfall-flakes img {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.snowfall-flakes {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.snow_1 .roll0 img,
.snow_2 .roll0 img,
.snow_4 .roll0 img {
	-webkit-animation: animeY 4s ease infinite;
	-moz-animation: animeY 4s ease infinite;
	-ms-animation: animeY 4s ease infinite;
	animation: animeY 4s ease infinite;
}

.snow_1 .roll1 img,
.snow_2 .roll1 img,
.snow_4 .roll1 img {
	-webkit-animation: animeY 4.5s ease infinite;
	-moz-animation: animeY 4.5s ease infinite;
	-ms-animation: animeY 4.5s ease infinite;
	animation: animeY 4.5s ease infinite;
}

.snow_1 .roll2 img,
.snow_2 .roll2 img,
.snow_4 .roll2 img {
	-webkit-animation: animeX 5s ease infinite;
	-moz-animation: animeX 5s ease infinite;
	-ms-animation: animeX 5s ease infinite;
	animation: animeX 5s ease infinite;
}

.snow_1 .roll3 img,
.snow_2 .roll3 img,
.snow_4 .roll3 img {
	-webkit-animation: animeX 5.5s ease infinite;
	-moz-animation: animeX 5.5s ease infinite;
	-ms-animation: animeX 5.5s ease infinite;
	animation: animeX 5.5s ease infinite;
}

@keyframes animeY {
	0% {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	50% {
		-webkit-transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
	100% {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

@keyframes animeX {
	0% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	50% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-ms-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	100% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}


/* .side_menu
----------------------------------------------------- */

.side_menu {
	width: 500px;
	height: 100%;
	background: rgba(108, 162, 4, 0.8);
	position: fixed;
	top: 0;
	right: -560px;
	z-index: 12;
	padding: 77px 0 0 60px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
}
.ie8 .side_menu ,
.lt-ie8 .side_menu {
	background: #7eb90b;
}

.side_menu h2 {
	text-align: left;
}

.side_menu h3 {
	padding: 46px 0 25px 0;
	text-align: left;
}

.side_menu ul li {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}

.side_menu ul li a {
	color: #fff;
}

.side_menu .btn_side {
	position: fixed;
	top: 27px;
	right: 37px;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
}

.side_menu.notransition .btn_side {
	-webkit-transition: all 0ms ease;
	-moz-transition: all 0ms ease;
	transition: all 0ms ease;
}

.menu-trigger img {
	position: absolute;
	left: -4px;
	bottom: -16px;
	z-index: 10;
	display: block;
}

.btn_side {
	padding: 10px 15px 22px 15px;
	background: #7eb90b;
	border-radius: 3px;
}
.ie8 .btn_side ,
.lt-ie8 .btn_side {
	background: #7eb90b url(../img/index/menu_bg_2.png) center 10px no-repeat;
}



.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.ie8 .menu-trigger,
.ie8 .menu-trigger span,
.lt-ie8 .menu-trigger,
.lt-ie8 .menu-trigger span {
	opacity: 0;
}



.menu-trigger {
	position: relative;
	width: 30px;
	height: 25px;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff url(../img/index/btn_side.png) repeat-y;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 11px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.btn_side.active .menu-trigger span {
	width: 180%;
}

.btn_side.active {
	background: transparent;
}
.ie8 .btn_side.active,
.lt-ie8 .btn_side.active {
	background: #7eb90b url(../img/index/menu_bg_3.png) center 10px no-repeat;
}

.btn_side.active span:nth-of-type(1) {
	-moz-transform: translateX(-9px) translateY(11px) translateZ(0) rotate(-45deg);
	-webkit-transform: translateX(-9px) translateY(11px) translateZ(0) rotate(-45deg);
	transform: translateX(-9px) translateY(11px) translateZ(0) rotate(-45deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.btn_side.active span:nth-of-type(2) {
	opacity: 0;
	-moz-transform: translateX(-9px) translateZ(0) scale(0);
	-webkit-transform: translateX(-9px) translateZ(0) scale(0);
	transform: translateX(-9px) translateZ(0) scale(0);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.btn_side.active span:nth-of-type(3) {
	-moz-transform: translateX(-9px) translateY(-11px) translateZ(0) rotate(45deg);
	-webkit-transform: translateX(-9px) translateY(-11px) translateZ(0) rotate(45deg);
	transform: translateX(-9px) translateY(-11px) translateZ(0) rotate(45deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.ie8 .btn_side.active .menu-trigger span,
.ie8 .btn_side.active img ,
.lt-ie8 .btn_side.active .menu-trigger span,
.lt-ie8 .btn_side.active img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

.ie8 .btn_side img ,
.lt-ie8 .btn_side img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.btn_side.active img {
	opacity: 0;
}


/* .slide
----------------------------------------------------- */

.slide_ttl {
	width: 100%;
	background: #0c4999;
}

.slide_ttl p {
	text-align: center;
}


/* .area
----------------------------------------------------- */

.area {
	background: url(../img/index/bg_index_01.jpg) no-repeat center top;
}

.area h3 {
	padding: 68px 0 37px 0;
}

.area .tab_block {
	width: 804px;
	margin: 0 30px 0 116px;
}

.area .map {
	padding-bottom: 79px;
}

.area .kiroro {
	position: absolute;
	top: 638px;
	left: 154px;
	background: url(../img/index/btn_index_01.png) no-repeat center top;
}

.area .kiroro a {
	width: 148px;
	height: 40px;
	background: url(../img/index/btn_index_01.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
}

.area .kiroro a:hover {
	background: url(../img/index/btn_index_01_h.png) no-repeat;
}

.area .niseko {
	position: absolute;
	top: 700px;
	left: 113px;
	background: url(../img/index/btn_index_02.png) no-repeat center top;
}

.area .niseko a {
	width: 148px;
	height: 40px;
	background: url(../img/index/btn_index_02.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
}

.area .niseko a:hover {
	background: url(../img/index/btn_index_02_h.png) no-repeat;
}

.area .sapporo {
	position: absolute;
	top: 615px;
	left: 306px;
	background: url(../img/index/btn_index_03.png) no-repeat center top;
}

.area .sapporo a {
	width: 148px;
	height: 40px;
	background: url(../img/index/btn_index_03.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
}

.area .sapporo a:hover {
	background: url(../img/index/btn_index_03_h.png) no-repeat;
}

.area .rusutsu {
	position: absolute;
	top: 698px;
	left: 275px;
	background: url(../img/index/btn_index_04.png) no-repeat center top;
}

.area .rusutsu a {
	width: 148px;
	height: 40px;
	background: url(../img/index/btn_index_04.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
}

.area .rusutsu a:hover {
	background: url(../img/index/btn_index_04_h.png) no-repeat;
}

.area .furano {
	position: absolute;
	top: 516px;
	left: 431px;
	background: url(../img/index/btn_index_05.png) no-repeat center top;
}

.area .furano a {
	width: 148px;
	height: 40px;
	background: url(../img/index/btn_index_05.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
}

.area .furano a:hover {
	background: url(../img/index/btn_index_05_h.png) no-repeat;
}

.area .tomamu {
	position: absolute;
	top: 597px;
	left: 499px;
	background: url(../img/index/btn_index_06.png) no-repeat center top;
}

.area .tomamu a {
	width: 148px;
	height: 40px;
	background: url(../img/index/btn_index_06.png) no-repeat center top;
	display: block;
	text-indent: -9999px;
}

.area .tomamu a:hover {
	background: url(../img/index/btn_index_06_h.png) no-repeat;
}


/* .separator
----------------------------------------------------- */

.sepa_base {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.sepa_base .sepa_f {
	position: absolute;
	width: 100%;
	height: 150px;
	top: -105px;
	left: 0;
	/*	left: 50%;
	margin: 0 0 0 -50%;*/
	background: #f1f5f7;
	-webkit-transform: skew(0, -2.5deg);
	-ms-transform: skew(0, -2.5deg);
	transform: skew(0, -2.5deg);
}

.sepa_base .sepa_b {
	position: absolute;
	width: 100%;
	height: 150px;
	bottom: -100px;
	left: 0;
	/*	left: 50%;
	margin: 0 0 0 -50%;*/
	background: #f1f5f7;
	-webkit-transform: skew(0, -2.5deg);
	-ms-transform: skew(0, -2.5deg);
	transform: skew(0, -2.5deg);
}


/* .lineup
----------------------------------------------------- */

.title_lineup {
	text-align: center;
	background: #f1f5f7;
	line-height: 1;
}

.lineup .sub_txt {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}

.lineup a {
	outline: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

.lineup .info {
	width: 802px;
	margin: 60px 6px 0px 53px;
	background: #fff;
	position: relative;
	padding: 43px 45px 35px 45px;
}

.lineup .info dl .info_lines {
	line-height: 20px;
}

.lineup #furano_main .info {
	width: 822px;
	margin: 60px 6px 0px 53px;
	background: #fff;
	position: relative;
	padding: 43px 25px 35px 45px;
}

.lineup #furano_main .info .box1 dd {
	width: 298px;
}

.lineup .info .box1 {
	margin-left: 327px;
}

.lineup .info .box1 dd {
	width: 278px;
}

.lineup .info .box2 {
	margin: 29px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5ccd0;
}

.lineup .info .box2 dd,
.lineup .info .box3 dd {
	width: 605px;
}

.lineup #niseko_main .info {
	margin-bottom: 44px;
}

.lineup #niseko_main .info .box1 {
	border-bottom: 1px solid #c5ccd0;
	padding-bottom: 15px;
}

.lineup .info .map_bg {
	position: absolute;
	top: -24px;
	left: -52px;
	z-index: 10;
}

.lineup .info .click_map {
	position: absolute;
	top: 36px;
	left: -17px;
	z-index: 20;
}

.lineup .info h5 {
	margin-bottom: 18px;
}

.lineup .info dl {
	margin-bottom: 5px;
	font-size: 16px;
}

.lineup .info dt,
.lineup .info dd {
	float: left;
}

.lineup .info dt {
	width: 170px;
	padding-left: 27px;
}

.lineup .info dt span,
.lineup .info dd p {
	font-size: 12px;
}

.lineup .info .info01 dt {
	background: url(../img/index/icon_index_01.gif) no-repeat center left;
}

.lineup .info .info02 dt {
	background: url(../img/index/icon_index_02.gif) no-repeat center left;
}

.lineup .info .info03 dt {
	background: url(../img/index/icon_index_03.gif) no-repeat center left;
}

.lineup .info .info04 dt {
	background: url(../img/index/icon_index_04.gif) no-repeat center left;
}

.lineup .info .info05 dt {
	background: url(../img/index/icon_index_05.gif) no-repeat 0px 5px;
}

.lineup .info .info06 dt {
	background: url(../img/index/icon_index_06.gif) no-repeat center left;
}

.lineup .info .info07 dt {
	background: url(../img/index/icon_index_07.gif) no-repeat center left;
	width: 100%;
}

.lineup .info .info08 dt {
	background: url(../img/index/icon_index_08.gif) no-repeat 0px 5px;
	width: 100%;
}

.lineup #furano_main .info .info08 dt {
	background: url(../img/index/icon_index_08.gif) no-repeat 0px 3px;
	width: 100%;
}

.lineup .onepoint {
	width: 820px;
	margin: auto;
	background: #fff;
	padding: 30px 60px 50px;
	position: relative;
}

.lineup .onepoint .head_logo {
	position: absolute;
	bottom: 10px;
	right: 60px;
}

.lineup .point_txt {
	width: 595px;
}

.lineup .point_txt p {
	font-size: 16px;
}

.lineup .point_txt .point_ttl {
	margin: 15px 0 10px;
}

.lineup #kiroro_main,
.lineup #niseko_main,
.lineup #sapporo_main,
.lineup #rusutsu_main,
.lineup #furano_main,
.lineup #tomamu_main {
	background: url(../img/index/bg_lineup.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: 100% 100%;
	padding: 0 0 130px 0;
}

.lineup #kiroro_main h4,
.lineup #niseko_main h4,
.lineup #sapporo_main h4,
.lineup #rusutsu_main h4,
.lineup #furano_main h4,
.lineup #tomamu_main h4 {
	text-align: center;
	padding: 140px 0 40px;
}

.lineup #kiroro_main .info,
.lineup #sapporo_main .info,
.lineup #rusutsu_main .info,
.lineup #furano_main .info,
.lineup #tomamu_main .info {
	margin-bottom: 40px;
}


/* .package
----------------------------------------------------- */

.package {
	background: #f1f5f7;
	padding: 10px 0 0 0;
}

.package .link {
	width: 500px;
	margin: auto;
}

.package h3 {
	margin: 42px 0 31px 0;
	padding-top: 30px;
}

.package h4 {
	margin: 50px 0;
	padding-top: 30px;
}

.package .sub_txt {
	text-align: center;
	margin-bottom: 50px;
	font-size: 16px;
}

.package .hotel_info {
	background: #fff;
}

.package .hotel_info .hotel_pic {
	position: relative;
}

.package .hotel_info .hotel_pic img {
	vertical-align: top;
}

.package .hotel_info .hotel_pic .icon {
	position: absolute;
	top: -21px;
	left: 21px;
}

.package .hotel_info .hotel_txt {
	width: 330px;
	padding: 37px 45px 0 35px;
}

.package .hotel_info .hotel_txt .name {
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}

.package .hotel_info .hotel_txt .txt00 {
	font-size: 14px;
	margin-bottom: 10px;
}

.package .hotel_info .hotel_txt .txt01 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 15px 0 13px 0;
}

.package .hotel_info .hotel_txt .txt02 {
	padding-left: 1em;
	text-indent: -1em;
}

.package .hotel_info .hotel_txt .txt02 span {
	font-size: 12px;
}

.package .hotel_info .btn_area {
	width: 300px;
}

.package .btm_txt {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	margin: 60px 0 30px 0;
}

.package .btn_btm {
	text-align: center;
	padding-bottom: 53px;
}

.gadget_sTtl {
	text-align: left!important;
}


/* .special
----------------------------------------------------- */

.special {
	margin-bottom: 130px;
}

.special h3 {
	margin: 152px 0 43px 0;
}


/* .footer
----------------------------------------------------- */

#ski_footer {
	width: 100%;
	background: #f1f5f7;
}

#ski_footer p {
	font-size: 16px;
	text-align: center;
	line-height: 16px;
	padding: 42px 0;
}


/* .tripadviser
----------------------------------------------------- */

.tripBox180 .tripBoxIn2 {
	border: none!important;
}

.tripBox180 > p {
	display: none;
}

.gadget_haed {
	font-size: 11px;
	font-weight: bold;
}

.tripBox180 {
	width: 210px!important;
	margin: 0 0 15px 0;
}

.tripBox180 .tripBoxIn2 .tColumnL {
	width: 100px!important;
}

#CDSWIDSSP {
	width: 260px!important;
}

#CDSWIDSSP .widSSPData .widSSPH18 {
	display: none;
}

#CDSWIDSSP .widSSPData .widSSPBranding {
	display: none;
}

#CDSWIDSSP .widSSPData .widSSPLegal {
	display: none;
}

#CDSWIDSSP .widSSPData .widSSPAll a:link,
#CDSWIDSSP .widSSPData .widSSPAll a:visited {
	text-indent: -9999px;
	width: 89px;
	height: 20px;
	background: url(../img/btn_tripadviser_001_n.gif) no-repeat center top;
}


/* .modal
----------------------------------------------------- */

.js-c-lightbox-content {
	width: 90%;
	background: none;
	padding: 60px 0;
}

.js-c-lightbox-content img {
	width: 100%;
	height: auto;
}

.js-c-lightbox-content .close-btn {
	background: url(../img/index/btn_modal_close.png) no-repeat 5px 5px;
	border: none;
	text-indent: -9999px;
	width: 52px;
	height: 52px;
}

.mfp-bg {
	background: #477ec4;
}


/* .slider
----------------------------------------------------- */

.carousel_outer {
	background: #0068c0;
}

.carousel_top .i-arw-left {
	background: url(../img/index/btn_slider_top_prev.png) no-repeat center top;
	width: 16px;
	height: 42px;
}

.carousel_top .i-arw-right {
	background: url(../img/index/btn_slider_top_next.png) no-repeat center top;
	width: 16px;
	height: 42px;
}

.carousel_btm .i-arw-left {
	background: url(../img/index/btn_slider_btm_prev.png) no-repeat center top;
	width: 16px;
	height: 42px;
}

.carousel_btm .i-arw-right {
	background: url(../img/index/btn_slider_btm_next.png) no-repeat center top;
	width: 16px;
	height: 42px;
}

.carousel-item-container {
	width: 810px;
	left: 70px;
}

.carousel-item-container li {
	margin-left: 0;
	width: 270px;
	height: 200px;
}