@charset "utf-8";

/* ------ Slider ------ */
.vegas-container {
	overflow: hidden !important;
	width:100% !important;
	height:100% !important;
	top:0;
	left:0;
	z-index: -1;
}
.vegas-animation-havc {
	animation: havc ease-in;
}
.vegas-overlay {
	background-color: transparent;
	background-repeat: repeat;
	background-position: 0 0;
	background-size: auto;
}
.vegas-slide{
}

/* ------ Slider ------ */
.slick-slider{
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	-webkit-justify-content: flex-start;
	justify-content:  flex-start;
	z-index:1;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display:flex;
	display:-webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	overflow:hidden;
}
.slick-slide{
	min-height: 1px;
	height:auto;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	height: auto;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	color: transparent;
	outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity: .25;
}
.slick-arrow {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 50%;
	margin: 0 auto;
	left: -100%;
	right: -100%;
	height: 0;
}
.slick-next,
.slick-prev {
	position: absolute;
	cursor: pointer;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	z-index: 1;
	top: 0;
	display: block;
	background-color: #7aa53b;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
}
.slick-next{
	right:-60px;
}
.slick-prev{
	left:-60px;
}
.slick-next:hover,
.slick-prev:hover{
	opacity:0.6;
}
.slick-next i,
.slick-prev i{
	color:#fff;
	font-size:24px;
	line-height:1em;
	height:1em;
	width:1em;
	margin:0;
}
.slick-dots {
	line-height: 10px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	position: absolute;
	bottom: -45px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	padding: 0;
	cursor: pointer;
	width: 14px;
	height: 14px;
	margin: 0 5px;
}
.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
	width: 14px;
	height: 14px;
	padding: 5px;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	text-align: center;
	background-color: #d4d2ce;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 50%;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
	font-size: 10px;
	line-height: 10px;
	width: 14px;
	height: 14px;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before{
	background-color: #7aa53b;
}

.updown {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: updown;
	animation-name: updown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes updown{
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -20px);}
	100% {-moz-transform:translate(0, 0);}
}
@keyframes updown{
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -20px);}
	100% {transform:translate(0, 0);}
}

@-webkit-keyframes bkloop{
	0% {background-position: 100% 0;}
	50% {background-position: -100% 0;}
	100% {background-position: 100% 0;}
}
@keyframes bkloop{
	0% {background-position: 100% 0;}
	50% {background-position: -100% 0;}
	100% {background-position: 100% 0;}
}

@-webkit-keyframes bkloop2{
	0% {background-position: 0 0;}
	100% {background-position: -314px 0;}
}
@keyframes bkloop2{
	0% {background-position: 0 0;}
	100% {background-position: -314px 0;}
}

/* ------ Loading ------ */

.ip-header {
	position: fixed;
	top: 0;
	z-index: 1000;
	min-height: 276px;
	width: 100%;
	height: 100%;
	/* background: #7aa53b; */
}
.ip-logo,
.ip-loader {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 1;
	cursor: default;
	pointer-events: none;
}
.ip-logo {
	top: -34px;
	height: 100%;
	-webkit-transform: translate3d(0,25%,0);
	transform: translate3d(0,25%,0);
	-webkit-transform-origin: 25% 0;
	transform-origin: 25% 0;
	text-align: center;
	/* z-index: 1000000; */
}
.ip-logo img{
	min-width: 594px;
	max-width: 594px;
	width: 100% !important;
}
.ip-loader {
	bottom: 20%;
}
.ip-header .ip-inner {
	display: block;
	margin: 0 auto;
}
.ip-header .ip-loader svg path {
	fill: none;
	stroke-width: 6;
}
.ip-header .ip-loader svg path.ip-loader-circlebg {
	stroke: #ddd;
}
.ip-header .ip-loader svg path.ip-loader-circle {
	-webkit-transition: stroke-dashoffset 0.2s;
	transition: stroke-dashoffset 0.2s;
	stroke: #966943;
}
/* Animations */
/* Initial animation of header elements */

.loading .ip-logo,
.loading .ip-loader {
	opacity: 1;
	-webkit-animation: animInitialHeaderPC 1s cubic-bezier(0.7,0,0.3,1) both;
	animation: animInitialHeaderPC 1s cubic-bezier(0.7,0,0.3,1) both;
}
@-webkit-keyframes animInitialHeaderPC {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,800px,0);
	}
}
@keyframes animInitialHeaderPC {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,800px,0);
		transform: translate3d(0,800px,0);
	}
}
@-webkit-keyframes animInitialHeaderSP {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,50vh,0);
	}
}
@keyframes animInitialHeaderSP {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,50vh,0);
		transform: translate3d(0,50vh,0);
	}
}
/* Header logo animation */

.loaded .ip-logo {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: animLoadedLogo 1s ease forwards;
	animation: animLoadedLogo 1s ease forwards;
	z-index:-1;
}
@-webkit-keyframes animLoadedLogo {
	to {
		-webkit-transform: translate3d(0,100%,0) translate3d(0,200px,0) scale3d(1,1,1);
	}
}
@keyframes animLoadedLogo {
	to {
		-webkit-transform: translate3d(0,100%,0) translate3d(0,200px,0) scale3d(1,1,1);
		transform: translate3d(0,100%,0) translate3d(0,200px,0) scale3d(1,1,1);
	}
}
.loaded .ip-header {
	-webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
	z-index: 100;
}
@-webkit-keyframes animLoadedHeader {
	to {
		-webkit-transform: translate3d(0,-100%,0);
	}
}
@keyframes animLoadedHeader {
	to {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
}

/* loading animation */

.loading .ip-loader {
	opacity: 1;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.loaded .ip-loader {
	-webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
	animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}
@-webkit-keyframes animLoadedLoader {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1);
	}
}
@keyframes animLoadedLoader {
	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1);
		transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1);
	}
}
/* Header elements when loading finishes */

.loaded .ip-logo,
.loaded .ip-loader {
	opacity: 1;
}
/* Change layout class for header */

.layout-switch .ip-header {
	position: absolute;
}

/*■ Mobile (Low Res) : 750px > 0 ■*/

@media only screen and (max-width: 750px) {
	.ip-header {
		min-height: 10rem;
	}
	.ip-logo {
		-webkit-transform-origin: 50% 0 !important;
		transform-origin: 50% 0 0 !important;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
		top: calc(50% - 1.52rem);
		height: auto;
	}
	.ip-logo img{
		min-width: 73.2%;
		max-width: 73.2%;
		width: 73.2% !important;
	}
	.ip-logo a{
		display: block;
		width: 9.52rem;
		height: auto;
		margin: 1.52rem auto 0;
	}
	.ip-logo a img{
		max-width: 9.52rem;
		min-width: 9.52rem;
		width: 9.52rem !important;
		vertical-align: top;
	}
	.loading .ip-logo,
	.loading .ip-loader {
		opacity: 1;
		-webkit-animation: animInitialHeaderSP 0.5s linear both;
		animation: animInitialHeaderSP 0.5s linear both;
	}
	.loaded .ip-logo {
		-webkit-transform: translate3d(0,100%,0) translate3d(0,-50%,0) scale3d(1,1,1);
		transform: translate3d(0,100%,0) translate3d(0,-50%,0) scale3d(1,1,1);
	}
}


/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#container .container{
		margin-top:0;
	}

	section{
		position:relative;
		z-index:1;
	}
	#top {
		height: 100vh;
		background-color: transparent;
		background-repeat: repeat;
		background-position: 0 0;
		background-size: auto
	}
	#top_title {
		width: 100%;
		margin: 0 auto
	  }
	  .scroll.mouse {
		position: absolute;
		bottom: 20px;
		width: 20px;
		left: calc(50% - 10px);
		text-align: center
	  }
	  .scroll a {
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		align-items: center;
		-webkit-align-items: center
	  }
	  .scroll a i {
		color: #fff;
		font-size: 18px;
		line-height: 1em;
		margin-bottom: 0
	  }
	#loop_ropeway:before{
		content:"";
		display:block;
		width:100%;
		height:2px;
		z-index:-1;
		background-color:#fff;
	}
	#loop_ropeway{
		background-image: url("../../img/home/ropeway.png");
		background-size: auto;
		background-position: center top;
		background-repeat: repeat-x;
		width:100%;
		height:41px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		margin-bottom: 28px;
		-webkit-animation-duration: 5s;
		animation-duration: 5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-name: bkloop2;
		animation-name: bkloop2;
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		margin-top:297px;
		display:block;
	}
	#loop_ropeway + .top_title--ja{
		display: block;
	}
	#top_text {
		position: absolute;
		top: 21%;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
		width: 100%
	  }

	.spot__lead{
		text-align:center;
		line-height: 1.7;
		margin-bottom: 34px;
	}

	#social .inner{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: stretch;
		-webkit-align-items: stretch;
	}
	#social #facebook{
		height: 400px;
		margin-bottom: 17px;
	}

	#spot .outbox{
		width:100%;
		overflow:hidden;
		position:relative;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		margin:0 auto;
	}
	#plx_works_box{
		width:100%;
		height: 100%;
		overflow:hidden;
		position: absolute;
		left: 0;
		top: 0;
	}
	#plx_works_box:after{
		content:"";
		padding-top:100%;
		width:100%;
		height:0;
		display:block;
	}
	#plx_works{
		width:100%;
		height: 100%;
	}
	#plx_works div{
/*		background-image: url("../../img/home/construction_bg_pc.jpg");*/
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute !important;
		left: -25% !important;
		top: -25% !important;
		width:150% !important;
		height:150% !important;
	}
	#spot .spot{
		position:relative;
		z-index:1;
	}
	#spot .inner{
		padding-top:0;
		padding-bottom:0;
		min-height:0;
		position:relative;
		margin: 0 auto;
		max-width: 1260px;
	}
	#spot .box__content{
		padding-top:43px;
	}

	/* works slider */
	#wslider{
		margin: 0 60px 85px;
	}
	#wslider .slick-slide{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: stretch;
		-webkit-align-items: stretch;
		margin:0 10px;
	}
	#wslider .slick-slide a{
		width:270px;
		background-color:#fff;
		position:relative;
	}
	#wslider .slick-slide a:after{
		content:"";
		display:block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 16px 16px;
		border-color: transparent transparent #b7650e transparent;
		position:absolute;
		right:0;
		bottom:0;
	}
	#wslider .slick-slide a .img{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		height:185px;
		background-color:#fff;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	#wslider .slick-slide a .img.noimg{
		align-items: center;
		-webkit-align-items: center;
		background-color:#fff;
	}
	#wslider .slick-slide a .img.noimg img{
		width:90%;
	}
	#wslider .slick-slide a .img img{
		max-width:100%;
	}
	#wslider .slick-slide a .img:not(.noimg) img{
		width:100%;
	}
	#wslider .slick-slide a .ttl {
		text-align: center;
		padding: 16px 10px 29px;
	}
	#wslider .slick-slide a .ttl h3 {
		font-size: 16px;
		word-break: break-all;
		word-wrap: break-word;
		letter-spacing: 0;
	}
	#wslider.none_dots{
		margin-bottom:60px;
	}
	#wslider.none_dots .slick-dots{
		display:none !important;
	}

	#information .box__content{
		padding-top:0;
		padding-bottom:0;
	}
	#information .m_ttl .en{
		letter-spacing:-0.01em;
	}
	#information .inner{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.information__info{
		width: 63.2%;
	}
	.information__social{
		width: 32%;
	}
	#instagram{
		margin-bottom:20px;
	}
	#instagram #sb_instagram #sbi_images{
	}
	#instagram #sb_instagram #sbi_images .sbi_item{
		margin-top:10px !important;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#instagram #sb_instagram #sbi_images .sbi_item:nth-child(-n+2){
		margin-top:0 !important;
	}
	#instagram #sb_instagram #sbi_images .sbi_item:nth-child(2n){
		padding-left:5px !important;
	}
	#instagram #sb_instagram #sbi_images .sbi_item:nth-child(2n+1){
		padding-right:5px !important;
	}
	#instagram .btn_area{
		width:100%;
		margin-top:20px;
	}
	#instagram .btn_area a{
		border-radius: 36px;
		color: #fff;
		border: none;
		font-family: 'Oswald', sans-serif;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		width: 130px;
		line-height: initial;
		padding: 7px 10px;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin: 0 auto;
		background-color: #7aa53b;
		cursor:pointer;
	}
	#instagram .btn_area a:hover{
		background-color: #eee;
	}
	#instagram .btn_area a span {
		font-size: 16px;
		font-family: 'Oswald', sans-serif;
		font-weight:500;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		display: inline-block;
		vertical-align: top;
		line-height: 1.6rem;
	}
	#instagram .btn_area a i{
		font-size: 16px;
		line-height: 1.4rem;
	}
	#instagram .btn_area a:hover span,
	#instagram .btn_area a:hover i{
		color:#7aa53b;
	}

	#information .inner{
		min-height:0;
		padding-top: 70px;
		padding-bottom:100px;
	}
	#information .btn_area{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#information .btn_area.pdf__btns{
		margin-bottom: 20px;
	}
	#information .btn_area.pdf__btns li{
		max-width:173px;
		min-width:150px;
		width: 24.1%;
		margin-bottom: 10px;
		margin-right: 1.2%;
	}
	#information .btn_area.pdf__btns li:nth-child(4n){
		margin-right:0;
	}
	#information .btn_area.ropeway__btns li{
		width: 30.6%;
		margin-top: 20px;
		margin-right: 4.1%;
	}
	#information .btn_area.ropeway__btns li:nth-child(-n+3){
		margin-top:0;
	}
	#information .btn_area.ropeway__btns li:nth-child(3n){
		margin-right:0;
	}
	#information .btn_area li a{
		width:100%;
	}

	#ropeway .inner{
		min-height:0;
		padding-top:0;
		padding-bottom:0;
	}
	#ropeway .btn_area{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: stretch;
		-webkit-align-items: stretch;
		width:100%;
	}
	.ropeway__br{
		display : none;
	}
	.ropeway__btn{
		width: 30%;
	}
	.ropeway__btnimg{
		display: block;
		margin-bottom: 5px;
	}
	.ropeway__btna{
		background-color : #f08542;
		display : block;
		width: 100%;
		height:100%;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		color: #fff!important;
		text-align: center;
		font-size: 16px;
		border-radius: 16px;
		padding: 20.5px 10px 20px;
	}
	.ropeway__btna span{
		display:block;
	}

	#news{
		width:100%;
		overflow:hidden;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#news .inner{
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		overflow:hidden;
		padding-top:0;
		padding-bottom:0;
	}
	.news__inner{
		padding-top: 55px!important;
	}
	#news .inner .news{
		width:100%;
	}
	#news .news .news_ttl_box{
		margin-bottom: 20px;
	}
	#news_list_more{
		position:relative;
		width:100%;
	}
	#news_list_more #news_list{
		height: 980px;
		overflow-x: hidden;
		overflow-y: scroll;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding:0;
		margin-bottom:30px;
	}
	#news_list_more .box {
		font-size: 1rem;
		text-decoration: none;
		padding-bottom: 30px;
		border-bottom: 1px solid #b3b3b3;
		margin-bottom: 25px;
		display: block;
	}
	#news_list_more .box:last-child{
		margin-bottom:0;
	}
	#news_list_more .box .ttl{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom:0.75em;
		word-break: break-all;
		word-wrap: break-word;
	}
	#news_list_more .box .ttl .date {
		color: #999;
		font-size: 1rem;
		padding-right: 1em;
		display: block;
		white-space: nowrap;
		line-height: 1.4em;
		letter-spacing: 0.1em;
	}
	#news_list_more .box .ttl .fc02 {
		font-size: 16px;
		line-height: 1.4em;
		display: block;
		letter-spacing: 0.1em;
		padding-right: 1em;
	}
	#news_list_more .box .txt p{
		margin-bottom:0;
	}
}
/*■ PC : 751px < 1140px ■*/
@media print,screen and (max-width: 1140px) and (min-width: 751px) {
	.ropeway__br{
		display : block;
	}
}

/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	body,
	header,
	#top{
		width:100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.ropeway__btn{
		width: 31.2%;
	}
	.ropeway__btn img{
		width:3.5rem;
	}
	.ropeway__btna{
		background-color : #f08542;
		display : block;
		width: 100%;
		border-radius: 0.609rem;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		color: #fff!important;
		font-size: 1rem;
		text-align: center;
		padding:0.762rem 0.19rem;
		height: 100%;
	}
	.ropeway__btna span {
		display: block;
		margin-top: 0.686rem;
		letter-spacing: 0;
		line-height: 1.2em;
	}


	#top_title{
		width:100%;
		margin:0 auto;
	}
	#top_title .text{
		-moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		-webkit-transition: all 2s ease;
		transition: all 2s ease;
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
		opacity:0;
	}
	.scroll.mouse {
		position: absolute;
		width: 1.3rem;
		left: calc(50% - 0.65rem);
		bottom: 7rem;
	}
	.scroll a {
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		align-items: center;
		-webkit-align-items: center;
	}
	.scroll a i {
		color: #fff;
		font-size: 1rem;
		line-height: 1em;
		margin-bottom: 0;
	}

	#top_text{
		width: 22.304rem;
		top: 33.4%;
	}
	.spot__lead{
		text-align:center;
		letter-spacing: 0.02em;
		line-height: 1.4;
		margin-bottom: 1.4rem;
	}

	#news{
		width:100%;
		overflow:hidden;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#news .news__inner.inner {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden;
		padding: 2.095rem 0 2.286rem;
	}
	#news .inner .news{
		position:relative;
	}
	#news .news .news_ttl_box{
		z-index:1;
		margin-bottom:1.143rem;
	}
	#news_list_more{
		position:relative;
		width:100%;
		margin:0 0 0 auto;
	}
	#news_list_more #news_list{
		height: 19.81rem;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding:0;
		margin-bottom:1.524rem;
	}
	#news_list_more #news_pagenav .post-loop-ajax-navigation a{
		width:47.1%;
	}
	#news_list_more .box {
		font-size: 1rem;
		text-decoration: none;
		padding-bottom: 1.333rem;
		border-bottom: 1px solid #b3b3b3;
		margin-bottom: 1.333rem;
		display: block;
	}
	#news_list_more .box:last-child{
		margin-bottom:0;
	}
	.btn_def.facebook{
		margin-bottom: 0.761rem;
	}
	#news_list_more .box .ttl{
		margin-bottom:0.305rem;
		word-break: break-all;
		word-wrap: break-word;
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#news_list_more .box .ttl .date {
		color: #999;
		font-size: 1rem;
		display: block;
		white-space: nowrap;
		line-height: 1.4em;
		display: block;
		letter-spacing: 0.09em;
	}
	#news_list_more .box .ttl .fc02 {
		font-size: 1rem;
		line-height: 1.4em;
		display: block;
		margin-left: 0.571rem;
	}
	#news_list_more .box .txt{
		line-height:1.4em;
	}
	#news_list_more .box .txt p{
		margin-bottom:0;
	}

	.information__social{
		padding-bottom:3.81rem;
	}
	.information__social #facebook,
	.information__social #twitter{
		display: none !important;
	}
	#instagram{
		margin-bottom:0.761rem;
	}
	#instagram #sb_instagram #sbi_images{
	}
	#instagram #sb_instagram #sbi_images .sbi_item{
		margin-top:10px !important;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#instagram #sb_instagram #sbi_images .sbi_item:nth-child(-n+2){
		margin-top:0 !important;
	}
	#instagram #sb_instagram #sbi_images .sbi_item:nth-child(2n){
		padding-left:5px !important;
	}
	#instagram #sb_instagram #sbi_images .sbi_item:nth-child(2n+1){
		padding-right:5px !important;
	}
	#instagram .btn_area{
		width:100%;
		margin-top:1.333rem;
	}
	#instagram .btn_area a{
		position: relative;
		bottom: 0;
		/* 		background-color: #7aa53b; */
		display: flex;
		color: #fff!important;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row-reverse nowrap;
		-webkit-flex-flow: row-reverse nowrap;
		align-items: center;
		-webkit-align-items: center;
		width: 100%;
		font-size: 1.419rem;
		padding: 0.667rem 0.7rem 0.678rem 1rem;
		margin: 0 auto;
		color: #000;
		border-radius: 1.523rem;
		cursor:pointer;
		line-height:1.2em;
		background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
		background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
		overflow: hidden;
	}
	#instagram .btn_area a:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  border-radius: 1.523rem;
}
	#instagram .btn_area a:hover{
		background-color: #eee;
	}
	#instagram .btn_area a span {
		margin-right:auto;
		position: relative;
		z-index: 2;
	}
	#instagram .btn_area a i{
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-webkit-transition-duration: 0.1s !important;
		transition-duration: 0.1s !important;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: linear;
		transition-timing-function: linear;
		position: absolute;
		right: 1rem;
		top: 0.8rem;
	}
	#instagram .btn_area a:hover i{
		-webkit-transform: scale(1.5,1.5);
		transform: scale(1.5,1.5);
	}
	#instagram .btn_area a.notranslate{
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
	}
	#instagram .btn_area a:hover span,
	#instagram .btn_area a:hover i{
		color:#7aa53b;
	}

	#spot{
		overflow:hidden;
		position:relative;
		background-color:#fff;
		padding-bottom: 0;
	}
	#spot .box__content{
		padding-bottom:2.286rem;
	}
	#spot .outbox{
		width:100%;
		overflow:hidden;
		position:relative;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding:0;
		margin:0 auto;
	}
	#plx_works{
		width:100%;
		height: 100%;
	}
	#plx_works div{
/*		background-image: url("../../img/home/construction_bg_sp.jpg");*/
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	#spot .spot{
		position:relative;
		z-index:1;
	}
	#spot .inner{
		min-height:0;
		position:relative;
		margin: 0 auto;
		padding:0 0 1.524rem;
	}

	/* works slider */
	#wslider{
		width:99.733%;
		margin:0 auto;
	}
	#wslider .slick-slide{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: stretch;
		-webkit-align-items: stretch;
		margin:0 0.819rem;
		width:12.686rem;
		max-width:333px;
	}
	#wslider .slick-slide a{
		width:100%;
		background-color:#fff;
		position:relative;
	}
	#wslider .slick-slide a:after{
		content:"";
		display:block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 0.914rem 0.914rem;
		border-color: transparent transparent #b7650e transparent;
		position:absolute;
		right:0;
		bottom:0;
	}
	#wslider .slick-slide a .img{
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		height:8.686rem;
		background-color:#fff;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	#wslider .slick-slide a .img.noimg{
		align-items: center;
		-webkit-align-items: center;
		background-color:#fff;
	}
	#wslider .slick-slide a .img.noimg img{
		width:90%;
	}
	#wslider .slick-slide a .img img{
		max-width:100%;
	}
	#wslider .slick-slide a .img:not(.noimg) img{
		width:100%;
	}
	#wslider .slick-slide a .ttl {
		text-align: center;
		padding: 0.571rem 0.381rem 1.415rem;
	}
	#wslider .slick-slide a .ttl h3 {
		font-size: 1rem;
		line-height: 1.2em;
		word-break: break-all;
		word-wrap: break-word;
	}

	#information{
		padding-bottom: 0;
	}
	#information .m_ttl .en{
		letter-spacing:0;
	}
	#information .inner{
		min-height:0;
		padding-top: 0.381rem;
		padding-left : 0.857rem;
		padding-right : 0.857rem;
		padding-bottom:0;
	}
	.pdf__btns {
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	.pdf__btn {
		width: 47.1%;
		margin-right: 5.8%;
		margin-top: 0.762rem;
	}
	.pdf__btn:nth-child(-n+2){
		margin-top:0;
	}
	.pdf__btn:nth-child(2n){
		margin-right: 0;
	}
	.ropeway__btns {
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
	}
	#information .btn_area li .btn_pdf{
		width:100%;
	}

	#ropeway .inner{
		min-height:0;
		padding:1.524rem 0 0;
	}
	#ropeway .btn_def{
		width:100%;
	}
}


.mainimgsp{
	position: absolute;
	top : 0;
	left : 0;
	width : 100vw;
	z-index: -1;
}
@media only screen and (min-width: 401px) and (max-width: 750px) {
#top{
	height: 100vh;
	/* background-color: transparent; */
	background-repeat: repeat,no-repeat;
	background-position: 0 0;
	background-size: auto,cover;
	background-image: url(../../img/overlays/10.png),url(../../img/home/tslide01_sp.jpg);
}
}
@media only screen and (max-width: 400px) {
#top{
		height: 100vh;
		/* background-color: transparent; */
		background-repeat: repeat,no-repeat;
		background-position: 0 0;
		background-size: auto,cover;
		background-image: url(../../img/overlays/10.png),url(../../img/home/tslide01_xxsp.webp);
	}
}

@media only screen and (min-width: 751px) {
	#spot .kr_heading{
		background-image: url(../../img/home/heading_BG1_pc.webp);
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: fixed;
	}
	#information .kr_heading{
		background-image: url(../../img/home/heading_BG2_pc.webp);
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: fixed;
	}
}

@media only screen and (max-width: 750px) {
	#spot .kr_heading{
		/* background-image: url(../../img/home/heading_BG1_sp.webp); */
		background-repeat: no-repeat;
		background-position: center top;
		/* background-attachment: fixed; */
	}

	#information .kr_heading{
		/* background-image: url(../../img/home/heading_BG2_sp.webp); */
		background-repeat: no-repeat;
		background-position: center top;
		/* background-attachment: fixed; */
	}
}


#story{
	background-color: #f5f2e9;
}
@media print,screen and (min-width: 751px) {
	#story{
		padding-top: 70px;
		padding-bottom: 60px;
	}
	#lead {
		text-align: center;
		margin-bottom : 58px;
		line-height : 1.72;
		padding-left : 20px;
		padding-right : 20px;
		/* padding-top: 20px; */
	}
	#story01 {
		margin-bottom: 60px;
	}
	.story_area {
		display: flex;
		-js-display: flex;
		display: -webkit-flex;
	}
	.story_area02 {
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.story_area .story_ttl {
		margin-bottom: 30px;
	}
	.story_area p {
		line-height: 1.72;
		margin-bottom: 25px;
	}
	.story_area .img_box {
		width: calc(50% + 40px);
		height: 520px;
		overflow: hidden;
	}
	.story_area .img_box img {
		object-fit: cover;
		width : 100%;
	}
	.story_area .txt_box {
		max-width: 558px;
	}
	.story_area01 .txt_box {
		padding-left: 40px;
		padding-right: 20px;
	}
	.story_area02 .txt_box {
		padding-left: 20px;
		padding-right: 40px;
	}
	.story_area .txt_box .btn_def {
		margin-left: 0;
		margin-right: auto;
	}
	.story_area .txt_box .btn1{
		margin-bottom : 20px;
	}
}
@media print,screen and (min-width: 751px) and (max-width: 1200px){
	.story_area .txt_box {
		max-width: 50%;
	}
	.story_area .img_box {
		/* width: 50vw; */
		height: 40vw;
		overflow: hidden;
	}
}
@media print,screen and (max-width: 750px) {
	#story{
		padding-top: 3.5rem;
		padding-bottom: 0rem;
	}
	#lead {
		padding-left: 0.857rem;
		padding-right: 0.857rem;
		margin-bottom: 2.1rem;
	}
	.story_area01{
		padding-right: 3.9rem;
		margin-bottom: 2.3rem;
	}
	.story_area02 {
		display: flex;
		-js-display: flex;
		display: -webkit-flex;
		flex-direction: column-reverse;
		padding-left: 3.7rem;
		padding-bottom: 2.2rem;
	}
	.story_area01 .txt_box {
		padding-left: 0.857rem;
	}
	.story_area02 .txt_box {
		padding-right: 0.857rem;
	}
	.story_area .story_ttl {
		margin-bottom: 1rem;
	}
	.story_area .img_box{
		margin-bottom : 1rem;
	}
	.story_area .txt_box .btn1{
		margin-bottom: 1.2rem;
	}
	.story_area p {
		line-height: 1.4;
		margin-bottom: 2rem;
	}
}


/* お知らせ
----------------------------------------------- */
/*[お知らせ]■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#newsop {
		position: fixed;
		right: 20px;
		bottom: 90px;
		text-align:center;
		z-index: 99;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		display: none;
	}
	#newsop .toggle {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		cursor: pointer;
		overflow: hidden;
		width: 36px;
		height: 120px;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		align-items: center;
		-webkit-align-items: center;
		background-color: rgba(0,0,0,0.4);
		border-radius: 8px;
	}
	html.lightcase-open #newsop .toggle {
		display: none !important;
	}
	#newsop .toggle span {
		display: block;
		text-align: center;
		padding: 10px 0 14px;
	}
	#newsop .toggle span img{
	}
	#newsop .toggle i {
		font-size: 1em;
		line-height: 1em;
		color: #fff;
	}
	#newsop_bloc {
		width: 100%;
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0;
		display: none;
		text-align: left;
	}
	#newsop_bloc .close {
		position: absolute;
		right: -15px;
		top: -15px;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.4);
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		width: 30px;
		height: 30px;
		-moz-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		cursor: pointer;
	}
	#newsop_bloc .close:hover{
		opacity: 0.8;
	}
	#newsop_bloc .close i{
		color: #fff;
		font-size: 14px;
		line-height: 1em;
	}
	#newsop_bloc .inbox{
		width: 100%;
		display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 6px 6px 8px 0px rgba(0, 0, 0, 0.2);
		padding:25px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#newsop_bloc .inbox .img {
		width: 320px;
	}
	#newsop_bloc .inbox .img img{
		width: 100%;
	}
	#newsop_bloc .inbox .udata {
		width: 300px;
	}
	#newsop_bloc .inbox.noimg .udata{
		width: 100%;
	}
	#lightcase-case {
		right: 20px;
		left: auto;
		bottom: 90px;
		top: auto;
		max-width: 690px !important;
	}
	#lightcase-content{
		max-width: 690px !important;
	}
	#lightcase-content .lightcase-contentInner{
		max-width: 690px !important;
	}
	#lightcase-content .lightcase-contentInner .lightcase-inlineWrap{
		max-width: 690px !important;
		overflow: visible !important;
	}
	#lightcase-overlay,
	#lightcase-info,
	#lightcase-nav{
		display: none !important;
	}
}
/*[お知らせ]■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	#newsop {
		position: fixed;
		right: 3.81rem;
		bottom: 0.762rem;
		text-align:center;
		z-index: 100;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		display: none;
	}
	#newsop .toggle {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		cursor: pointer;
		overflow: hidden;
		width: 8.381rem;
		height: 2.286rem;
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		background-color: rgba(0,0,0,0.4);
		border-radius: 0.305rem;
		padding: 0.381rem 0.762rem;
	}
	html.lightcase-open #newsop .toggle {
		display: none !important;
	}
	#newsop .toggle span {
		color: #fff;
		display: block;
		text-align: center;
		line-height: 1em;
		margin-right: auto;
		font-size: 1rem;
		letter-spacing: 0;
	}
	#newsop .toggle span img{
	}
	#newsop .toggle i {
		color: #fff;
		font-size: 1.714rem;
		line-height: 1em;
	}
	#newsop_bloc {
		width: 100%;
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0;
		display: none;
		text-align: left;
	}
	#newsop_bloc .close {
		display: none !important;
	}
	#newsop_bloc .inbox{
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#newsop_bloc .inbox .img {
	}
	#newsop_bloc .inbox .img img{
		width: 100%;
	}
	#newsop_bloc .inbox .udata {
		width: 100%;
		margin-top: 0.762rem;
	}
	#newsop_bloc .inbox.noimg .udata{
		margin-top: 0;
	}
	#newsop_bloc .inbox .udata,
	#newsop_bloc .inbox .udata a,
	#newsop_bloc .inbox .udata p,
	#newsop_bloc .inbox .udata div{
		color:#000;
	}
	#lightcase-case {
		margin-top: 0 !important;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		max-width: 100% !important;
	}
	#lightcase-content{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #fff;
		border-radius: 0.381rem;
		padding:0.762rem;
	}
	#lightcase-content .lightcase-contentInner{
		width: auto !important;
		height: auto !important;
	}
	html:not([data-lc-type="error"]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{
		max-width:100% !important;
		margin:0 !important;
	}
	#lightcase-info{
		display: none !important;
	}
}