@charset "utf-8";
/*============================
 common
============================*/
body{
  background-color: #ffffff;
}
#content {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}


.str-contents{
  width: auto;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #fff;
}
.title{
  width: 950px;
  margin: 0 auto;
  text-align: center;
}
.blok{
  display: block;
}

/* 看板
------------------------------------------ */
.area_mainvisual_inner {
  background: url(//s.skygate.co.jp/pc/tour/campaign/nh/hnl/images/bg_mainvisual.jpg) no-repeat center top;
  margin: 0 auto;
  padding: 40px 0 70px;
}

/* anc_area
------------------------------------------ */
#anc_area{
  width:950px;
  margin: 12px auto;
}
#anc_area ul{
  overflow: hidden;
  margin: 0 54px 0 104px;
}
#anc_area ul li{
  float: left;
}
#anc_area ul li.anc_01{
  width:141px;
  margin-right: 210px;
  position:relative;
}
#anc_area ul li.anc_02{
  width:50px;
  margin-right: 160px;
  position:relative;
}
#anc_area ul li.anc_01:after,
#anc_area ul li.anc_02:after{
  content:url(//s.skygate.co.jp/pc/tour/campaign/nh/hnl/images/bg_anc.png);
  position:absolute;
  top:7px;
}
#anc_area ul li.anc_01:after{ left:234px; }
#anc_area ul li.anc_02:after{ left:144px; }

/*============================
.area_section
============================*/
.area_section{
  padding:50px 0 60px;
  font-size: 16px;
}
.area_section[data-section-area="bg-01"] {
  background: #002899;
  color: #fff;
}
.area_section[data-section-area="bg-02"] {
  background: #fff;
  color: #333;
}
.area_section[data-section-area="bg-03"] {
  background-color: #0077d4;
  background-image: url(//s.skygate.co.jp/pc/tour/campaign/nh/hnl/images/bg_tourItem.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  position: relative;
  z-index: 1;
}
.area_section_inner{
  width:950px;
  margin: 0 auto;
}
.area_section_inner h3{
  text-align: center;
  margin-bottom:40px;
}

/* honu
------------------------------------------ */
#honu .col2-box > .col-r{
  width:450px;
}

/* seat
------------------------------------------ */
.seat-box{
  background: #e2f5ff;
}
.seat-box.col-box{
  padding:30px 30px 10px;
  margin-bottom:30px;
}
.seat-box .hdg_l4{
  text-align: center;
  margin-bottom:10px;
}
.seat-box.col-box > .col2-box > .col-l{
  width:425px;
}
.seat-box.col-box > .col2-box > .col-r{
  width:435px;
}

.col2-box .seat-box{
  padding:20px;
  width:425px; 
}
/* tourItem
------------------------------------------ */
#tourItem .itemBlock .hdg_l4-02{
  background-color: #002899;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding:12px 20px;
  margin-bottom:20px;
}
/* ----------------------------------------------------------------
  UMP items
----------------------------------------------------------------- */
.itemBlock {
  margin-bottom: 20px;
}

/* .area_item_ump
----------------------------------------------- */
.area_item_ump {
  margin: 0 0 0 -22px;
}
.area_item_ump + .hdg_l2 {
  margin-top: 40px;
}
.area_item_ump .item_col .mainArea {
  position: relative;
}
.item_col {
  font-size: 12px;
  border: 1px solid #bfbfbf;
  width: 300px;
  float: left;
  margin-left: 22px;
  margin-bottom: 22px;
  background: #fff;
}
.item_col .mainArea a:hover {
  background: #fbf7da;
}
/* お気に入りボタンは透過すると背景色がすけるので背景ナシ指定 */
.item_col .item_favobtn a:hover {
  background:none;
}
.item_topArea {
  padding: 10px 10px 0;
}
.area_contents .item_link {
  color: #202020;
  text-decoration: none;
  display: block;
}
.item_label {
  font-size: 15px;
  margin-right: 4px;
  margin-bottom: 2px;
  display: inline-block;
  position: absolute;
  z-index: 1;
}
.item_label-dep {
  color: #fff;
  background-color: #333;
  padding: 2px 5px 1px 3px;
}
.item_ttl {
  color: #202020;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -.3px;
  margin: 5px 0 10px;
}
/* safariだけ適用 */
_::-webkit-full-page-media, _:future, :root .umpitem_ttl {
  letter-spacing: -1px;
}
.item_htlinfoArea {
  height: 86px;
}
.item_htlimg {
  width:280px;
  height: 140px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.item_htlimg img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.item_htlinfo {
  padding-left: 28px;
  position: relative;
  margin-top: 6px;
}
.item_htlinfo:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-size: cover;
  position: absolute;
  left: 0;
}
.item_htlinfo-sche:before {
  background-image: url("//s.skygate.co.jp/pc/campaign/thanksday/images/ump/icon_cal.png");
}
.item_htlinfo-name:before {
  background-image: url("//s.skygate.co.jp/pc/campaign/thanksday/images/ump/icon_htl.png");
}
.item_htlinfo-air:before {
  background-image: url("//s.skygate.co.jp/pc/campaign/thanksday/images/ump/icon_air.png");
}
.item_recoInfo {
  font-size: 12px;
  background: #fff49c;
  padding: 11px;
  border-radius: 3px;
  margin:10px 0 0;
}
.item_recoInfo > dl > dt {
  display: none;
}
.item_daysPrice {
  height: 60px;
  padding: 10px;
}
.item_priceCode {
  padding-right: 12px;
}
.item_price {
  color: #cf2121;
}
.item_price-num {
  font-size: 25px;
  display: inline-block;
}
.item_daysPrice .item_price-yen {
  font-size: 14px;
}
.item_code {
  font-size: 10px;
  color: #777;
}
.item_btmArea {
  position: relative;
}
.item_favo {
  width: 47px;
  height: 52px;
  position: absolute;
  right: 0;
  bottom: 15px;
}
.item_favobtn {
  cursor: pointer;
}
.item_favobtn > a {
  display: block;
}
.item_limit {
  background: #d22626;
  font-size: 15px;
  color: #fff;
  padding: 4px 30px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* マルチサーチ
------------------------------------------ */
.box > .box_inner {
    padding: 45px 10px 0;
}
.hdg_l3 {
  color: #333;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 0;
}
.hdg_l3 > span {
  padding: 0 30px;
  position: relative;
  display: inline-block;
}
.hdg_l3 > span:before,
.hdg_l3 > span:after {
  content: "";
  width: 19px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 0;
  position: absolute;
  bottom: .15em;
  display: block;
}
.hdg_l3 > span:before {
  background-image: url("//s.skygate.co.jp/pc/campaign/thanksday/images/slash1.png");
  left: 0;
}
.hdg_l3 > span:after {
  background-image: url("//s.skygate.co.jp/pc/campaign/thanksday/images/slash2.png");
  right: 0;
}
.search-box {
    font-size: 12px;
    margin: 0 auto;
}
/*============================
.tel_no
============================*/
.tel_no {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #000;
  background-color: #fff;
  text-align: center;
  padding: 9px 10px 6px;
  font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.tel_no dl {
  display: table;
  margin: 1px auto 0;
}
.tel_no dt {
  display: table-cell;
  vertical-align: middle;
}
.tel_no dt span {
  display: block;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 6px 5px;
}
.tel_no dd {
  display: table-cell;
  vertical-align: middle;
}
.tel_no dd .telNo {
  display: table-cell;
  padding: 4px 7px 0 8px;
  vertical-align: middle;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
}
.tel_no dd .hour {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  line-height: 16px;
}
.tel_no.gw {
  border-color: #959595;
}
.tel_no.gw dt span {
  background-color: #e4ba3a;
}
.tel_no.gw dd .telNo {
  color: #001f42;
}

/* ページトップへ
----------------------------------------------- */
.fixed-footer{
  bottom: 2px !important;
}