@charset "UTF-8";

/* ski_lp2 */

#ski_lp2 .ctArea {
	padding: 0 0 63px;
}
#ski_lp2 .ctTop {
	position: relative;
}
#ski_lp2 .ctTop h1 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 28.429%;
	margin: 8px 0 0 -14.2145%;
	text-align: center;
	z-index: 1001;
}
#ski_lp2 .ctTop .ttl {
	position: absolute;
	top: 0;
	left: 0;
	margin: 67px 0 0 2.857%;
	text-align: center;
	z-index: 1001;
}
#ski_lp2.ski_lp201 .ctTop .ttl {
	width: 21%;
}
#ski_lp2.ski_lp202 .ctTop .ttl {
	width: 18.429%;
}
#ski_lp2 .ctTop .ski_lp2Area {
	padding: 185px 0 0;
}
#ski_lp2 .ctTop .ski_lp2Area .movie {
	position: relative;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .source {
	position: relative;
	padding: 56.3% 0 0;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .source {
	position: relative;
	padding: 56.3% 0 0;
}
#ski_lp2.ski_lp201 .ctTop .ski_lp2Area .movie .source {
	/*background: url(../images/mov_ski_lp201.jpg) no-repeat center center;
	background-size: cover;*/
}
#ski_lp2.ski_lp202 .ctTop .ski_lp2Area .movie .source {
	/*background: url(../images/mov_ski_lp202.jpg) no-repeat center center;
	background-size: cover;*/
}
#ski_lp2 .ctTop .ski_lp2Area .movie .source * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 9999;
	display: none;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .movieClose {
	position: fixed;
	top: 0;
	left: 0;
	margin: 27px 0 0 19px;
	z-index: 1;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .modalFrame {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: -23.4375% 0 0;
	padding: 46.875% 0 0;
}
#ski_lp2 .ctTop .ski_lp2Area .movie .modalFrame iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	max-width: 1100px;
	width: 96% !important;
	max-height: 619px;
	height: 100% !important;
	margin: auto;
}
#ski_lp2 .ct {
	padding: 60px 0 0;
}
#ski_lp2 .ct h2 {
	padding: 0 0 10px;
	text-align: center;
	line-height: 2;
	font-size: 28px;
}
#ski_lp2.ski_lp201 .ct h2.bg01 {
	background: url(../images/bg_title_01.png) no-repeat center bottom;
}
#ski_lp2.ski_lp201 .ct h2.bg02 {
	background: url(../images/bg_title_02.png) no-repeat center bottom;
}
#ski_lp2 .ct section {
	margin: 62px 0 0;
	text-align: center;
}
#ski_lp2 .ct section p {
	width: 650px;
	margin: 16px auto 0;
	line-height: 1.875;
	font-size: 120%;
	letter-spacing: -0.0078125em;
}
#ski_lp2 .ct02 section p:first-child {
	margin: -68px auto 42px;
}
#ski_lp2 .ct section .img {
	position: relative;
	width: auto;
	margin: 74px 14.286% 0;
}
#ski_lp2 .ct02 section .img {
	margin: 74px 0 0;
}
#ski_lp2 .ct section .img:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	margin: 0 0 0 -20%;
	padding: 0 20% 0 0;
	/*background: url(../images/txt_ski_lp201.png) no-repeat center center;
	background-size: 14.5%;*/
	content: "";
}
#ski_lp2 .ct02 section .img:before {
	margin: 0;
	padding: 0 14.286% 0 0;
}
#ski_lp2 .ct section .img:after {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	margin: 0 -20% 0 0;
	padding: 0 20% 0 0;
	content: "";
}
#ski_lp2 .ct02 section .img:after {
	margin: 0;
	padding: 0 14.286% 0 0;
}
#ski_lp2.ski_lp201 .ct01 section .img:after,#ski_lp2.ski_lp201 .ct03 section .img:after {
	background: url(../images/name_vertical.png) no-repeat center center;
	background-size: 14%;
}
#ski_lp2.ski_lp202 .ct section .img:after {
	background: url(../images/txt_ski_lp20202.png) no-repeat center center;
	background-size: 14%;
}
#ski_lp2 .ct section .img img {
	width: 100%;
}

@media (max-width: 738px){
	#ski_lp2 .ctArea {
		padding: 0 0 11.333%;
	}
	#ski_lp2 .ctTop h1 {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		margin: 15% 14.4% 0;
	}
	#ski_lp2 .ctTop .ttl {
		position: static;
		top: auto;
		left: auto;
	}
	#ski_lp2.ski_lp201 .ctTop .ttl {
		width: auto;
		margin: 6.933% 9.6% 0;
	}
	#ski_lp2.ski_lp202 .ctTop .ttl {
		width: auto;
		margin: 6.933% 8.133% 0;
	}
	#ski_lp2 .ctTop .ski_lp2Area {
		padding: 1.5% 0 0;
	}
	#ski_lp2 .ctTop .ski_lp2Area .movie .play {
		width: 10.667%;
		margin: -5.3335% 0 0 -5.3335%;
	}
	#ski_lp2 .ctTop .ski_lp2Area .movie .modal {
		position: absolute;
		background: none;
		z-index: 100;
	}
	#ski_lp2 .ctTop .ski_lp2Area .movie .movieClose {
		display: none;
	}
	#ski_lp2 .ctTop .ski_lp2Area .movie .modalFrame {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	#ski_lp2 .ctTop .ski_lp2Area .movie .modalFrame iframe {
		width: 100% !important;
	}
	#ski_lp2 .ct {
		padding: 8% 0 0;
	}
	#ski_lp2 .ct h2 {
		padding: 0 0 8px;
		line-height: 1.89;
		font-size: 115%;
	}
	#ski_lp2.ski_lp201 .ct h2.bg01 {
		background: url(../images/bg_title_01_sp.png) no-repeat center bottom;
		background-size: 343px;
		margin-bottom:3em;
	}
	#ski_lp2.ski_lp201 .ct h2.bg02 {
		background: url(../images/bg_title_02_sp.png) no-repeat center bottom;
		background-size: 311px;
	}
	#ski_lp2 .ct section {
		margin: 9.333% 0 0;
	}
	#ski_lp2 .ct section p {
		width: auto;
		margin: 2.133% 5% 0;
		line-height: 1.84;
		font-size: 90%;
		letter-spacing: 0;
	}
	#ski_lp2 .ct section p:first-child {
		margin: -9% 5% 1%;
	}
	#ski_lp2 .ct section .img {
		margin: 12% 0 0;
	}
	#ski_lp2 .ct02 section .img {
		margin: 12% 0 0;
	}
	#ski_lp2 .ct section .img:before {
		margin: 0;
		padding: 0 8% 0 0;
		background-size: 31.667%;
	}
	#ski_lp2 .ct02 section .img:before {
		margin: 0;
		padding: 0 8% 0 0;
	}
	#ski_lp2 .ct section .img:after {
		margin: 0;
		padding: 0 8% 0 0;
	}
	#ski_lp2 .ct02 section .img:after {
		margin: 0;
		padding: 0 8% 0 0;
	}
	#ski_lp2.ski_lp201 .ct section .img:after {
		background-size: 31.667%;
	}
	#ski_lp2.ski_lp202 .ct section .img:after {
		background-size: 31.667%;
	}
}
@media (max-width:319px){
	#ski_lp2 .ct h2 {
		font-size: 108%;
	}
}

/*ct04*/

#ski_lp2 .ct04 section .inner {
	background-color: #fff;
	padding-top:3em;
	margin-bottom:4em;
}
#ski_lp2 .ct04 section h3 {
	font-size:200%;
	text-align:left;
	font-weight:bold;
	letter-spacing:2px;
	margin: 0 14.286% -36px;
}
#ski_lp2.ski_lp201 .ct04 section .img {
	margin-bottom:2em;
}
#ski_lp2 .ct04 section h4 {
	font-size:180%;
	font-weight:bold;
	text-align:left;
	margin: 0 14.286% 0;
}
#ski_lp2 .ct04 section h4 span {
	background: url(../images/icon_kiroro.gif) no-repeat left bottom;
	background-size: 48px;
	padding:12px 0 12px 56px;
}
#ski_lp2 .ct04 section p {
	text-align:left;
	font-size:110%;
	margin-right:14.286%;
	margin-left:14.286%;
	width:71.428%;
}
#ski_lp2 .ct04 section .txt01 {
	border-bottom: solid 2px #333;
	padding-bottom:1em;
}
#ski_lp2 .ct04 section .txt02 {
	padding-bottom:3em;
}
#ski_lp2 .ct04 section .location_btn {
	text-align:right;
	margin: 0 14.286% 0;
	padding-bottom:3em;
}
#ski_lp2 .ct04 section .location_btn .btn-contact {
  background-color: #fff;
  color: #eb6877;
  border: solid 2px #eb6877; 
}
#ski_lp2 .ct04 section .location_btn .btn-contact div {
	background: url(../images/ico_btn_arw_pink.png) no-repeat left center;
	background-size: 10px;
	padding-left:14px;
	font-size:91%;
}
@media screen and (max-width: 738px) {
	#ski_lp2 .ct04 section .inner {
		padding-top:1em;
		margin:auto 5% 3em;
	}
	#ski_lp2 .ct04 section h3 {
		font-size:140%;
		letter-spacing:0;
		margin: 0 5% -30px;
	}
	#ski_lp2.ski_lp201 .ct04 section .img {
		margin-right:5%;
		margin-left:5%;
		margin-bottom:1.4em;
	}
	#ski_lp2 .ct04 section h4 {
		font-size:130%;
		margin: 0 5% 1.2em;
	}
	#ski_lp2 .ct04 section h4 span {
		background-size: 40px;
		padding:9px 0 9px 48px;
	}
	#ski_lp2 .ct04 section p {
		font-size:90%;
		margin-right:5%;
		margin-left:5%;
		width:90%;
	}
	#ski_lp2 .ct04 section .txt02 {
		padding-top:1em;
	}
	#ski_lp2 .ct04 section .location_btn {
		margin: 0 5% 0;
	}
	#ski_lp2 .ct04 section .location_btn .btn-contact {
	width:88%;
	max-width:320px;
	}
 }