@charset "utf-8";
/* common */
#content img{vertical-align:bottom;}
#content a{transition:opacity 0.1s linear;}
#content a:hover{opacity:0.7;}
img[src$=".svg"]{width:100%;}
.pcNon{display:none !important;}

.recommend_btn_wrap, .spGallery{display:none !important;}
.contInr{width:100%; max-width:950px; padding:90px 0; margin:0 auto;}
.heading{font-size:52px; font-weight:bold; text-align:center;}
.subHead{font-size:24px; font-weight:bold; text-align:center;}
.subHead > span{font-size:32px;}
.clm3_1 .col{background:#fff; width:300px; float:left; min-height:20px; margin-left:25px;}
.clm3_1 .col:first-child{margin-left:0px;}
.clm3_1 .col:nth-child(4){margin-left:0px;}
.clm3_1 .col > .inr{padding:25px 20px;}
.priceSet .inr > dl > dt{font-size:16px;}
.priceSet .inr > dl > dd{color:#cc0000; font-size:24px; font-weight:bold;}
.priceSet .inr > dl > dd span{font-size:32px;}
.priceSet .col span > img{width:100%;}

/* Section main */
.secMain{background:url(/frl/fr/japanflight/img/bg_mainvis.jpg) top center no-repeat; min-height:240px;}
.secMain .inr{width:100%; max-width:950px; padding-bottom:20px; margin:0 auto;}
.secMain .inr .mainHead{display:inline-block; background:#cc0000; color:#fff; font-size:14px; font-weight:bold; padding:4px 10px 6px 10px;}
.secMain .inr *{color:#fff;}
.fareHead{font-size:26px; width:475px; padding-top:15px;}
.fareList{width:475px; margin:10px 0 10px 0;}
.fareList dt, .fareList dd{font-size:16px; float:left; margin-bottom:3px;}
.fareList dt{width:215px;}
.fareList dd{width:255px;}
.fareList dd > span{padding-right:15px;}
.secMain .inr .mainTxt{width:474px;}
.secMain .inr .mainTxt .note{font-size:10px; margin-top:12px;}

/* module */
.moduleWrap .contInr{padding:35px 0 45px 0;}

/* Section02 */
.sec02{background:#f4f4f4;}
.sec02 .contInr{padding-top:50px;}
.sec02 .clm3_1{margin-top:40px;}
.sec02 .clm3_1 .col > .inr{padding:10px 20px;}

/* Section03 */
.sec03{background:url(/frl/fr/japanflight/img/bg_latest_tyo.jpg) center bottom no-repeat; background-size:cover;}
.sec03 .heading{color:#fff;}
.sec03 .clm3_1{margin-top:40px;}

/* Section04 */
.scheduleList{margin-top:60px;}
.scheduleList .tblHead{background:#af0000; color:#fff; font-size:20px; font-weight:bold; text-align:center; padding:10px;}
.scheduleList > table{width:100%;}
.scheduleList > table tr{background-color:#f4f4f4;}
.scheduleList > table tr:nth-child(even){background-color:#e4e4e4;}
.scheduleList > table th, .scheduleList > table td{font-size:16px; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.3; padding:10px 0;}
.scheduleList > table th{background:#333; color:#fff; width:20%;}
.scheduleList > table tr td:first-child{text-align:left; padding-left:40px;}
.scheduleList > table tr td:nth-child(6){position:relative; padding-right:20px;}
.scheduleList > table tr td:nth-child(6):after{display:block; content:""; background:url(/world/commonY16/img/icon_flight_arrow.svg) 0 0 no-repeat; background-size:27px 27px; width:27px; height:27px; position:absolute; top:50%; right:-16px; transform:translateY(-50%);}
.scheduleList > table tr td:nth-child(8){padding-left:25px;}
.scheduleList > table tbody tr th{display:none;}
.scheduleList .newIcn{display:inline-block; background:#af0000; color:#fff; font-size:14px; padding:2px 5px; margin-right:5px;}
.scheduleList .classList{font-size:0px; text-align:center;}
.scheduleList .classList li{display:inline; padding-left:5px;}
.scheduleList .classList li:first-child{padding-left:0px;}
.scheduleList .classList li img{width:38px; height:38px;}

/* Section05 */
.sec05{background:#f4f4f4;}
.seatBox{margin-top: 55px;}
.seatBox .seatTabs{letter-spacing: -0.4em;}
.seatBox .seatTabs li{letter-spacing: normal; vertical-align:bottom; display: inline-block; width:233px; margin-left:6px;}
.seatBox .seatTabs li:first-child{margin-left: 0;}
.seatBox .seatTabs li a{display:table; position:relative; height:75px; font-size:16px; background-image: url(/frl/fr/japanflight/img/tab_sprite.png); width: 233px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.seatBox .seatTabs li a > span{display: table-cell;vertical-align:middle;padding-left: 65px;line-height:1.25;}
#content .seatBox .seatTabs li a:hover{opacity:1; text-decoration:none;}
.seatBox .seatTabs li a.tabF{ background-position:0 0;}
.seatBox .seatTabs li a.tabF:before{display:block; content:""; background:url(/world/commonY16/img/logo_first_square.svg) 0 0 no-repeat; background-size:40px 40px; width:40px; height:40px; position:absolute; top:20px; left:15px;}
.seatBox .seatTabs li.current a.tabF, .seatBox .seatTabs li a.tabF:hover{background-position:0 -75px;}
.seatBox .seatTabs li a.tabC{background-position:-239px 0px;}
.seatBox .seatTabs li.current a.tabC, .seatBox .seatTabs li a.tabC:hover{background-position:-239px -75px;}
.seatBox .seatTabs li a.tabC:before{display:block; content:""; background:url(/world/commonY16/img/logo_business_square.svg) 0 0 no-repeat; background-size:40px 40px; width:40px; height:40px; position:absolute; top:20px; left:15px;;}
.seatBox .seatTabs li a.tabPY{ background-position:470px 0;}
.seatBox .seatTabs li.current a.tabPY, .seatBox .seatTabs li a.tabPY:hover{background-position:470px -75px;}
.seatBox .seatTabs li a.tabPY:before{display:block; content:""; background:url(/world/commonY16/img/logo_premium_square.svg) 0 0 no-repeat; background-size:40px 40px; width:40px; height:40px; position:absolute; top:20px; left:15px;}
.seatBox .seatTabs li a.tabY{ background-position:233px 0;}
.seatBox .seatTabs li.current a.tabY, .seatBox .seatTabs li a.tabY:hover{background-position:233px -75px;}
.seatBox .seatTabs li a.tabY:before{display:block; content:""; background:url(/world/commonY16/img/logo_economy_square.svg) 0 0 no-repeat; background-size:40px 40px; width:40px; height:40px; position:absolute; top:20px; left:15px;}


.seatWrap{background:#fff; padding:30px;}
.seatWrap .seatHead .head{font-size:32px; font-weight:normal;}
.seatWrap .seatCont{margin-top:30px;}
.seatWrap .seatCont .leftBox{position:relative; float:left; width:460px;}
.seatWrap .seatCont .leftBox:after{display:block; content:""; background-repeat:no-repeat; background-position:0 0; background-size:68px 68px; width:68px; height:68px; 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);}
.seatWrap .seatCont .rightBox{float:right; width:406px;}
.seatWrap .seatCont .rightBox .featureList{min-height:250px;}
.classY .seatWrap .seatCont .rightBox .featureList{min-height:270px;}
.seatWrap .seatCont .rightBox .featureList dt{font-size:16px; font-weight:bold; margin-top:15px;}
.seatWrap .seatCont .rightBox .featureList dt:first-child{margin-top:0px;}
.seatWrap .sleepCont{margin-top:25px;}
.seatWrap .sleepCont .txtBox{float:left; width:650px;}
.seatWrap .sleepCont .imgBox{float:right; width:200px;}
.classC .seatWrap .sleepCont .txtBox{float:left; width:490px;}
.classC .seatWrap .sleepCont .imgBox{float:right; width:360px;}

/* Section6 */
.bnrArea li{width:460px;}
.bnrArea li:first-child{float:left;}
.bnrArea li:nth-child(odd){float:left;}
.bnrArea li:nth-child(even){float:right;}








/* 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;}



/* Sky Trax bnr */

.skyTrax{background-color: #222350;}
.skyTrax .inr{width: 950px;margin: 0 auto;display: table;padding: 10px 0;}
.traxLogo{width: 200px;display: table-cell;vertical-align: top;text-align: center;}
.traxLogo > img{width: 150px;height: auto;}
.traxTxt{color: #fff;display: table-cell;vertical-align: middle;}
.traxTxt > dl > dt{font-size: 24px;font-weight: bold;line-height: 1.2;}
.traxTxt > dl > dd{margin-top: 10px;font-size: 18px;line-height: 1.2;}
.traxTxt > dl > dd a.btnBK{line-height: 1;padding: 7px 10px;font-size: 14px;border: 1px solid #fff;background-color: transparent !important; margin-top:15px;}
.traxTxt > dl > dd a.btnBK > span.icon.icon_links_other_WH{width:inherit;height:inherit;padding-left:16px;text-indent:inherit;}