@charset "utf-8";

@font-face {
  font-family: 'jtb-icon';
  src: url("/_ovs_assets/images/fonts/icomoon.ttf") format("truetype"), url("/_ovs_assets/images/fonts/icomoon.woff") format("woff"), url("/_ovs_assets/images/fonts/icomoon.svg#jtb-dom") format("svg");
  font-weight: normal;
  font-style: normal;
}


/*  国・都市から海外航空券を探す
============================================================================= */
.searchcity-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0 -12px;
}
.searchcity-block{
	position: relative;
	margin-left: 12px;
	width: calc(100% / 3 - 12px);
}
.searchcity-block dl{
	line-height: 1.2;
	border-bottom: solid 1px #c6cad0;
}
.searchcity-block dl:first-child{
	border-top: solid 1px #c6cad0;
}
.searchcity-block dt{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px 35px 15px 18px;
	line-height: 1.2;
}
.searchcity-block dd{
	display: none;
}
.searchcity-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.searchcity-list li{
	width: 50%;
}


.searchcity-list li:nth-child(-n + 2){
	border-top: dotted 1px #eee;
}
.searchcity-list li:nth-child(odd){
	border-right: dotted 1px #eee;
}
.searchcity-list li:not(:last-child) a{
	border-bottom: dotted 1px #eee;
}
.searchcity-list li:nth-child(2n+1):nth-last-child(2) a{
	border-bottom: none;
}



.searchcity-list li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	position: relative;
	height: 100%;
	color: #323743;
	font-size: 1.3rem;
	padding: 15px 18px;
}
.searchcity-list li a:hover,
.js-accordion-title:hover{
	transition: all 0.4s ease;
	background: #f5f8fb;
	cursor: pointer;
}
.searchcity-list li a:focus{
	background: #edf2f8;
}


.page-title-h2{
font-size: 2.2rem;
font-weight: bold;
text-align: center;
}


@media screen and (max-width: 759px){
/*  国・都市から海外航空券を探す
	============================================================================= */
	.searchcity-wrapper{
		margin: 18px 0 0 -1px;
	}
	.searchcity-block{
		margin-left: 0;
		width: 100%;
	}
	.searchcity-block dl{
		line-height: 1.2;
		border-bottom: solid 1px #c6cad0;
	}
	.searchcity-block:first-child dl:first-child{
		border-top: solid 1px #c6cad0;
	}
	.searchcity-block dt{
		min-height: 45px;
		padding: 12px 40px 12px 12px;
	}
	.searchcity-block dd{
		display: none;
	}
	.searchcity-list li a{
		display: block;
		color: #323743;
		padding: 15px 35px 15px 18px;
	}
	.searchcity-list li a:hover{
		transition: all 0.4s ease;
		background: #f5f8fb;
	}
	.searchcity-list li a:focus{
		background: #edf2f8;
	}


/* =============================================================================
    JS
============================================================================= */
/*  アコーディオン
============================================================================= */
.js-accordion-title{
	position: relative;
	padding: 15px 25px 15px 15px;
	cursor: pointer;
}
.js-accordion-title:hover{
	transition: all 0.4s ease;
	background: #f5f8fb;
}
.js-accordion-title:focus{
	background: #edf2f8;
}
.js-accordion-title:after{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display: block;
	font-size: 2.4rem;
    color: #98A6B5;

	font-family: 'jtb-icon' !important;
	content: "\e90c";
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
}
.js-accordion-title.js-open:after{
	content: "\e90f";
}
}