@charset "utf-8";
/***************　共通　***************/
img{
	max-width: 100%;
height: auto;
width: auto;
}
/***************　タイトル｜ルート　***************/
.title_route{
	padding-top : 16px;
padding-bottom : 12px;
text-align : center;
color : white;
background-color : rgb(85, 174, 255);
font-weight : bolder;
clear : both;
}
/***************　左　ラップ　***************/
#left_wrap{
	float : left;
width : 68%;
clear : both;
margin-top : -10px;
}
/***************　右　ラップ　***************/
#right_wrap{
	float : right;
width : 30%;
margin-top : -10px;
}
/***************　航空券一覧　***************/
.lead_area{
	color : white;
font-weight : bold;
text-align : center;
clear : both;
padding-top : 5px;
padding-bottom : 3px;
padding-left : 5px;
padding-right : 5px;
border-width : 1px;
border-style : solid;
width : 100px;
margin-left : auto;
margin-right : auto;
border-radius: 10px 10px 10px 10px;
background-color : rgb(85, 174, 255);
}
/* IE10 & IE11 */
_:-ms-input-placeholder, :root .lead_area{
padding-top : 8px;
}
.ul-433{
	display: flex;
flex-wrap:wrap;
padding-left : 0px;
width : 100%;
}
.ul-433 li{
	width : 25%;
text-align : center;
margin-bottom : 5px;
}
.ul-433 li a{
	display : block;
line-height : 35px;
color : gray;
border-right-width : 1px;
border-right-style : dotted;
}
.ul-433 li:last-child a{
	border-right-style : none;
}
.ul-433 li:nth-child(4n) a{
	border-right-style : none;
}
.ul-433 li a:hover{
	background-color : rgba(192, 192, 192, 0.3);
}
/***************　NEWS　***************/
.news_left{
	width : 100%;
border-style : none;
margin-bottom : 10px;
}
.news_right{
	width : 100%;
border-style : none;
margin-bottom : 10px;
}
.news-hover:hover{
opacity: 0.5 ;
}
/***************　ページ概要　***************/
.img_space{
	cursor : default;
margin-left : auto;
margin-right : auto;
clear : both;
overflow : visible;
width : 15px;
position : relative;
z-index : -1;
top : 22px;
bottom : -32px;
}
/*==========================================================================
●●●tablet.css 画面の横幅が768pxまで●●●
===========================================================================*/
@media screen and (max-width: 768px){
/***************　左　ラップ　***************/
#left_wrap{
	width : 63%;
}
/***************　右　ラップ　***************/
#right_wrap{
	width : 35%;
}
/***************　航空券一覧　***************/
.ul-433 li{
	width : 33.3%;
text-align : center;
margin-bottom : 5px;
}
.ul-433 li:nth-child(4n) a{
	border-right-style : dotted;
border-right-width : 1px;
}
.ul-433 li:nth-child(3n) a{
	border-right-style : none;
}
/***************　囲み　***************/
}
/*==========================================================================
●●●smart.css  画面の横幅が570pxまで●●●
===========================================================================*/
@media screen and (max-width:570px){
/***************　左　ラップ　***************/
#left_wrap{
	float : none;
width : 100%;
}
/***************　右　ラップ　***************/
#right_wrap{
	width : 100%;
clear : both;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
float : none;
}
/***************　タイトル｜ルート　***************/
.title_route{
	padding-left : 3%;
padding-right : 3%;
margin-left : -3%;
margin-right : -3%;
}
/************************NEWS************************/
.news_left{
	width : 49%;
float : left;
}
.news_right{
	width : 49%;
float : right;
}
/***************　囲み　***************/
}