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

:root{
  --main-triton:#00164E !important;
  --main-mohican:#00AFF0 !important;
  --main-white:#FFFFFF !important;
  --supporting-dark:#0F2356 !important;
  --supporting-light:#CCD4EA !important;
  --accent:#ED2F4F !important;
  --gray-lv01:#E5E5E5 !important;
  --gray-lv02:#B2B2B2 !important;
  --gray-lv03:#7F7F7F !important;
  --gray-lv04:#333333 !important;
}


html{
  background-color:var(--main-white);}


body{
	margin:0;
	color:#ffffff;
	font-weight:bold;
	font-size:150%;}




#tab{
	font-size:180%;}

/*-- TOPに戻る --*/
#top-btn{
    text-align: right;
    margin-left: 4em;
    display: inline-block;
    font-size: 70%;}
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.2em 1em 0.1em;
    text-decoration: none;
    color: #ffffff;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}




/*-- アニメーション --*/
#fadeIn {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*-- テーブル --*/
table{
  background-color:var(--gray-lv04);
  color:var(--main-white);
  height: 100vh;}
td{
	text-align:center;
	padding:0.2em 0.05em;}
tbody td {
  padding: 0.2em 0.5em;}

/*-- セル --*/
.gray{
	background-color:var(--gray-lv03);}

.t_title{/* 到着 */
	text-align:left;
	padding-left:1em;
	font-size:120%;}
.t_title img {
  height: auto;}
#icon{
	max-width:1.3em;
	margin:0;
	display:inline;
	margin-bottom:-0.2em;
	padding:0;
	margin-top:0.1em;}

.tab_title{
	font-size:100%;
	padding-left:0.5em}

.title{/* 項目 */
	padding:0;
	margin:0;}

.title_e{/* 項目 英語 */
	padding:0;
	margin:0;}

.tab_title_e{
	font-size:60% !important;;}


.flight_no{/* フライトナンバー */
	text-align:right;}
.flight_no select {
  width: 6em;
  text-align: center;}
.flight_no input {
  width: 3em;}
.flight_con {
  display: flex;
  gap: 1em;}

.flight_img, flight_no, .time, .estimated {
  max-width: 5vw;
  width: 12%;
}
img{/* ロゴ */
	height: 1.4em;
	padding:0;
	margin:auto;
	margin-right:0;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}

.destination-cell select{
  width: 20em;}
.time-cell input, .estimated-cell input{
  font-size: 85% !important;}

.remarks-cell select{
  width: 10em;}

.small{/* 英語表記 */
	font-size:75%;}


.tmp_select{
	max-width:210px;}

.rem{
	max-width:250px;
	width:250px;}

.submit{
	margin:0 auto;}
input, select, input.submit.small{
	font-size:70% !important;
	border-radius: 1em;
	padding: 0.2em 1em;
	border: none;}


/*文字色*/
.arr_color{
	color:#ffff00;}