@charset "utf-8";
/*
	Description: initial setting
	Version: 1.0
	Author: idealgrow
*/
/*
===== CONTENTS ===========================================

	1: BASE LAYOUT

==========================================================
*/
/*
===== 1: BASE LAYOUT =====================================
*/
main{
	min-height: calc(100% - 92px);
}
footer{
	text-align: center;
	border-top: solid 1px #ebebeb;
	padding: 5px 0;
	font-size: 14px;
}
#login{
	width: 100%;
	height: 100%;
}
#login div{
	width: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
#login div img{
	margin-bottom: 20px;
}
#login div ul li:not(:last-of-type){
	margin-bottom: 10px;
}
#login div ul li:last-of-type{
	padding: 0 40px;
	margin-top: 20px;
}
header{
	width: 100%;
	padding: 15px 30px;
	border-bottom: solid 1px #ebebeb;
}
#searchModule{
	background: #f5f5f5;
	padding: 15px 30px;
	border-bottom: solid 1px #ebebeb;
}
#searchModule ul{
	display: flex;
}
#searchModule ul li{
	display: flex;
	align-items: center;
	width: 360px;
	margin-right: 30px;
}
#searchModule ul li:last-of-type{
	width: 100px;
}
#searchModule ul li span{
	width: 140px;
	font-weight: bold;
}
#listTable{
	padding: 20px 30px;
}
#listTable table{
	border-collapse: collapse;
	width: 100%;
	table-layout: auto;
	border-bottom:solid 1px #e0e0e0;
}
#listTable table tr th:first-of-type{
	width: 190px;
}
#listTable table th{
	font-size: 14px;
	text-align: left;
	padding: 20px 15px;
	position: relative;
}
#listTable table th:nth-of-type(3)~th,
#listTable table td:nth-of-type(3)~td{
	text-align: center;
}
#listTable table th:not(:last-of-type):after{
	content: "";
	width: 1px;
	height: 20px;
	background: #e0e0e0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#listTable table tbody td{
	padding:15px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#listTable table tbody td:not(:last-of-type):after{
	content: "";
	width: 1px;
	height: 30px;
	background: #e0e0e0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#listTable table tbody td:nth-of-type(5){
	color: #0d5584;
}
#listTable table tbody td:nth-of-type(6){
	color: #f4b04e;
}
#listTable table tbody td a{
	display: block;
	padding: 5px 20px;
	font-size: 16px;
	background: #0d5584;
	color: #fff;
}
#listTable table tbody td a:hover{
	opacity: 0.6;
}
#listTable table tbody tr{
	border-top: solid 1px #e0e0e0;
}
#listTable table tbody tr:nth-of-type(odd){
	background: #fcfcfc;
}
#pagenation{
	display:flex;
	justify-content: center;
	margin: 20px 0 30px 0
}
#pagenation li{
	margin: 0 5px;
	font-weight: bold;
}
#pagenation li a{
	color: #9a9a9a;
	background: #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px;
	line-height: 1;
}
#pagenation li a:hover{
	background: #0d5584;
	color: #fff;
}
#pagenation li span{
	color: #fff;
	background: #0d5584;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px;
	line-height: 1;
}
#dataHead{
	border-bottom: solid 1px #ebebeb;
}
#dataHead ul{
	display: flex;
	align-items: center;
}
#dataHead ul li{
	padding:20px 30px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}
#dataHead ul li:first-of-type{
	width: 18%;
	border-right: solid 1px #ebebeb;
}
#dataHead ul li:last-of-type{
	margin-left: auto;
}
#dataHead ul li span{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
#dataHead ul li p{
	text-align: right;
	font-size: 14px;	
	font-weight: bold;
}
#itineraryList{
	padding: 30px;
	counter-reset: countNum;
}
#itineraryList div{
	border: solid 1px #ebebeb;
	counter-increment: countNum
}
#itineraryList div:not(:last-of-type){
	margin-bottom: 30px;
}
#itineraryList div ul{
	display: flex;
	align-items: center;
	background: #0d5584;
}
#itineraryList div ul li{
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}
#itineraryList div ul li:first-of-type{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	width: 100px;
}
#itineraryList div ul li:first-of-type:after{
	content: counter(countNum);
}
#itineraryList div ul li:nth-of-type(2){
	width: 20%;
}
#itineraryList div ul li:nth-of-type(3),#itineraryList div ul li:nth-of-type(4){
	width: 8%;
}
#itineraryList div ul li:nth-of-type(5){
	width: 14%;
}
#itineraryList div ul li:nth-of-type(6){
	width: 20%;
}
#itineraryList div ul li:nth-of-type(7){
	width: calc(38% - 100px);
}
#itineraryList div ul li:not(:first-of-type){
	background: #fff;
	border-left: solid 1px #ebebeb;
}
#itineraryList div ul li .tit{
	display: block;
	font-size: 14px;
}
#itineraryList div ul li .count{
	font-size: 14px;
}
#itineraryList div p{
	background: #f9f9f9;
	position: relative;
	padding: 20px 20px 20px 110px;
	font-size: 20px;
	border-top: solid 1px #ebebeb;
}
#itineraryList div p:before{
	content: "運行内容";
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	width: 100px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
#resultList{
	padding: 30px 0;
	border-top: dotted 2px #ebebeb;
	margin: 0 30px;
	position: relative;
}
#resultList .clipBoard{
	position: absolute;
	right: 0;
	top: 20px;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	background: #ededed;
	font-size: 14px;
	color: #6e6e6e;
	padding: 5px 10px 5px 30px;
  box-shadow: 1px 1.5px 2px 0px rgba(178, 178, 178, 0.5);
	cursor: pointer;
	transition: all 0.2s;
}
#resultList .clipBoard:before{
	content: "";
	width: 16px;
	height: 18px;
	background: url("../img/ico_clipboard.webp")center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
#resultList .clipBoard:hover{
	opacity: 0.6;
}

.resultTable:not(:last-of-type){
	margin-bottom: 40px;
}
.titAll{
	font-size: 22px;
	font-weight: bold;
	color: #0d5584;
	background: url("../img/tit_all.webp")left center no-repeat;
	padding-left: 35px;
	margin-bottom: 20px;
}
.titPending{
	font-size: 22px;
	font-weight: bold;
	color: #848983;
	margin-bottom: 20px;
}
.titPart{
	font-size: 22px;
	font-weight: bold;
	color: #ffb400;
	background: url("../img/tit_part.webp")left center no-repeat;
	padding-left: 35px;
	margin-bottom: 20px;
}
.resultTable table{
	border-collapse: collapse;
	width: 100%;
	table-layout: auto;
}
.resultTable thead th{
	font-size: 14px;
	text-align: left;
	padding: 15px;
	position: relative;
}
.resultTable thead th:not(:first-of-type):after{	
	content: "";
	width: 1px;
	height: 20px;
	background: #e0e0e0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.resultTable.all thead th:first-of-type{
	width: 370px;
}
.resultTable.all thead th:nth-of-type(2),.resultTable.all thead th:nth-of-type(3){
	width: 205px;
}
.resultTable thead th:nth-of-type(6){
	width: 142px;
	
}
.resultTable.all tbody tr:nth-of-type(odd){
	background: #f1f9ff;
}
.resultTable.all tbody tr td:not(:first-of-type):after{	
	content: "";
	width: 1px;
	height: 50px;
	background: #e0e0e0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.resultTable.all tbody tr td{
	padding: 15px;
	position: relative;
}
.resultTable tbody tr td{
	font-size: 18px;
	font-weight: bold;
}
.resultTable tbody tr td:first-of-type{
	font-size: 22px;
}
.resultTable tbody tr td.totalFee,.resultTable tbody tr td.optFee{
	color: #0d5584;
}
.resultTable tbody tr td.totalFee span{
	font-size: 26px;
}
.resultTable tbody tr td.optFee span{
	font-size: 20px;
}
.resultTable tbody tr td:last-of-type{
	text-align: right;
}
.resultTable tbody tr td a{
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	background: #ededed;
	font-size: 14px;
	color: #6e6e6e;
	padding: 5px 30px 5px 10px;
  box-shadow: 1px 1.5px 2px 0px rgba(178, 178, 178, 0.5);
	cursor: pointer;
	position: relative;
}
.resultTable tbody tr td a:hover{
	opacity: 0.6;
}
.resultTable tbody tr td a:before{
	content: "";
	width: 16px;
	height: 18px;
	background: url("../img/ico_link.webp")center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.resultTable.part table{
	border-bottom: solid 1px #ebebeb;
}
.resultTable.part td table{
	counter-reset: flowNum;
	border-bottom: none;
}
.resultTable.part td table tr{
	position: relative;
	counter-increment: flowNum;
}
.resultTable.part > table > tbody > tr{
	border-top: solid 1px #ebebeb;
}
.resultTable.part td table tr th{
	position: absolute;
	left: -80px;
	background: #0d5584;
	color: #fff;
	width: 80px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
.resultTable.part td table tr th:after{
	content: counter(flowNum);
}
.resultTable.part td img{
	display: block;
	margin: 0 auto;
}
.resultTable.part thead th:first-of-type{
	width: 300px;
}
.resultTable.part thead th:nth-of-type(2),
.resultTable.part tbody tr td table td:first-of-type{
	width: 90px;
	text-align: center;
}
.resultTable.part thead th:nth-of-type(3),
.resultTable.part tbody tr td table td:nth-of-type(2){
	width: 160px;
	padding: 0 15px;
}
.resultTable.part thead th:nth-of-type(4),
.resultTable.part tbody tr td table td:nth-of-type(3){
	width: 150px;
	padding: 0 15px;
}
.resultTable.part thead th:nth-of-type(5),
.resultTable.part tbody tr td table td:nth-of-type(4){
	width: 70px;
	padding: 0 15px;
	text-align: center;
}
.resultTable.part tbody tr td table td:nth-of-type(4){
	font-size: 16px;
}
.resultTable.part thead th:nth-of-type(6),
.resultTable.part tbody tr td table td:nth-of-type(5){
	text-align: left;
	padding: 0 15px;
	width: calc(100% - 915px);
}
.resultTable.part thead th:nth-of-type(7){
	width: 145px;
}
.resultTable.part > table > tbody > tr > td:first-of-type{
	width: 300px;
	padding:15px 90px 15px 15px;
}
.resultTable.part tbody tr td:last-of-type{
	padding: 15px;
}
.resultTable.part tbody tr td table tr:not(:last-of-type) th{
	border-bottom: solid 1px #fff;
}
.resultTable.part tbody tr td table tr:not(:last-of-type) td{
	border-bottom: solid 1px #ebebeb;
}
.resultTable.part tbody tr td table tr td:not(:first-of-type){
	border-left: solid 1px #ebebeb;
}
.resultTable.part > table > tbody > tr:nth-of-type(even){
	background: #f7f7f7;
}
.resultTable.part > table > tbody > tr:nth-of-type(even) td table tr th{
	background: #3b7ba4;
}