@charset "utf-8";
img[src^="/world/work_area/preview_txt"]{width:58px; left:auto !important; right:10px !important;}
#content *{box-sizing:border-box;}
img{vertical-align:bottom; width:100%;}
img[src$=".svg"]{width:100%;}
p, span, li, dt, dd, h1, h2, h3, h4{color:#333;}
.spNon{display:none !important;}

.contInr{width:100%; padding:50px 25px;}
.heading{font-size:24px; font-weight:bold; text-align:center;}
.subHead{font-size:16px; font-weight:bold; text-align:center; margin-top:5px;}
.subHead > span{font-weight:bold;}
.clm3_1 .col{margin-top:5px;}

.secMain{background:url(/frl/fr/japanflight/img/bg_mainvis_ptn.gif) top center repeat; background-size:30%; min-height:240px;}
.secMain .inr *{color:#fff; line-height:1.3;}
.secMain .inr{padding:0 20px 25px;}
.mainHead{font-size:14px; font-weight:bold;}
.fareHead{-webkit-order:0; order:0; font-size:22px; font-weight:bold; padding-top:15px;}
.fareWrap{border-left:2px solid #fff; padding:4px 0 0 10px; margin-top:10px;}
.fareList{width:100%; margin:4px 0;}
.fareList dt, .fareList dd{display:inline-block; font-size:14px; font-weight:bold; margin-bottom:3px;}
.fareList dd > span{padding-right:15px;}

.secMain .inr .mainTxt{font-size:12px; margin-top:15px;}
.secMain .inr .mainTxt .note{font-size:12px; line-height:1.5; margin-top:12px;}
.mainBook_btn{display:inline-block; background:#cc0000; color:#fff; font-size:12px; font-weight:bold; position:relative; padding:11px 35px 10px 25px; margin-top:15px;}
.mainBook_btn:before{content:""; display:block; width:6px; height:6px; border-top:solid 1px #fff; border-right:solid 1px #fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:50%; right:15px; margin-top:-4px;}

/* navi section */
.ancNavi{width:100%;}
.ancNavi li{float:left; width:50%;}
.ancNavi li:nth-child(1) a, .ancNavi li:nth-child(4) a, .ancNavi li:nth-child(5) a, .ancNavi li:nth-child(8) a{background:#e5e5e5;}
.ancNavi li a{display:table; position:relative; width:100%;}
.ancNavi li a:after{display:block; content:""; width:8px; height:8px; border:0px; border-top:solid 1px #333; border-right:solid 1px #333; -webkit-transform:rotate(135deg); transform:rotate(135deg); position:absolute; bottom:10px; left:50%; margin-left:-4px;}
.ancNavi li a > span{display:table-cell; font-size:14px; font-weight:bold; vertical-align:middle; text-align:center; height:70px; padding-bottom:10px;}
.ancNavi li a > span > span{display:inline-block; font-size:10px; font-weight:bold; padding-top:5px; padding-top:4px;}
.photoWrap{width:100%; overflow:hidden; margin-top:15px;}

/* slick */
.snaviWrap{width:90%; margin:20px auto 30px auto;}
.snaviWrap img{width:90%; margin:0 auto;}
.photoWrap .slick-prev, .slick-next, .photoWrap .slick-prev{width:14px !important; height:30px!important;}
.photoWrap .slick-next{right:-10px;}
.photoWrap .slick-prev{left:-10px;}
.photoWrap .slick-next:before{content:""; display:block; width:8px; height:8px; border-top:solid 2px #cc0000; border-right:solid 2px #cc0000; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:50%; right:0; margin-top:-4px;}
.photoWrap .slick-prev:before{content:""; display:block; width:8px; height:8px; border-top:solid 2px #cc0000; border-right:solid 2px #cc0000; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); position:absolute; top:50%; left:0; margin-top:-4px;}
.photoWrap .slick-dots{display:none !important;}

/* Section02 */
.sec02 .clm3_1 .col img{display:none;}
.sec02 .clm3_1 .col > .inr{background:#eee; font-size:14px; padding:20px 15px;}
.sec02 .clm3_1 .col > .inr dt{font-weight:bold; line-height:1.3;}
.sec02 .clm3_1 .col > .inr br{display:none;}
.priceSet .inr > dl > dd{color:#cc0000; font-size:16px; font-weight:bold; text-align:right; margin-top:8px;}
.priceSet .inr > dl > dd span{color:#cc0000; font-size:20px; font-weight:bold;}

/* Section03 */
.sec03{background:url(/frl/fr/japanflight/img/bg_latest_tyo_sp.jpg) center bottom no-repeat #082658; background-size:100% auto;}
.sec03 .contInr{padding-bottom:90px;}
.sec03 .heading{color:#fff;}
.sec03 .clm3_1{margin-top:20px;}
.sec03 .clm3_1 .col > .inr dt{font-weight:bold; line-height:1.3;}
.sec03 .clm3_1 .col > .inr{background:#fff; font-size:14px; padding:20px 15px;}

/* Section04 */
.scheduleList{margin-top:20px;}
.scheduleList .tblHead{background:#af0000; color:#fff; font-size:18px; font-weight:bold; text-align:center; padding:10px;}
.scheduleList > table{/*border-collapse:collapse;*/ font-size:0; width:100%;}
.scheduleList > table tr{display:block; background-color:#e4e4e4; margin-top:10px;}
.scheduleList > table th, .scheduleList > table td{display:inline-block; border-top:1px solid #fff; font-size:14px; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.3; padding:10px 0;}
.scheduleList > table th{background:#333; color:#fff; width:30%;}
.scheduleList > table td{width:70%;}
.scheduleList > table td br{display:none;}
.scheduleList > table tr td:first-child{text-align:left; padding-left:40px;}
.scheduleList > table thead{display:none;}
.scheduleList .newIcn{display:inline-block; background:#af0000; color:#fff; font-size:12px; padding:2px 5px; margin-right:8px;}
.scheduleList .noteTxt{font-size:14px; line-height:1.4;}
#content .scheduleList .classList li{display:inline-block; text-align:center; width:24px;}
#content .scheduleList .classList li img{width:24px; height:auto;}

/* Section05 */
.sec05{background:#f4f4f4;}
.seatTabs,
.seatWrap .seatCont .rightBox,
.seatWrap .sleepCont{display:none;}
.classF, .classC, .classPY, .classY{display:block !important; margin-top:30px;}
.classF{margin-top:20px;}
.seatHead .lead{background:#fff; line-height:1.5; padding:0px; margin-top:10px;}
.seatWrap{display:-webkit-flex; display:flex; -webkit-flex-direction:column nowrap; flex-flow:column nowrap;}
.seatWrap .seatHead{background:#fff; -webkit-order:1; order:1; width:100%; padding:20px;}
.seatWrap .seatHead .head{font-size:20px; font-weight:bold;}
.seatWrap .seatCont{-webkit-order:0; order:0; width:100%;}
.seatWrap .seatCont .leftBox{position:relative; float:left;}
.seatWrap .seatCont .leftBox:after{display:block; content:""; background-repeat:no-repeat; background-position:0 0; background-size:50px 50px; width:50px; height:50px; position:absolute; top:0px; left:0px;}
.classF .seatWrap .seatCont .leftBox:after{background-image:url(/world/commonY16/img/logo_first_square.svg);}
.classC .seatWrap .seatCont .leftBox:after{background-image:url(/world/commonY16/img/logo_business_square.svg);}
.classPY .seatWrap .seatCont .leftBox:after{background-image:url(/world/commonY16/img/logo_premium_square.svg);}
.classY .seatWrap .seatCont .leftBox:after{background-image:url(/world/commonY16/img/logo_economy_square.svg);}

/* Section6 */
.bnrArea li{margin-top:25px;}
.bnrArea li:first-child{margin-top:0px;}

/* 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); }
.recommend_btn_wrap p{width:100%;}
.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;}
.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;}

/* clearfix */
.cf:before,.cf:after{content:" ";display: table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

/* layout */
.floatL{float:left;}
.floatR{float:right;}
.alL{text-align:left!important;}
.alC{text-align:center!important;}
.alR{text-align:right!important;}
.vaT{vertical-align:top!important;}
.vaM{vertical-align:middle!important;}
.vaB{vertical-align:bottom!important;}

/* display hide */
.disNon{display:none!important;}
.disBlo{display:block!important;}
.disInl{display:inline!important;}
.disInB{display:inline-block!important;}
.disTbl{display:table;width:100%;}
.disTbc{display:table-cell;vertical-align:middle;}
.visHid{visibility:hidden!important;}
.visVis{visibility:visible!important;}
.hide{position:absolute;width:0;height:0;overflow:hidden;}
/* width */
.wid120{width:120px!important;}
.wid385{width:385px!important;}
.wid405{width:405px!important;}
.wid456{width:456px!important;}
.wid460{width:460px!important;}
.wid591{width:591px!important;}
.wid1P{width:1%!important;}.wid2P{width:2%!important;}.wid3P{width:3%!important;}.wid4P{width:4%!important;}.wid5P{width:5%!important;}.wid6P{width:6%!important;}.wid7P{width:7%!important;}.wid8P{width:8%!important;}.wid9P{width:9%!important;}.wid10P{width:10%!important;}.wid11P{width:11%!important;}.wid12P{width:12%!important;}.wid13P{width:13%!important;}.wid14P{width:14%!important;}.wid15P{width:15%!important;}.wid16P{width:16%!important;}.wid17P{width:17%!important;}.wid18P{width:18%!important;}.wid19P{width:19%!important;}.wid20P{width:20%!important;}.wid21P{width:21%!important;}.wid22P{width:22%!important;}.wid23P{width:23%!important;}.wid24P{width:24%!important;}.wid25P{width:25%!important;}.wid26P{width:26%!important;}.wid27P{width:27%!important;}.wid28P{width:28%!important;}.wid29P{width:29%!important;}.wid30P{width:30%!important;}.wid31P{width:31%!important;}.wid32P{width:32%!important;}.wid33P{width:33%!important;}.wid34P{width:34%!important;}.wid35P{width:35%!important;}.wid36P{width:36%!important;}.wid37P{width:37%!important;}.wid38P{width:38%!important;}.wid39P{width:39%!important;}.wid40P{width:40%!important;}.wid41P{width:41%!important;}.wid42P{width:42%!important;}.wid43P{width:43%!important;}.wid44P{width:44%!important;}.wid45P{width:45%!important;}.wid46P{width:46%!important;}.wid47P{width:47%!important;}.wid48P{width:48%!important;}.wid49P{width:49%!important;}.wid50P{width:50%!important;}.wid51P{width:51%!important;}.wid52P{width:52%!important;}.wid53P{width:53%!important;}.wid54P{width:54%!important;}.wid55P{width:55%!important;}.wid56P{width:56%!important;}.wid57P{width:57%!important;}.wid58P{width:58%!important;}.wid59P{width:59%!important;}.wid60P{width:60%!important;}.wid61P{width:61%!important;}.wid62P{width:62%!important;}.wid63P{width:63%!important;}.wid64P{width:64%!important;}.wid65P{width:65%!important;}.wid66P{width:66%!important;}.wid67P{width:67%!important;}.wid68P{width:68%!important;}.wid69P{width:69%!important;}.wid70P{width:70%!important;}.wid71P{width:71%!important;}.wid72P{width:72%!important;}.wid73P{width:73%!important;}.wid74P{width:74%!important;}.wid75P{width:75%!important;}.wid76P{width:76%!important;}.wid77P{width:77%!important;}.wid78P{width:78%!important;}.wid79P{width:79%!important;}.wid80P{width:80%!important;}.wid81P{width:81%!important;}.wid82P{width:82%!important;}.wid83P{width:83%!important;}.wid84P{width:84%!important;}.wid85P{width:85%!important;}.wid86P{width:86%!important;}.wid87P{width:87%!important;}.wid88P{width:88%!important;}.wid89P{width:89%!important;}.wid90P{width:90%!important;}.wid91P{width:91%!important;}.wid92P{width:92%!important;}.wid93P{width:93%!important;}.wid94P{width:94%!important;}.wid95P{width:95%!important;}.wid96P{width:96%!important;}.wid97P{width:97%!important;}.wid98P{width:98%!important;}.wid99P{width:99%!important;}.wid100P{width:100%!important;}
/* text */
.nowrap{white-space:nowrap !important;}
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.textBox01{border:solid 1px #9f9f9f; padding:10px;}
.fs12{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fcWH{color:#fff !important;}
.fcRD{color:#cc0000 !important;}
.fcRD02{color:#990000 !important;}
.fcBK{color:#333 !important;}
.fcGY{color:#999 !important;}
.lH38{line-height:38px;}

/* margin top0-100, right0-30, bottom0, left0-30 */
.mgt0{margin-top:0px!important;}.mgt5{margin-top:5px!important;}.mgt10{margin-top:10px!important;}.mgt15{margin-top:15px!important;}.mgt20{margin-top:20px!important;}.mgt25{margin-top:25px!important;}.mgt30{margin-top:30px!important;}.mgt35{margin-top:35px!important;}.mgt40{margin-top:40px!important;}.mgt45{margin-top:45px!important;}.mgt50{margin-top:50px!important;}.mgt55{margin-top:55px!important;}.mgt60{margin-top:60px!important;}.mgt65{margin-top:65px!important;}.mgt70{margin-top:70px!important;}.mgt75{margin-top:75px!important;}.mgt80{margin-top:80px!important;}.mgt85{margin-top:85px!important;}.mgt90{margin-top:90px!important;}.mgt95{margin-top:95px!important;}.mgt100{margin-top:100px!important;}.mgr0{margin-right:0px!important;}.mgr5{margin-right:5px!important;}.mgr10{margin-right:10px!important;}.mgr15{margin-right:15px!important;}.mgr20{margin-right:20px!important;}.mgr25{margin-right:25px!important;}.mgr30{margin-right:30px!important;}.mgb0{margin-bottom:0!important;}.mgl0{margin-left:0px!important;}.mgl5{margin-left:5px!important;}.mgl10{margin-left:10px!important;}.mgl15{margin-left:15px!important;}.mgl20{margin-left:20px!important;}.mgl25{margin-left:25px!important;}.mgl30{margin-left:30px!important;}
/* padding all0-50 */
.pdt0{padding-top:0px!important;}.pdt5{padding-top:5px!important;}.pdt10{padding-top:10px!important;}.pdt15{padding-top:15px!important;}.pdt20{padding-top:20px!important;}.pdt25{padding-top:25px!important;}.pdt30{padding-top:30px!important;}.pdt35{padding-top:35px!important;}.pdt40{padding-top:40px!important;}.pdt45{padding-top:45px!important;}.pdt50{padding-top:50px!important;}.pdr0{padding-right:0px!important;}.pdr5{padding-right:5px!important;}.pdr10{padding-right:10px!important;}.pdr15{padding-right:15px!important;}.pdr20{padding-right:20px!important;}.pdr25{padding-right:25px!important;}.pdr30{padding-right:30px!important;}.pdr35{padding-right:35px!important;}.pdr40{padding-right:40px!important;}.pdr45{padding-right:45px!important;}.pdr50{padding-right:50px!important;}.pdb0{padding-bottom:0px!important;}.pdb5{padding-bottom:5px!important;}.pdb10{padding-bottom:10px!important;}.pdb15{padding-bottom:15px!important;}.pdb20{padding-bottom:20px!important;}.pdb25{padding-bottom:25px!important;}.pdb30{padding-bottom:30px!important;}.pdb35{padding-bottom:35px!important;}.pdb40{padding-bottom:40px!important;}.pdb45{padding-bottom:45px!important;}.pdb50{padding-bottom:50px!important;}.pdl0{padding-left:0px!important;}.pdl5{padding-left:5px!important;}.pdl10{padding-left:10px!important;}.pdl15{padding-left:15px!important;}.pdl20{padding-left:20px!important;}.pdl25{padding-left:25px!important;}.pdl30{padding-left:30px!important;}.pdl35{padding-left:35px!important;}.pdl40{padding-left:40px!important;}.pdl45{padding-left:45px!important;}.pdl50{padding-left:50px!important;}
.pd10{padding:10px!important;}.pd20{padding:20px!important;}.pd30{padding:30px!important;}

.skyTrax{background-color: #222350;}
.skyTrax > .inr {width: 86%;margin: 0 auto;padding: 10px 0;display: table;}
.skyTrax .traxLogo {width: 110px;text-align: center;display: table-cell;vertical-align: top;}
.skyTrax .traxLogo > img {width: 100px;height: auto;}
.skyTrax .traxTxt {display: table-cell;color: #fff;padding-left: 10px;}
.skyTrax .traxTxt dl {color: #fff;}
.skyTrax .traxTxt dt {color: #fff;font-size: 17px;font-weight: bold;}
.skyTrax .traxTxt dd {color: #fff;padding-top: 10px;font-size: 12px;line-height: 1.3;}
.skyTrax .traxTxt a.btnBK{border: 1px solid #fff;display: inline-block;padding: 7px 10px;font-size: 14px;color: #fff;margin-top: 10px;position: relative;}
.skyTrax .traxTxt .icon.icon_links_other_WH {color: #fff;padding-right: 16px;font-weight: bold;position: relative;}

.skyTrax .traxTxt .icon.icon_links_other_WH::after {
content: "";
display: block;
width: 6px;
height: 10px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(/ukl/en/japanflight/img/skytrax_btn_arw.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 6px 10px;
}