body{height:100%;width:100%}.left{float:left}.right{float:right}.clear{clear:both}.center{margin-left:auto;margin-right:auto}.t_left{text-align:left}.t_center{text-align:center}.t_right{text-align:right}.block{display:block}.none{display:none}.inline{display:inline}.relative{position:relative}.cursor{cursor:default}.pointer{cursor:pointer}#search-area form{display:flex;flex-wrap:wrap;flex-grow:1;position:relative;padding:32px 28px;background-color:#F2F2F2}#search-area form select{height:40px;padding-left:10px;padding-right:25px;font-size:14px;border:1px solid #ccc;border-radius:4px}#search-area form input[type=text]{flex-grow:1;margin:0;padding:3px 10px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}#search-area form input[type=submit]{-webkit-appearance:none;display:inline-block;width:150px;height:40px;border:0px;border-radius:4px;background-color:#f19200;font-size:16px;font-weight:bold;color:#fff;cursor:pointer}#search-area form input[type=submit]:hover{background-color:#ffb02c}#search-area form .condition-item>dt{display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:10px;margin-right:10px;min-width:60px;box-sizing:border-box;font-size:14px;font-weight:bold}#search-area form .accident-rail-container .accident-rail{padding:6px 12px;margin:0 0 12px;border:1px solid #F0b432;border-radius:6px;background:#fffaef}#search-area form .place-container{display:flex;width:100%;margin:10px 0}#search-area form .place-container .orv-condition dt{background-color:#3E78B3;color:#fff}#search-area form .place-container .dnv-condition dt{background-color:#B35092;color:#fff}#search-area form .place-container .orv-condition,#search-area form .place-container .dnv-condition{display:flex;justify-content:space-between;align-content:center;flex:1;width:270px}#search-area form .place-container .orv-condition dd,#search-area form .place-container .dnv-condition dd{width:245px;height:40px}#search-area form .place-container .orv-condition dd input[type=text],#search-area form .place-container .dnv-condition dd input[type=text]{width:100%}#search-area form .place-container .input-change{display:flex;justify-content:center;align-items:center;width:50px;cursor:pointer}#search-area form .thr-place-container{display:flex;align-items:center;padding:10px 0}#search-area form .thr-place-container .condition-item{display:flex;align-items:center}#search-area form .thr-place-container .condition-item>dt{display:flex;justify-content:center;align-items:center;padding:10px;margin-right:10px;background-color:#555;font-size:14px;font-weight:bold;color:#fff}#search-area form .thr-place-container .condition-item>dd{display:flex;align-items:center;position:relative}#search-area form .thr-place-container .condition-item>dd+dd{margin-left:6px}#search-area form .thr-place-container .condition-item .cancel-button{display:inline-block;position:absolute;right:8px;width:15px;height:15px;background:url(../../img/transfer/new/img_transfer_cancel.png) center center/15px 15px no-repeat;cursor:pointer}#search-area form .thr-place-container .condition-item .cancel-button:hover{background:url(../../img/transfer/new/img_transfer_cancel_pressed.png) center center/15px 15px no-repeat}#search-area form .thr-place-container input[type=text]{width:200px}#search-area form .thr-place-container input[type=text]#th2-station-name,#search-area form .thr-place-container input[type=text]#th3-station-name{padding:3px 30px 3px 10px}#search-area form .thr-place-container .add-thr{margin-left:10px;color:#08C;cursor:pointer}#search-area form .date-condition{display:flex;width:100%;margin:10px 0}#search-area form .date-condition #datepicker{width:130px}#search-area form .date-condition #calendar-link{padding-left:20px;background:url('../../img/common/icon/icon_calender.png?1514180548') center left no-repeat}#search-area form .time-condition{display:flex;width:50%;margin:10px 0}#search-area form .time-condition #hour,#search-area form .time-condition #minute{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../../img/bus/icon/select.png?1559889012') #fff center right 10px no-repeat}#search-area form .time-condition #hour::-ms-expand,#search-area form .time-condition #minute::-ms-expand{display:none}#search-area form .time-condition .set-now{padding:5px;border-radius:4px;border:1px solid #ccc;background-color:#fff;cursor:pointer}#search-area form .basis-condition{display:flex;justify-content:center;align-items:center;width:50%;margin:10px 0}#search-area form .basis-condition input[type=radio]{display:none}#search-area form .basis-condition input[type=radio]+label{padding:5px 15px;font-size:14px;font-weight:bold;background-color:#fff}#search-area form .basis-condition input[type=radio]:checked+label{color:#fff;background-color:#3c8cdc}#search-area form .basis-condition li label{border:1px solid #ccc}#search-area form .basis-condition li+li label{border-left:none}#search-area form .basis-condition li:first-of-type label{border-radius:4px 0 0 4px}#search-area form .basis-condition li:last-of-type label{border-radius:0 4px 4px 0}#search-area form .detail-control-area{display:flex;flex-direction:column;align-items:center;width:100%}#search-area form .detail-control-area li{padding:5px;display:none;text-align:center}#search-area form .detail-control-area li.active{display:block}#search-area form .detail-control-area li .deal-with-free-pass-message{margin-top:7px;color:#f06955}#search-area form .detail-container{display:none;width:100%}#search-area form .detail-container.active{display:block}#search-area form .detail-container>li+li{border-top:1px dashed #ccc}#search-area form .detail-container .free-pass-condition{display:flex;margin:10px 0}#search-area form .detail-container .free-pass-condition .free-pass-condition-title{display:flex;flex-flow:column;align-items:flex-start}#search-area form .detail-container .free-pass-condition .free-pass-condition-title .new-tag{color:#f06955;font-size:10px}#search-area form .detail-container .free-pass-condition #free-pass-select{margin:10px 0 0 -5px;padding-right:0;background-color:#fff;-webkit-appearance:menulist;appearance:menulist}#search-area form .detail-container .free-pass-condition .freepass-caution{color:#666;margin-top:5px}#search-area form .detail-container .free-pass-condition .freepass-caution_area{margin-top:9px}#search-area form .detail-container .free-pass-condition .freepass-caution_title{font-size:12px;position:relative;display:inline-block;cursor:pointer}#search-area form .detail-container .free-pass-condition .freepass-caution_title_icon{vertical-align:bottom}#search-area form .detail-container .free-pass-condition .freepass-caution_title .arrow{position:absolute;top:-5px;right:-30px}#search-area form .detail-container .free-pass-condition .freepass-caution_title .img-transfer-arrow_down{width:24px;height:24px;background:url('../../img/sp/transfer/top/arrow_down.png?1586236483') no-repeat center center/32px auto}#search-area form .detail-container .free-pass-condition .freepass-caution_detail{display:none;margin:17px 0 0 5px}#search-area form .detail-container .free-pass-condition .freepass-caution_detail_list{font-size:12px}#search-area form .detail-container .free-pass-condition .freepass-caution_detail_list_item{margin-bottom:8px}#search-area form .detail-container .free-pass-condition .freepass-caution_detail_list_item_list{margin-top:8px}#search-area form .detail-container .free-pass-condition .freepass-caution_detail_list_item_list li{margin-bottom:3px}#search-area form .detail-container .free-pass-condition .freepass-appeal{display:flex;align-items:center}#search-area form .detail-container .sort-condition,#search-area form .detail-container .wspeed-condition,#search-area form .detail-container .use-condition{display:flex;align-items:center;margin:10px 0;position:relative}#search-area form .detail-container .sort-condition>dd,#search-area form .detail-container .wspeed-condition>dd,#search-area form .detail-container .use-condition>dd{width:100%}#search-area form .detail-container .sort-condition>dd>ul,#search-area form .detail-container .wspeed-condition>dd>ul,#search-area form .detail-container .use-condition>dd>ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}#search-area form .detail-container .sort-condition>dd>ul>li,#search-area form .detail-container .wspeed-condition>dd>ul>li,#search-area form .detail-container .use-condition>dd>ul>li{display:flex;align-items:center;margin:3px 30px 3px 0}#search-area form .detail-container .sort-condition>dd>ul>li .locked,#search-area form .detail-container .wspeed-condition>dd>ul>li .locked,#search-area form .detail-container .use-condition>dd>ul>li .locked{display:flex}#search-area form .detail-container .sort-condition>dd>ul>li .locked::before,#search-area form .detail-container .wspeed-condition>dd>ul>li .locked::before,#search-area form .detail-container .use-condition>dd>ul>li .locked::before{content:'';background:url('../../img/common/locked.png?1586236483') center left/12px 14px no-repeat;width:12px;height:14px;margin-right:5px}#search-area form .detail-container .sort-condition .gradient-area,#search-area form .detail-container .wspeed-condition .gradient-area,#search-area form .detail-container .use-condition .gradient-area{height:100%;width:100%;position:absolute;top:0;background-image:linear-gradient(rgba(246,246,246,0.5),rgba(246,246,246,0.5));z-index:1}#search-area form .submit-container{display:flex;justify-content:center;width:100%;margin:10px 0}.history-area{display:flex;flex-wrap:wrap;width:100%}.history-area .sub-section-title{flex-grow:1;margin:5px 0;color:grey;font-weight:700;font-size:14px}.history-area .sub-section-option{margin:5px 0}.history-area .sub-section-option .no_login{display:flex}.history-area .sub-section-option .no_login::before{content:'';background:url('../../img/common/locked.png?1586236483') center left/12px 14px no-repeat;width:12px;height:14px;margin-right:5px}.history-area .sub-section-body{width:100%;padding:10px 15px;font-size:14px;background-color:#e9e9e9}.history-area .sub-section-body .list{padding:6px 0}.history-area .sub-section-body .list+.list{border-top:1px dotted #ccc}.history-area .sub-section-body .list .fromto-link{margin-left:10px}.history-area .sub-section-body .sample{padding:6px 0;color:#bfbfbf}.history-area .sub-section-body .sample .fromto-link{margin-left:10px}.history-area .sub-section-body #registed-list .transfer-history{padding:6px 0;border-bottom:1px solid #ccc}#staion-modal{position:absolute;display:none;flex-direction:column;border:1px solid #ccc;border-radius:4px;overflow:hidden;z-index:1}#staion-modal .title{padding:8px 5px;background-color:#979797;border-bottom:1px solid #ccc;font-size:16px;color:#fff}#staion-modal .item{display:flex;padding:8px 5px;background-color:#fff;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}#staion-modal .item:hover{background-color:#ccc;font-weight:bold}.ui-autocomplete{border:1px solid #ccc;border-radius:4px;overflow:hidden}.ui-autocomplete .ui-menu-item{padding:8px 5px;background-color:#fff;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body{background-color:#fff}.main_frame{position:relative;margin-top:0}.main_frame .crumb{padding-top:10px;margin-left:1px;font-size:12px;font-weight:bold}.main_frame .wrapper-content{display:flex}#left_pane{position:relative;margin-top:30px}#left_pane h1#title{padding:10px 0;border-top:3px solid #ccc;font-size:30px;font-weight:bold;line-height:1.2;color:#333}#left_pane h1#title::after{display:inline-block;position:absolute;top:0;left:0;width:223px;border-top:3px solid #3258a6;content:''}#left_pane .section{display:flex;align-items:center;flex-wrap:wrap}#left_pane .section-title{display:flex;justify-content:space-between;flex-grow:1;padding:8px 0;border-bottom:3px solid #ccc;font-size:16px;font-weight:bold}#left_pane .section-title .section-title-additional{align-self:flex-end;line-height:1;font-weight:normal}#left_pane .section-option{display:flex;align-items:center;padding:8px 0;border-bottom:3px solid #ccc}#left_pane .section-option a,#left_pane .section-option span{font-size:14px}#left_pane .section-option .realtime-icon{width:16px;margin:0 3px}#left_pane .section-body{width:100%}#left_pane .help-link-area{display:flex;justify-content:flex-end}#left_pane .help-link-area .help-link{display:flex;align-items:flex-end;margin:5px 0}#left_pane .help-link-area .help-link+.help-link{margin-left:10px;border-left:solid 1px #555;padding-left:10px}#left_pane .help-link-area .help-link.train-info{font-weight:bold}#left_pane .help-link-area .help-link.train-info::before{content:'';background:#f44b00 url('../../img/transfer/new/icon/route_train_mask.png?1514180548') center left/18px no-repeat;width:18px;height:18px;margin-right:5px}#left_pane .help-link-area .help-link.komi-repo{font-weight:bold}#left_pane .help-link-area .help-link.komi-repo::before{content:'';background:url('../../img/transfer/new/icon/transfer_top_icon_congestion.png?1514180548') center left/14px 17px no-repeat;width:14px;height:17px;margin-right:5px}#left_pane .help-link-area .help-link.my-route.locked::before{content:'';background:url('../../img/common/locked.png?1586236483') center left/12px 14px no-repeat;width:12px;height:14px;margin-right:5px}#left_pane #search-area{margin-top:0px}#left_pane #search-area .section-body{background-color:#f6f6f6}#left_pane #stationsearch-area{margin-top:50px}#left_pane #stationsearch-area .section-body{background-color:#f6f6f6}#left_pane #stationsearch-area form{position:relative;display:flex;flex-wrap:wrap;padding:32px 28px}#left_pane #stationsearch-area form .wrap-content{width:100%;margin-bottom:10px}#left_pane #stationsearch-area form input[type=text]{flex-grow:1;margin:0;padding:3px 10px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}#left_pane #stationsearch-area form input[type=submit]{-webkit-appearance:none;display:inline-block;margin-left:15px;width:150px;height:40px;border:0px;border-radius:4px;background-color:#f19200;font-size:16px;font-weight:bold;color:#fff;cursor:pointer}#left_pane #stationsearch-area form input[type=submit]:hover{background-color:#ffb02c}#left_pane #major-station-link-area{padding:0 28px 32px}#left_pane #major-station-link-area dt{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #ccc;font-size:14px;font-weight:bold}#left_pane #major-station-link-area .major-station{display:flex;width:100%}#left_pane #major-station-link-area .major-station .station{font-size:14px}#left_pane #major-station-link-area .major-station .station+.station{padding-left:35px}#left_pane #traininfo-area .section-body{display:flex;flex-wrap:wrap;justify-content:space-between}#left_pane #traininfo-area .section-body .list-frame{display:flex;flex-direction:column;flex-wrap:wrap;width:49%;height:70px;padding:10px 0;box-sizing:border-box;border-bottom:dotted 1px #ccc}#left_pane #traininfo-area .section-body .list-frame::before{content:'';order:1;background:#f44b00 url('../../img/transfer/new/icon/route_train_mask.png?1514180548') center left/18px no-repeat;width:18px;height:18px;margin:15px 5px 15px 0}#left_pane #traininfo-area .section-body .list-frame .train-name{order:2;display:flex;align-items:center;height:50%;font-size:14px;font-weight:bold;color:#333}#left_pane #traininfo-area .section-body .list-frame .train-name span{width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#left_pane #traininfo-area .section-body .list-frame .update-time{order:4;align-self:flex-end;display:flex;align-items:center;justify-content:flex-end;width:120px;height:50%;font-size:12px;color:grey}#left_pane #traininfo-area .section-body .list-frame .cond{order:3;display:flex;align-items:center;width:200px;height:50%;font-size:14px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f44b00}#left_pane #traininfo-area .section-body .list-frame .cond.normal-cond-color{color:#4fa933}#left_pane #traininfo-area .section-body .list-frame .detail-page-link{order:5;align-self:flex-end;display:flex;align-items:center;justify-content:flex-end;width:110px;height:50%}#left_pane #railroad-area{font-size:14px}#left_pane #railroad-area .railroad-group{display:block;border-bottom:dotted 1px #ccc}#left_pane #railroad-area .railroad-group dl{display:flex;padding:10px 0}#left_pane #railroad-area .railroad-group dl .railroad-group-name{width:15%;padding:5px 15px}#left_pane #railroad-area .railroad-group dl .railroad-list{flex:1}#left_pane #railroad-area .railroad-group dl .railroad-list ul{display:flex;flex-wrap:wrap}#left_pane #railroad-area .railroad-group dl .railroad-list ul .railroad{padding:5px 15px}#left_pane .otherLinkContainer{display:flex;flex-wrap:wrap;padding-bottom:10px;border-bottom:dotted 1px #ccc}#left_pane .otherLinkContainer .sub-title{display:flex;justify-content:space-between;flex-grow:1;width:100%;margin-bottom:10px;padding:8px 0;border-bottom:3px solid #ccc;font-size:16px;font-weight:bold}#left_pane .otherLinkContainer .other-link-item{padding:5px 25px 5px 0;font-size:14px}#left_pane .section{margin-top:48px}#left_pane .solution-appeal{padding:16px;margin:8px 0;text-align:-webkit-center;background-color:#f6f6f6}#left_pane .solution-appeal__title{padding:0 0 13px 33px;font-size:16px;font-weight:700;text-align:left;background-image:url('../../img/transfer/new/img_title_transfer_pass.png?1514180548');background-repeat:no-repeat}#left_pane .solution-appeal__btn-container{padding:24px}#left_pane .solution-appeal__btn{padding:10px 36px;margin:20px 0;font-size:20px;font-weight:700;color:#fff;text-align:center;background-color:#e88400;border-style:none;border-radius:4px}#left_pane .top-right-solution-appeal{display:flex;flex-direction:column;align-items:flex-end;margin-top:-17px}#right_pane{margin-left:40px;padding-top:10px}#right_pane .section{margin-top:8px}#right_pane .section h2.sub-title,#right_pane .section h3.sub-title{font-size:16px;font-weight:bold;border-bottom:solid 3px #ccc;margin-top:30px;padding-bottom:5px}#right_pane .setplan-frame{margin-top:30px}#right_pane .right_pane_transfer_app_frame{margin:30px 0 30px 0;width:300px}#right_pane .right_pane_transfer_app_frame .transfer_app_panel{background-color:#e5e5e5;font-size:16px;color:#343434;font-weight:bold;padding:3px;margin-bottom:10px}#right_pane .right_pane_transfer_app_frame .transfer_app_img{background:url('../../img/common/appli/train.png?1514180548') top left/62px 62px;background-repeat:no-repeat;width:62px;height:62px}#right_pane .right_pane_transfer_app_frame .transfer_app_title{font-weight:bold;line-height:18px;margin-bottom:4px;font-size:16px;color:#4c4c4c}#right_pane .right_pane_transfer_app_frame .transfer_app_info{font-size:14px;line-height:16px;color:#656565}#right_pane .right_pane_transfer_app_frame .transfer_app_link{background-color:#e5e5e5;font-size:14px;padding:1px 5px 1px 0px;margin-bottom:10px;text-align:right;color:#08c;margin-top:10px}#news{background-color:#ffebe6;margin-bottom:25px}#news dl{height:25px;padding-top:8px}#news dt{float:left;margin:0 13px 0 11px;font-size:13px;font-weight:bold}#news dd{float:left;font-size:13px}