@charset "UTF-8";
html,body{width: 100%;}
#wrapper{min-width: 1260px;}
body{background:#fff !important;font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif;  }
table{border-collapse:collapse; border-spacing:0; width:100%;}
img{vertical-align: bottom;}

.contInr {
	width: 950px;
	margin: 0 auto;
}
.contBox {
	width: 940px;
	margin: 0 auto;
}
.contBox h3 {
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.contBox .icon-new {
	display: inline;
	color: #fff;
	background: #cc0000;
	font-size: 16px;
	padding: 5px;
	margin-right: 10px;
}

.constInr{width:950px; margin:0 auto;}
.contents .book-box h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 48px;
	line-height: 1.4;
	color: #000;
	font-weight: 400;
	text-align: center;
	margin-bottom: 30px;
}
.contents p{font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif;  font-size:14px; line-height:1.6; color:#303030; display:inline-block;}

.contents .clr {clear: both;}
.contents .clrfix {min-height:1px;}
.contents .clrfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}

.text_alt{display: none;}

/* mainVis */
.mainVis {
	background: url(/arl/en/sfo/img/main_sfo.jpg) no-repeat top center #000;
	background-size: cover;
	width: 100%;
	height: 550px;
	text-align: center;
	color: #fff;
	padding-top: 210px;
	box-sizing: border-box;
}
.mainVis .inner {
	width: 1260px;
	margin: 0 auto;
}
.mainVis .text {
	color: #fff;
	/* padding-top: 250px; */
	background-color: rgba(18 , 106 , 119 ,0.6);
	width: 879px;
	margin: 0px auto;
	/* padding: 20px 0; */
	padding-bottom: 30px;
}
.mainVis .main-title {
	color: #fff;
	font-weight: normal;
	font-size: 67px;
	font-family: 'Balthazar', serif;
	line-height: 0.98;
	margin-bottom: -11px;
	padding-top: 42px;
}
.mainVis .sub-title {
	color: #fff;
	font-weight: normal;
	font-size: 25px;
	font-family: 'Balthazar', serif;
	line-height: 1;
	margin-top: 20px;
}
.mainVis.tn .text .main-btn{font-size:25px; letter-spacing:2px; font-family: 'Helvetica Neue Light','Helvetica Neue','Arial','Open Sans', Helvetica ,sans-serif; font-weight:300; margin-bottom: 0;}
.mainVis.tn .text .main-btn .btnRD{font-size:20px;position:relative;padding:10px 50px 10px 30px;}
.mainVis.tn .text .main-btn .btnRD:before{content:"";display:block;width:10px;height:10px;border-top:solid 2px #fff;border-right:solid 2px #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg);position:absolute;top:50%;right:15px;margin-top:-7px;}




/* navi */
.naviWrap{background:#333;}
.naviWrap .naviInr{width:1000px; margin:0 auto;}
.naviList{display:table;}
.naviList li{display:table-cell; text-align:center; vertical-align:middle;}
.naviList li > a{display:block; padding:20px 0;}
.naviList li > a:hover{opacity:0.7; text-decoration:none;}
.naviList li span{font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif; font-size:15px; color:#fff; white-space:nowrap; display:inline-block; border-right:1px solid #666; padding:5px 40px;}
.naviList li:nth-child(1) span{padding:5px 40px 5px 0;}
.naviList li:nth-last-child(1) span{border:none; padding:5px 0 5px 40px;}




/* partnersWrap */
.partnersWrap{padding:110px 0 80px 0; background:url(/arl/en/sea/assets/img/pc/bg_partners.jpg) no-repeat 50% 0%; background-size:cover; width:100%;}
.partnersWrap h3{height:120px; text-align:center;}
.partnersWrap p{margin:0; text-align:center;}
.partnersWrap ul{width:100%;}
.partnersWrap ul li{width:460px; height:285px; float:left; margin-left:30px; list-style:none; background:#fff; padding:55px 30px 20px 30px; box-sizing:border-box;}
.partnersWrap ul li:nth-child(1){margin-left:0;}




/* routenetworkWrap */
.routenetworkWrap{padding:80px 0 125px 0; }
.routenetworkWrap h2 {
	margin-bottom: 20px;
	text-align: left;
	/* color: #fff; */
	font-weight: 100;
}
.routenetworkWrap h2.sub_head{margin: 0px;}
.routenetworkWrap p.sub_copy{text-align: center;}
.routenetworkWrap h3 {
	margin-bottom: 30px;
}
.routenetwork_read {
	padding:0 0 90px;
}

.routenetworkWrap ul.area{margin-bottom:30px;}
.routenetworkWrap ul.area li{width:460px; float:left; margin-right:30px;}
.routenetworkWrap ul.area li:nth-child(2n){margin-right:0;}

/* seattiletotokyoWrap */
.seattiletotokyoWrap{padding:61px 0 100px 0;background-color: #cae4e6;}
.seattiletotokyoWrap p{text-align:center;}
.seattiletotokyoWrap .facebook-box{display:block; margin:0 auto; text-align:center;}




/* Section05 */

.seatArea {
	margin: 0 auto;
	width: 950px;
}



.section.ss777 {
 background: url(/arl/en/lp_common/img/bg_jss.png) center top no-repeat 
 #dbedee;
 padding: 80px 0;
}




.section.sche{background:url(/arl/en/sfo/img/bg_schedule.png) center top no-repeat #1E2C4A;padding:80px 0 40px;}

.section.sche p,.section.sche ul li,.section.sche ol li{color:#fff;}
.section.sche .notesListA01.DFW li{padding-left:3em;text-indent:-3em;}
table.euTime{width:100%;border-spacing: 0 4px;border-collapse: separate;}
table.euTime thead tr th{padding:5px 8px;text-align:center;font-size:100%;color:#fff;font-weight:normal;}

table.euTime.gray thead tr th{background-color:#5b5b5b;}
table.euTime.gold thead tr th{background-color:#876e4b;}

table.euTime tbody tr td{padding:10px 8px;text-align:center;font-size:100%;background:#fff;}
table.euTime .txtRed{ color:#f74545;}
table.euTime tr td span.increase{color:#fff;background:#cc0000;padding:2px 6px 0px 6px;font-size:76% !important;margin-right:0.6em;}

table td.cabin{width:184px;}
table td.cabin table tbody tr td {border-top:none;padding:3px;width:25%;}
.cabin tr {
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.spContInr table.euTime > tbody > tr > th {
	display: none;
}

hr.separate {
	border-top: solid 1px #fff;
	display: block;
	height: 1px;
	visibility: initial;
	width: 42%;
	margin-top: 63px;
	margin-bottom: 40px;
}

/* SEAT TAB AREA */
.fareMapOuter .wrapHeader .headingTxt {
	color: #fff;
}
.fareMapBox {
	width: 950px;
	margin: 0 auto;
	letter-spacing: -0.4em;
	vertical-align: top;
	padding-top: 35px;
	position: relative;
}
.fareMapBox .fareMapItem {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 470px;
	margin-left: 10px;
}
.fareMapBox .fareMapItem:first-child {
	margin-left: 0;
}
.fareMapBox .fareMapItem .itemHead {
	position: relative;
	color: #cc0000;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
}
.fareMapBox .fareMapItem .itemHead img {
	width: 100%;
	height: auto;
}
.fareMapBox .fareMapItem .itemHead > img {
	line-height: 1;
	font-size: 0;
	display: block;
}
.headPict {
	display: block;
	line-height: 1;
	font-size: 0;
	background-color: #fff;
}
.fareBtn:hover .headPict img {
	opacity: 0.7;
}
.fareBtn {
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	width: 100%;
}
.fareBtnHeading {
	margin: 0;
	border: 0;
	background: none;
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 11px 30px 11px 11px;
	font-size: 18px;
	cursor: pointer;
	position: relative;
	background-color: #dee2e6;
	font-family: Helvetica;
	color: #333333;
	text-align: left;
}
.fareBtn:hover .fareBtnHeading {
	background-color: #fff;
}
.fareBtnHeading::after {
	background-image: url(/arl/en/blr/common/img/icon_plus.png);
	width: 18px;
	height: 18px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -8px;
	content: "";
}
.fareMapItem.active .itemHead {
	pointer-events: none;
}
.fareMapItem.active .fareBtnHeading::after {
	background-image: url(/arl/en/blr/common/img/icon_minu.png);
}
.fareMapItem.active .fareBtnHeading {
	background-color: #fff;
}
.fareBtn .icon {
	width: 64px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
	font-size: 0;
}
.seatClassHead {
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
}
.fareMapBox .fareMapItem .fareItemMap {
	opacity: 0;
	visibility: hidden;
	display: inherit;
	display: none;
}
.fareMapBox .fareMapItem .fareItemMap img {
	height: 0;
}
.fareMapBox .fareMapItem.active .fareItemMap img {
	height: auto;
}
.fareMapBox .fareMapItem.active .fareItemMap {
	opacity: 1;
	visibility: visible;
	display: inherit;
}
.fareMapBox .fareMapItem.JS_tabOuter_a .fareItemMap {
	margin-left: 0;
}
.fareMapBox .fareMapItem.JS_tabOuter_b .fareItemMap {
	margin-left: -480px;
}
.fareMapBox .fareMapItem.JS_tabOuter_c .fareItemMap {
	margin-left: -480px;
}
.tabBox {
	background: #fff;
	padding: 60px 40px 60px 40px;
	text-align: left;
	width: 950px;
	box-sizing: border-box;
	font-family: 'Helvetica Neue', 'Arial', 'Open Sans', Helvetica, sans-serif;
	font-size: 16px;
}
.tabBox .tabboxCnt {
	margin-top: 50px;
}
.tabBox .tabboxCnt a > img:hover {
	opacity: .7;
}
.tabBox .tabboxCnt .left {
	text-align: center;
	float: left;
	width: 420px;
}
.tabBox .tabboxCnt .left img {
	width: 100%;
	height: auto;
}
.tabBox .tabboxCnt .right {
	float: right;
	width: 406px;
}
.tabBox .tabboxCnt dt {
	font-size: 18px;
}
.goodSleep .gleft {
	font-size: 14px;
	line-height: 1.7;
	float: left;
	width: 515px;
}
.goodSleep .gright {
	width: 360px;
	float: right;
}
.goodSleep.pySleep .gleft {
	width: 675px;
}
.goodSleep.pySleep .gright {
	width: 200px;
}
.fareMapInr .bnrArea {
	width: 950px;
	margin: 0 auto;
	color: #fff;
	padding-top: 15px;
}
.fareMapInr .bnrArea ul {
	overflow: hidden;
	padding-top: 30px;
}
.fareMapInr .bnrArea ul li {
	float: left;
	margin-left: 30px;
	background-color: #fff;
	line-height: 1;
	font-size: 0;
}
.fareMapInr .bnrArea ul li:first-child {
	margin-left: 0;
}
.fareMapInr .bnrArea ul li a:hover img {
	opacity: 0.7;
}
.moduleWrap {
	padding: 120px 0;
}
.seatClassHeader {
	text-align: center;
	font-size: 42px;
	font-weight: normal;
	line-height: 1;
	font-family: 'Helvetica Neue', 'Arial', 'Open Sans', Helvetica, sans-serif;
}
.seatClassHeader + .mgt10 {
	margin-top: 25px !important;
	text-align: center;
	display: block;
}
/* SEAT TAB AREA */



.ttl_notosans {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100;
	font-size:48px;
	text-align: left;
}
.fcWT {
	color:#fff!important;
}


.flex {display:flex;}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
 content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}
.pcNon {display:none;}

.pc_mgt20 {
	margin-top:20px;
}
.mgb20 {
	margin-bottom:20px;
}
.mdlWrap.booking950 .mdlBody_typeB {
	text-align: center;
}
.system-caution-wrapper {
	margin: 0 auto;
}