@charset "utf-8";
/* ==========================================================================
 * トラベルインフォ用CSS
 * for /japan-travel-planner/information/

========================================================================== */

/* コンテンツに高さが無いため、
　　画面の大きな端末(Width767px以上)で表示する際高さを調整する
----------------------- */
@media screen and (min-width: 767px){
	.travelInfo{margin-bottom:75px;}
	.footer{margin-bottom:175px;}
}

/* travelInfo
----------------------- */

.travelInfo_list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.travelInfo_list > li{
	width: 22.2%;
	margin: 0 0 2% 3%;
	border-bottom: 1px solid #17399a;
}

@media screen and (min-width: 769px){
.travelInfo_list > li:nth-of-type(4n+1){
	margin-left: 0;
}
}/* end min-width: 769px */

.travelInfo_list .iconBlank{
	padding-left: 5px;
}
.travelInfo_list > li *{
	vertical-align: baseline;
}

@media screen and (max-width: 768px){
/* travelInfo
----------------------- */
.travelInfo{}

.travelInfo_list {
	display: block;
}
.travelInfo_list > li{
	width: 100%;
	margin: 0 0 2%;
	display: block;
}
}/* end max-width: 768px */