@charset "utf-8";

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: #015db2;
}

/* ヘッダー */
header {
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: auto;
    background:#FFFFFF;
}


header #topic{
	display:table;
	width: 100%;
	height: 40px;
	background:#33ccff;
}

header #topic .topic_row{
	display:table-row;
	background:#33ccff;
}

header #topic .topic_row .topic_col{
	display:table-cell;
	text-align:center;
	color:#FFFFFF;
	text-shadow:none;
}

header #topic .topic_row .topic_col .current{
	color:#000;
}

header #amx_logo{
}

header #amx_logo img{
	padding-top: 10px;
	padding-left: 10px;
}

header #display_title{
	display:table;
	width: 100%;
	height: 37px;
	padding-left: 15px;
	background-image:
		url(/booking/images/sp/header_title.gif),
		url(/booking/images/sp/header_title_bg.gif);
	background-position:
		right,
		top;
	background-repeat:
		no-repeat,
		repeat;
}

header #display_title div{
	font-size: 17px;
	color: white;
/*	font-weight:bold; */
	vertical-align:middle;
	display:table-cell;
	text-shadow: none;
}

/* フッター */
footer {
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
	height: 25px;
	text-align: center;
	background-color: #015db2;
}

footer span {
	font-size: 9px;
	color: white;
	text-shadow: none;
}
/* メイン */
section {
    min-height: 300px;
}

section div#main {
    width:100%;
    height:auto;
    margin:auto;
}

.search_btn {
	/*background: #ffcb39;*/
	/*background-color:#FDD000;*/
	background-color: rgb(1, 93, 178);
	background-size: 23px 22px;
	border-radius: 7px;
	display: block;
	width: 100%;
	height: 50px;
/*	font-size: 20px; */
	font-size: 116%;
	border: 0 none;
	/*color: #00a2eb;*/
	/*color: black;*/
	color: rgb(255, 255, 255);
	font-weight:bold;
	/*text-shadow: 1px 1px 0px #FFFFFF;*/
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
/*	box-shadow:rgb(210, 172, 0) 0px 3px 0px 0px; */
/*	-webkit-box-shadow:rgb(210, 172, 0) 0px 3px 0px 0px; */
/*	-moz-box-shadow:rgb(210, 172, 0) 0px 3px 0px 0px; */
	box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
}

.back_btn {
	background: #c9c9ca;
	background-size: 23px 22px;
	border-radius: 7px;
	display: block;
	width: 100%;
	height: 50px;
/*	font-size: 20px; */
	font-size: 116%;
	border: 0 none;
	/*color: #FFF;*/
	color: black;
	font-weight:bold;
/*	text-shadow: 1px 1px 0px #FFFFFF; */
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
}

.disable_btn {
	background: #808080;
	background-size: 23px 22px;
	border-radius: 7px;
	display: block;
	width: 100%;
	height: 50px;
/*	font-size: 20px; */
	font-size: 116%;
	border: 0 none;
	/*color: #FFF;*/
	color: black;
	font-weight:bold;
/*	text-shadow: 1px 1px 0px #FFFFFF; */
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(90, 90, 90) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(90, 90, 90) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(90, 90, 90) 0px 3px 0px 0px;
}

.base_input {
	background: #fff;
	display: inline-block;
	width: 100%;
	height: 35px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
/*	font-size: 13px; */
	font-size: 18px;
}

.base_select {
	background: #fff;
	display: inline-block;
	width: 100%;
	height: 35px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
/*	font-size: 13px; */
	font-size: 14px;
}
.base_password {
	background: #fff;
	display: inline-block;
	width: 100%;
	height: 35px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 18px;
}
.custom_btn {
	background: #f0eff1;
	background-size: 23px 22px;
	border-radius: 7px;
	display: block;
	width: 100%;
	height: 40px;
	font-size: 20px;
	border: 0 none;
	color: #00a0e8;
}
.custom_btn:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.calDayCell {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.calCell {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	font-weight:bold;
	font-size:15px;
	color:red;
}

.calMain {
	width:100%;
	display:table;
	table-layout:fixed;
	text-align:center;
	height:100%;
	border-collapse:collapse;
}

.calSun {
	color:red;
}
.calSatur {
	color:blue;
}
.calNormal {
	color:black;
}

.calDayCell_Enable {
	background-color:#ffffff;
}

.calDayCell_Disable {
	background-color:#efefef;}

.calCellSelectFrom {
	background-color:#005BB3;
	border-color:#005BB3;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	/* position:static; */
	color: white;
	position: relative;
}

.calCellSelectFrom::after {
	content: "";
	border-style:solid;
	border-color: transparent;
	border-left-color: #005BB3;
	border-width: 18px 7px;
	position: absolute;
	top: 0px;
	left: auto;
	right: -15px;
}

.calCellSelectTo {
	background-color:#005BB3;
	border-color:#005BB3;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	/* position:static; */
	color: white;
	position: relative;
}

/*
.calCellSelectTo::before {
	content: "";
	border-style:solid;
	border-color: transparent;
	border-right-color: #005BB3;
	border-width: 18px 7px;
	position: absolute;
	top: 0px;
	left: -14px;
	right: auto;
}
*/

.calCellSelect :after {
	border-color:#005BB3 transparent transparent;
	border-style:solid;
	border-width:16px 16px 0;
	bottom:-16px;
	content:"";
	display:block;
	left:32px;
	position:absolute;
	height:0;
}

.tab_main{
	display:table;
	width:100%;
	padding:0px 5px;
	margin-top:10px;
	border-bottom:3px solid #6fa0d2;
}

.tab {
	font-size: 15px;
	color: #666666;
	padding: 9px 10px;
	text-align: center;
	border-radius: 7px 7px 0 0;
	background: #efefef;
	display:table-cell;
	text-align:center;
}

.tableArea{
	border: 1px solid #000000;
	padding: 5px;
	border:1px solid #000000;
}

.tableMain {
	display:table;
	width:100%;
	height:100%;
	border-collapse:collapse;
}

.tableRow {
	display:table-row;
	height:40px;
}

.tableColumn {
	width:100px;
	background:#efefef;
}

.tableCell {
	display:table-cell;
	border:1px solid #ccc;
	padding: 2px;
	vertical-align:middle;
	word-break:break-all;
	word-wrap:break-word;
}

.tableColumnNoLine {
	width:100px;
}

.tableCellNoLine {
	display:table-cell;
	padding: 2px;
	vertical-align:middle;
	word-break:break-all;
	word-wrap:break-word;
}

.require {
	color:red;
}

.seatMain {
	width:100%;
	display:table;
	table-layout:fixed;
	text-align:center;
	height:100%;
	border-spacing: 5px;
}

.seatHeaderCell {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
/* 使用不可 */
.seatCellDisable {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border-style:none;
	border-top-left-radius: 5px;     /* 左上 */
	border-top-right-radius: 5px;    /* 右上 */
	border-bottom-left-radius: 5px;  /* 左下 */
	border-bottom-right-radius: 5px; /* 右下 */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;  /* 左下 */
	-moz-border-radius-bottomright: 5px; /* 右下 */
}
/* 選択中 */
.seatCellSelect {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	background:hotpink;
	border-top-left-radius: 5px;     /* 左上 */
	border-top-right-radius: 5px;    /* 右上 */
	border-bottom-left-radius: 5px;  /* 左下 */
	border-bottom-right-radius: 5px; /* 右下 */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;  /* 左下 */
	-moz-border-radius-bottomright: 5px; /* 右下 */
}
/* 選択中(自分以外の搭乗者) */
.seatCellSelOther {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	background:#ff8040;
	border-top-left-radius: 5px;     /* 左上 */
	border-top-right-radius: 5px;    /* 右上 */
	border-bottom-left-radius: 5px;  /* 左下 */
	border-bottom-right-radius: 5px; /* 右下 */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;  /* 左下 */
	-moz-border-radius-bottomright: 5px; /* 右下 */
}
/* 使用中 */
.seatCellUsed {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	background:lightgrey;
	border-top-left-radius: 5px;     /* 左上 */
	border-top-right-radius: 5px;    /* 右上 */
	border-bottom-left-radius: 5px;  /* 左下 */
	border-bottom-right-radius: 5px; /* 右下 */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;  /* 左下 */
	-moz-border-radius-bottomright: 5px; /* 右下 */
}
/* 空き */
.seatCellSpace {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	background:white;
	border-top-left-radius: 5px;     /* 左上 */
	border-top-right-radius: 5px;    /* 右上 */
	border-bottom-left-radius: 5px;  /* 左下 */
	border-bottom-right-radius: 5px; /* 右下 */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomleft: 5px;  /* 左下 */
	-moz-border-radius-bottomright: 5px; /* 右下 */
}

.reserve_btn {
	background: #f0f0f0;
	border-radius: 7px;
	width: 100%;
	display:table;
	border: 1px solid #000;
	margin-top:5px;
}

.flight_btn_n {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	background: #efefef;
	border-radius: 5px;
	color:#000;
	font-size:14px;
	/* */
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
}

.flight_btn_an {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
/*	background: #ffcb39; */
	background-color: rgb(71, 149, 221);
	border-radius: 5px;
/*	color:black; */
	color: rgb(255, 255, 255);
	font-size:14px;
	/* */
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
/*	box-shadow:rgb(210, 172, 0) 0px 3px 0px 0px; */
/*	-webkit-box-shadow:rgb(210, 172, 0) 0px 3px 0px 0px; */
/*	-moz-box-shadow:rgb(210, 172, 0) 0px 3px 0px 0px; */
	box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
}

.flight_btn_invalid {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	background: #c9c9ca;
	border-radius: 5px;
	color:#7f7f7f;
	font-size:14px;
	/* */
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
}

.flight_btn_hid {
	width:114px;
	display:table-cell;
	font-size:14px;
}

.dayBestFare_text {
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.label_fore_color {
	color: rgb(51, 136, 204);
}

.label_fore_size_L {
	font-size: 18px;
}
.pass_area_font_size {
	font-size: 15px;
}

.oandd_change_btn {
	background-color: rgb(71, 149, 221);
	font-size: 14px;
	vertical-align: middle;
	border-radius: 5px;
	color: rgb(255, 255, 255);
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
}

.page_top_btn {
	display:block;
	background: #c9c9ca;
	text-align:center;
	vertical-align: middle;
	border-radius: 5px;
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(170, 170, 170) 0px 3px 0px 0px;
}

.connecting_btn {
	background: #f0eff1;
	border-radius: 25px;
	width: 150px;
	height: 20px;
	color: #00a0e8;
	float:right;
	margin: 3px 15px 0px 0px;
	text-align: center;
	vertical-align: middle;
	font-size:14px;
	font-weight:bold;
}

.add_del_btn {
	text-align: center;
	background-color: rgb(1, 93, 178);
	background-size: 23px 22px;
	border-radius: 7px;
/*	display: block; */
	width: 100%;
	height: 55px;
	font-size: 40px;
	border: 0 none;
	color: rgb(255, 255, 255);
	font-weight:bold;
	appearance: none;
	-webkit-appearance: none;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-webkit-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
	-moz-box-shadow:rgb(0, 54, 109) 0px 3px 0px 0px;
}

.add_del_btn_show {
	display: block;
}
.add_del_btn_hide {
	display: none;
}
/* 読み込み中 */
#loading-view {
 /* 領域の位置やサイズに関する設定 */
 width: 100%;
 height: 100%;
 z-index: 9999;
 position: fixed;
 top: 0;
 left: 0;
 /* 背景関連の設定 */
 background-color: #EEEEEE;
 filter: alpha(opacity=80);
 -moz-opacity: 0.80;
 -khtml-opacity: 0.80;
 opacity: 0.80;
 background-image: url(../../images/sp/waitting.gif);
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
}

.axsp03CntMsg {
	font-size:12px;
	color: black;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.login_notice_txt01_sp {
	color:red;
	font-size: 13px;
	/* font-weight:bold; */
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

.login_notice_txt02_sp {
	font-size: 13px;
	/* font-weight:bold; */
	padding-left:15px;
	padding-right:15px;
}

.checkin_notice_txt01_sp {
	color:red;
}

/*QRコード表示エリア*/
.qrcode_area_sp {
	display: flex;
	align-items: center;
}

/*QRコード注意書き*/
.qrcode_msg_sp {
	font-weight: bold;
}

.terms-modal-contents p span:nth-of-type(1) {
    font-weight: bold;
    font-size: 1rem;
}

.terms-modal-contents ol {
    padding-left: 40px;
}

.terms-modal-contents ol li {
    list-style-type: decimal;
}