@charset "UTF-8";

/* ======================================================================
online航空券レスポンシブ用 2018/02
====================================================================== */

/*---- 予約ボタン ----*/
.detail{
/*  display: block;
  text-decoration: none;
  width: 100px;
  line-height: 32px;
  text-align: center;
  text-decoration:none !important;
  color: #fff !important;
  font-size:1.15em;
  background: #ff6b01;
  background: -moz-linear-gradient(-45deg, #ff9a02 0%, #ff6b01 100%); 
  background: -webkit-linear-gradient(-45deg, #ff9a02 0%,#ff6b01 100%); 
  background: linear-gradient(135deg, #ff9a02 0%,#ff6b01 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a02', endColorstr='#ff6b01',GradientType=1 );
  border-radius: 5px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);*/
}
.detail:active{
/*  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: none;*/
}
#list_box .plan_foot div.site a{
/*    display: inline-block;
    width: 98%;
    border: 1px solid #e0e0e0;
    border-bottom: 3px solid #e0e0e0;
    padding: 3px;
    margin: 2px 1%;
    box-sizing: border-box;*/
}
#list_box .plan_foot div.site a:hover{
/*	background-color:#FF9;*/
}
#list_box .plan_foot dl{

}
#list_box .plan_foot dd.price{
/*	float:right;*/
}
#list_box .plan_foot dd.price span{
	margin-right:10px;
	font-size:1.15em;
	color:#d00;
	font-weight:bold;
}
#list_box span.change_ok{
	color: #0000dd !important;
	font-weight: normal !important;
}
#list_box span.change_ng{
	color: #000000 !important;
	font-weight: normal !important;
}
#list_box .plan_foot .detail{
/*	padding:0 !important;*/
}

p.more_text{
    display: table;
    margin: 9px auto 3px !important
}
a.more{
    display: inline-block;
    padding: 0.5em 5em;
    text-decoration: none;
    background: #456DCC;
    text-decoration: none !important;
    color: #FFF !important;
    border-bottom: solid 3px #41527A;
    border-radius: 3px;
    font-size: 1.05em;
}
a.more:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
a.more span{
    position: relative;
    left: 0.2em;
    display: inline-block;
    font-family: Script;
    font-weight: bold;
    transform: scale(0.9,0.8);
}

#search_change{
	display:none;
}
#filter_change{
	display:none;
}
.dis_pc{
	display:inherit;
}
.dis_sp{
	display:none;
}

.pr_wrapper{
    background: #f7f7f7;
    padding: 5px;
}
.pr_wrapper p{
	padding:3px;
}

#Sbottom{
	display:none !important;
}

@media screen and (max-width:767px){
body{
	width:inherit !important;
}

#loading{
	left:inherit !important;
	width:94% !important;
	margin:0 3%;
	height:auto;
}
h4 > img{
	height:auto;
}
#Lside .change_btn{
	display:none !important;
}

#Rside{
	display:none !important;
}

#Sbottom{
	display:block !important;
	width:100%;
	text-align:center;
	margin-top:20px;
}

#Sbottom > a > img{
	width:95%;
}

#loading .title_box{
	display:none;
}
#loading .dep-dest_box{
	display:none;
}
#loading .loading_img{
	display:none;
}
#loading .bg{
	margin:30px 0 !important;
}


#Wrap{
	width:100% !important;
}
#dirPath{
	display:none;
}
#MainOut{
	width:100% !important;
}

#Lside{
	width:100% !important;
/*	display:none;*/
}

#Cont{
	width:100% !important;
}

#list_box{
    background: #eee;
    padding: 10px 0;
}
#list_box .plan_box, .flight-info_box{
    border: 2px solid #d6d6d6;
	margin: 0 2% 20px;
    background: #fff;
	width:96%;
}

#Cont #sort_box{
	background:none !important;
}
#Cont #sort_box ul{
	display:none !important;
}
#minprice-search{
	display:none;
}
#search_head .travel-days{
	font-size:inherit !important;
}
#search_head ul.flight-info{
    padding: 0 8px 5px !important;
    font-size: 0.9em;
}
#search_head .travel-days dd ul li span{
	display:none !important;
}
.section_box .schedule dd.days span{
	font-size:inherit !important;
	line-height:1.5em;
}
#list_box .plan_foot > div.site dt{
	width:inherit !important;
}
.section_box .schedule dd.dep_dest{
    font-size: 0.9em !important;
    margin: 3px !important;
}

.section_box .schedule dd.days img{

}
.section_box .schedule dd.days > span{
    font-size: 1.05em !important;
}
.section_box .schedule dd.days > span:nth-child(3){

}
.section_box .schedule dd.days > font{

	font-weight:normal;
}



#search_change{
	background: url(//www.kokuken.net/images/stop/searchicon.png) no-repeat left top #fffffff2;
	background-position: 5px 3px;
	padding: 3px 26px 3px 38px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 30px;
	border: 2px solid #e0e0e0;
	border-radius: 5px;
	margin: 0 3px 15px;
	cursor: pointer;
}
#filter_change{
	background: url(//www.kokuken.net/images/stop/searchicon.png) no-repeat left top #fffffff2;
	background-position: 5px 3px;
	padding: 3px 26px 3px 38px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 30px;
	border: 2px solid #e0e0e0;
	border-radius: 5px;
	float: right;
	margin: 0 3px 0 0;
	cursor: pointer;
}
#search_slidebtn{
	overflow:hidden;
	
}

#filter_wrapper{
	display:none;
}

#Lside #ticket-type label{
    padding: 7px 22px !important;
    margin: 6px 3px !important;
    font-size: 1.2em;
}
#world-searchbox_inner .dep-dest_box dl{
	width:100%;
	margin:0 0 3px;
}
#world-searchbox_inner div.dep-dest_box dl dd my-suggest > input:nth-child(-n+2){
	width:100% !important;
}
#world-searchbox_inner .dep_day input{
	width:100px !important;
}
.dis_pc{
	display:none;
}
.dis_sp{
	display:inherit;
}


.surcharge_box{
	display:none;
}
.airplane{
	display:none !important;
}
#dirPathR{
	display:none;
}


.section_box .schedule dt{
	margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.section_box .schedule dd.airline p{
	height: 25px !important;
    line-height: 25px !important;
}


#list_box .plan_box .plan_head ul{
	padding: 0 0 5px !important;
}

#list_box .plan_foot dt{
	height:inherit !important;
	line-height:inherit !important;
}
#list_box .plan_foot dd{
	line-height:inherit !important;
}
#list_box .plan_foot dt img{
	height:15px;
}

.section_box dl.schedule{
	width:100% !important;
	padding-bottom:0px !important;
}
.section_box .schedule dd.days{
    font-size: 1em !important;
    margin-left: 5px !important;
}
.plan_box .section_box div.info{
	padding:0 5px !important;
}
.section_box div.info label input{
    vertical-align: bottom;
    margin: 2px !important;
}
.section_box div.info label{
	font-weight: normal;
    margin: 0 0 5px 0;
    font-size: 0.95em;
}


.section_box div.info .flight_time{
	font-size:inherit !important;
}
.section_box .schedule dd.airline img{
	height:25px;
}

#list_box .plan_foot div.site div.detail p{
	line-height:25px !important;
	font-size:0.8em;
}
#list_box .plan_foot .detail img{
	height:25px;
	width:auto;
}

.footer_w_bg{
	display:none;
}
#world-searchbox #search_head a{
	display:none;
}
.service_txt_area{
	display:none;
}
.tit1{
    width: 100%;
    margin-top: 15px;
    font-size: 1.1em;
    box-sizing: border-box;
    padding-left: 20px;
}
.input_btn input{
	width:100%;
}
.s_box{
	width:100%;
}
#jtbpr-wrapper{
	display:none;
}
.sp_space1{
	display:none;
}
.flightselect{
	clear:both;
}
.flightselect dl{
	margin-left:0 !important;
}
.input_btn{
	margin-bottom:30px;
}
.next{
    color: #fafafa;
    font-size: 0.5em;
}

#world-searchbox #search_head{
    background: none;
    height: 42px !important;
    background-image: url(/world/_shared/img/searchbox/worldsearchHead_tit_sp.jpg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #05b39c;
}
#world-searchbox_inner div.dep-dest_box label.section{
	position:inherit;
}

.suggest_area{
	width:auto;
}
#world-searchbox .allcompany_info{
    top: 120px;
}

}
@media screen and (max-width:321px){
.s_box span{
	width:180px;
}
.text a{
	width:100%;
}
#world-searchbox #search_head{
    height: 32px !important;
}
}