@charset "utf-8";
/* CSS Document */
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
input:focus{
outline: 1px solid #cc0000;
}
input:focus + label{
outline: 1px solid #cc0000;
}
.radio_list input[type="radio"]{
opacity: 0;
position: absolute;
z-index: -1;
}
.noteList_star.req{
text-align: right;
}
.noteList_star.req > li{
display: inline-block;
padding: 0 0 0 1.8em !important;
position: relative;
font-size: 1.2rem;
text-align: right;
}
.pageTtl_box + .pageTtl_box .ttlLv3, #JS_cancelFee_breakdown .pageTtl_box:first-of-type .ttlLv3{
padding-top: 10px;
}
.pageTtl_box + .pageTtl_box .ttlLv4{
padding-top: 0px;
}

.search_box{letter-spacing:0;}
.search_box > .search_box_hdg {
padding: 13px 30px 13px 10px;
background-color: #707070;
border-color: #707070;
position: relative;
}
@media all and (min-width:740px){
    .search_box > .search_box_hdg{
    font-size: 1.6rem;
    padding: 7px 30px 7px 9px;
    }
}

.search_box > .search_box_hdg > .inr {
display: block;
color: #fff;
font-weight: bold;
line-height: 1.5;
}
.search_box .content{
background-color: #f5f5f5;
border: 1px solid #d0d0d0;
border-top: 0px;
padding: 15px 10px;
}
@media all and (min-width:740px){
    .search_box .content{
    padding: 20px 20px 30px 20px;
    }
}

.sec_ttl{
font-weight: bold;
font-size: 1.4rem;
margin-bottom: 5px;
}
.search_list{
margin-bottom: 20px;
}
@media all and (min-width:740px){
    .search_list{
/*    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
    font-size: 0;
    margin-left: -10px;
    }
}
.search_list > li{
margin-top: 5px;
position: relative;
}
.search_list > li:first-of-type{
margin-top: 0;
}

@media all and (min-width:740px){
    .search_list > li{
/*    display: flex; */
    display: inline-block;
    width: 49%;
    width: calc(50% - 10px);
    margin: 0 0 10px 10px;
    font-size: 1.4rem;
	vertical-align: top;
    }
}

.search_list .item_wrap{
background: #fff;
border: 1px solid #d0d0d0;
padding: 9px 10px 5px;
min-height:auto;
}
.search_list .item_wrap a{
display: inline-block;
width: 100%;
}
.search_list .item_wrap a:hover{
text-decoration: none;
opacity: .8;
}
@media all and (min-width:740px){
    .search_list .item_wrap{
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
	min-height: 47px;
    }
	.search_list .item_wrap.mh2{
	min-height:53px;
	}
    .search_list li.join{
    width: 100%;
    width: calc(100% - 55px);
    display: flex;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #d0d0d0;
    position: relative;
    }
    .search_list li.join .item_wrap{
    width: 50%;
    background: #fff;
    border: none;
    padding: 10px;
    position: relative;
    }
    .search_list li.join .item_wrap:first-of-type{
    width: calc(50% + 61px);
    }
    .search_list li.join .item_wrap:before{
    content: "";
    width: 1px;
    height: 80%;
    background: #d0d0d0;
    position: absolute;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }
    .search_list li.join .item_wrap:first-of-type:before{
    content: none;
    }
    .search_list li.sin{
    display: block;
    }
}
.search_item{
padding: 1px 0 0 32px;
position: relative;
}
.search_item dt{
font-size: 1.2rem;
line-height: 1.1;
position: relative;
}
.search_item:before{
content: "";
display: inline-block;
width: 22px;
height: 22px;
vertical-align: middle;
background-image: url(/en/dom/change/charge/common/img_sites/icons_booking.png);
background-repeat: no-repeat;
background-size: 425px 88px;
position: absolute;
top: 50%;
left: 0;
margin-top: -11px;
}
.search_item.fare_type:before{
background-position: -252px -43px;
}
.search_item.fare:before{
background-position: -229px -43px;
}
.search_item.sheet_type:before{
background-position: -54px 0;
}
.search_item.dep_date:before{
background-position: -27px 0;
}
.search_item.dep_airport:before{
background-position: -182px -65px;
}
.search_item.arr_airport:before{
background-position: -210px -65px;
}
.search_item.age:before{
width: 20px;
height: 21px;
background-position: -134px -63px;
margin-top: -11px;
}
.search_item dt span{
display: inline-block;
position: relative;
color: #555;
line-height:1.3;
}
.search_item.any dt span:after{
content: none;
}

@media all and (min-width:740px){
    .search_item{
    width: 100%;
    display: flex;
    align-items: center;
    }
    .search_item dt{
    width: 7.5em;
    }
    .search_item dd{
    width: 71%;
    width: calc(100% - 8em);
    }
    .search_item.fare dt{
    width: 26em;
    }
    .search_item.fare dd{
    width: 47%;
    width: calc(100% - 14em);
	text-align: right;
    }
}

.fare_num{
width: 95%;
width: calc(100% - 2em);
padding-left: 10px;
text-align: right;
font-size: 1.4rem;
}
.fare_num:placeholder-shown{
text-align: left;
}
.fare_num:not(:placeholder-shown){
text-align: left;
}
@media all and (min-width:740px){
	.fare_num:placeholder-shown{
	font-size: 1.2rem;
	}
	.fare_num:-ms-input-placeholder{
	font-size: 1.2rem;
	}
	.fare_num:not(:placeholder-shown){
	font-size: 1.4rem;
	}
	.fare_num:not(:-ms-input-placeholder){
	font-size: 1.4rem;
	}
}
.radio_list{
display: flex;
}
.radio_list li{
margin-left: 10px;
}
.radio_list li:first-of-type{
margin-left: 0;
}
.radio_list input{
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 10px;

-webkit-appearance: radio;
appearance: none;
outline: none;
}
.radio_list label{
display: inline-block;
padding: 5px 20px 5px 30px;
vertical-align: middle;
line-height: 1;
position: relative;
}
.radio_list label:before{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #d0d0d0;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.radio_list input[type="radio"]:checked + label:after{
content: "";
display: inline-block;
width: 10px;
height: 10px;
background: #555;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 5px;
}

@media all and (min-width:740px){
    .radio_list label{
    }
}


.search_item.dep_date .item_date{
font-size: 1.2rem
}
.search_item.dep_date .item_date .num{
font-size: 1.6rem
}
.item_wrap + .item_wrap{
margin-top: 5px;
}

@media all and (min-width:740px){
    .item_wrap + .item_wrap{
    margin-top: 0;
    }
}

/*.search_btn button{
display: inline-block;
width: 80%;
padding: 12px 10px;
background: #c00;
color: #fff;
text-align: center;
position: relative;
font-weight: bold;
}
.search_btn button:after{
content: "";
width: 8px;
height: 13px;
display: inline-block;
vertical-align: middle;
background-image: url(/en/dom/change/charge/common/img_sites/icons_utility.svg);
background-repeat: no-repeat;
background-size: 100px auto;
background-position: 0 -17px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.search_btn button:hover{
text-decoration: none;
opacity: .8;
}*/
.search_box .btn{
margin: 20px auto 0;
text-align: center;
}
@media all and (min-width:740px){
    .search_box .btn{
    width: 280px;
    }
}

.swap_btn{
width: 34px;
height: 34px;
position: absolute;
top: 50%;
right: 5px;
transform: translate(0,-50%) rotate(0deg);
}
.swap_btn:hover{
text-decoration: none;
opacity: .8;
}

@media all and (min-width:740px){
    .swap_btn{
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translate(0,-50%) rotate(90deg);    
    }
}

/* result.html */
.search_content_list{
margin: 0 0 0 0;
}
@media all and (min-width:740px){
    .search_content_list{
    display: flex;
    flex-wrap: wrap;
    }
}

.search_content_list > dt{
padding: 12px 10px 0;
font-size: 1.2rem;
}
@media all and (min-width:740px){
    .search_content_list > dt{
    width: 10%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d0d0d0;
    padding: 10px;
    }
}

.search_content_list > dd{
padding: 0 10px 10px;
border-bottom: 1px solid #d0d0d0;
}
@media all and (min-width:740px){
    .search_content_list > dd{
    width: 90%;
    padding-top: 10px;
    }
}

@media all and (min-width:740px){
    .search_content_list .content_list{
    display: flex;
    }
}
.search_content_list .content_list{
font-size: 0;
}
.search_content_list .content_list dt{
font-size: 1.2rem;
color: #767676;
position: relative;
display: inline-block;
}
@media all and (min-width:740px){
.search_content_list.pfcOnSegment .content_list dt{
width: 100%;
}
}
.search_content_list .content_list dt:after{
content: ":";
display: inline-block;
padding: 0 5px;
}
.search_content_list .content_list dd{
font-size: 1.6rem;
display: inline-block;
}
.search_content_list .content_list_item{
line-height: 1.3;
margin-top: 5px;
}
@media all and (min-width:740px){
    .search_content_list .content_list_item{
    margin-top: 0;
    line-height: 1.5;
    }
    .search_content_list .content_list_item:first-of-type{
    width: 0;
    }
    .search_content_list .content_list_item:nth-of-type(2){
    width: 31%;
    }
    .search_content_list .content_list_item:nth-of-type(3){
    width: 49%;
    }
    .search_content_list .content_list_item:nth-of-type(4){
    width: 20%;
    }
	
	/* NT */
    .search_content_list.NT .content_list_item:first-of-type, .search_content_list.TF .content_list_item:first-of-type{
    width: 36%;
    }
    .search_content_list.NT .content_list_item:nth-of-type(2), .search_content_list.TF .content_list_item:nth-of-type(2){
    width: 21%;
    }
    .search_content_list.NT .content_list_item:nth-of-type(3), .search_content_list.TF .content_list_item:nth-of-type(3){
    width: 29%;
    }
    .search_content_list.NT .content_list_item:nth-of-type(4), .search_content_list.TF .content_list_item:nth-of-type(4){
    width: 14%;
	}
	
	/* NT */
    .search_content_list.others .content_list_item:first-of-type{
    width: 26%;
    }
    .search_content_list.others .content_list_item:nth-of-type(2){
    width: 25.5%;
    }
    .search_content_list.others .content_list_item:nth-of-type(3){
    width: 30.5%;
    }
    .search_content_list.others .content_list_item:nth-of-type(4){
    width: 18%;
	}
}
.search_content_list.fare .content_list_item:first-of-type{
margin-top: 0;
}
.search_content_list.fare{
margin: 20px 0 0 ;
}
.search_content_list.fare .content_list_item{
width: 100%;
}
.search_content_list.fare .content_list_item dt{
width: auto;
}
.search_content_list.fare .content_list{
padding: 10px;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
display: block;
width: 100%;
}
.result_table{
font-size: 1.4rem;
}
@media all and (min-width:740px){
    .result_table{
    font-size: 1.4rem;
}
}
.result_table th{
width: 35%;
padding: 10px 5px;
font-weight: bold;
border-top: 1px solid #d0d0d0;
}
.result_table th:first-of-type{
width: 72%;
}
@media all and (min-width:740px){
    .result_table th{
    width: 50%;
    padding: 10px 15px;
    }
    .result_table th:first-of-type{
    width: 50%;
    }
}
.result_table td{
padding: 10px 5px;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
background: #f6f6f6;
}
@media all and (min-width:740px){
    .result_table td{
    padding: 10px 15px;
    }
}
.result_table thead th{
background: #666666;
color: #fff;
border: none;
border-left: 1px solid #fff;
}
.result_table thead th:first-of-type{
border-left: none;
}
.result_table tbody th{
background: #eaeaea;
}
.result_table.total tbody td{
background: #fde8e8;
font-weight: bold;
border-left: 1px solid #d0d0d0;
}
.result_table.total tbody tr:first-of-type th{
border-top: none;
}
.result_table.total tbody tr:first-of-type td{
border-top: none;
}
.result_table sup{
font-weight: normal;
}
.result_table.col_4 thead th{
width: 19%;
padding: 10px 5px;
}
.result_table.col_4 th{
width: 26%;
padding: 10px 5px;
}
.result_table.col_4 tbody th{
font-weight: normal;
}
.result_table.col_4 td{
padding: 10px 5px;
}
@media all and (min-width:740px){
    .result_table.col_4 thead th{
    padding: 10px 15px;
    }
    .result_table.col_4 thead th:first-of-type{
    width: 40%;
    }
    .result_table.col_4 th{
    width: 20%;
    padding: 10px 15px;
    }
    .result_table.col_4 td{
    width: 20%;
    padding: 10px 15px;
    }
}
@media all and (max-width:739px){
    .result_table.col_4 thead th{
    width: 24%;
    }
}
.result_table.col_3 thead th{
width: 25%;
padding: 10px 5px;
}
.result_table.col_3 thead th:first-of-type{
width: 50%;
}
.result_table.col_3 th{
width: 25%;
padding: 10px 5px;
}
.result_table.col_3 tbody th{
font-weight: normal;
}
@media all and (min-width:740px){
    .result_table.col_3 thead th, .result_table.col_3 th, .result_table.col_3 td{
    padding: 10px 15px;
    }
}
.result_table.col_2 tbody th{
font-weight: normal;
}
.note_box{
margin-top: 20px;
padding: 15px;
border:1px solid #d3d3d3;
}
.note_box p{
margin-bottom: 5px;
}
.link_list{
display: flex;
margin: 20px 0 0 0;
}
@media all and (min-width:740px){
    .link_list{
    margin: 40px 0 0 0;
}
}
.link_list li{
margin-left: 15px;
}
.link_list li:first-of-type{
margin-left: 0;
}
.txtLink.iconDown.pageUP:before{
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.icon_any{
display: inline-block;
background: #888;
color: #fff;
margin: 0 5px;
padding: 1px 3px;
font-size: 1.2rem;
border-radius: 3px;
}

@media all and (max-width:739px){
.acodBlock.type_static{
font-size: 1.4rem;
}
.acodBlock > .heading{
min-height: auto;
padding: 7px 30px 7px 10px;
}
.acodBlock > .heading > .inr{
padding-left: 0
}
.sp-fs14{
font-size: 1.4rem;
}
}
.breadCrumbs {
    display: none;
}