@charset "utf-8";
/*--------------------------------------------------------------------------------tour_ranking*/
#tour_ranking {
	padding: 2em 0 4em 0;
}
.choice_box{
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	border-bottom:1px solid #FFFFFF;
}
.choice_box dt{
	background:#C5BA8D;
	width:11%;
	padding:2% 0 1.5% 1%;
	color:#FFFFFF;
}
.choice_box dd{
	background:#f3f2ec;
	width:85%;
	padding:1.5% 1.5% 1% 1.5%;
	font-size:0;
}
.choice_box dd ul li{
	width:23.3%;
	font-size:0.85rem;
	display:inline-block;
	background:#FFFFFF;
	margin:0 1.5% 1% 0;
	padding:1% 0;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	border-radius:0.2em;
	cursor:pointer;
	text-align:center;
}
.choice_box dd ul li:nth-child(4n){
	margin-right:0;
}
.choice_box dd ul li.active {
	background:#827E7C;
	color:#FFFFFF;
}
.deplistWrap:before {
	content:"出発空港";
	display:block;
	background:#C5BA8D;
	color:#FFFFFF;
	float:left;
	width:11%;
	height:2em;
	padding:1.5em 0 0.8em 1%;
}
.deptlist {
	width:100%;
	background:#f3f2ec;
	min-height:4.3em;
	

}
.deptlist li {
	display:inline-block;
	margin:1.3em 0.5em 1.3em 0;
}
.deptlist li:first-child {
	margin-left:1%;
}
.deptlist li a{
	padding:0.3em 2em;
	background:#FFFFFF;
	color:#666666;
	text-decoration:none;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
}
.deptlist li span {
	padding:0.3em 2em;
	background:#827E7C;
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
}
.gadgetList{
	margin-top:2em;
}


.pageGuideTop,
.pageGuideBottom{display:none;}

/*tour_temp*/
.searchEffList {
	width:100%;
    margin:0;
    padding:0;
	background:#FFFFFF;
	min-height:100px;
}
.searchEffList dl dt:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:4em;
	height:3em;
	z-index:100;
}
.searchEffList dl:nth-child(1) dt:before {
	background:url(../img/icon_no1.png) no-repeat;
	background-size:100% auto;
}
.searchEffList dl:nth-child(2) dt:before {
	background:url(../img/icon_no2.png) no-repeat;
	background-size:100% auto;
}
.searchEffList dl:nth-child(3) dt:before {
	background:url(../img/icon_no3.png) no-repeat;
	background-size:100% auto;
}





.tour_temp{
    width: 100%;
    list-style: none;
    padding-bottom: 0;
    position: relative;
	background:#FFFFFF;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   border:1px solid #CCCCCC;
   padding:1.2em;
}
.tour_temp dt{
	float:left;
	width:17%;
	margin-right:3%;
}
.tour_temp dt p.temp_photo{

  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.tour_temp dt p.temp_photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width:100%;
  max-width: 150%;
  max-height: 150%;
}
.tour_temp dd{
	float:right;
	width:80%;
}
.tour_temp dd p.temp_city {
	display:inline-block;
	background:#b89c84;
	color:#FFFFFF;
	font-size:1em;
	line-height:1.2;
	padding:.3em .5em;
}
.tour_temp dd h5 {
	padding:8px 0 6px;
	line-height:1.4;
	font-size: 1rem;
}
.tour_temp dd:nth-of-type(2){
	border-top:1px dotted #CCCCCC;
	padding-top:8px;
}
.tour_temp dd:nth-of-type(2) p{
	font-size:1.1em;
	line-height:1.4;
	margin-bottom:6px;
	font-weight: bold;
}
.tour_temp dd p.temp_price{
	color:#DD5353;
}
.tour_temp dd p.temp_price span.dept,
.tour_temp dd p.temp_day span.term,
.tour_temp dd p.temp_career span.code {
	display:inline-block;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:3px 0.5em 2px 0.5em;
	font-size:.8rem;
	line-height:1;
	margin-right:.5em;
	min-width:4em;
}
.tour_temp dd p.temp_link a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
	background:none;
}
.tour_temp dd p.temp_link a::after {
  background-color: rgba(203,233,250,0.20)

}
.choice_con {
	background:url(../img/load.gif) no-repeat;
	background-position:center 8em;
	min-height:300px;
}

.to_country {
	margin-top:2em;
	display:none;
}
.to_country h6{
	background:#28377c;
	padding:0.5em 0;
	color:#FFFFFF;
	text-align:center;
}

.to_country ul {
	background:#eceff3;
	padding:1em 1% 2em 1%;
	min-height:2.3em;
	text-align:center;
}
.to_country ul li {
	display:inline-block;
	background:#FFFFFF;
	margin-bottom:0.3em;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	border-radius:0.3em;
	overflow:hidden;
}


/*--------------------------------------------
	950px以下（PC調整）
---------------------------------------------*/
@media screen and (max-width : 950px) {

/*--------------------------------------------------------------------------------tour_ranking*/
.choice_box,
.choice_con {
	width:92%;
	margin:0 auto;
}
.tour_temp dt p.temp_photo{
  position: relative;
  width: 100%;
  padding-top: 0%;
  overflow: hidden;
  margin: 0 auto;
}
.tour_temp dt p.temp_photo img {
  position:relative;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  max-width: 100%;
  max-height: 100%;
}


}


/*--------------------------------------------
	768px以下（タブレット調整）
---------------------------------------------*/
@media screen and (max-width: 768px)  {
/*--------------------------------------------------------------------------------tour_ranking*/

.tour_temp dd:nth-of-type(2){
	float:left;
	width:100%;
}

.choice_box,
.choice_con {
	width:100%;
	margin:0 auto;
}
.tour_temp dd:nth-of-type(2) p {
    font-size: 1.2em;
}
#tour_ranking p {
    font-size: 14px;
}
}
/*--------------------------------------------
	640x以下（search調整）
---------------------------------------------*/
@media screen and (max-width: 640px)  {
/*--------------------------------------------------------------------------------tour_ranking*/
#tour_ranking {
	padding:2em 0;
}

.choice_box,
.choice_con {
	width:100%;
	margin:0 auto;
}
.choice_box dt{
	width:100%;
    padding: 1% 0 1% 4.5%;
}
.choice_box dd{
	width:100%;
	padding:2% 4%;
}
.choice_box dd ul li{
    width: 31%;
	margin: 0 3% 1.5% 0;
	font-size: 0.75rem;
}
.choice_box dd ul li:nth-child(4n){
	margin-right:3%;
}
.choice_box dd ul li:nth-child(3n){
	margin-right:0;
}
.deplistWrap:before {
	width:95.5%;
    padding: 1% 0 1% 4.5%;
	height:auto;
}
.deptlist li:first-child {
	margin-left:4.5%;
}
/*tour_temp*/
.tour_temp{
    width: 100%;
	margin:0 auto;
	border:1px solid #CCCCCC;
	border-top:none;
	padding:3%;
}
.tour_temp dt{
	float:left;
	width:25%;
	margin-right:3%;
}
.tour_temp dt p.temp_photo img {
	width:100%;
}
.tour_temp dd {
    float: right;
    width: 72%;
}
.tour_temp dd:nth-of-type(2){
	float:right;
	width:72%;
}
.gadgetList {
    margin-top: 0em;
}
.to_country {
    margin-top: 0em;
}

}

/*--------------------------------------------
	480px以下（スマホ）
---------------------------------------------*/
@media screen and (max-width: 480px)  {
/*--------------------------------------------------------------------------------tour_ranking*/
.tour_temp dd h5 {
    font-size: 15px;
}
.deptlist{
    display: flex;
    flex-wrap: wrap;
}
.deptlist li{
	margin-bottom: 0;
}
.deptlist li:nth-child(4) {
	width: 100%;
    margin-left: 4.5%;
	margin-bottom: 1.3em;
}
#tour_ranking p {
    font-size: 15px;
}
}