@charset "utf-8";
/* CSS Document */
a:focus{outline:2px solid #cc0000; outline-offset:2px;}
select::-ms-expand{display: none;}
input[type="radio"]{display:inline !important;}
input[type="radio"]:focus{outline:2px solid #cc0000; outline-offset:1px;}
select{font-size:100% !important;}

/* mainVis */
.mainVis{background:url(/world/japan_explorer_pass/common/en/img/bg_main_jep.png) top center no-repeat; padding:8px 55px 10px 30px; margin-top:30px;}
.mainVis .mainImg[aria-hidden="true"]{display:none;}
.mainVis .mainInr{display:table; width:100%; height:266px;}
.mainVis .mainInr .headTtl{display:table-cell; text-align:center; vertical-align:middle; width:211px; height:100%;}
.mainVis .mainInr .fareArea{display:table-cell; vertical-align:middle; width:217px; height:100%; padding:0 10px 0 15px;}
.mainVis .mainInr .fareArea li{font-weight:bold; letter-spacing:-1px; color:#cc0000; font-size:22px; margin-top:8px; display: flex; align-items: flex-end; text-align: center;}
.mainVis .mainInr .fareArea li:lang(th) {font-size: 20px;}
.mainVis .mainInr .fareArea li:first-child{margin-top:0px;}
.mainVis .mainInr .fareArea li > span{font-size:52px; margin: 0 0 -5px;}
.mainVis .mainInr .fareArea li .noteTxt{color:#cc0000; font-size:18px; font-weight:normal; text-align:center; line-height:1;}
.mainVis .mainInr .spfareArea{display:table-cell; position:relative;}
.mainVis .mainInr .spfareArea .spPrice{background-color:rgba(204,0,0,0.7); width:190px; position:absolute; right:-55px; bottom:40px; padding:10px 10px 15px 15px;}
.mainVis .mainInr .spfareArea .spPrice dt{color:#fff; font-size:20px; font-weight:bold; line-height:1.3;}
.mainVis .mainInr .spfareArea .spPrice dd{color:#fff; font-size:16px; line-height:1.3;}

/* module */
.radioList li .formWrap .depArrButton{opacity:1 !important; z-index: -1 !important;}
.ticketModule_AMD{border: 5px solid #cc0000;}
.ticketModule_AMD .flightSelectFormBlockA01{padding:43px 35px 10px;}
.flightSelectFormBlockA01 h3{border-bottom: 2px solid #cc0000; font-size:1.36rem; padding: 0 0 20px 0; margin:0 0 8px 10px;}
.ticketModule_AMD dt, .ticketModule_AMD dd{ background-color: #fff !important;border:none !important;overflow:hidden;padding:2px 0px 8px 8px;font-weight:bold;text-align:left;}
.DepatureCity,.ArrivalCity, .BoardingDate,.TitleSelect,.FieldNumber,.ArrivalSelect{*background-image:none !important; *background-color:#fff !important;}
div.actionBlockA01{width:100% !important;}
.ticketModule_AMD .outline {background:#e5e5e5;text-align:center;width:auto !important;height:105px; margin-top:10px;}
.ticketModule_AMD .outline table{width:105px;margin:28px auto 0;}
.ticketModule_AMD .outline table tr td{padding:0 !important;}
.ticketModule_AMD .outline input[type="button"]{background:url(/world/japan_explorer_pass/common/en/img/icon_arwY15_white.gif) 20px 21px no-repeat #cc0000; font-size:18px; line-height:1; width:220px; height:50px; text-align:center; vertical-align:middle; color:#fff; border:none;}
.ticketModule_AMD .outline input[type="button"]:focus{outline:2px dotted #cc0000;}
.ticketModule_AMD .selectionBlock03{border-bottom:none !important;}
.ticketModule_AMD input[type="text"] {border:none !important; background-color: #f5f5f5 ; border-bottom: 1px solid #cccccc !important; line-height:1; height:18px; padding:11px 8px;}
.ticketModule_AMD select {-webkit-appearance: none; -moz-appearance: none; appearance: none; width:100% !important; overflow:hidden; border-top:none !important; border-left:none !important; border-right:none !important; background: transparent; border-bottom: 1px solid #cccccc !important; font-size: 115%; height:40px; padding:8px 0 11px 8px; vertical-align:middle;}
.ticketModule_AMD select{*width:100% !important; *height:100% !important; *background-color:#f5f5f5 !important;}
.ticketModule_AMD .btnRD{border:0px; width:220px; text-align:center; font-size:18px; height:50px; vertical-align:middle; font-weight:normal; line-height:1; padding:9px 20px 11px}
.ticketModule_AMD .btnRD:hover,
.ticketModule_AMD .btnRD:focus{background-color:#AD4242 !important; cursor:pointer;}
.ticketModule_AMD .btnRD.iconOtherImg img{padding-right:10px;}
td span, dd span{display:inline-block;*display:inline;*zoom:1;/*overflow:hidden;*/vertical-align:middle;}
dd img{vertical-align:middle;}
.DepatureCity,.ArrivalCity{width:195px !important; margin-right:15px !important; background-position:176px 17px;}
.DepatureCity,.ArrivalCity,
.BoardingDate,.TitleSelect,.FieldNumber{
background-image:url(/world/japan_explorer_pass/common/en/img/icon_planselectY15_001.gif); background-repeat:no-repeat; background-color:#f5f5f5; height:40px; line-height:40px; vertical-align:middle;}
.BoardingDate{width:80px; margin-right:1px; background-position:90% 14px;}
.readOnly{background-color:#ddd !important; color:#565656 !important; background-image:url(/world/japan_explorer_pass/common/en/img/icon_planselectY15_002.gif) !important; background-repeat: no-repeat !important; background-position:83% 50% !important;}
.disTbl{display:table; width:auto;}
#JS_childrenBlock, .displayNone{display:none;}
#JS_childrenBlock{ border-top:1px #999 solid; padding-top:20px; margin-top:20px;}
#JS_contents {width:100%; max-width:940px;}
img.reqmark {margin-right: 5px;}
.ticketModule_AMD{border: 5px solid #cc0000;}
.ticketModule_AMD .Departure-Arrival_point dl{width:38%; float:left;}
.ticketModule_AMD .DepatureCity_rtow, .ticketModule_AMD .ArrivalCity_rtow{width: 100% !important; margin-right:0 !important; background-position: 97% 17px !important;}
.ticketModule_AMD .airportSelection{margin-top:15px;}
.ticketModule_AMD .airportNo {margin-right: 5px !important;}
.ticketModule_AMD .calendar_box {margin-right: 0px !important;}
.ticketModule_AMD .thirdTab .calendar_box{margin-right:0px !important;}
.ticketModule_AMD .calendar{display:inline-block; cursor:pointer; padding:9px 115px 9px 15px;}
.ticketModule_AMD .thirdTab .calendar{padding:7px 10px; margin-left:6px; margin-right:1px;}
.ticketModule_AMD .date{border:1px solid #ccc; width:314px; float:left; padding:2px 1px 2px 0px;}
.ticketModule_AMD .thirdTab .date{width:215px;}
.ticketModule_AMD .date select{height:34px; line-height:34px; padding:0px 0 0px 8px;}
.ticketModule_AMD .date .BoardingDate{height:34px; line-height:34px;}
.ticketModule_AMD .timeList {float: left; padding-left: 6px; margin-top:3px;}
.ticketModule_AMD .readWrite{border-bottom:0px !important;}
td input[type="radio"], dd input[type="radio"]{display:inline-block; clear:left; float:left; margin-top:3px;}
td input[type="radio"]+label, dd input[type="radio"]+label{display:inline-block; float:left;}
.numofmems > dl{display:table; float:left;}
.numofmems > dl > dt, .numofmems > dl > dd{display:table-cell; vertical-align:middle;}
.FieldNumber{width:75px; margin-left:0px; background-position:54px 17px;}
.formButton{padding-top:28px;}
.noteText{margin-left:10px; color:#cc0000;}
.atteText{padding-left:10px;}
.errorArea{margin: 0 0 43px 0; padding:30px; background-color:#444444; font-weight: bold; display:none;}
.errorArea.block{display:block;}
.flightSelectFormBlockA01 .errorArea h3{margin:0 0 15px 0; border:none !important; background:none !important; font-size:120% !important; padding-bottom:0px !important; color: #ffffff;}
.flightSelectFormError01 li:before{content:""; display:block; width:4px; height:4px; background:#ffffff; border-radius:10px; position:absolute; top:7px; left:0;}
.flightSelectFormError01 li{position:relative; padding-left:10px; line-height: 1.5; color: #ffffff;}
.flightSelectFormError01 ul{padding-left: 35px;}
.TitleSelect{width:75px; margin-right:20px; background-position:56px 17px;}
.NameWrap{margin-right:20px;}
.NameWrap > input[type="text"]{width:285px; margin:0;}
.ArrivalSelect{margin-right:20px; background-color:#f5f5f5;}
.ArrivalSelect input[type="text"]{width:65px;}
.FlightNumber{margin-right:20px;}
.FlightNumber input[type="text"]{width:85px;}
.TicketNumber{margin-right:20px;}
.TicketNumber input[type="text"]{width:205px;}
.NumberInformation{margin-left:20px;}
.NumberInformation input[type="text"]{width:250px;}
div.flightSelectFormBlockA01 p{margin-bottom:0;}
div.openOption{margin:4px 0 0 14px;}
div.openOption p{padding-top:4px;}

table.selectionBlock03 td{padding:10px 5px; border-color:#939393 #939393 #939393 #edeeee; border-style:solid; border-width:0 1px; vertical-align:top;}
table.selectionBlock03 td.pseudo-firsrtChild{border-left:1px solid #d6d6d6;}
table.selectionBlock03 td.pseudo-lastChild{border-right:1px solid #939393;}
.airportSelection-inner{margin-right:20px;}
.ticketModule_AMD table tr td{height:40px;}

.selectionBlock03 input[type="radio"]{display:inline-block; clear:left; float:left; margin-top:3px;}
.selectionBlock03 input[type="radio"]+label{display:inline-block; float:left; font-weight:bold;}
.selectionBlock03{width:100%;}
.airportSelection .head{display:table-cell; vertical-align:bottom; /*width:85px;*/ padding:0 0 13px 0;}
.airportSelection .airportBlock03{display:table-cell; vertical-align:bottom; width:620px !important;}
.airportSelection .airportBlock03 > div{float:left; width:33%;}
.noonBlock{display:table-cell; vertical-align:bottom; width:145px;}
.ticketModule_AMD .thirdTab .noonBlock{padding-left:5px;}
.selectionBlock03 dd{padding-bottom:0px;}
.pseudo-firsrtChild > div .airportBlock03 dt{font-size:0px; overflow:hidden; text-indent:-999px;}
.pseudo-firsrtChild > div:first-child .airportBlock03 dt{font-size:14px; text-indent:0px;}
.head_main_new{position:relative; height:200px;}
.head_main_new .farePrice{position: absolute; right: 20px; bottom: 0; width: 585px; margin: auto;}
.head_main_new .farePrice .priceList{letter-spacing: -0.4em; height: 90px;}
.head_main_new .farePrice .priceList li{display: inline-block; letter-spacing: normal; text-align:left; position: relative; line-height:90px; height: 90px;}
.head_main_new .farePrice .priceList li.fare01{width: 180px;}
.head_main_new .farePrice .priceList li.fare02{width: 210px;}
.head_main_new .farePrice .priceList li.fare03{width: 185px;}
.head_main_new .farePrice .priceList li .routeFare{display: inline-block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 24px; width: 30px; margin-right: 4px; font-size: 16px; color: #fff; font-weight: bold; margin-top: 45px;}
.head_main_new .farePrice .priceList li .price{font-size: 62px; color: #fff; font-weight: bold; vertical-align: middle; vertical-align: top;}
.head_main_new .farePrice .priceList li .roundTxt{display: inline-block; margin:0 10px; padding: 5px; background: #fff; color: #cc0000; font-size: 25px; font-weight: bold; vertical-align: middle; line-height: 1; -webkit-border-radius:28px; border-radius:28px; position: absolute; right: 0; top: 32px;}
.txtElbow{-webkit-transform: scale(0.8, 1.1); transform: scale(0.8, 1.1); -webkit-transform-origin: top left; transform-origin: top left; display: inline-block; position: absolute; top:0;}
.leadTxt{text-align: center; color: #fff; font-weight: bold; font-size: 22px; margin-top: 15px;}
.head_Text{ color: #fff; font-size: 22px; font-weight: bold; position: absolute; bottom:27px; width: 475px; -webkit-transform: scale(0.7, 1.2); transform: scale(0.7, 1.2); -webkit-transform-origin: top left; transform-origin: top left; text-align:center;}
.radioList{display: table;width: auto;margin:17px 0 0 10px;}
.radioList li{display: table-cell;height: 22px;vertical-align: middle;}
.radioList li.radioRound{/*width: 105px;*/ padding-right:5px;}
.radioList li.radioOne{/*width: 96px;*/ padding-right:5px;}
.radioList li.radioMulti{/*width: 95px;*/padding-left: 15px;position: relative;}
.radioList li.radioMulti:before{content:"";width: 1px;height: 14px;position: absolute;top: 5px;left: 0;background-color: #c00;}
.radioList li .formWrap{display: inline-block;margin-right: 8px;position: relative;}
.radioList li .formWrap .depArrButton{opacity: 0;position: absolute;z-index: 3;top:4px;left: 0;}
.radioList li .formWrap > .depArrButton + .radioStyle{padding-left: 21px;line-height: 22px;display:inline-block;vertical-align: middle;}
/* clearfix */
.cf:before,.cf:after{content:" ";display: table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
.mgt0{margin-top:0 !important;}
.mgt10 {margin-top: 10px !important;}
.mgt20{margin-top: 20px !important;}
.mgt25{margin-top: 25px !important;}
.pdt10{padding-top: 10px !important;}
.pdl20{padding-left: 20px !important;}
.pdl12 { padding-left: 12px }
.pdl30{padding-left:30px !important;}
.normal-weight{font-weight: normal;}
.txtNormal { font-weight: normal }
.fs16 { font-size: 130% }
.alR{text-align:right !important;}
.vaT {vertical-align: top;}