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

/*サブウィン用*/
.containner_subwin_search { margin: 0; padding: 10px;}
.containner_subwin_search * { font-size: 14px; box-sizing: border-box;}
.containner_subwin_search .contents { width: 100%; margin: 0; border: 1px solid gray;}
.containner_subwin_search .contents .subwinHead { padding: 5px; background: #e6e6e6; display: flex; justify-content: space-between; align-items: center;}
.containner_subwin_search .contents .subwinHead h1 { padding-left: 10px;}
.containner_subwin_search .contents .subwinHead h1::before { content: ''; display: inline-block; width: 5px; height: .9rem; margin-right: 3px; ;background: #333; vertical-align: -1px;}
.containner_subwin_search .contents .subwinHead p { color: #609; cursor: pointer; padding-right: 10px;}
.containner_subwin_search .contents p.txt { padding: 10px; color: #666;}
.containner_subwin_search .contents p.txt span.bold { font-weight: bold;}

/*就航路線用*/
div#flyingRoutesModal { width: 95%; max-width: 800px; margin: 20px auto 0 auto; padding: 20px; background: white; border: 2px solid #e1656c; box-sizing: border-box;}
div#flyingRoutesModal * { font-size: 14px; box-sizing: border-box; color: #4c4c4c;}
div#flyingRoutesModal h2 { text-align: center; font-size: 18px;}

div#flyingRoutesModal .flyingRoutesModalBoxTab { margin-top: 20px; /*padding-left: 9%;*/ overflow: hidden; position: relative; clear: both;}
div#flyingRoutesModal .flyingRoutesModalBoxTab ul { width: 80%; padding: 0; margin: 0; overflow: hidden; margin: 0 auto;}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.active { padding-top: 0; background: white; border-bottom: none; border-top: 3px solid #e1656c; z-index: 1;}
div#flyingRoutesModal .flyingRoutesModalBoxTab li { width: 49%; height: 45px; padding-top: 3px; border: 1px solid #444; border-bottom: none; text-align: center; float: left; position: relative; display: block; background: #444;}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla { margin-left: 2%;}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.active a { padding-top: 9px; background: white; border-bottom: 0; z-index: 10; color: #4c4c4c;}
div#flyingRoutesModal .flyingRoutesModalBoxTab li a { display: block; padding: 8px; color: white; text-decoration: none;}
div#flyingRoutesModal .flyingRoutesModalBoxTab::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #444;
	position: absolute;
	bottom: 0;
	left: 0;
}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnJetstar.active a::before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 22px;
	margin-right: 5px;
	background: url(../images/subwin/logo_jetstar.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -5px;
}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnJetstar a::before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 22px;
	margin-right: 5px;
	background: url(../images/subwin/logo_jetstar_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -5px;
}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla.active a::before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 22px;
	margin-right: 5px;
	background: url(../images/subwin/logo_vanilla.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -5px;
}
div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla a::before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 22px;
	margin-right: 5px;
	background: url(../images/subwin/logo_vanilla_white.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -5px;
}

div#flyingRoutesModal .flyingRoutesModalBox { margin: 20px 0;}
div#flyingRoutesModal .flyingRoutesModalBox_vanilla { display: none;}
div#flyingRoutesModal .tableBox { width: 50%; float: left;}
div#flyingRoutesModal .tableBox table { width: 100%; border: 2px solid #4c4c4c; border-collapse: collapse;}
div#flyingRoutesModal .tableBox table tr { border: 1px solid #4c4c4c;}
div#flyingRoutesModal .tableBox table td { padding: 10px;}
div#flyingRoutesModal .tableBox p { font-size: 10px;}

div#flyingRoutesModal .mapBox { width: 45%; float: right;}
div#flyingRoutesModal .mapBox img { width: 100%;}
div#flyingRoutesModal .modalCloseBtn { width: 120px; margin: 0 auto; padding: 5px 10px; display: block; color: #999; text-align: center; border: 2px solid #999; border-radius: 100px; clear: both;}

@media screen and (max-width: 768px) {
	body { margin: 0; padding: 0;}
	div#flyingRoutesModal { width: 100%; border: 0; padding: 0;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab ul { width: 95%;}
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnJetstar.active a::before,
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla a::before,
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnJetstar a::before,
	div#flyingRoutesModal .flyingRoutesModalBoxTab li.airlineBtnVanilla.active a::before { width: 15vw; height: 22px; vertical-align: -45%;}
	div#flyingRoutesModal .mapBox { display: none;}
	div#flyingRoutesModal .tableBox { float: none; width: 95%; margin: 0 auto;}
}

.chart {
	display: flex;
	justify-content:space-between; 
	flex-wrap: wrap;
	list-style-type: none;
	margin-left: -30px;
	margin-right: 10px;
	margin-top: 0;
}

.chart li {
	color: #666;
	border: 1px solid #666;
	border-right: none;
	width: 25%;
	text-align: center;
	padding: 3px 0;
}

.chart li.ttl {
	background-color: #e6e6e6;
}

.chart li:nth-child(-n+8) {
	border-bottom: none;
}

.chart li:nth-child(n+13) {
	border-top: none;
}

.chart li:nth-of-type(4n) {
	border-right: 1px solid #666;
}