@charset "UTF-8";

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;}

.constInr{padding:0 10px;}

.contents p {
	font-family: 'Helvetica Neue', 'Arial', 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #303030;
	text-align: left;
}

.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 {
	display: block;
	background: url(/arl/en/sfo/img/sp_main_sfo.jpg ) no-repeat top center;
	background-size: cover;
	width: 100%;
	position: relative;
	height: 94vw;
	padding-top: 27vw;
}
.mainVis.tn .text {
	background-color: rgba(18 , 106 , 119 ,0.6);
	width: 83vw;
	margin: 0 auto;
	padding: 5vw 0;
}
.mainVis.tn .text .main-title {
	color: #fff;
	font-size: 11.6vw;
	text-align: center;
	font-family: 'Balthazar', serif;
	line-height: 0.75;
}
.mainVis.tn .text .main-title span {
	font-size: 9vw;
}
.mainVis .sub-title {
	color: #fff;
	font-size: 4.6vw;
	text-align: center;
	font-family: 'Balthazar', serif;
	padding-top: 2vw;
}

.mainVis.tn .img{position:absolute; top:4.5%; right:5.5%; width:16vw;}

/* navi */
.mainNavi{background:#333;}
.mainNavi ul{width:100%; background:#1a1a1a; display:block;}
.mainNavi li{display:table; background:#1a1a1a; text-align:center; float:left; width:50%;}
.mainNavi li > a{display:table-cell; vertical-align:middle; height:60px; font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif; font-size:14px; color:#fff; line-height:1.3;}
.mainNavi li:nth-child(1),
.mainNavi li:nth-child(4),
.mainNavi li:nth-child(5){background:#333333;}

/* routenetworkWrap */
.routenetworkWrap{padding: 27px 10px;}
.routenetworkWrap img {width:100%;}

.routenetworkWrap h2.sub_head{margin: 0px;}
.routenetworkWrap p.sub_copy{font-size: 10px;text-align: center;}
.routenetworkWrap h3 {
	margin-bottom: 10px;
}
.routenetworkWrap .sp_ttl2 {
	width: 143.5px;
	margin-bottom:10px;
}


.routenetworkWrap p.note{margin-bottom:5px; line-height:1; padding-left: 1em;  position:relative;}
.routenetworkWrap p.note:before{content:"*"; position:absolute; left:0;}
.routenetworkWrap ul.area{padding:0;}
.routenetworkWrap ul.area li{width:100%; margin-bottom:25px;}
.routenetworkWrap ul.area li img{width:100%;}



.routenetworkWrap ul.route h3{color:#303030;font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif;  margin-bottom:45px;}
.routenetworkWrap ul.route li{width:100%; margin-bottom:15px; background:#fff;}
.routenetworkWrap ul.route li .text{padding:30px 10px 20px 10px; box-sizing:border-box; margin:0 auto 15px auto; font-size:12px; max-width:300px;}
.routenetworkWrap ul.route li .images{display:table; width:100%;}
.routenetworkWrap ul.route li .images .imagesInr{display:table-cell; vertical-align:middle;padding:60% 0 0 0;}
.routenetworkWrap ul.route li:nth-child(4){margin:0 0 30px 0;}
.routenetworkWrap ul.route li:nth-child(1) .images{background:url(/arl/en/sea/assets/img/sp/pic_bangkok.jpg) no-repeat 50% 100%; background-size:cover;}
.routenetworkWrap ul.route li:nth-child(2) .images{background:url(/arl/en/sea/assets/img/sp/pic_manila.jpg) no-repeat 50% 100%; background-size:cover;}
.routenetworkWrap ul.route li:nth-child(3) .images{background:url(/arl/en/sea/assets/img/sp/pic_hochiminh.jpg) no-repeat 50% 100%; background-size:cover;}
.routenetworkWrap ul.route li:nth-child(4) .images{background:url(/arl/en/sea/assets/img/sp/pic_songapore.jpg) no-repeat 50% 100%; background-size:cover;}

.routenetworkWrap ul.route li .text .route-indirect{width:280px; height:58px; position:relative; margin:0 auto;}
.routenetworkWrap ul.route li .text .route-indirect.go{background:url(/arl/en/sea/assets/img/sp/bg_root_l_go_new.png) no-repeat 0 0; background-size:280px 58px; padding-bottom:25px; margin-bottom:25px; border-bottom:1px #dfdfdf solid;}
.routenetworkWrap ul.route li .text .route-indirect.return{background:url(/arl/en/sea/assets/img/sp/bg_root_l_return_new.png) no-repeat 0 0; background-size:280px 58px;}

.routenetworkWrap ul.route li .text .route1,
.routenetworkWrap ul.route li .text .route2,
.routenetworkWrap ul.route li .text .route3{font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif; font-size:12px; font-weight:bold; line-height:21px; color:#fff; text-shadow:none; position:absolute; width:52px; heihgt:21px; text-align:center; display:block;}
.routenetworkWrap ul.route li .text .time1,
.routenetworkWrap ul.route li .text .time2,
.routenetworkWrap ul.route li .text .time3,
.routenetworkWrap ul.route li .text .time4,
.routenetworkWrap ul.route li .text .time5,
.routenetworkWrap ul.route li .text .number1,
.routenetworkWrap ul.route li .text .number2{font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif; font-size:90%; font-weight:bold; line-height:1; color:#303030; text-shadow:none; position:absolute;}
.routenetworkWrap ul.route li .text .length{font-family: 'Helvetica Neue','Arial','Open Sans',  Helvetica ,sans-serif; font-size:18px; font-weight:bold; line-height:1; color:#303030; text-shadow:none; position:absolute;}
.routenetworkWrap ul.route li .text .length span{font-size:12px; padding:0 3px;}

.routenetworkWrap ul.route li .text .route-indirect .route1{top:0px; left:0;}
.routenetworkWrap ul.route li .text .route-indirect .route2{top:0px; left:calc(50% - 26px);}
.routenetworkWrap ul.route li .text .route-indirect .route3{top:0px; right:0;}
.routenetworkWrap ul.route li .text .route-indirect .time1{width:52px; top:-15px; left:0; text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .time2{width:52px; top:-15px; left:calc(50% - 52px); text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect.go .time2{width:52px; top:-15px; left:calc(50% - 52px); text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .time3{width:52px; top:-15px; left:50%; text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .time4{width:52px; top:-15px; right:0; text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .time5{width:52px; top:25px; left:calc(50% - 26px); text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .number1{width:52px; top:25px; left:calc(30% - 26px); text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .number2{width:52px; top:25px; left:calc(70% - 26px); text-align:center;}
.routenetworkWrap ul.route li .text .route-indirect .length{top:50px; text-align:center; width:100%;}
.routenetworkWrap ul.route li .text sup{font-size: 10px;margin-left: 3px;color: #CA0813;font-weight: bold;}
.routenetworkWrap ul.route li .text .route-indirect .row2 {top:-25px !important;}




@media screen and (min-width:375px) {
.routenetworkWrap ul.route li .text{margin:0 auto 15px auto; font-size:12px; max-width:320px;}
.routenetworkWrap ul.route li .text{padding:30px 10px 30px 10px;}
.routenetworkWrap ul.route li:nth-child(1) .text{padding:30px 10px 40px 10px;}
.routenetworkWrap ul.route li .text .route-indirect.go{padding-bottom:25px; margin-bottom:45px; height:80px}
.routenetworkWrap ul.route li .text .route-indirect{transform: scale(1.17,1.17);}
.routenetworkWrap ul.route li .text div.direct-box{transform: scale(1.08,1.08);}
.routenetworkWrap ul.route li .text h3{font-size:16px;}

}

/* seattiletotokyoWrap */
.seattiletotokyoWrap {
	padding: 25px 48px;
	background-color: #cae4e6;
}
.seattiletotokyoWrap h2{margin-bottom:20px; text-align:center;}
.seattiletotokyoWrap p{font-size:12px;}
.seattiletotokyoWrap .facebook-box{display:block; margin:0 auto; text-align:center; padding:0 20px; box-sizing:border-box;}


.tabBox img{
 height: auto;
}

.seatTabs, .seatWrap .seatCont .rightBox, .seatWrap .sleepCont {
	display: none;
}
.classF, .classC, .classPY, .classY {
	display: block !important;
	margin-top: 30px;
}

.spContInr table.euTime > thead {
	display: none;
}
.spContInr table.euTime {
	width: 100%;
}
.spContInr table.euTime > thead {
	display: none;
}
.spContInr table.euTime > tbody > tr {
	display: block;
	width: 100%;
	letter-spacing: -0.4em;
	overflow: hidden;
	border: 1px solid #555555;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.spContInr table.euTime > tbody > tr.boxSeparate {
	margin-bottom: 15px;
}
.spContInr table.euTime > tbody > tr > th, .spContInr table.euTime > tbody > tr > td {
	letter-spacing: normal;
	display: table;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3;
	padding: 5px;
	/* height: 75px; */
	box-sizing: border-box;
	float: left;
	display: flex;
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	-webkit-align-items : center;      /* Safari etc. */
	align-items : center;
	justify-content: center;
}
.spContInr table.euTime > tbody > tr > th {
	color: #fff;
	width: 43%;
	border-top: 1px solid #0f1b44;
}
.spContInr table.euTime.gray > tbody > tr > th {
	background-color:#5b5b5b;
}
.spContInr table.euTime.gold > tbody > tr > th {
	background-color:#876e4b;
}


.spContInr table.euTime > tbody > tr > th:first-of-type {
	border-top: 0;
}
.spContInr table.euTime > tbody > tr > td {
	width: 57%;
	background-color: #f5f5f5;
	border-top: 1px solid #555555;
}
.spContInr table.euTime > tbody > tr > td:first-of-type {
	border-top: 0;
}
.spContInr table.euTime > tbody > tr > td br {
	display: none;
}
.spContInr table.euTime > tbody > tr > th .vaM, .spContInr table.euTime > tbody > tr > td .vaM {
	text-align: center;
display: flex;
justify-content: center;
}

.spContInr table.euTime > tbody > tr > td.cabin table.vaM > tbody > tr {
	display: block;
	width: 100%;
}
.spContInr table.euTime > tbody > tr > td.cabin table.vaM > tbody > tr > td {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 25px;
}
.spContInr table.euTime > tbody > tr > th > span, .spContInr table.euTime > tbody > tr > td > span {
	line-height: 1.3;
	word-break: break-all;
}
.spContInr table.euTime > tbody > tr > td.cabin img {
	width: 25px;
	height: 25px;
}
.cabin tr {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.cabin tr td {
	padding: 0 1px;
}

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

.sche {
	padding: 30px 20px;
	background-image: url(/arl/en/sfo/img/bg_schedule.png) ;
	background-color: #1E2C4A;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom:20px;
}
.sche .contBox h3 {
	color:#fff;
		font-size: 16px;
		margin-top: 24px;
		margin-bottom: 0;
		font-weight: bold;
}
.sche p {
	color: #fff;
	font-size: 12px;
}
.sche h5 {
	font-size:12px;
}
.ss777 {
	background-color: #d9eced;
	padding: 30px 20px;
	background-image: url(/arl/en/sfo/img/sp_bg_jss.jpg);
	background-size: cover;
}


.contBox h3 {
	font-size: 22px;
	font-weight: normal;
	/* color: #fff; */
	text-align: center;
	margin-bottom:20px;
}

.fareMapOuter {
	padding: 25px 0;
}
.fareMapOuter .wrapHeader .headingTxt {
	color: #fff;
}
.fareMapBox {
	margin: 0 auto;
	vertical-align: top;
	position: relative;
}
.fareMapBox img {
	width: 100%;
}
.fareMapBox .fareMapItem {
	letter-spacing: normal;
	vertical-align: top;
	text-align: center;
	padding: 0 0 0 0;
}
.fareMapBox .fareMapItem .itemHead {
	position: relative;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
}
.fareBtn {
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.headPict {
	display: block;
	line-height: 1;
	font-size: 0;
}
.fareBtnHeading {
	margin: 0;
	border: 0;
	background: none;
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 11px 40px 11px 11px;
	cursor: pointer;
	position: relative;
	background-color: #dee2e6;
	font-family: 'Helvetica Neue', 'Arial', 'Open Sans', Helvetica, sans-serif;
	color: #333333;
	text-align: left;
}
.fareMapItem.active .fareBtnHeading {
	background-color: #fff;
}
.fareBtn .icon {
	width: 40px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
	font-size: 0;
}
.seatClassHead {
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
	font-size: 16px;
}
.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: "";
}
.fareMapBox .fareMapItem.active .fareBtnHeading::after {
	background-image: url(/arl/en/blr/common/img/icon_minu.png);
}
.fareMapBox .fareMapItem .fareItemMap {
	display: none;
	background-color: #fff;
}
/* .fareMapBox .fareMapItem.active .fareItemMap {
	display: block;
} */

.seatCnt {
	padding: 20px;
}

.seatCnt .seatClassHeader {
	font-size: 23px;
	font-weight: normal;
	text-align: center;
}

.seatCnt dt {
	font-weight: bold;
	text-align: left;
	font-size: 14px;
}
.seatCnt dd {
	margin-top: 5px;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
}

.amenityWrap {
	display: flex;
	flex-direction: column-reverse;
}
.amenityWrap .amenityImg {
	width: 75%;
	margin: 20px auto;
}



.ttl_notosans {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 100;
	font-size: 19px;
}
.fcWT {
	color: #fff !important;
}
.btnGY::after, .btnBK::after, .btnRD::after, .btnBL::after, .btnCL::after, .btnWT::after, .btnQA::after, .btnGY .altIcon, .btnBK .altIcon, .btnRD .altIcon, .btnBL .altIcon, .btnCL .altIcon, .btnWT .altIcon, .btnQA .altIcon {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: inherit;
	width: 12px;
	height: 10px;
}
.btnGY {
	display: block;
	min-height: 48px;
	margin: 0 auto;
	padding: 13px 30px 13px 20px;
	position: relative;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	background-color: #fff;
	border: 1px solid #999;
	width: 100%;
	color: #333;
	box-sizing: border-box;
}

.book_btn {
	display: block;
	width: 100%;
	margin: auto;
	background-color: #cc0000;
	text-align: center;
	position: relative;
}
.book_btn::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 17px;
	top: 38%;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
.book_btn p {
	margin-bottom: 0;
	text-align: center;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
}
.book_btn p a {
	color: #fff;
}
.sp_ttl1 {
	width: 81px;
	margin-bottom:10px;
}

.sp_ttl3 {
	width: 42px;
	margin-bottom:10px;
}
.icon-new {
	background-color: #c00;
	font-size: 11px;
	padding: 2px 3px;
	margin-right: 3px;
	font-weight: bold;
}
.ss-icon {
	margin-left:5px;
}
.pdt20 {
	padding-top: 20px;
}
.mgb20 {
	margin-bottom:20px;
}
.larger01 {
	padding-left:5px;
}

/* booking botton */
.recommend_btn_wrap {display: none;width: 100%;position: fixed;bottom: 0;z-index: 100;border-top: 4px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;}
.recommend_btn_wrap p {width: 100%;box-sizing: border-box;}
.recommend_btn {display: block;width: 100%;margin: 0 auto;padding: 25px 10px 25px;background-color: #cc0000;position: relative;text-align: center;color: #fff;font-weight: bold;box-sizing: border-box;}
.recommend_btn:before {content: "";display: block;width: 8px;height: 8px;border-top: solid 2px #fff;border-right: solid 2px #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 25px;margin-top: -4px;}
.recommend_btn_inr {color: #fff;font-weight: bold;position: relative;display: inline-block;margin: 0 52px;}
#footerArea {margin-bottom: 74px;}
.announcingnewWrap_top {padding: 30px 0 45px 0;}
.announcingnewWrap_top h2 {margin-bottom: 20px;text-align: center;}