/* 
	common
===============================================================*/
.com-box { padding: 0 0 80px; }
	.com-box article {
		color: #fff;
		padding: 50px 0;
		text-align: center;
		}
		.com-box article h2 {
			display: inline-block;
			font-size: 30px;
			font-weight: 700;
			letter-spacing: 2px;
			text-align: center;
			padding: 20px 50px;
			position: relative;
			}
			body#glb_en .com-box article h2 { font-family: 'Nunito', sans-serif; }

			.com-box article h2:before,
			.com-box article h2:after {
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 40px auto;
				content: '';
				height: 40px;
				margin: -20px 0 0;
				position: absolute;
				top: 50%;
				width: 40px;
				}

		.cm-outline {
			max-width: 800px;
			margin: 0 auto;
			padding: 30px 0;
			}
			.cm-outline h3 {
				color: #fff;
				font-size: 28px;
				font-weight: 100;
				letter-spacing: 2px;
				line-height: 1.25;
				text-align: center;
				}
				.cm-outline h3 span { display: block; }
				body#glb_en .cm-outline h3 { font-family: 'Nunito', sans-serif; }

			.cm-outline p {
				font-family:"Osaka", Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
				font-size: 15px;
				line-height: 2;
				padding: 30px 0;
				text-align: left;
				}

		.cm-pho {
			letter-spacing: -1em;
			}
			.cm-pho img {
				display: inline-block;
				letter-spacing: 0em;
				max-width: 50%;
				}



/* 
	intro
===============================================================*/
#intro {
	background: url(/global/images/top/intro/ropeway.jpg) center top no-repeat;
	background-size: cover;
	color: #fff;
	height: 550px;
	text-align: center;
	position: relative;
	}
	body#glb_en #intro { font-family: 'Nunito', sans-serif; }

	#intro .inner {
		display: table;
		height: 100%;
		width: 100%;
		}
		#intro .inner article {
			display: table-cell;
			position: relative;
			vertical-align: middle;
			}
		#intro h2 {
		    font-size: 54px;
		    line-height: 1.25;
		    font-weight: lighter;
		    letter-spacing: 3px;
		    position: relative;

		    -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		    -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
			}
			#intro h2 span { display: block; }
		#intro p {
			font-size: 18px;
			font-weight: 500;
			letter-spacing: 1px;
			line-height: 1.75;
			padding: 20px 0 0;
		    position: relative;
			}
			#intro p span { display: block; }



/* 
	about
===============================================================*/
#about {
	background: url(/global/images/bg/blue.jpg) center center;
	position: relative;
	}
	#about:before {
		background: url(/global/images/top/about/bg-left.png) left top no-repeat;
		background-size: 50%;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 50%;
		z-index: 0;
		}

	#about article {
		max-width: 1024px;
		margin: 0 auto;
		padding: 50px 0 0;
		}
		#about article h2:before { display: none; }
		#about article h2:after {
			background: #7fcff4;
			bottom: 0;
			height: 3px;
			left: 50%;
			margin: 0 0 0 -260px;
			top: auto;
			width: 520px;
			}

	/* 
		about > outline
	===========================================================*/
	#a-outline {}



/* 
	location
===============================================================*/
#location {
	background-color: #fff;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0 0 350px;
	}
	#glb_en #location { background-image: url(/global/images/top/location/bg.jpg); }
	#glb_cn #location { background-image: url(/global/images/top/location/bg-cn.jpg); }
	#glb_tw #location { background-image: url(/global/images/top/location/bg-tw.jpg); }

	#location article h2 { color: #004986; }
		#location article h2:after {
			background: #7fcff4;
			bottom: 0;
			height: 3px;
			left: 50%;
			margin: 0 0 0 -260px;
			top: auto;
			width: 520px;
			}

	#location #l-list {
		margin: 0 auto;
		max-width: 1024px;
		}
		#location #l-list article {
			overflow: hidden;
			text-align: left;
			}
			#location #l-list article img {
				float: right;
				margin: 0 0 0 50px;
				}
			#location #l-list article h2 {
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 40px;
				border-bottom: 1px solid #d2d2d2;
				overflow: hidden;
				display: block;
				text-align: left;
				padding: 0;
				}
				#location #l-list article h2:after {
					background: #7fcff4;
					bottom: -1px;
					height: 1px;
					left: 0;
					margin: 0;
					top: auto;
					width: 80%;
					}
				#location #l-list #ll-rooftop h2 { background-image: url(/global/images/icon/lightblue/binoculars.png); }
				#location #l-list #ll-dreamspot h2 { background-image: url(/global/images/icon/lightblue/heart.png); }
				#location #l-list article h2 span {
					color: #0094e5;
					display: block;
					font-size: 24px;
					padding: 20px 0 20px 50px;
					}
			#location #l-list article h3 {
				color: #448aca;
				font-size: 18px;
				overflow: hidden;
				padding: 20px 0;
				}
			#location #l-list article p {
				color: #434343;
				font-size: 15px;
				overflow: hidden;
				}



/* 
	orgel
===============================================================*/
#orgel {
	background: #e8dada url(/global/images/bg/beige.jpg) center top no-repeat;
	}
	#orgel article h2 {
		background-position: center center;
		background-repeat: no-repeat;
		color: #531919;
		height: 60px;
		padding: 10px 50px;
		width: 510px;

		text-indent: -9999px;
		}
		#glb_en #orgel article h2 { background-image: url(/global/images/logo/orgel-normal.png); }
		#glb_cn #orgel article h2 { background-image: url(/global/images/logo/orgel-normal-cn.png); }
		#glb_tw #orgel article h2 { background-image: url(/global/images/logo/orgel-normal-tw.png); }

		#orgel article h2:before {
			background: #a29292;
			bottom: 0;
			height: 1px;
			left: 50%;
			margin: 0 0 0 -260px;
			top: auto;
			width: 520px;
			}
		#orgel article h2:after { display: none; }

		#orgel .cm-outline { padding: 30px 0; }
			#orgel .cm-outline h3 {
				color: #7f0000;
				font-size: 30px;
				font-family: 'Crimson Text', serif;
				}
				#orgel .cm-outline h3 span { display: block; }
				#orgel .cm-outline h3 small {
					color: #775b04;
					font-size: 24px;
					}
			#orgel .cm-outline p { color: #352e2e; }

	#orgel .exitlink {
		text-align: center;
		padding: 30px;
		}
		#orgel .exitlink a {
			background: #775b04;
			border: 1px solid #775b04;
			color: #fff;
			display: inline-block;
			font-family: 'Crimson Text', serif;
			font-size: 18px;
			padding: 10px 20px;
			}
			#orgel .exitlink a:hover {
				background: #fff;
				color: #775b04;
				text-decoration: none;
				}



/* 
	resort
===============================================================*/
#resort {
	background: #4291EB url(/global/images/top/resort/bg.png?=202609071402) center center no-repeat;
	background-size: cover;
	padding: 0;
	position: relative;
	}
	#resort:before {
		background: url(/global/images/bg/dot-lightblue.png) center center;
		content: '';
		left: 0;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;

	    -webkit-mix-blend-mode: multiply;
	    -moz-mix-blend-mode: multiply;
	    mix-blend-mode: multiply;
		}
	#resort #r-wrap {
		position: relative;
		z-index: 1;
		}

	#resort article h2 {
		color: #fff;
		padding: 20px 50px 30px;
		}
		#resort article h2:before { display: none; }
		#resort article h2:after {
			background: #7fcff4;
			bottom: 0;
			height: 3px;
			left: 50%;
			margin: 0 0 0 -260px;
			top: auto;
			width: 520px;
			}

		#resort .cm-outline { padding: 30px 0 50px; }
			#resort .cm-outline p {
				color: #fff;
				padding: 0;
				text-align: center;
				}
				#resort .cm-outline p span { display: block; }

		#resort #r-list {
			letter-spacing: -1em;
			margin: 0 auto;
			max-width: 1024px;
			text-align: top;
			}
			#resort #r-list article {
				background: #fff;
				display: inline-block;
				letter-spacing: 0em;
				margin: 0 2% 3.5%;
				max-width: 26.333333%;
				outline: 8px solid rgba(255, 255, 255, 0.3);
				padding: 1.5%;
				vertical-align: top;
				}
				#resort #r-list article img { max-width: 100%; }
				#resort #r-list article h3 {
					color: #0094e5;
					font-size: 23px;
					padding: 20px 0;
					text-align: center;
					}
					#resort #r-list article h3 small { font-size: 13px; }
					body#glb_en #resort #r-list article h3 { font-family: 'Nunito', sans-serif; }

				#resort #r-list article p {
					color: #352e2e;
					text-align: left;
					padding: 0 10px;
					}
				#resort #r-list article .rl-more {
					background: #004986;
					color: #fff;
					display: block;
					font-size: 14px;
					margin: 20px auto 0;
					padding: 5px 20px;
					width: 70%;
					}
				#resort #r-list article small {
					color: #0094e5;
					font-size: 12px;
					}



/* 
	access
===============================================================*/
#access {
	background: url(/global/images/bg/lightblue.jpg) center center;
	padding: 0 0 30px;
	}

	#access article h2 { color: #004986; }

	#access #a-wrap {
		margin: 0 auto;
		max-width: 1024px;
		}

	#access article #a-detail {
		background: #fff;
		margin: 40px 0 0;
		outline: 8px solid rgba(255, 255, 255, 0.3);
		padding: 50px;
		}

	#access article #a-map { height: 420px; }
		#access article #a-map iframe {
			height: 100%;
			width: 100%;
			}

	#access article #a-info {}
		#access article #a-info h3 {
			color: #00a0e9;
			font-size: 28px;
			padding: 40px 0;
			}
			body#glb_en #access article #a-info h3 { font-family: 'Nunito', sans-serif; }

	#access article #ai-detail { overflow: hidden; }
		#access article #ai-detail img {
			float: right;
			max-width: 50%;
			}
		#access article #ai-detail #ai-flow {
			overflow: hidden;
			padding: 0 50px 0 0;
			}
			#access article #ai-detail #ai-flow li {
				color: #352e2e;
				font-size: 14px;
				line-height: 2;
				padding: 0 0 20px 20px;
				position: relative;
				text-align: left;
				}
				#access article #ai-detail #ai-flow li:before {
					content: '●';
					color: #7ecef4;
					left: 0;
					position: absolute;
					top: 0;
					}

	#access article #a-att {
		background: #daf1fd;
		color: #352e2e;
		display: block;
		font-size: 14px;
		margin: 30px 0 0;
		text-align: center;
		padding: 10px 20px;
		}



/* 
	guidetohours
===============================================================*/
#guidetohours {
	background: url(/global/images/bg/blue.jpg) center center;
	}

	#gth-detail {
		background: #fff;
		max-width: 800px;
		margin: 40px auto 0;
		outline: 8px solid rgba(255, 255, 255, 0.3);
		padding: 20px 100px;
		}
		#gth-detail dl {
			border-bottom: 1px solid #dac9c9;
			padding: 40px 0;
			}
			#gth-detail dl:last-child { border-bottom: none; }
			#gth-detail dl dt {
				color: #0094e5;
				font-size: 28px;
				}
				body#glb_en #gth-detail dl dt { font-family: 'Nunito', sans-serif; }

				#gth-detail dl dt small	{
					display: block;
					font-size: 18px;
					padding: 10px 0 0;
					}
			#gth-detail dl dd {
				color: #352e2e;
				font-size: 14px;
				line-height: 2;
				padding: 30px 0 0;
				text-align: left;
				}
				#gth-detail dl:last-child dd { text-align: center; }
			#gth-tel {
				background: #004986;
				color: #fff;
				font-size: 28px;
				padding: 10px 80px;
				}
				body#glb_en #gth-tel { font-family: 'Nunito', sans-serif; }

				#gth-tel:hover {
					background: #0094e5;
					text-decoration: none;
					}



/* 
	feetable
===============================================================*/
#feetable {
	background: #eee;
	}

	#ft-wrap {}
		#ft-wrap h2 { color: #004986; }
		#ft-wrap h2:before,
		#ft-wrap h2:after {}

		.ft-detail {
			background: #fff;
			max-width: 924px;
			margin: 40px auto 0;
			outline: 8px solid rgba(255, 255, 255, 0.3);
			}
			.ft-detail .inner { padding: 50px; }

			#ft-feetable table {
				border: 1px solid #dac9c9;
				width: 100%;
				}
				#ft-feetable table th,
				#ft-feetable table td {
					border-bottom: 1px solid #dac9c9;
					border-right: 1px solid	#dac9c9;
					font-size: 16px;
					font-weight: 700;
					text-align: center;
					padding: 20px 10px;
					}
				#ft-feetable table th small,
				#ft-feetable table td small {
					font-size: 70%;
					display: block;
					}

				#ft-feetable table th {}
				#ft-feetable table td {}
				
				#ft-feetable table thead th,
				#ft-feetable table thead td {
					border-bottom: 1px solid #fff;
					border-right: 1px solid #fff;
					}
				
				#ft-feetable table thead th {}
				#ft-feetable table thead td { width: 11.25%; }
				
				#ft-feetable table tbody th,
				#ft-feetable table tbody td {
					color: #231815;
					}
				
				#ft-feetable table tbody th {}
				#ft-feetable table tbody td { width: 11.25%; }

				#ft-feetable table .tbl-brown {
					color: #fff;
					background: #998155;
					}
				#ft-feetable table .tbl-lightbrown { background: #e0d9cc; }
				#ft-feetable table .tbl-navy { background: #217fc4; }
				#ft-feetable table .tbl-lightnavy { background: #bcd8ed; }
				#ft-feetable table .tbl-blue { background: #00abeb; }
				#ft-feetable table .tbl-lightblue { background: #b2e6f9; }
				#ft-feetable table .tbl-purple { background: #811939; }
				#ft-feetable table .tbl-lightpurple { background: #e5d1d2; }

				#ft-feetable table .tbl-lightbrown,
				#ft-feetable table .tbl-lightnavy,
				#ft-feetable table .tbl-lightblue,
				#ft-feetable table .tbl-lightpurple { color: #231815; }

			
.pr_intronote{margin-bottom: 30px;}
	.pr_intronote_txt{
		font-size: 18px;
		font-weight: bold;
		color: rgba(232,39,39,1);
		text-align: center;
		}

	.tbl-note{}
		.tbl-note-txt{
			font-size: 16px;
			font-weight: bold;
			color: rgba(232,39,39,1);
			line-height: 1.75;
			text-align: left;
			}
.mb30{margin-bottom: 30px;}

	/* 
		feetable > feetable
	===========================================================*/
	#ftft-att {
		color: #352e2e;
		font-size: 14px;
		padding: 10px 0 0;
		text-align: left;
		}

	/* 
		feetable > halfprice
	===========================================================*/
	#ft-halfprice {
		color: #352e2e;
		position: relative;
		}
		#ft-halfprice:after {
			bottom: 20px;
			content: 'ⓒyanasetakashi/yanasestudio';
			color: #352e2e;
			font-size: 10px;
			position: absolute;
			right: 20px;
			}
		#ft-halfprice .inner {
			padding: 30px;
			text-align: center;
			}
		#ft-halfprice #fthp-detail {
			display: inline-block;
			position: relative;
			}
			#ft-halfprice #fthp-detail:before,
			#ft-halfprice #fthp-detail:after {
				background-repeat: no-repeat;
				background-size: 100px auto;
				background-position: center center;
				content: '';
				height: 120px;
				margin: -60px 0 0;
				position: absolute;
				top: 50%;
				width: 100px;
				}
			#ft-halfprice #fthp-detail:before {
				background-image: url(/global/images/character/pareo.png);
				left: -120px;
				}
			#ft-halfprice #fthp-detail:after {
				background-image: url(/global/images/character/parla.png);
				right: -120px;
				}
		#ft-halfprice p {
			display: block;
			font-size: 17px;
			line-height: 2;
			}
			#ft-halfprice p span {
				color: #0075c7;
				font-size: 20px;
				}
			#ft-halfprice p strong {
				color: #811939;
				font-size: 20px;
				}

	/* 
		feetable > couplesticket
	===========================================================*/
	#ft-couplesticket {}
		#ft-couplesticket h2 {
			color: #434343;
			font-size: 30px;
			line-height: 1.5;
			padding: 50px 0 0;
			position: relative;
			}
			#ft-couplesticket h2 strong {
				color: #df2f7e;
				display: block;
				font-size: 40px;
				}
			#ft-couplesticket h2 small {
				color: #434343;
				display: block;
				font-family: initial;
				font-size: 15px;
				}
			#ft-couplesticket h2:before {
				background: url(/global/images/icon/pink/couplesticket.png) center center no-repeat;
				background-size: 50px;
				height: 50px;
				left: 50%;
				margin: 0 0 0 -25px;
				position: absolute;
				top: 0;
				width: 50px;
				}
			#ft-couplesticket h2:after {
				background: url(/global/images/top/special/couplesticket/ph-01.png) center center no-repeat;
				background-size: 100%;
				height: 145px;
				margin: -72.5px 0 0;
				right: -200px;
				top: 50%;
				width: 145px;

				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				}

		#ftct-outline {
			background: #fae2ed;
			margin: 30px 0 0;
			padding: 20px 100px;
			}
			#ftct-outline dl {
				display: table;
				}
				#ftct-outline dl dt,
				#ftct-outline dl dd {
					color: #352e2e;
					display: table-cell;
					font-size: 18px;
					font-weight: 700;
					vertical-align: middle;
					width: 50%;
					}
				#ftct-outline dl dt {}
				#ftct-outline dl dd { padding: 0 0 0 50px; }
					#ftct-outline dl dd p {
						display: block;
						font-size: 18px;
						line-height: 2;
						position: relative;
						padding: 0 0 0 25px;
						text-align: left;
						}
					#ftct-outline dl dd p:before {
						background: #df2f7e url(/global/images/icon/white/plus.png) center center no-repeat;
						background-size: 20px auto;
						content: '';
						height: 20px;
						left: 0;
						margin: -10px 0 0;
						position: absolute;
						top: 50%;
						width: 20px;

						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						border-radius: 50%;
						}

		#ftct-image { margin: 20px 0 0; }
			#ftct-image img { max-width: 100%; }

		#ftct-package { padding: 20px 20px 0; }
			#ftct-price {}
				#ftct-price span,
				#ftct-price strong,
				#ftct-price small {
					display: inline-block;
					vertical-align: middle;
					}
				#ftct-price #ftctp-ttl {
					background: #df2f7e;
					color: #fff;
					font-size: 18px;
					padding: 10px 20px;
					}
				#ftct-price #ftctp-price {
					color: #df2f7e;
					font-size: 50px;
					padding: 0 10px 0 20px;
					}
					body#glb_en #ftct-price #ftctp-price { font-family: 'Nunito', sans-serif; }

					#ftct-price #ftctp-price small {
						color: #df2f7e;
						font-size: 40px;
						vertical-align: bottom;
						}
				#ftct-price small {
					color: #352e2e;
					font-size: 14px;
					}
			#ftct-att {
				color: #352e2e;
				font-size: 14px;
				padding: 20px 20px 0;
				}



/* 
	spec
===============================================================*/
#spec {
	position: relative;
	}
	#spec:before,
	#spec:after {
		background-repeat: no-repeat;
		background-size: 50%;
		content: '';
		position: absolute;
		height: 100%;
		width: 50%;
		z-index: 0;
		}
	#spec:before {
		background-image: url(/global/images/top/spec/bg-left.png);
		background-position: left top;
		left: 0;
		top: 0;
		}
	#spec:after {
		background-image: url(/global/images/top/spec/bg-right.png);
		background-position: right bottom;
		bottom: 0;
		right: 0;
		}

	#spec #spc-wrap {
		position: relative;
		z-index: 1;
		}
	#spec article h2 { color: #004986; }
		#spec article h2:after {
			background: #7fcff4;
			bottom: 0;
			height: 3px;
			left: 50%;
			margin: 0 0 0 -260px;
			top: auto;
			width: 520px;
			}

	#spec #spc-list {
		letter-spacing: -1em;
		margin: 0 auto;
		max-width: 1024px;
		}
		#spec #spc-list article {
			display: inline-block;
			letter-spacing: 0em;
			vertical-align: top;
			width: 50%;
			}
		#spec #spc-list dl {
			border-left: 1px solid rgba(0, 0, 0, 0.4);
			display: table;
			width: 100%;
			}
			#spec #spc-list dl:first-child { border-top: 1px solid rgba(0, 0, 0, 0.4); }
			#spec #spc-list dl dt,
			#spec #spc-list dl dd {
				border-bottom: 1px solid rgba(0, 0, 0, 0.4);
				color: #434343;
				display: table-cell;
				font-size: 14px;
				text-align: left;
				padding: 10px 20px;
				}
			#spec #spc-list dl dt {
				/*border-right: 1px solid rgba(0, 0, 0, 0.4);*/
				background: #e1f4fd;
				width: 40%;
				}
			#spec #spc-list dl dd {
				border-right: 1px solid rgba(0, 0, 0, 0.4);
				}



/* 
	Add : 2019.02
===============================================================*/

.goog-te-gadget .goog-te-combo { font-size: 16px; }
#ggltrselmt-wrap {
    background: rgba(0, 160, 233, .8);
    border: 1px solid rgba(205, 224, 233, .5);
    bottom: 15px;
    padding: 15px;
    position: fixed;
    right: 15px;
    z-index: 1;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    }

#about {}
    #about #a-recommended {
        max-width: unset;
        border-top: 1px solid rgba(255, 255, 255, .7);

        background-color: #0093e9;
        background-image: -webkit-linear-gradient(4deg, #0093e9 0%, #16A085 100%);
        background-image: -moz-linear-gradient(4deg, #0093e9 0%, #16A085 100%);
        background-image: -o-linear-gradient(4deg, #0093e9 0%, #16A085 100%);
        background-image: linear-gradient(4deg, #0093e9 0%, #16A085 100%);
        
        /*background-color: #0093E9;
        background-image: -webkit-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
        background-image: -moz-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
        background-image: -o-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
        background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);*/

        /*background-color: #0093E9;
        background-image: -webkit-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
        background-image: -moz-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
        background-image: -o-linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
        background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);*/

        -webkit-box-shadow: 0 -5px 40px rgba(0, 0, 0, .15);
        box-shadow: 0 -5px 40px rgba(0, 0, 0, .15);
        }
        #a-rec-ttlarea {}
            #about #a-rec-ttlarea h2:after { background-color: rgba(255, 255, 255, 1); }

    .pct-loop {
        margin: 0 auto;
        height: 300px;
        overflow: hidden;
        text-align: left;
        position: relative;
        }
        .pct-loop ul {
            height: 100%;
            float: left;
            display: inline;
            overflow: hidden;
            }
            .pct-loop ul li {
                max-width: 400px;
                height: 100%;
                float: left;
                display: inline;
                overflow: hidden;
                }
                .pct-loop ul li img {
                    height: 100%;
                    /*max-width: unset;*/
                    }









/*



	MediaQuery | 750



*/



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



/* 
	Add : 2019.02
===============================================================*/
#intro {
    background: none;
    height: 600px;
    }
    #intro .inner {}
        .main_movie {
            width: 100%;
            min-width: 100%;
            height: auto;
            min-height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            z-index: -100;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            }

#about { padding-bottom: 0; }
    #about #a-recommended { margin-top: 70px; }
        #a-rec-ttlarea {}
            #a-rec-ttlarea h2 { line-height: 1.5; }
                #a-rec-ttlarea h2 small {}
        #a-rec-outline {
        	margin: 0 auto;
        	max-width: 900px;
        	padding: 30px 0;
        	text-align: left;
        	}
            #a-rec-outline p {
                font-size: 15px;
                line-height: 1.75;
                letter-spacing: 1px;
                margin-bottom: 20px;
                }
        #a-rec-list {}


        
}



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



/* 
	common
===============================================================*/
img { max-width: 100%; }

		.com-box article h2 {
			font-size: 22px;
			padding: 20px;
			}
			.com-box article h2:before,
			.com-box article h2:after {
				background-size: 40px auto;
				height: 40px;
				width: 40px;
				}



/* 
	intro
===============================================================*/
#intro {
	height: 400px;
	}
	#intro .inner {}
		#intro .inner article {
			padding: 0 10%;
			}
		#intro h2 {
		    font-size: 22px;
			}
		#intro p {
			font-size: 14px;
			padding: 20px 0;
			text-align: left;
			}
			#intro p span {}

		.cm-outline { padding: 10px 0; }
			.cm-outline h3 { font-size: 18px; }
				.cm-outline h3 span { display: inline; }
			.cm-outline p {
				font-size: 13px;
				padding: 20px 0 30px;
				}



/* 
	about
===============================================================*/
#about {}
	#about article { padding: 60px 30px 0; }
		#about article h2:after {
		    left: 5%;
		    margin: 0;
		    width: 90%;
			}



/* 
	location
===============================================================*/
#location {
	background-size: 120% auto;
	padding: 0 0 150px;
	}
	#location article h2 {}
		#location article h2:after {
			left: 5%;
			margin: 0;
			width: 90%;
			}

	#location #l-list { padding: 0 30px; }
		#location #l-list article { padding: 40px 0 0; }
			#location #l-list article img {
				float: none;
				margin: 0 auto;
				max-width: 100%;
				}
			#location #l-list article h2 { background-size: 30px; }
				#location #l-list article h2:after {}
				#location #l-list article h2 span {
					font-size: 20px;
					padding: 15px 0 15px 40px;
					}
			#location #l-list article h3 { font-size: 16px; }
			#location #l-list article p { font-size: 14px; }



/* 
	ropeway
===============================================================*/
#orgel {
	background: #e8dada url(/global/images/bg/beige.jpg) center top no-repeat;
	padding: 0;
	}
	#orgel article h2 {
		background-size: 250px auto;
		height: 35px;
		margin: 0 auto;
		padding: 10px 0;
		width: 250px;
		}
		#orgel article h2:before {
			height: 1px;
			left: 5%;
			margin: 0;
			width: 90%;
			}
		#orgel article h2:after { display: none; }

		#orgel .cm-outline { padding: 30px 0; }
			#orgel .cm-outline h3 { font-size: 20px; }
				#orgel .cm-outline h3 span { display: inline; }
				#orgel .cm-outline h3 small {
					display: block;
					font-size: 16px;
					padding: 10px 0 0;
					}
			#orgel .cm-outline p {}

	#orgel .exitlink { padding: 30px 0; }
		#orgel .exitlink a { font-size: 13px; }
			#orgel .exitlink a:hover {}

	#orgel article { padding: 40px 30px; }
	#orgel #r-intro { padding: 40px 0; }
		#orgel #r-intro h2 { font-size: 16px; }
		#orgel #r-intro p { font-size: 14px; }
		#orgel .cm-outline { padding: 20px 0 0; }



/* 
	resort
===============================================================*/
#resort {
	background-position: center bottom;
	background-size: 100%;
	}

	#resort article { padding: 50px 20px; }

		#resort article h2:after {
			left: 5%;
			margin: 0;
			width: 90%;
			}

		#resort .cm-outline { padding: 20px 0 30px; }
			#resort .cm-outline p {
				padding: 0;
				text-align: center;
				}
				#resort .cm-outline p span { display: block; }
			#resort #r-list article {
				margin: 0 0 10%;
				max-width: 90%;
				padding: 5%;
				}
				#resort #r-list article h3 {
					font-size: 18px;
					padding: 20px 0;
					}
				#resort #r-list article p {
					color: #352e2e;
					text-align: left;
					padding: 0 10px;
					}
				#resort #r-list article .rl-more {
					font-size: 13px;
					padding: 5px 0;
					width: 80%;
					}



/* 
	access
===============================================================*/
#access {}
	#access article { padding: 60px 20px; }
	#access article #a-detail {
		margin: 20px 0 0;
		padding: 20px;
		}
	#access article #a-map { height: 300px; }

	#access article #a-info {}
		#access article #a-info h3 {
			font-size: 18px;
			padding: 30px 0 10px;
			}
		#access article #ai-detail img {
			float: none;
			max-width: 100%;
			}
		#access article #ai-detail #ai-flow { padding: 20px 0 0; }
			#access article #ai-detail #ai-flow li {
				font-size: 13px;
				padding: 0 0 20px 20px;
				}

	#access article #a-att {
		font-size: 12px;
		margin: 0;
		}



/* 
	guidetohours
===============================================================*/
#guidetohours { padding: 0 0 40px; }
	#guidetohours article { padding: 60px 20px; }

	#gth-detail article { padding: 60px 20px; }
	#gth-detail {
		margin: 20px 0 0;
		padding: 20px;
		}
		#gth-detail dl {
			border-bottom: 1px solid #dac9c9;
			padding: 20px 0;
			}
			#gth-detail dl:last-child { border-bottom: none; }
			#gth-detail dl dt { font-size: 18px; }
				#gth-detail dl dt small { font-size: 14px; }
			#gth-detail dl dd { font-size: 13px; }
			#gth-tel {
				font-size: 18px;
				padding: 10px 30px;
				}



/* 
	feetable
===============================================================*/
	#ft-wrap { padding: 60px 20px 0; }
			.ft-detail .inner { padding: 20px; }

	/* 
		feetable > feetable
	===========================================================*/
	#ftft-att { font-size: 13px; }

	#ft-feetable {
		margin: 20px auto 0;
		overflow: hidden;
		position: relative;
		}
		#ft-feetable .inner {
			overflow-x: scroll;
			padding: 60px 20px 20px;
			}
		#ft-feetable:before {
			content: '☜ Slide to Fee Table ☞';
			color: #333;
			font-size: 14px;
			left: 50%;
			margin: 0 0 0 -150px;
			position: absolute;
			top: 20px;
			text-align: center;
			width: 300px;
			}
			#ft-halfprice #fthp-detail {
				padding: 0 0 100px;
				}
				#ft-halfprice #fthp-detail:before,
				#ft-halfprice #fthp-detail:after {
					background-size: 80px auto;
					bottom: 0;
					content: '';
					height: 100px;
					margin: 0;
					top: auto;
					width: 80px;
					}
				#ft-halfprice #fthp-detail:before { left: 0px;　}
				#ft-halfprice #fthp-detail:after { right: 0px; }

				#ft-feetable table th,
				#ft-feetable table td {
					font-size: 14px;
					padding: 10px;
					}

					.pr_intronote_txt{font-size: 16px;}

					.tbl-note-txt{font-size: 14px;}

	/* 
		feetable > halfprice
	===========================================================*/
			#ft-halfprice p {
			    display: inline;
			    font-size: 14px;
			    line-height: 1.5;
				}
				#ft-halfprice p span { font-size: 16px; }
				#ft-halfprice p strong {}

	/* 
		feetable > couplesticket
	===========================================================*/
	#ft-couplesticket {}
		#ft-couplesticket h2 { font-size: 22px; }
			#ft-couplesticket h2 strong { font-size: 24px; }
			#ft-couplesticket h2 small { font-size: 12px; }
			#ft-couplesticket h2:before {}
			#ft-couplesticket h2:after {
				height: 100px;
				display: block;
				margin: 20px auto 0;
				position: relative;
				right: 0;
				top: 0;
				width: 100px;
				}

		#ftct-outline {
			margin: 20px 0 0;
			padding: 20px;
			}
			#ftct-outline dl { display: block; }
				#ftct-outline dl dt,
				#ftct-outline dl dd {
					display: block;
					font-size: 16px;
					width: 100%;
					}
				#ftct-outline dl dt {
					font-size: 16px;
					padding: 0 0 10px;
					}
				#ftct-outline dl dd { padding: 0; }
					#ftct-outline dl dd p {
						font-size: 14px;
						padding: 0 0 0 20px;
						}
					#ftct-outline dl dd p:before {
						background-size: 15px auto;
						height: 15px;
						margin: -7.5px 0 0;
						width: 15px;
						}

		#ftct-package { padding: 20px 0 0; }
			#ftct-price {}
				#ftct-price span,
				#ftct-price strong,
				#ftct-price small {
					display: inline-block;
					vertical-align: middle;
					}
				#ftct-price #ftctp-ttl { font-size: 16px; }
				#ftct-price #ftctp-price { padding: 20px 0 0; }
					#ftct-price #ftctp-price small {
						display: inline-block;
						padding: 0;
						}
				#ftct-price small {
					display: block;
					font-size: 14px;
					padding: 20px 0 0;
					}
			#ftct-att {
				font-size: 12px;
				padding: 20px 0 0;
				}



/* 
	spec
===============================================================*/
#spec {}
	#spec:before,
	#spec:after { background-size: 80%; }
	#spec #spc-wrap {}
	#spec article h2 {}
		#spec article h2:after {
			left: 5%;
			margin: 0;
			width: 90%;
			}

	#spec #spc-list { padding: 0 30px; }
		#spec #spc-list article {
			padding: 40px 0 0;
			width: 100%;
			}
		#spec #spc-list dl {
			border-left: 1px solid rgba(0, 0, 0, 0.4);
			}
			#spec #spc-list dl:first-child { border-top: 1px solid rgba(0, 0, 0, 0.4); }
			#spec #spc-list dl dt,
			#spec #spc-list dl dd {
				border-bottom: 1px solid rgba(0, 0, 0, 0.4);
				font-size: 13px;
				}
			#spec #spc-list dl dt {}
			#spec #spc-list dl dd {
				border-right: 1px solid rgba(0, 0, 0, 0.4);
				}



/* 
	Add : 2019.02
===============================================================*/
#intro {
    background: none;
    height: auto;
    overflow: hidden;
    }
    #intro .inner { display: block; }
        .main_movie { width: 145%; }
        #intro .inner article {
            background-color: rgba(255, 255, 255, 1);
            color: rgba(50, 50, 50, 1);
            margin: -30px auto 0;
            display: block;
            padding: 0;
            width: 80%;

            -webkit-border-radius: 15px;
            border-radius: 15px;
            }
            #intro .inner article h2 {
                font-size: 20px;
                padding: 20px 10px 0;

                -webkit-text-shadow: none;
                text-shadow: none;
                }
            #intro .inner article p {
                font-size: 13px;
                }

#about { padding-bottom: 0; }
    #about #a-recommended {
        margin-top: 30px;
        padding: 0;
        }
        #a-rec-ttlarea { padding: 20px; }
            #a-rec-ttlarea h2 {
                font-size: 20px;
                line-height: 1.5;
                }
                #a-rec-ttlarea h2 small { font-size: 13px; }
        #a-rec-outline {
            padding: 0 25px 10px;
            text-align: left;
            }
            #a-rec-outline p {
                font-size: 13px;
                line-height: 1.75;
                letter-spacing: 1px;
                margin-bottom: 15px;
                }
        #a-rec-list {}

    .pct-loop {
        height: 100px;
        width: 100%;
        }
        .pct-loop ul {}
            .pct-loop ul li { max-width: 150px; }
                .pct-loop ul li img {}




}