@charset "utf-8";

/*-----------------------------------------
上部ページナビ
-----------------------------------------*/
#pageNavi {
	background-color: #fdf0f0;
}
#pageNavi .main_ttl {
	color: #ce3a3a;
	border-bottom: dotted 1px #efbebe;
}
#pageNavi ul li {
    width: 25%;/*ナビ4つのときだけ記述。5つの時は消す*/
	border-right: dotted 1px #efbebe;
}

#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/red/navi-map.svg") center center / contain no-repeat;}
#pageNavi ul li.tour a:before {background: url("/kaigai/kansai/common/img/icon/red/navi-tour.svg") center center / contain no-repeat;}
#pageNavi ul li.special a:before {background: url("/kaigai/kansai/common/img/icon/red/navi-special.svg") center center / contain no-repeat;}
#pageNavi ul li.airhotel a:before {background: url("/kaigai/kansai/common/img/icon/red/navi-airhotel.svg") center center / contain no-repeat;}
#pageNavi ul li.air a:before {background: url("/kaigai/kansai/common/img/icon/red/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: #ce3a3a;
}

/*-------------------------------------------------
   スライダー　[内容はowl.carousel.cssに記載]
-------------------------------------------------*/
#mainSlider {
	width: 100%;
}
#mainSlider #sync2 .current .item {
	background: #ce3a3a;
}
.owl-carousel .owl-item img{
	height: 100%;
}
/*---------------------------------------------
    マップ
---------------------------------------------*/
#mapWrap {
	width: 100%;
	height: auto;
	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%;
}

/*-----------------------------------------
最新のお知らせ
-----------------------------------------*/
#newsWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/red/icon-news.svg") no-repeat;
	background-size: contain;
}
/*---------------------------------------------
おすすめツアー
---------------------------------------------*/
#tourWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/red/navi-tour.svg") no-repeat;
	background-size: contain;
}
#tourWrap > h3,
#tourWrap .tour-box-wrap h3{
	color: #ce3a3a;
	background-color: #fee9e9;
    border-left: 5px solid #ce3a3a;
}

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


/*---------------------------------------------
       おすすめツアー
---------------------------------------------*/
#tourWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/red/navi-tour.svg") no-repeat;
	background-size: contain;
}
#tourWrap > h3 {
	color: #ce3a3a;
	background-color: #fee9e9;
    border-left: 5px solid #ce3a3a;
}
#tourWrap .area {
    color: #fff;
    background-color: #ce3a3a;
    font-size: 4vw;
    padding: 5px 5px 5px 10px;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center;
}
#tourWrap .area .name {
    max-width: 22%;
    min-width: 14%;
}
#tourWrap .area .catch{
	font-size: 3.5vw;
    line-height: 1.2em;
    margin-left: 10px;
}

/*---------------------------------------------
  航空券
---------------------------------------------*/
#airWrap h2:before {
	background: url("/kaigai/kansai/common/img/icon/red/navi-air.svg") no-repeat;
	background-size: contain;
}
#airWrap h3 {
	color: #875c0b;
	background-color: #fdf5e6;
}

/*---------------------------------------------
       もっと見るボタン
---------------------------------------------*/
#tourWrap .btn-more,
#airhotelWrap .btn-more,
#airWrap .btn-more,
#specialWrap .btn-more {
	background-color: #ce3a3a;
}

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

/*---------------------------------------------
フッター検索ナビ
---------------------------------------------*/
#footSearchNavi ul {
	background-color: #fdf0f0;
}
#footSearchNavi ul li:nth-child(1) {width: 28%; background: url(/kaigai/kansai/common/img/icon/red/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/red/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/red/search-air.svg) no-repeat top 4px center;background-size: 26px auto;}

/*---------------------------------------------
バナー
---------------------------------------------*/
.bnr-more {
    width: 94%;
    margin: 0 auto 8vw;
}

.bnr-more img {
    width: 100%;
	height: 100%;
}
#newsWrap .bnr {
	width: 90vw;
	margin: 5vw auto 0;
}
#newsWrap .bnr img {
	width: 100%;
	height: 100%;
}
#newsWrap .bnr a {
	display: block;
}