@charset "UTF-8";
/* CSS Document */

.seat-full {
	background-color: #00aff2;
	background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
	background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
	border-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.seat-few {
	background: #ffd65e;
	background-image: -webkit-linear-gradient(top, #febf04, #feaf04 );
	background-image: linear-gradient(to bottom, #febf04, #feaf04 );
	border-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
.seat-rest {
	background-color: #f03;
	background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
	background-image: linear-gradient(to bottom, #ee465a, #c11a39);
	border-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.seat-none {
	background-color: #f03;
	background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
	background-image: linear-gradient(to bottom, #ee465a, #c11a39);
	border-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.4);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.seatstate > span {
	color:#fff;
	padding:10px;
	display:block;
	border-radius:10px;
	white-space:nowrap;
	overflow:hidden;
	font-weight:bold;
}

.cheapest-price-check {
  font-size:1.2rem;
  color : #ffffff;
  background-color: #ff0000;
		position:absolute;
		top:-5px;
		left:-5px;
		height:30px;
		width:30px;
		border-radius:100%;
		line-height:30px;
}
.cheapest {
  background-color:#FFCCCC;
}

.icon-dep {
	background:#fff;
	height:20px;
	width:20px;
	line-height:20px;
	border:2px solid rgba(255,255,255,0.5);
	font-size:1.6rem;
	font-weight:bold;
	border-radius:20px;
	position:absolute;
	text-align:center;
	z-index:1;
	top:3px;
	left:6px;
	text-shadow:none !important;
	color:#000 !important;
	z-index:0;
}
.gradeup-switch {
	color:#000;
	text-decoration:none;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	width:100%;
	display:inline-block;
}
.day-select {
	background:#eee;
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	font-size:1.6rem;
}
.view-back-day , .view-next-day {
	color:#fff;
	font-weight:bold;
	border-radius:10px;
	background:#f60;
	width:60px;
	box-sizing:border-box;
	margin:0 10px;
	text-decoration:none;
	position:relative;
	top:0px;
	padding:3px 6px;
}


/*view-sp.cssより移植*/
/* view */
/* table */
table.result_box  {
	width: 96%;
	margin: 0 2% 10px;
	font-size:1.2rem;
}
table.result_box tr {
}
table.result_box th {
	font-weight:bold;
	text-align:center;
	padding:3px;
}
table.result_box td {
	border-bottom:1px solid #666;
	text-align:center;
	padding:3px;
}
.icon-carrier {
	width:70px;
	border:1px solid #ccc;
}
table.form_table .icon-carrier {
	width:60px !important;
	border:1px solid #ccc;
	margin:4px 2px !important;
}

/* ボタンの背景設定 */
.flight:after { content: ''; display: block; clear: both; }  
.flight li {  
	position: relative;  
	list-style: none;
	margin:5px 0;
}  
.flight label {  
	display: block;  
	padding: 5px 10px;  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ccc), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -moz-linear-gradient(#fff, #ccc);
	border: 1px solid #CCC;
	border-radius: 10px;
	color: #000;  
	font-weight: bold;
	text-shadow: 0 1px #fff;  
	text-align: center;  
	cursor: pointer;
}  
.flight input[type="radio"]:checked + label {  
	text-shadow: 0 -1px #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #09F), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #09F);
	background: -moz-linear-gradient(#fff, #09F);
	color: #000;
	background-image: -moz-linear-gradient( center bottom,  #BBB 35%,  #DDD 75%);
	border: 1px solid #09F;
}  
.flight input[type="radio"] {  
	opacity : 0;  
	width: 100%;  
	height: 100%;  
	padding: 0;
}  
table.result_box div{
	position: relative;
}
table.result_box div.price {
	font-size:1.6rem;
	font-weight:bold;
}
table.result_box input {
	opacity : 0;
	margin: 0;
	position:absolute;
	left:0;
	top:0;
}
table.result_box td.carrier {
	position:relative;
}

/* #result_info */
#condition{
}
#condition li{
	padding: 0px;
	margin:0px;
}
#lowprice{
	padding-left: 10px;
	margin: 10px 0;
}
#lowprice #lowprice_price a{
	color: #D00;
	font-weight: bold;
	text-decoration: underline;
}
#btn_box{
	margin-bottom: 20px;
	text-align: center;
}
#btn_box input{
	font-size: 120%;
}
/* #attention #notice */
#attention{
	border: 1px solid #00D;
	margin-bottom: 10px;
}
#notice{
	border: 1px solid #D00;
	margin-bottom: 10px;
}
#notice dl,
#attention dl{
	padding-bottom: 5px;
}
#notice dl dt,
#attention dl dt{
	background:#FFCCCC ;
	margin-bottom: 5px;
	text-indent: 5px;
}
#attention dl dt{
	background:#99CCFF ;
}
#notice dl dd,
#attention dl dd{
	margin: 0 5px;
}


/*180111青柳追加*/
.tab-type {
	width:96%;
	margin:10px 2% 0;
	position:relative;
	top:1px;
}
.tab-type li {
	display:inline-block;
	width:33.3%;
	border-left:1px solid #ddd;
	box-sizing:border-box;
}
.tab-type li:last-child {
	border-right:1px solid #ddd;
}
.tab-type li a {
	display:block;
	text-align:center;
	font-weight:bold;
	border-top:#999 5px solid;
	border-bottom:#ddd 1px solid;
	color:#666;
	text-decoration:none;
	background:#eee;
	padding:10px;
	box-sizing:border-box;
}
.tab-type li a.tab-type-on {
	border-top:#0075c1 5px solid;
	border-bottom:#fff 1px solid;
	background:#fff;
	color:#000;
}
.tab-type li:last-child a {
}
.tab-type li:last-child a.tab-type-on {
	border-top:#FF6666 5px solid !important;
	border-bottom:#ddd 1px solid !important;
	background:#FFCCCC;
	border-top:#0075c1 5px solid;
}

#userForm {
	padding-top:10px;
	border-top:1px solid #ddd;
}

.totalcharge {
	border-bottom:5px solid #ccc;
	margin:10px 0 0 0;
	padding:5px 10px 0;
	text-align:right;
	background:rgba(0,93,151,0.1);
}
.number-people-area01 , .number-people-area02 {
	font-weight:bold;
	height:40px;
	padding:0 10px 0 25px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:url("/images/search/formarrow.png") no-repeat;
	background-size:15px;
	background-position:5px 12px;
}
#number-people-area {
	margin-bottom:10px;
}
.route-info-large {
	font-size:1.8rem !important;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
}

input.submit {
	width:100%;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
a.backlink , .backlink {
	display:block;
	padding:5px 0;
	background:#999;
	color:#fff;
	text-decoration:none;
	width:100px;
	white-space:nowrap;
	overflow:hidden;
	margin:0 0 10px;
	text-align:center;
	border-radius:5px;
}


/*検索結果キャリア名絞り*/
#airline_select {
	display:none;/*一旦*/
	background:#eee;
	padding:0 5px;
}
#airline_select li {
		position: relative;
		display: inline-block;
		margin: 0 7.25px 0 0;
		padding: 0;
		background-size:75px 36px;
		border:1px solid #ccc;
		border-radius:5px;
		box-shadow:0 3px 0 #999;
}
#airline_select li:last-child {
	margin:0 !important;
}
#airline_select li input {
		cursor:pointer;
		position: absolute;
		top: 0;
		opacity: 0;
		width: 100%;  
		height: 100%;
}
#airline_select li input[type="checkbox"] + label {
		display: block;
		background-size: 75px 36px;
		background-position: left center;
		background-repeat: no-repeat;
		width:75px;
		height:36px;
		background:rgba(255,255,255,0.5);
}
#airline_select li input[type="checkbox"]:checked + label {
		background:rgba(255,255,255,0)
}
#airline_select li:nth-child(1) {
		background-image: url(../images/carrier/icon/icon_ana.png);
}
#airline_select li:nth-child(2) {
		background-image: url(../images/carrier/icon/icon_jal.png);
}
#airline_select li:nth-child(3) {
		background-image: url(../images/carrier/icon/icon_sky.png);
}
#airline_select li:nth-child(4) {
		background-image: url(../images/carrier/icon/icon_ado.png);
}
#airline_select li:nth-child(5) {
		background-image: url(../images/carrier/icon/icon_jjp.png);
}
#airline_select li:nth-child(6) {
		background-image: url(../images/carrier/icon/icon_sna.png);
}
#airline_select li:nth-child(7) {
		background-image: url(../images/carrier/icon/icon_apj.png);
}
#airline_select li:nth-child(8) {
		background-image: url(../images/carrier/icon/icon_sfj.png);
}
#airline_select li:nth-child(9) {
		background-image: url(../images/carrier/icon/icon_vnl.png);
}
#airline_select li:nth-child(10) {
		background-image: url(../images/carrier/icon/icon_fda.png);
}
#airline_select li:nth-child(11) {
		background-image: url(../images/carrier/icon/icon_ibx.png);
}

ul.result-none-comment {
	font-size:1.6rem;
	font-weight:bold;
}
ul.result-none-comment li {
	list-style-type:disc;
}


.noflight {
	background:#eee;
	padding:10px;
	text-align:center;
	margin:15px 10px 10px;
}
.noflight span {
	font-size:2.0rem;
	font-weight:bold;
	background:#eee;
	line-height:2.0rem;
	margin-bottom:10px;
	display:block;
}

.cancel-message {
	font-weight:bold;
	text-align:center;
	background:rgba(0,93,151,0.2);
	padding:5px 0;
}