@charset "utf-8";

/*-----------------------------------------
上部ページナビ
-----------------------------------------*/
#pageNavi {
	background-color: #fdf5e6;
}
#pageNavi .main_ttl {
	color: #875c0b;
	border-bottom: dotted 1px #dcb874;
}
#pageNavi ul li {
    width: 25%;
	border-right: dotted 1px #dcb874;
}

#pageNavi ul li a:before {
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
}
#pageNavi ul li.about a:before {background: url("/kaigai/kansai/common/img/icon/brown/navi-map.svg") center center / contain no-repeat;}
#pageNavi ul li.tour a:before {background: url("/kaigai/kansai/common/img/icon/brown/navi-tour.svg") center center / contain no-repeat;}
#pageNavi ul li.special a:before {background: url("/kaigai/kansai/common/img/icon/brown/navi-special.svg") center center / contain no-repeat;}
#pageNavi ul li.airhotel a:before {background: url("/kaigai/kansai/common/img/icon/brown/navi-airhotel.svg") center center / contain no-repeat;}
#pageNavi ul li.air a:before {background: url("/kaigai/kansai/common/img/icon/brown/navi-air.svg") center center / contain no-repeat;}

#pageNavi ul li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-family: FontAwesome;
	content: "\f107";
	color: #875c0b;
}
/*-------------------------------------------------
   スライダー　[共通の内容はowl.carousel.cssに記載]
-------------------------------------------------*/
#mainSlider {
	width: 100%;
}
#mainSlider #sync2 .current .item {
	background: #875c0b;
}
.owl-carousel .owl-item img{
	height: 100%;
}
/*---------------------------------------------
    マップ
---------------------------------------------*/
#mapWrap {
	width: 100%;
	background: url("../../img/map-bg.jpg");
	background-size: 241px 241px;
	padding: 0 0 5vw;
}
#mapWrap h2 img {
	width: 100%;
	height: 100%;
}
#mapWrap .intro {
	width: 86%;
	margin: 0 auto 3vw;
	font-size: 14px;
	color: #663f14;
	line-height: 1.5em;
	text-align: justify;
}
.map-info {
	width: 90vw;
	margin: 0 auto;
	border: solid 5px #fbdbb2;
	background-color: #fff;
}
.map-info h3 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	padding: 10px 15px;
	background-color: #fdf6ee;
	position: relative;
	border-bottom: dashed 1px #fbdbb2;
}
.map-info h3 span {
	font-size: 12px;
}
.map-info h3:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 30%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #e0b379;
	border-right: solid 2px #e0b379;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.map-info h3.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%;
}
.map-info .content {
	display: none;
	padding: 10px 15px;
	font-size: 13px;
	line-height: 1.4em;
	border-bottom: solid 1px #fbdbb2;
}
.map-info .content img {
	margin-top: 5px;
	width: 100%;
	height: 100%;
}
.map-info .content .link {
    text-align: right;
}
.map-info .content a {
    display: inline-block;
    background-color: #767e04;
    color: #fff;
    text-decoration: none;
    padding: 4px 15px;
    border-radius: 15px;
    margin-top: 7px;
}
.map-info .content a:after {
	font-family: FontAwesome;
	content: "\f101";
    margin-left: 5px;
}
/*-----------------------------------------
最新のお知らせ
-----------------------------------------*/
#newsWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/brown/icon-news.svg") no-repeat;
	background-size: contain;
}
/*---------------------------------------------
おすすめツアー
---------------------------------------------*/
#tourWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/brown/navi-tour.svg") no-repeat;
	background-size: contain;
}
#tourWrap > h3,
#tourWrap .tour-box-wrap h3{
	color: #875c0b;
	background-color: #fdf5e6;
    border-left: 5px solid #875c0b;
}

/*---------------------------------------------
	商品下部バナー
---------------------------------------------*/
#tourWrap .bnr_area {
	width: 94%;
	margin: 0 auto 8%;
}
#tourWrap .bnr_area li {
	margin: 3% 0;
}
#tourWrap .bnr_area li a {
	display: block;
}
#tourWrap .bnr_area li img {
	width: 100%;
	vertical-align: middle;
	height: 100%;
}

/*---------------------------------------------
  おすすめ特集
---------------------------------------------*/
#specialWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/brown/navi-special.svg") no-repeat;
	background-size: contain;
}

/*---------------------------------------------
  航空券+ホテル
---------------------------------------------*/
#airhotelWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/brown/navi-airhotel.svg") no-repeat;
	background-size: contain;
}

/*---------------------------------------------
  航空券
---------------------------------------------*/
#airWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/brown/navi-air.svg") no-repeat;
	background-size: contain;
}
#airWrap h3 {
	color: #875c0b;
	background-color: #fdf5e6;
}
@media (orientation: landscape){
    .air-box .air-img img {
        width: auto;
    }
}
/*---------------------------------------------
もっと見るボタン
---------------------------------------------*/
#tourWrap .btn-more,
#airhotelWrap .btn-more,
#airWrap .btn-more,
#specialWrap .btn-more{
	background-color: #875c0b;
}

/*-----------------------------------------
基本情報
-----------------------------------------*/
#infoWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/brown/icon-info.svg") no-repeat;
	background-size: contain;
}
#infoBox dl.country {background-image: url("../../img/icon-flag.png") ;}

/*---------------------------------------------
フッター検索ナビ
---------------------------------------------*/
#footSearchNavi ul {
	background-color: #fdf5e6;
}
#footSearchNavi ul li:nth-child(1) {width: 28%; background: url(/kaigai/kansai/common/img/icon/brown/search-tour.svg) no-repeat top 4px center;background-size: 26px auto;}
#footSearchNavi ul li:nth-child(2) {width: 28%; background: url(/kaigai/kansai/common/img/icon/brown/search-airhotel.svg) no-repeat top 4px center;background-size: 26px auto;}
#footSearchNavi ul li:nth-child(3) {width: 28%; background: url(/kaigai/kansai/common/img/icon/brown/search-air.svg) no-repeat top 4px center;background-size: 26px auto;}