@charset "utf-8";
/* CSS Document */
a{
  text-decoration: none;
  color:#3b3b3b
}
img{
  max-width: 100%
}
.nosp{
  display: none
}
.breadcrumb{
  background: #FFF
}
.container{
  position: relative
}
.container::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left:0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image:url("../images/bg_search_sp.jpg");
  background-size: cover;
}
.main-area{
  background: url("../images/bg.png") repeat
}
.footer-area{
  padding: 20px 0
}
.mv{
  width: 100%;
  text-align: center;
}
/***** ▼方面用ナビ *****/
.dest-nav{
  margin:20px auto 30px;
  padding: 0.8em 0.5em 1.0em;
  background-color:#d8f690; 
}
.dest-nav .nav-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dest-nav .nav-list li{
  width: 49%;
  background: #FFF;
  box-shadow: 0 3px 0 1px #ff97a2;
  margin-top:0.8em;
  line-height: 4rem;
}
.dest-nav .nav-list li:nth-child(-n+2){
  margin-top: 0;
}
.dest-nav .nav-list li a{
  display: block;
  padding-left: 1.0em;
  color: #815122;
  position: relative
}
.dest-nav .nav-list li a span{
  display: table-cell;
  height: 4rem;
  vertical-align: middle;
  font-size:3.2vw;
}
.dest-nav .nav-list li a:after{
  content:"\f078";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  font-size:3.0vw;
  position: absolute;
  top:0;
  bottom:0;
  right:3%;
  margin: auto;
}
/***** ▲方面用ナビ *****/

.content-area{
  padding-bottom: 20px
}
.sub-title{
  background: #ff9090;
  border-bottom: 3px solid #ffd0dc;
  margin-top: 30px;
  padding:0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-title>span{
  display: block;
  font-size:5.0vw;
  font-weight:bold;
  color:#503f00;
  text-align: center;
  line-height: 30px;
  padding: 0 3.5em;
  position: relative
}
.sub-title>span:before,.sub-title>span:after{
  content:"◆◆◆";
  position: absolute;
  top:0;
  bottom:0;
  font-size:80%;
  color:#FFF;
  letter-spacing: -0.2em;
}
.sub-title>span:before{
  left:0
}
.sub-title>span:after{
  right:0
}

/***** ▼タイムセール用 *****/
.tsbox{
  background: #f7cdb4;
  margin: 10px auto;
  padding: 0.5em;
  font-size:3.4vw;
  line-height: 1.8em;
  font-weight:bold;
  color: #503f00;
  text-align: center
}
#ts-timer{
  display: inline-block;
  margin-left: 10px;
  font-size:4.2vw;
}
#ts-timer .yycountdown-box{
  color:#503f00!important
}
/***** ▲タイムセール用 *****/

/***** ▼目玉枠 *****/
.recommend-area{
  width:94vw;
  margin:10px auto 30px;
}
.recommend-area .recommend>li{
  margin-bottom: 10px;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,.2);
}
.recommend-area .recommend>li a{
  position: relative;
  overflow: hidden;
}
.item-img{
  width:100%;
	height:180px;
	margin-bottom:0;
	overflow: hidden;
	position:relative;
}
.item-img img{
	width:auto;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.recommend-area .recommend li .item-img:before{
  display: inline-block !important;
  background: #e62c36;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  padding: 6px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.recommend-area .recommend li.OL .item-img:before{
  content:"オンライン予約限定"
}
.recommend-area .recommend li.OLCC .item-img:before{
  content:"オンライン・コールセンター予約限定"
}
.recommend-area .recommend li.TS .item-img:before{
  content:"タイムセール商品"
}
.recommend-area .recommend li.LINE .item-img:after{
  content:"LINE掲載";
  display: inline-block !important;
  background: #00c402;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  padding: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.item-box{
  background:#FFF;
  padding: 0.5em;
}
.item-title{
  padding-top: 5px;
  font-size:4.2vw;
  font-weight:bold;
  color:#604d00;
  line-height: 1.2
}
.item-point{
  margin: 0.3em 0;
  font-size:3.2vw;
  font-weight:bold
}
.item-price{
  text-align: right
}
.item-price .price{
  display:inline-block;
  color:#e62c36;
  font-size:5.0vw;
  font-weight:bold;
  margin-top: 0.2em
}
.item-price small{
  font-size:2.8vw;
  display: block;
  color:#7d7d7d;
}
.item-date{
  display: block;
  text-align: right;
  font-size:2.8vw;
  color:#7d7d7d;
}
/***** ▲目玉枠 *****/

/***** ▼方面枠 *****/
.dst-area{
  width:94vw;
  margin: auto
}
.dstbox{
  margin:0 auto 40px;
}
.dst-ttl span{
  display: block;
  margin: 0.5em auto;
  padding-left:1.5em;
  font-size:4.8vw;
  font-weight: bold;
  color:#503f00;
  position: relative
}
.dst-ttl span:before{
  font-family: "Font Awesome 5 Free";
  content: '\f0f2';
  font-weight: 900;
  color:#ff8c94;
  position: absolute;
  top:0;
  left:0;
}
.dst-item{
  margin:0 auto 20px;
  padding:0;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,.2);
}
.dst-item li{
  padding: 0.5em;
  border-bottom:1px dotted #333;
  background: #fff;
}
.dst-item li:last-child{
  border-bottom: none
}
.dst-item li a{
  position: relative;
  overflow: hidden;
  display: block;
  color: #3B3B3B;
  line-height: 20px;
  transition: 0.4s
}
.product{
	position:relative;
  display: flex;
  justify-content: space-between;
}
.product .photo{
	width:35%;
  margin-top: 2.2rem;
  overflow: hidden
}
.product .photo .credit{
  padding: 3px 0;
  font-size:2.6vw;
  color:#333;
  display: block;
  line-height: 1.0
}
.product .port{
  width:35%;
  height: 2.2rem;
	display:block;
  position: absolute;
  top:0;
  left:0;
	padding:0.3em 0; 
	font-size:2.8vw;
  color:#FFF;
  text-align: center;
}
.product .port.air{
	background:#0b318f;
}
.product .port.train{
  background:#006633;
}
.product .port.daybus{
	background:#FC1937;
}
.product .port.staybus{
	background:#7dab1b;
}
.product .item{
  width:65%;
  padding-left:0.5em;
  box-sizing: border-box;
  position: relative
}
.dst-item li a .product .item:before{
  display: block !important;
  background: #e62c36;
  font-size: 2.8vw;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  padding: 0.4em;
  position: absolute;
  top: 0;
  left: 0.5em;
  z-index: 1;
}
.dst-item li.OL a .product .item:before{
  content:"オンライン予約限定"
}
.dst-item li.OLCC a .product .item:before{
  content:"オンライン・コールセンター予約限定"
}
.dst-item li.TS a .product .item:before{
  content:"タイムセール"
}
.product .item span{
	display: block;
}
.product .item span + span{
  margin-bottom:0.2em
}
.product .item .ttl{
  padding-bottom: 0.2em;
	font-size:3.6vw;
	font-weight:bold;
  color:#604d00;
  line-height: 1.3em
}
.dst-item li.OL a .product .item .ttl,.dst-item li.OLCC a .product .item .ttl,.dst-item li.TS a .product .item .ttl{
  padding-top: 1.5em;
}
.product .item .price{
	font-size:4.0vw;
	color:#e62c36;
	font-weight: bold;
}
.product .item .day{
	font-size:2.6vw;
  line-height: 1.0
}
.product .item .condition{
	font-size:2.6vw;
}
.product .item .point{
	font-size:3.0vw;
  padding:0.3em;
  margin-bottom: 0;
	line-height:1.4;
  background-color: #fff3f4;
}
.search{
  margin:0 auto 30px;
}
.search .search-btn{
  width:94%;
  margin:10px auto;
}
.search .search-btn a {
  font-size: 3.4vw;
  color:#FFF!important;
  text-align: center;
  font-weight: bold;
  transition: .4s;
  position: relative;
  display: block;
  background: #503f00;
  box-shadow: 0px 2.5px rgb(158, 158, 158);
  border-radius: 30px;
  line-height: 42px;
}
.search .search-btn a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  position: absolute;
  top:0;
  bottom:0;
  right:0.5em;
  margin: auto;
  font-size:150%
}
/* ▼本州用ボタンリスト */
.honshu-search{
  margin:0 auto 10px;
}
.honshu-search .search-title{
  text-align: center;
  font-size:3.6vw;
  font-weight:bold;
  color:#604d00;
  margin-bottom: 10px
}
.honshu-list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.honshu-list:after{
  content:"";
  display: block;
  width:32%;
}
.honshu-list .honshu-list__item{
  width:32%;
  margin-bottom: 8px;
}
.honshu-list .honshu-list__item a{
  font-size: 3.4vw;
  color:#FFF!important;
  text-align: center;
  font-weight: bold;
  transition: .4s;
  position: relative;
  display: block;
  background: #503f00;
  box-shadow: 0px 2.5px rgb(158, 158, 158);
  border-radius: 30px;
  line-height: 42px;
}
.honshu-list .honshu-list__item a:after{
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  position: absolute;
  top:0;
  bottom:0;
  right:0.5em;
  margin: auto;
  font-size:150%
}
/* ▲本州用ボタンリスト */

.tokuten-bnr{
  text-align: center;
  margin: 0.5em auto;
}
/***** ▲方面枠 *****/

/****** ▼広告掲載商品 ******/
.ad-area{
  margin-top: 80px;
}
.ad-list{
  width:94vw;
  margin: 10px auto;
  box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2)
}
.ad-list .ad-list__item{
  background: #fff;
  border-bottom: 1px dotted #604d00;
  padding: 0.5em;
}
.ad-list .ad-list__item:last-child{
  border-bottom: none
}
.ad-list .ad-list__item .tour-link{
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}
.ad-list .ad-list__item a:hover{
  text-decoration: underline;
  opacity: 1.0
}
.tour-link__img{
  width:25%;
  margin-right: 0.5em;
}
.tour-link__data{
  flex: 1
}
.adtour-title{
  margin-bottom: 0.3em;
  font-size: 3.0vw;
  color: #604d00;
  line-height: 1.2;
}
.adtour-title b{
  display: block;
  font-size: 3.6vw;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.adtour-price{
  display: block;
  font-size: 4.0vw;
  color: #e62c36;
  font-weight: bold;
}
.adtour-condition{
  display: inline-block;
  font-size:2.6vw;
}
.adtour-dep{
  display: block;
  font-size: 2.8vw;
  margin: 0.3em 0;
}
.tour-link--more{
  display: block;
  font-size:3.0vw;
  color: #3b3b3b;
  text-align: right;
  text-decoration: underline;
  padding-right: 3vw;
  position: relative;
  line-height: 1.0
}
.tour-link--more:after {
    content: "";
    width: 2.4vw;
    height: 2.4vw;
    background: url(../images/arrow_small_right_black.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
/****** ▲広告掲載商品 ******/

/*** ▼検索 ***/
.search-area,.other-search{
  width:94vw;
  margin:0 auto 20px;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
.search-titlebar{
  background: #ff757b;
  padding: 0.5em;
  margin-bottom: 10px;
  font-size:4.2vw;
  font-weight:bold;
  text-align: center;
  color:#FFF;
  line-height: 1.2
}
.search-area #tour_search_module {
    margin: 0 3.1%;
}
.sp #sec_search{
  width:100%!important
}
.sp #seachBox{
  padding: 0!important
}
input,select{
  padding: 0.3em
}
.sp #seachBox .formInner dl{
  display: flex;
  align-items: center;
  margin-bottom: 15px!important;
}
.sp #seachBox .formInner dl dt{
  width:24%!important;
  float:none;
}
.sp #seachBox .formInner dl dd{
  width:75%!important;
  margin-right: 0!important;
  float:none;
  font-size:3.6vw!important
}
.formInner dl.sec02 dd img{
  width:24px!important;
}
.sp #seachBox .formInner dl.sec02 dd input{
  box-sizing: border-box;
  border: 1px solid;
}
.sp #seachBox .formInner dl.sec06 dd input{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid;
}
.sp #seachBox .sec07 .btn_search{
  width:80%!important;
  height:42px!important;
  background: #503f00!important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  border-radius: 30px!important;
  border: none!important;
  font-size:3.4vw!important;
  color:#FFF!important
}
#ui-datepicker-div.ui-datepicker{
  width:85%!important
}

.other-search-area{
  padding: 0 0.8em 1.0em;
}
.other-search-txt{
  font-size:3.2vw;
  margin-bottom: 10px;
}
.other-search-btn{
  width: 80%;
  background: #503f00;
  text-align: center;
  border-radius: 30px;
  position: relative;
  line-height: 42px;
  margin:0 auto 10px;
}
.other-search-btn a{
  font-size:3.4vw;
  font-weight:bold;
  color:#FFF;  
}
.other-search-btn:after{
  content:"";
  background: url("../images/icon_newWindow_black.png") no-repeat;
  background-size: contain;
  width:4.8vw;
  height:4.8vw;
  position: absolute;
  top:0;
  bottom:0;
  right:5%;
  margin: auto;
}
/*** ▲検索 ***/

/*** ▼特集 ***/
.feature-area{
  width:94vw;
  margin:0 auto 20px;
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
.feature-list{
  padding: 0 0.5em;
}
.feature-list li{
  padding: 0 1.5em 0.5em 0;
  background:url("../images/icon_arrow_or.png") no-repeat 98% 50%;
  border-bottom: 1px solid #CECECE
}
.feature-list li:last-child{
  border-bottom: none
}
.feature-box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0.5em 0
}
.feature-img{
  width:64px;
  margin-right: 0.5em 
}
.feature-txt{
  flex:1
}
.feature-txt__title{
  font-size:3.4vw;
  font-weight:bold;
  color:#ff757b
}
.feature-txt_copy{
  font-size:3.2vw
}

.btn-pagetop{
  position: fixed;
  bottom: 10px;
  right: 2px;
  z-index: 9999;
}
.btn-pagetop img {
    width: 50px;
}

/***** クローズ用 *****/
.section--theme_area .inner__box>h2{
  margin: 40px auto 0;
  font-size:5.0vw;
  font-weight:bold;
  color:#604d00;
  text-align: center
}