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

@import url(sanitize.css);

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}
	a {
		text-decoration: none;
	}

/* basics */

html{
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.7px;
}

	body{
		background-color: #000033;
		color: #ffffff;
	}
	
	section h2{
		margin-bottom: 1em;
		font-weight: 700;
		line-height: 1.6em;
	}
	
	.descone {
		border-bottom:#ffffff 1px dotted;
		margin-bottom: 1em;
		padding-bottom:2em;
	}
	
	.descone h4{
		font-size: 1.1em;
		line-height: 1.5em;
		font-weight: 700em;
		text-align:center;
		margin-bottom: 1em;
	}
	
	.descone p{
		font-size: 1em;
		line-height: 1.65em;
		margin-bottom: 0.5em;
	}



	.descall {
		border-bottom:#ffffff 1px solid;
		margin-bottom: 1em;
		padding-bottom:2em;
	}
	
	.descall h4{
		font-size: 1.1em;
		line-height: 1.5em;
		font-weight: 700;
		text-align:center;
		margin-bottom: 0.5em;
	}
	
	.descall p{
		font-size: 0.9em;
		line-height: 1.65em;
		margin: 0.5em auto;
		width: 80%;
	}
	
	.descall p.desimg{
		margin: 1em auto;
		text-align: center;
	}
	
	.descall p.desimg img{
		width: 100%;
	}

	p.cap{
		font-size: 0.8em;
		line-height: 1.5em;
		margin-bottom: 1.5em;
	}
	
	.kinai{
			margin-bottom: 2em;
	}
	
 	.content p.lead{
		font-weight: 500;
		font-size: 1em;
		margin: 2em 0 1em 0;
		color: #ffffff;
		line-height: 1.7em;
	}
	
	.content h3{
		font-size: 1.2em;
		line-height: 1.5em;
	}


/* header */

section#header{
	background-color: #000033;
	background-image: url(/sp/international/promotions/787-9/product/image/topimage.jpg);
	background-attachment:fixed;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 1em 1em 3em 1em;
}


#header p.lead{
		font-weight: 500;
		font-size: 1em;
		margin: 2em 0 2em 0;
		color: #ffffff;
		line-height: 1.7em;
	}
	
#header #logo{
		padding: 0 0 1em 0;
		top:0; left:0;
	}
	  
	span.heademp{
		font-size: 1.2em;
		padding-bottom: 1px;
		border-bottom: 1px dotted #ffffff;
		line-height: 1.75em;
	}
	
	#header header nav{
		text-align: center;
	}
	
	
	#header header nav a.mm1{
		color: #000033;
		background: url(/sp/international/promotions/787-9/product/image/mm1.png) no-repeat!important;
		width: 93px; height: 93px;
		font-size: 1px; text-indent: -9999px; overflow: hidden;
		display: inline-block;
	}
	
	#header header nav a.mm2{
		color: #022BD4;
		background: url(/sp/international/promotions/787-9/product/image/mm2.png) no-repeat!important;
		width: 93px; height: 93px;
		font-size: 1px; text-indent: -9999px; overflow: hidden;
		display: inline-block;
	}
	
	#header header nav a.mm3{
		color: #022BD4;
		background: url(/sp/international/promotions/787-9/product/image/mm3.png) no-repeat!important;
		width: 93px; height: 93px;
		font-size: 1px; text-indent: -9999px; overflow: hidden;
		display: inline-block;
	    }


/* Feature ONE */

section#one{
	background-color: #000033;
	background-image:url(/sp/international/promotions/787-9/product/image/bk-feature.jpg);
	background-attachment:fixed;
	padding: 1em 1em 3em 1em;
}


#one p.lead{
		font-weight: 500;
		font-size: 1em;
		margin: 2em 0 2em 0;
		color: #ffffff;
		line-height: 1.7em;
	}

	#one nav{
		text-align: center;
		font-weight: 700;
		margin-bottom: 2em;
	}
	
	#one nav a.bm1{
		background-color: #1a2d7a;
		color: #ffffff;
		font-size: 12px;
		display: block;
		padding: 1.5em;
		margin: 1em;
	}
	
	#one nav a.bm2{
		background-color: #007541;
		color: #ffffff;
		font-size: 12px;
		display: block;
		padding: 1.5em;
		margin: 1em;
	}
	
	#one nav a.bm3{
		background-color: #4ab033;
		color: #ffffff;
		font-size: 12px;
		display: block;
		padding: 1.5em;
		margin: 1em;
	    }

	#one .content nav a:hover{
		opacity:0.5;
		}

	#one .content .center{
		text-align: center;
		}
	
	#one .content span a{
		border:2px solid rgba(255, 255, 255, 0.5);
		display: inline-block;
		background: rgba(255, 255, 255, 0.2);
		color: #ffffff;
		font-weight: 700px;
		font-size: 0.8em;
		padding: 1em 3em;
	}
	
	#one .content span a:hover{
		border:2px solid rgba(255, 255, 255, 0.5);
		display: inline-block;
		background: rgba(255, 255, 255, 0.1);
		color: #ffffff;
		font-weight: 700px;
		font-size: 0.8em;
		padding: 1em 3em;
	}
	
	#one .content h3{
		padding:4px;
		text-align: center;
		border-bottom:2px solid rgba(255, 255, 255, 0.5);
		margin-bottom: 1em;
		}
		
	

/* Business TWO */

section#two{
	background-color: #1a2d7a;
	background-image:url(/sp/international/promotions/787-9/product/image/bk-business.jpg);
	background-attachment:fixed;
	padding: 2em 1em 3em 1em;
}

	#two h2{
			font-size: 1.4em;
			font-weight: 700;
			line-height: 1.6em;
	}
	
	
	#two h3{
	color: #6382ff;
	font-weight: 700;
	letter-spacing:-0.1em;
	text-align: center;
	margin-bottom: 0.5em;
	}
	
	#two h4{
		color: #6382ff;
	}


/* premium economy THREE */

section#three{
	background-color: #007541;
	background-image:url(/sp/international/promotions/787-9/product/image/bk-prem.jpg);
	background-attachment:fixed;
	background-position: top center;
	padding: 2em 1em 3em 1em;
}

	#three h2{
			font-size: 1.4em;
			font-weight: 700;
			line-height: 1.6em;
	}
	
	#three p.lead{
		font-weight: 500;
		font-size: 1em;
		margin: 2em 0 1em 0;
		color: #ffffff;
		line-height: 1.7em;
	}
	
	#three h3{
	color: #acf3b3;
	font-weight: 700;
	letter-spacing:-0.1em;
	text-align: center;
	margin-bottom: 0.5em;
	}
	
	#three h4{
		color: #acf3b3;
	}
	
/* premium economy FOUR */

section#four{
	background-color: #4ab033;
	background-image:url(/sp/international/promotions/787-9/product/image/bk-econo.jpg);
	background-attachment:fixed;
	padding: 2em 1em 3em 1em;
}

	#four h2{
			font-size: 1.4em;
			font-weight: 700;
			line-height: 1.6em;
	}
	
	#four p.lead{
		font-weight: 500;
		font-size: 1em;
		margin: 2em 0 1em 0;
		color: #ffffff;
		line-height: 1.7em;
	}
	
	#four h3{
	color: #c3ff92;
	font-weight: 700;
	letter-spacing:-0.1em;
	text-align: center;
	margin-bottom: 0.5em;
	}
	
	#four h4{
		color: #c3ff92;
	}
		

/* Footer */

section#footer {
	background-color: #000033;
	background-attachment:fixed;
	background-position: top center;
	background-repeat: no-repeat;
	text-align:center;
	}
	
#footer header{
	padding: 2em 1em 3em 1em;
}
#footer h2{
	text-align: center;
	}

#footer h4{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
	
p.exp{
	text-align: center;
	margin: 2em auto;
	display:block;
	}
p.left{
	text-align: left;
	margin: 5px;
	display:block;
	font-size: 0.7em;
	}
#footer ul li{
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 1px 1em;
	}

#footer span{
	background-color: #ff6633;
	font-size: 0.7em;
	color: #fff;
	padding: 3px;
	margin-left: 5px;

}

/* Footer2 */

section#footer2 {
	background-color: #ffffff;
	background-attachment:fixed;
	background-position: top center;
	background-repeat: no-repeat;
	text-align:center;
	color: #000;
	}
	
#footer2 header{
	padding: 2em 1em 3em 1em;
}
#footer2 h2{
	text-align: center;
	}

#footer2 h4{
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
	
p.exp{
	text-align: center;
	margin: 2em auto;
	display:block;
	}
p.left{
	text-align: left;
	margin: 5px;
	display:block;
	font-size: 0.7em;
	}
#footer2 ul li{
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 1px 1em;
	}

#footer2 span{
	background-color: #ff6633;
	font-size: 0.7em;
	color: #fff;
	padding: 3px;
	margin-left: 5px;

}

	
	/* Button */

		.subtm{
			background: rgba(255,255,255,0.3);
			border: 5px solid #ffffff;
			box-shadow: none;
			color: #ffffff !important;
		}

		.subtm:hover {
				background-color: rgba(255,255,255,0.6);
			}

			.subtm:active {
				background-color: rgba(255,255,255,0.6);
			}

		.subtm:disabled {
			background-color: #6f7577 !important;
			box-shadow: none !important;
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}

			.subtm{
			padding: 1em 3em;
			}


		.subtm2{
			background: rgba(255,255,255,0.3);
			border: 5px solid #ff6633 ;
			box-shadow: none;
			color: #ff6633  !important;
		}

		.subtm2:hover {
				background-color: rgba(255,255,255,0.6);
			}

			.subtm:active {
				background-color: rgba(255,255,255,0.6);
			}

		.subtm2:disabled {
			background-color: #ff6633  !important;
			box-shadow: none !important;
			color: #000 !important;
			cursor: default;
			opacity: 0.25;
		}

			.subtm2{
			padding: 1em 3em;
			}




		#footer .goto-top:hover {
				background-color: rgba(144, 144, 144, 0.15);
			}

		#footer .goto-top {
			-moz-transition: background-color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out;
			background-color: rgba(144, 144, 144, 0.075);
			background-image: url("/sp/international/promotions/787-9/product/image/uparrow.svg");
			background-position: center center;
			background-repeat: no-repeat;
			border-radius: 100%;
			border: 0;
			display: inline-block;
			height: 5em;
			width: 5em;


			overflow: hidden;
			text-indent: -9999em;
			white-space: nowrap;
	
			margin-bottom: 2em;
			margin-top: 2em;
		}
		
			#footer footer .copyright {
			font-size: 0.8em;
			line-height: 1em;
			padding: 0;
		}

			#footer footer .copyright li {
				border-left: solid 1px rgba(255, 255, 255, 0.2);
				display: inline-block;
				margin: 0 0 0 1em;
				padding: 0 0 0 1em;
			}
	
			#footer footer .copyright li:first-child {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;
			}
		
		
/* Panaorama */

.pano{
	text-align: center;
	width:100%;
	margin: 0 auto 5px auto;
	}
	
.pano iframe{
	width: 100%; height: 200px;
	}