@charset "UTF-8";
/* CSS Document */

body{
	background-color: #FFFFFF;
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
.min_font{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}

a{
	color: #333333;
}
a:hover{
	color: #333333;
	text-decoration: none;
}
.medium{
	font-size: 120%!important;
}
.large{
	font-size: 140%!important;
}
.l-spacec_c1{
	letter-spacing: .1em;
	text-indent: .1em;
}
.l-spacec_c2{
	letter-spacing: .2em;
	text-indent: .2em;
}
.l-spacec_1{
	letter-spacing: .1em;
}
section{
	padding: 2rem 0 0;
}
section.last{
	padding: 2rem 0 2rem;
}
section.no-padding{
	padding: 0 0 0;
}
a {
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    text-decoration: none;
	transition: all 370ms cubic-bezier(.165,.84,.44,1);
}
li{list-style-type: none;}
iframe{
	vertical-align: bottom;
}
figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
    margin: 0 0 0;
}
figure:hover {
	opacity: .5;
}
.pc{display: none!important;}
.sp{display: block!important;}
.table-responsive{
	border: none;
	margin: 3rem 0 ;
}
.font-bold{
	font-weight: 600;
}
.row-0 {
    margin-left:0px;
    margin-right:0px;
}
.row-0 > div,.row-0 > li{
	padding-right:0px;
	padding-left:0px;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}
.row-10 > div,.row-10 > li{
    padding-right:5px;
    padding-left:5px;
}
.pink{
	color: #e3007f;
}
.white{
	color: #ffffff!important;
}
.bg_white{
	background-color: #FFF;
}
.bg_blue{
	background-color: #0483cd;
}
.bg_green{
	background-color: #5db108;
}
.pos_r{
	position: relative;
}
header{
	text-align: center;
}
h1.logo {
	padding:1.5rem 0 .8rem;
	font-size: 0;
}
h1.logo img,footer .logo img{
	width:300px;
}
h2.copy_text img{
	width: 400px;
	margin-bottom: 50px;
}
.what_text img{
	width: 252px;
	margin-bottom: .5rem;
}
.lead_text{
	font-size: 15px;
	line-height: 2;
}
header .facebook{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	font-size: 36px;
	line-height: 0;
}
header .facebook a,
footer .facebook a{
	color: #333;
}
.facebook img{
	width: 31px;
}



/* sns */
header .sns_area{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 15px;
}


footer .sns_icon{
	margin: 2rem 0 1rem;
}
.sns_icon li{
	display: inline-block;
	margin: 0 7px;
}
.sns_icon img{
	width: 31px;
}
/* sns */

/* scroll */
.scroll_area a{
	/* position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	color: #FFF; */
	z-index: 2;
	position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	color: #FFF;
  }

  .scroll_area a {
	padding-top: 50px;
  }
  .scroll_area a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
  }
  @-webkit-keyframes sdb {
	0% {
	  -webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
	  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
	  -webkit-transform: rotate(-45deg) translate(0, 0);
	}
  }
  @keyframes sdb {
	0% {
	  transform: rotate(-45deg) translate(0, 0);
	}
	20% {
	  transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
	  transform: rotate(-45deg) translate(0, 0);
	}
  }
/* //scroll */


.map02 img{
	width: 100%;
}

.tit_img img{
	height: 26px;
}
.tit_second_img img{
	height: 28px;
}
.tit{
	font-size: 22px;
	font-weight: 600;
}
.tit01_area .tit_space{
	margin-bottom: 1rem;
}
.tit_space{
	margin-bottom: 1rem;
}

.news_box{
	background-color: #ededed;
	padding: 30px;
}
.news_box iframe {
	height: 560px;
	max-height: 560px;
	overflow: scroll;
}
.news_list dt{
	color: #e3007f;
  font-weight: 700;
	font-size: 18px;
	margin-bottom: 1rem;
}

.news_list dt a{
	color: #e3007f;
}
.news_list dt .day{
	margin-right: 1em;
	color:#000;
}
.news_list dd:not(:last-child){
	margin-bottom: 1.5rem;
}
.news_list a{
	text-decoration: underline;
}
.news_list a:hover{
	text-decoration: none;
}
.skiresort_list li:not(:last-child){
	margin-bottom: 2rem;
}
.skiresort_name{
	text-align: center;
	display: block;
}
.skiresort_name img{
	height: 56px;
}
.skiresort_geto img{
	height: 66px;
}
.news_list .mountain_list.mountain_list_yt {
 margin-bottom: 15px
}

.news_list h4 img {
 height: 25px!important;
 float: left!important;
}
.mountain_list.mountain_list_yt a:hover{
	color: red;
}
.mountain_list.mountain_list_yt li{
	font-size: 14px;
	background-color: #ebebeb;
	padding: 10px;
}
@media screen and (max-width: 680px) {
	.news_list dt span{
		display: block;
	}
	.news_list dt .day{
		margin-right: 0;
		margin-bottom: 15px;
	}
}

.skiresort_name::after {
    content: "";
	background: url(./img/next-arrow.png) top right no-repeat;
	width: 15px;
	height: 28px;
	background-size: 15px 28px;
    position: absolute;
    top: 50%;
	right: 10px;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


footer{
	background-color: #e6e6e6;
	padding: 3rem 0;
	text-align: center;
}
.footer_plan{
	background-color: #FFF;
}
.copy{
	font-size: 12px;
	padding-top: 1rem;
}
footer .facebook{
    font-size: 36px;
    line-height: 0;
}

/*トップへ戻るボタン*/


main.topBtn_box{
	position:relative;
}
.topBtn {
  position:fixed;
  bottom:20px;
  right:20px;
  z-index: 1000;
}
.topBtn:before {
  position:absolute;
}
.topBtn:hover {
  opacity:0.7;
}
.topBtn img{
	width: 50px;
}

/* ２階層 */

.second_header{
	padding: 3rem 0;
}
.second_header h1.logo {
	padding: 0;
}
.ininfo_box{
	border-bottom: 1px solid #333;
	padding: 3rem 0;
}
.ininfo_box:last-child{
	border-bottom: 1px solid #fff;
}
.label_pink{
	background-color: #e3007f;
    color: #FFF;
    padding: .5rem;
    font-size: 14px;
    display: inline-block;
	font-weight: 600;
	margin: 1rem 0;
}
.tit_mountain{
	text-align: center;
	/* margin: 1.5rem 0; */
}
.tit_mountain img{
	height: 62px;
}
.mountain_list{
	font-weight: bold;
}
.mountain_list li{
	line-height: 1.8;
}
.button_area{
	margin: 3rem 0 0;
	text-align: center;
}




.arrow::after {
	content: "";
	background: url(./img/next-arrow_w.png) top right no-repeat;
	width: 15px;
	height: 28px;
	background-size: 15px 28px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}
.arrow_l::after {
	content: "";
	background: url(./img/next-arrow_l.png) top right no-repeat;
	width: 15px;
	height: 28px;
	background-size: 15px 28px;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}


.button {
	display: inline-block;
	/* width: 200px;
	height: 54px; */
	width: 90%;
	padding: 1.5rem 1rem;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-size: 16px;
	font-weight: 600;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button_gray {
	position: relative;
	z-index: 2;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
}
.button_gray:hover {
	background-color: #fff;
	border-color: #333;
	color: #333;
}
.button_gray::before,
.button_gray::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #333;
}
.button_gray::before {
	right: 0;
}
.button_gray::after {
	left: 0;
}
.button_gray:hover::before,
.button_gray:hover::after {
	width: 0;
	background-color: #333;
}

.button_pink {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #fff;
	color: #fff;
}
.button_pink:hover {
	background-color: #b80166;
	border-color: #ff5db6;
	color: #fff;
}
.button_pink::before,
.button_pink::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #e4017e;
}
.button_pink::before {
	right: 0;
}
.button_pink::after {
	left: 0;
}
.button_pink:hover::before,
.button_pink:hover::after {
	width: 0;
	background-color: #fff;
}

/* Green */
.button_green {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #fff;
	color: #fff;
}
.button_green:hover {
	background-color: #4d9406;
	border-color: #5db108;
	color: #fff;
}
.button_green::before,
.button_green::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #5db108;
}
.button_green::before {
	right: 0;
}
.button_green::after {
	left: 0;
}
.button_green:hover::before,
.button_green:hover::after {
	width: 0;
	background-color: #fff;
}



.btn-pink {
  color: #fff;
  background-color: #e4017e;
  border-color: #ffffff;
}

.btn-pink:hover {
  color: #fff;
  background-color: #b80166;
  border-color: #ffffff;
}

.btn-pink:focus, .btn-pink.focus {
  color: #fff;
  background-color: #e4017e;
  border-color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(180, 72, 120, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
  color: #fff;
  background-color: #b80166;
  border-color: #ffffff;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #b80166;
  border-color: #ffffff;
}


.btn-green {
  color: #fff;
  background-color: #5db108;
  border-color: #ffffff;
}

.btn-green:hover {
  color: #fff;
  background-color: #4f9606;
  border-color: #ffffff;
}

.btn-green:focus, .btn-green.focus {
  color: #fff;
  background-color: #5db108;
  border-color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(36, 173, 71, 0.5);
}

.btn-green.disabled, .btn-green:disabled {
  color: #fff;
  background-color: #4f9606;
  border-color: #ffffff;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #4f9606;
  border-color: #ffffff;
}





.btn-w-70{
	width: 70%!important;
}
.font-md{
	font-size: 1.4rem;
}

@media (min-width: 992px) {
	.font-md{
		font-size: 2rem;
	}
}


.button_border {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
}
.button_border:hover {
	background-color: #333;
	border-color: #333;
	color: #fff;
}
.button_border::before,
.button_border::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
}
.button_border::before {
	right: 0;
}
.button_border::after {
	left: 0;
}
.button_border:hover::before,
.button_border:hover::after {
	width: 0;
	background-color: #fff;
}

.lp_bg_area{
    position: relative;
    overflow: hidden;
    width: 100%;
	height: auto;
}

.lp_bg{
	background-image: url(./lp/img/main_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 40px;
	padding-bottom: 18vh;
}

.lp_end{
	position:relative;
}
.lp_end::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.5);
}
.end_text{
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family:sans-serif;
	font-size:30px;
	font-weight:bold;
	letter-spacing:5px;
	color:#fff;
	background-color: #333;
	padding: 1.5rem;
}
.lp_main_inner{
	/* max-width: 1400px;
	margin: 0 auto; */
	text-align: center;
}
img.main_inner{
	max-height: 70vh;
    max-width: 100%;
    width: auto;
}
img.main_inner_end{
	max-height: 40vh;
    max-width: 100%;
    width: auto;
}
.bg_triangle{
	background-image: url(./lp/img/bg_img.png);
	height: 49px;
	background-repeat: repeat-x;
	background-position: top center;
}
.plan_box{
	background-color: #FFF;
	padding: 30px 10px;
	box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.3);
}
.plan_list li{
	margin-bottom: 30px;
}
.bg_gray{
	background-color: #e7e8e8;
}

.jagged-border {
	position: relative;
	width: 100%;
}
.jagged-border:before {
	content: "";
	display: block;
	position: absolute;
	top: -14px;
	width: 100%;
	height: 15px;
	}
.bg_pink {
	background: #e4017e;
}
.bg_inner{
	padding: 2rem 0 2rem;
}
.bg_pink:before {
	background-image: url(./lp/img/bg_img.png);
	background-repeat: repeat-x;
	background-size: auto;
}

.hatsu a,.view a{
	padding: 2rem;
	display: block;
}
.view a{
	background-color: #509c67;
}
.hatsu a{
	background-color: #318fb4;
}
.view a:hover,.hatsu a:hover{
	opacity: .9;
}

@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none!important;
		display: inline-block;
	}
	.pc{display: block!important;}
	.sp{display: none!important;}

	section{
		padding: 3.5rem 0 0;
	}
	section.last{
		padding: 3.5rem 0 3.5rem;
	}
	.bg_inner{
		padding: 3.5rem 0 3.5rem;
	}
	.tit01_area{
		position: absolute;
		top: 0;
		left: 15px;
	}
	.tit_space{
		margin-bottom: 3rem;
	}
	/* ２階層 */
	.tit_mountain img{
		height: 80px;
	}
	.tit_mountain {
		text-align: center;
		/* margin: 3rem 0; */
	}
	.button {
		width: 50%;
	}
}

@media screen and (max-width: 767px) {
	.tit01_area p br{
		display: none;
	}
	.tit01_area p{
		margin-bottom: 1.5rem;
	}
	.sp_mb15{
		margin-bottom: 15px;
	}
	header .sns_area{
		display: none;
	}
}
@media (max-width: 991px) {

}
@media (min-width: 992px) {
	h1.logo{
		padding:3rem 0 1rem;
	}
	h1.logo img,footer .logo img{
		width:450px;
	}
	h2.copy_text img{
		width: 600px;
		margin-bottom: 50px;
	}
	.skiresort_name img{
		height: 80px;
	}
	.skiresort_geto img{
		height: 86px;
	}

	.skiresort_name::after {
		right: 20px;
		width: 30px;
		height: 57px;
		background-size: 30px 57px;
	}
	.plan_list .skiresort_name::after {
		right: 20px;
		width: 14px;
		height: 27px;
		background-size: 14px 27px;
	}
	.row-60 {
		margin-left:-30px;
		margin-right:-30px;
	}
	.row-60 > div,.row-60 > li{
		padding-right:30px;
		padding-left:30px;
	}
	/* index_b */
	.w_80{
		width: 80%;
		margin: 0 auto;
	}
}

@media (min-width: 1200px){
	.lead_text{
		font-size: 18px;
	}

}
@media (max-width: 1199px){
	.lp_bg_area{
		height: auto;
		padding-bottom: 140px;
	}
	/* .lp_bg{
		background-position: center 60px;
	} */
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 576px) and (max-width: 991px) {


}
@media screen and (min-width: 1024px) {

}

@media screen and (max-width: 575px){
	.tit_img img {
		height: 20px;
	}
	.tit_second_img{
		height: 20px;
	}
	.skiresort_list li:not(:last-child){
		margin-bottom: 1.5rem;
	}
	.ss_mb15{
		margin-bottom: 15px;
	}

	footer {
		padding: 2rem 0;
	}
	.copy span{
		display: block;
	}
	.plan_list li{
		margin-bottom: 15px;
	}
	.end_text{
		font-size: 18px;
	}
	header .facebook{
		display: none;
	}
}



@media screen and (max-width: 1000px) {
	.end_text{
		width: 95%;
	}
}
@media screen and (max-width: 630px) {
	.lp_bg{
		background-position: center;
	}


}
@media screen and (min-width: 670px) {

}
@media screen and (max-width: 460px) {


}
@media screen and (max-width: 380px) {
	.copy{
		font-size: 10px;
	}
	.topBtn {
		bottom: 15px;
		right: 15px;
	}
}
@media (min-width: 992px) and (max-width: 1129px) {

}

@media print{

}

@media (min-width: 1200px) {
	.container-xxl {
	 max-width: 1200px;
   }
 }
/* 230110 */
 .youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
	}
	.youtube iframe {
	width: 100%;
	height: 100%;
	}
.float-bann{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 100%;
}
@media (min-width: 501px){
.float-bann {
    position: fixed;
    bottom: 22px;
    right: 10px;
    width: 370px;
    box-shadow: 3px 3px 4px rgb(0 0 0 / 34%);
}
.pb-bann-block{
	padding-bottom: 0!important;
}
.top-up {
    bottom: 193px!important;
}
}
@media (min-width: 768px) {
	.pink-box{
		font-size: 15px!important;
	}
	.yukiyama-name{
		font-size: 18px!important;
	}
}
@media (max-width: 767px) {
	.modaal-video-wrap {
		margin: 0!important;
	}
}
.modaal-video-wrap {
	margin: auto 50px;
	position: relative;
}
.pink-box{
	background-color: #e3007f;
	color: #FFF;
	padding: 0.5rem 1rem;
	font-size: 13px !important;
	display: inline-block;
	font-weight: 600;
	margin: 1rem 0;
	border-radius: 20px;
}



a.pink-box{
	margin: .5rem 0;
}
a.pink-box:hover{
	background-color: #9c085c;
	color: #FFF;
	padding: 0.5rem 1rem;
	font-size: 13px;
	display: inline-block;
	font-weight: 600;
	border-radius: 20px;
}
.yukiyama-name{
	font-size: 15px;
	font-weight: 600;
}
.top-up {
    position: fixed;
    bottom: 170px;
    right: 20px;
    z-index: 1000;
}
.top-up:before {
  position:absolute;
}
.top-up:hover {
  opacity:0.7;
}
.top-up img{
	width: 50px;
}
@media (min-width: 410px) and (max-width: 500px) {
	.top-up {
		bottom: 200px !important;;
	  }
}
.pb-bann-block{
	padding-bottom: 14rem;
}
@media (max-width: 400px){
	.pb-bann-block{
		padding-bottom: 12rem!important;
	}
}

.jrskiski{
	border: 5px solid #93cbec;
}

.jrskiski ul {
	display: block;
}

.jrskiski ul li{
	text-align: center;
	width: 33.333333%;
	float: left;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}


@media (max-width: 680px){
	.jrskiski ul li{
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}
}

.youtube-card a {
	display: inline-block;
	width: 100%;
	background-color: #f9f9f9;
}
.youtube-card a:hover{
	background-color: #ececec;
}

.youtube-card a:hover img{
	opacity: 0.8;
}

@media (min-width: 768px) {
	.w-li-auto .pink-box {
		padding: 0.5rem 1.75rem !important;
	}
	.jrskiski ul.w-li-auto li{
		width: auto !important;
	}
}