@charset "utf-8";
/* ======================================================
UMP_TOPページの改善_PC（#64660） 用
====================================================== */

/* .personalizedArea
------------------------------------*/
.personalizedArea{
  color:#333;
  padding: 10px;
  background-color: #f8f4e6;
  margin-bottom: 10px;
}
.personalizedArea img{
  vertical-align: top;
}
.personalizedArea .img img{
  width: 100%;
}

/* bookmarks retargeting */
.body-utility {
  background-color: #f8f4e6 !important;
  border-width: 0 !important;
  width: 100% !important;
  display:block;
}
.body-utility .utility-list {
  display: block !important;
  *display: block !important;
  *float: none !important;
  padding: 0 !important;
}
.body-utility .utility-list ul {
  display: table !important;
  float: none !important;
}
.body-utility .utility-list li {
  display: table-cell !important;
  float: none !important;
  margin: 0 !important;
  height: auto !important;
}
.body-utility .utility-list li:first-child{
  padding-right:5px;
}
.body-utility .utility-list li:first-child + li{
  padding-left:5px;
}
.body-utility .utility-list li a {
  display:block;
  position:relative;
}
.body-utility .utility-list li a .num {
  color:#fff;
  font-size:14px;
  font-weight:bold;
  position:absolute;
  top:10px;
  right:30px;
}
.body-utility .utility-list li .none {
  display:block !important;
  position:relative;
}
.body-utility .utility-list li .none .num {
  color:#727272;
  font-size:14px;
  font-weight:bold;
  position:absolute;
  top:10px;
  right:30px;
}

/* .recommendArea */
.recommendArea{
  margin: 0;
  overflow: hidden;
}
.recommendArea .colLeft{
  float: left;
  position:relative;
}
.recommendArea .colRight{
  float: right;
  position:relative;
}
.recommendArea .colLeft:after,
.recommendArea .colRight:after{
  position: absolute;
  content:"";
  display:block;
  width:9px;
  height:14px;
  background:#fff url("//s.skygate.co.jp/pc/tour/images/top/arrow/arrow_right-01.png");
  background-repeat:no-repeat;
  right: 8px;
  top: 50%;
  margin-top: 1px;
}
.recommendArea .hdg{
  position:relative;
}
.recommendArea .hdg:after{
  position: absolute;
  content:"";
  display:block;
  width:12px;
  height:8px;
  background:#fff url("//s.skygate.co.jp/pc/tour/images/top/arrow/arrow_bottom-01.png");
  background-repeat:no-repeat;
  left: 10px;
  bottom: -8px;
}
.recommendBox{
  float: none;
  position: static;
  background: #fff;
  transition-duration: 0s;
  transition-property: all;
  transition-timing-function: ease-in;
  cursor: pointer;
  width: 245px;
  height: auto;
  min-height:160px;
  padding:0;
  margin:0;
}
.recommendBox > a {
  display: block;
  padding: 6px 20px 10px 10px;
  width: 215px;
  color: #333;
  position: relative;
  text-decoration: none;
}
.recommendBox:hover {
  *border-width: 0;
  *margin: 0;
  border-width: 0;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  /margin-bottom:0;
}
:root * > .recommendBox:hover {
  border: 0 none;
  margin: 0;
}
.recommendBox .category{
  display:none;
}
.recommendBox .img{
  /* display:none; */
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
}
.recommendBox .info {
  background:none;
  border-width: 0;
  display: block;
  float: none;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  /* width: 100%; */
  margin-left: 70px;
}
.recommendArea .recommendBox .info .airport{
  /* position:absolute; */
  /* top:0; */
  /* right:10px; */
  /* color:#fff; */
  /* line-height: 26px; */
  /* min-height: auto; */
}
.recommendBox .info .airport,
.recommendBox .info .day,
.recommendBox .info .ex{
  border-width: 0;
  display: block;
  line-height: 1.4;
  min-height: auto;
  font-size: 12px;
}
.recommendBox .info .ex{
  /* margin-left:14px; */
}
.recommendBox .text{
  padding-top: 5px;
  display: block;
}
.recommendBox .text .ttl{
  display: block;
  font-weight: bold;
  text-decoration: none;
  color:#333;
  font-size:14px;
  width:100%;
}
.recommendBox .text .price{
  color: #FF3300;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-top:0;
}
.recommendBox .text .price .surcharge{
  vertical-align:-3px;
  margin-left:3px;
}
.recommendBox .text .detail{
  display:block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:12px;
}
.colLeft .recommendBox .text .ttl + .detail,
.colLeft .recommendBox .text .ttl + .detail + .detail + .detail + .detail + .detail{
  display:none;
}
.colRight .recommendBox .text .ttl + .detail + .detail + .detail,
.colRight .recommendBox .text .ttl + .detail + .detail + .detail + .detail,
.colRight .recommendBox .text .ttl + .detail + .detail + .detail + .detail + .detail{
  display:none;
}
.recommendBox .btn_search{
  display:none;
}

/* .bannerBox */
.bannerBox{
  float: none;
  width: 245px;
  background-color:#fff;
  margin: 0;
}
.bannerBox.box_r{
  float: none;
  background-color:#fff;
}
.bannerBox > .none{
  background-color:#fff;
  padding: 28px 10px;
  display: block !important;/* shared.css とのclass名重複対応 */
}


/* 大特価バーゲンSALE★担当者こだわりの限定ツアー掲載中！
------------------------------------*/
.cntBox{
  overflow:hidden;
}
.cntBox.noborder{
  border-width: 0;
  padding: 0 0 10px 0;
}
.cntBox.noborder .inner{
  padding-top: 0;
}
.cntBox.noborder .inner > a:link,a:active,a:visited{
  color: #05C;
}
.cntBox.noborder > h3{
  left: 0;
  top: 0;
}
.cntBox.noborder > .btn{
  margin-top: 40px;
}
.rnkLst{
  width:50%;
  float:left;
  min-height: 35px !important;
}
.rnkLst > .img{
  display:none;
  overflow:hidden;
}
.rnkLst .txt {
  margin: 0 10px;
  border-bottom: 1px dashed #999;
  padding: 7px 0;
}
.rnkLst > .txt > p{
  float:left;
  font-size: 12px;
}
.rnkLst > .txt > .bold{
  padding:0;
}
.rnkLst > .txt > .sub{
  font-weight:bold;
  padding:2px 0 2px 4px;
}
.rnkLst > .txt > .dtlTxt{
  float:right;
  padding:0;
}
.rnkLst > .txt > .dtlTxt > .prcTxt {
  font-size:12px;
}
.rnkLst > .txt > .dtlTxt > .prcTxt > .str1 {
  font-size:10px;
}
.rnkLst > .txt > .dtlTxt > .prcTxt > .str1 + .str1 {
  display:none;
}
.rnkLst > .txt > .dtlTxt > .prcTxt > .sub{
  display:none;
}
.rnkLst > .linkBlt{
  display:none;
}

/* .bnrLst
------------------------------------*/
.bnrLst li img {
  vertical-align: top;
}

/* 特集リスト
------------------------------------*/
/* bnrcapLst_new */
.bnrcapLst_new{
overflow:hidden;
margin:9px 0 0 9px;
text-align:justify;
}
.bnrcapLst_new li{
margin-bottom:10px;
line-height:1.3;
float:left;
width:196px;
height:77px;
margin-right:8px;
overflow:hidden;
}
.bnrcapLst_new li a{
color:#333;
text-decoration: none;
}
.bnrcapLst_new img{
float:left;
padding-right:4px;
margin-bottom:0;
}
.bnrcapLst_new li .caption{
display:block;
}

/* 気になるキーワード
------------------------------------*/
.cntBox.keyword{
line-height: 1.6;
}

/* パンくずの調整
------------------------------------*/
.topicPath {
  margin-top: 0 !important;
}

/* H1 見出し
------------------------------------*/
.str-hdg-lv1 .str-hdg-lv1-inner{
  padding: 16px 0;
}

.str-hdg-lv1 .str-hdg-txt {
  font-size: 12px;
}