@charset "utf-8";
/*----------------------------------
デフォルトテンプレート上書き
--------------------------------------*/
#faircontent *{box-sizing: border-box;}
#faircontent img{width:100%;}

/*----------------------------------
特集
--------------------------------------*/
#faircontent{
  width:100%;
  margin-top: 50px;
}
#mainvisual_night,
#mainvisual_morning{
  width:100%;
}
#mainblock{
  width:100%;
}
#mainblock h2{
  position:relative;
  height:71vw;
  background: url(../img/sp/kansai_night1.jpg) no-repeat center top;
  background-size:100% auto;
}
.kansai-morning-kinko #mainblock h2{background-image: url(../../kansai-higaeri/img/kansai_morning.jpg);}
.kansai-night-kinko #mainblock h2{background-image: url(../../kansai-higaeri/img/kansai_night1.jpg);}
.kansai-night-hakuba #mainblock h2{background-image: url(../../kansai-higaeri/img/kansai_night2.jpg);}
.tokai-morning #mainblock h2{background-image: url(../../tokai-higaeri/img/tokai_morning.jpg);}
.tokai-night #mainblock h2  {background-image: url(../../tokai-higaeri/img/tokai_night.jpg);}
.kyusyu-morning #mainblock h2{background-image: url(../../kyusyu-higaeri/img/kyusyu_morning.jpg);}
.kyusyu-night #mainblock h2  {background-image: url(../../kyusyu-higaeri/img/kyusyu_night.jpg);}
.niigata-morning #mainblock h2  {background-image: url(../../niigata-higaeri/img/niigata_morning.jpg);}
#mainblock h2 img,
#model{display: none}
/*-------------------------
ナビ
--------------------------*/
#global_navi{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}



/*-------------------------
検索
--------------------------*/
.searchDay {
  width: 96vw;
  height: auto;
  background-image:url(../img/boxtop.jpg),url(../img/boxbottom.jpg),url(../img/boxcenter.jpg);
  background-repeat:no-repeat,no-repeat,repeat-y;
  background-position: left top,left bottom,left top;
  background-size:100% auto,100% auto,100% auto;
  padding:3vw;
  margin:3vw auto 3vw;
  position: relative;
}
.searchDay .serchcont{
  width:100%;
  display: block;
  overflow: hidden;
  margin:2vw auto 2vw;
}
.searchDay .serchcont .selectCt{width:70%;float:left;padding-right:1vw;}
.searchDay .serchcont .selectCt p{
  display: inline-block;
  font-weight: bold;
}
.searchDay .serchcont .selectCt #datepicker{
  border-radius:4px;
  font-size:3.25vw;
  color:#444;
  width:70%;
  border: 1px solid #cecece;
  height: 8vw;
  outline:none;
  padding:0 1vw;
  background: #ffffff url(../img/search_cal.png) no-repeat right 50%;
  background-size:6vw auto;
}
.searchDay .serchcont .searchbtn{width:30%;float:left;}
.searchDay .serchcont .searchbtn input{
  text-indent:-9999px;
  width:100%;
  height:8vw;
  outline:none;
  border:none;
  cursor: pointer;
  background: url(../img/sp/btn_search_large.png) no-repeat left center;
  background-size: 100% 100%;
}

/*-------------------------
カレンダー
--------------------------*/
.ui-datepicker {
  width: 90vw!important;
  left: 5vw!important;
}
.ui-datepicker td span, .ui-datepicker td a{
  font-size:3.5vw;
  padding:2vw;
  line-height: 1.6em;
  text-align: center;
}
.ui-datepicker-sunday .ui-state-default {
background-image: none;
background-color: #FFF0F5;
color: #ff0000;
}
.ui-datepicker-saturday .ui-state-default {
background-image: none;
background-color: #E9F0FF;
color: #2B6CFF
}
.ui-datepicker-heijitsu .ui-state-default {
background-image: none;
background-color: #f5f5f5;
color: #000000;
}


/*-------------------------
ツアー枠
--------------------------*/
#day_plan{
  width:96%;
  margin:5vw auto 0;
  position:relative;
}
#day_plan #plan_title{
  margin-bottom:3vw;
}
#day_plan #tour_out{}
#day_plan #tour_in{}
#day_plan .tour_block{
  width:100%;
  display:block;
  position:relative;
  border-radius: 2vw;
  margin-bottom:3vw;
  box-shadow:0px 0px 10px 0px #aaaaaa;
}
#day_plan .waku{
  border:2px solid #fff;
  background-color:#FFF;
  border-radius: 2vw;
  margin:0 auto;
  background:#ededed;
  box-shadow: 0px 0px 3vw 0px #cccccc inset;
  padding:11vw 3vw 3vw;
}
#day_plan .tour_img{width:46%;margin:0;}
#day_plan .tour_img p{}
#day_plan .tour_img img{border:0.8vw solid #fff;}
#day_plan .tour_info:after{content:'';display: block;clear: both;}
#day_plan .area{
  width:16vw;
  height:10vw;
  position:absolute;
  left:3vw;
  top:0;
  z-index:6;
  border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  background: url(../img/ken_bg.jpg) 0 0;
  background-size:100% 100%;
}
#day_plan .area p{
  color: #FFF;
  text-align: center;
  font-size: 3vw;
  line-height: 10vw;
}
#day_plan .tour_info h4{
  position: absolute;
  top:2.5vw;
  left:0;
  width:100%;
  padding-left:20vw;
  font-size:5vw;
  font-weight:bold;
  color:#ff3266;
  line-height: 125%;
  text-shadow: 1px 2px 2px #ffffff;
}
#day_plan .tour_info h4.tit_small{}
#day_plan .time{
  color:#555555;
  font-size:3.5vw;
  font-weight:bold;
  line-height: 200%;
}
#day_plan .point{
  position: absolute;
  top:12vw;
  left:48%;
  width:50%;
  color:#484848;
  font-size:3.25vw;
  line-height: 1.3;
}
#day_plan .price_block{
  position: relative;
  text-align: right;
  width:68%;
  float:left;
  line-height: 8vw;
}
#day_plan .btnYoyaku{width:30%;float:right;}
#day_plan .lowprice{
  display: inline-block;
  width:15vw;
}
#day_plan .lowprice img{position: relative;top:2vw;left:-2vw;}
#day_plan .price,
#day_plan .price_small{
  color: #ff3c00;
  font-size: 8vw;
  line-height: 100%;
  font-weight: bold;
}
#day_plan .yen{
  color:#6e6e6e;
  font-size:4vw;
  font-weight:bold;
}

/*選べる日帰りプラン*/
#bottom_navi{
  width:96%;
  margin:5vw auto 8vw;
}
#bottom_navi h3{
  width:50%;
  text-align:center;
  margin:0vw auto 3vw;
}
#bottom_navi ul {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}
#bottom_navi ul.ico_x2 {}
#bottom_navi ul li {
  font-size: 3.5vw;
  color: #414141;
}
#bottom_navi ul li a {
  color: #414141;
}
#bottom_navi ul .ico_morning {
  background: url('../img/ico_morning.png') no-repeat top left;
  background-size:6vw auto;
}
#bottom_navi ul .ico_night {
  background: url('../img/ico_night.png') no-repeat top left;
  background-size:6vw auto;
}
#bottom_navi ul li span {
  display: inline-block;
  padding-left:6.5vw;
  min-height: 7vw;
}

/**/
#faircontent .banner_block{
  width:96%;
  margin:0 auto;
}
#faircontent .banner + .banner{margin-top:2vw;}


/*----------------------------------
総トップ用
--------------------------------------*/
.toppage .pcCont {
  display: none;
}
.toppage #mainblock h2{
  position:relative;
  height:71vw;
}
.toppage #mainblock h2.morning{
  background: url(../img/sp/top/morning.jpg) no-repeat center top;
  background-size:100% auto;
}
.toppage #mainblock h2.night{
  background: url(../img/sp/top/night.jpg) no-repeat center top;
  background-size:100% auto;
}
.toppage .searchDay {
    width: 100%;
    height: auto;
    background-image: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.toppage .searchDay .search_ttl img {
  vertical-align: top;
}
.toppage .searchDay .selectCt {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-right: 0;
}
.toppage .searchDay .selectCt.select02 {
  margin-bottom: 4vw;
}
.toppage .searchDay .serchcont {
  margin: 0;
}
.toppage .searchDay .selectCt p {
  display: flex;
  align-items: center;
  border-right: 1px solid #ddd;
  width: 35vw;
  height: 10vw;
  text-align: left;
  padding-left: 6vw;
}
.toppage .searchDay .selectCt .slideMenu_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65vw;
}
.toppage .searchDay .selectCt .slideMenu_wrap::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #546477 transparent transparent transparent;
    position: absolute;
    top: calc(50% - 5px);
    right: 12px;
    z-index: 2;
}
.toppage .searchDay .selectCt .slideMenu {
  width: 100%;
  padding: 1vw 6vw;
  border: none;
  height: 10vw;
  font-size: 4vw;
}
.toppage .searchDay .selectCt #ftc_val1_txt {
  display: none;
}
.toppage .searchDay .selectCt #datepicker {
  width: 65vw;
  height: 10vw;
  padding: 1vw 6vw;
  border: none;
  font-size: 4vw;
  background: #ffffff url(../img/search_cal.png) no-repeat right center;
}

.toppage .searchDay .serchcont .searchbtn {
    width: 88%;
    float: none;
    margin: 0 auto 2vw;
}
.toppage .searchDay .serchcont .searchbtn input {
    text-indent: -9999px;
    width: 100%;
    height: 11.5vw;
    outline: none;
    border: none;
    cursor: pointer;
    background: url(../img/sp/top/btn_search.png) no-repeat left center;
    background-size: 100% 100%;
}
.toppage .searchDay .bottTxt {
  font-size: 3.5vw;
  padding: 0 2vw;
}

.toppage .nav_dept {
  margin: 0 auto;
  padding: 5vw 0;
}
.toppage .nav_dept .nav_title {
  width: 80%;
  text-align: center;
  margin: 0 auto 4vw;
}
.toppage .dept_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 88%;
  margin: 0 auto;
}
.toppage .dept_list li {
  width: 48%;
}