@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	travel.css

//////////////////////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------------------------

	transfer

------------------------------------------------------------------------------*/


@media screen and (max-width: 767px) {
	
main #transfer .caption {
	margin-bottom: 0;
}
	
main #transfer .caption p {
	font-size: 2.85vw;
	text-align: center;
}

}


/*------------------------------------------------------------------------------

	world

------------------------------------------------------------------------------*/

main #world h2 span {
	display: block;
	margin-top: 1.5em;
	font-size: .389em;
}

main #world .arrival_departure {
	max-width: 445px;
	margin: 0 auto;
}

main #world .arrival_departure {
	max-width: 445px;
	margin: 0 auto;
}

main #world .note {
	text-align: center;
}

main #world .note li {
	padding-left: 0;
	font-weight: 500;
	font-size: 1.125em;
}

main #world .note li:before {
	position: relative;
}

main #world table .city .flag img,
main #world .w_box ul figure img {
	filter: drop-shadow(1px 0 0 rgba(0,0,0,1)) drop-shadow(-1px  0 0 rgba(0,0,0,1)) drop-shadow( 0  1px 0 rgba(0,0,0,1)) drop-shadow( 0 -1px 0 rgba(0,0,0,1));
}

@media screen and (max-width: 900px) {

main #world h2 span {
	font-size: .5em;
}

main #world .arrival_departure {
	max-width: 350px;
}

main #world .note li {
	font-size: 1em;
}

}

@media screen and (max-width: 767px) {

main #world .arrival_departure {
	max-width: 90%;
}

main #world .note {
	text-align: left;
}

main #world .note li {
	padding-left: 1em;
}

main #world .note li:before {
	position: absolute;
}

}


/*	table
------------------------------------------------------------------------------*/

main #world table {
	max-width: 1000px;
	margin: 3em auto;
}

main #world table th,
main #world table td {
	padding: .25em .5em;
	font-size: 1.5em;
}

main #world table .num span {
	display: inline-block;
	padding: .25em;
	background-color: rgba(var(--sub-color),1);
	border-radius: .25em;
	line-height: 1;
	font-size: .75em;
	color: #FFF;
}

main #world table .city {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}

main #world table .city .name {
	flex: 1;
}

main #world table .city .ja,
main #world table .city .en {
	display: block;
	text-align: left;
}

main #world table .city .en {
	margin-top: .25em;
	font-size: .6em;
}

main #world table .city .flag {
	width: 2.75em;
	margin-right: .5em;
}

@media screen and (max-width: 900px) {

main #world table th,
main #world table td {
	font-size: 1.25em;
}

}

@media screen and (max-width: 767px) {

main #world table th,
main #world table td {
	padding: .25em;
	font-size: 3vw;
}

main #world table .city .flag {
	width: 4vw;
}

main #world table .operating_day {
	font-size: 2vw;
}

}


/*	w_box
------------------------------------------------------------------------------*/

main #world .w_box dt {
	text-align: center;
	font-size: 1.625em;
	color: rgba(var(--green),1);
}

main #world .w_box ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 1em 0 0;
}

main #world .w_box ul li {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	align-items: center;
	width: 160px;
	margin-right: 5%;
	margin-bottom: 0;
	text-align: center;
}

main #world .w_box ul li:last-child {
	margin-right: 0;
}

main #world .w_box ul figure {
	width: 100%;
}

main #world .w_box .name span {
	display: block;
	font-weight: 500;
}

main #world .w_box .name .city {
	font-size: 1.125em;
}

main #world .w_box .name .airline {
	font-size: .875em;
}

@media screen and (max-width: 1400px) {

main #world .w_box ul li {
	width: 140px;
	margin-right: 3%;
}

main #world .w_box .name .city {
	font-size: 1em;
}

main #world .w_box .name .airline {
	font-size: .75em;
}

}

@media screen and (max-width: 1200px) {

main #world .w_box ul li {
	width: 125px;
}

}

@media screen and (max-width: 1000px) {

main #world .w_box ul li {
	margin-right: 6%;
}

main #world .w_box dd {
	width: 70%;
	margin: 0 auto;
}

main #world .w_box ul li:nth-child(3n) {
	margin-right: 0;
}

main #world .w_box ul li:nth-child(n+4) {
	margin-top: 1em;
}

}

@media screen and (max-width: 767px) {

main #world .w_box dt {
	font-size: 4.5vw;
}

main #world .w_box dd {
	width: 100%;
}

main #world .w_box ul li,
main #world .w_box ul li:nth-child(3n) {
	width: 47.5%;
	margin-right: 5%;
}

main #world .w_box ul li:nth-child(2n) {
	margin-right: 0;
}

main #world .w_box ul li:nth-child(n+3) {
	margin-top: 3vw;
}

main #world .w_box .name .city {
	font-size: 4vw;
}

main #world .w_box .name .airline {
	font-size: 3vw;
}

}