@charset "UTF-8";

/* メイン部分
-----------------------------------------------------------*/
#contents_area { background-color: transparent; }
#contents_area #ovspkg_area_contents_area {
  background: url(/kaigai/area/middle-east/images/bg_main_title.png) top left no-repeat;
  height: auto !important;
}
#contents_area #main {
  height: 605px;
}
#contents_area #main #menu {
	display: flex;
    align-items: center;
	width: 100%;
    height: 40px;
    background: #ccc142;
    padding: 5px 0 5px;
}
#contents_area #main #menu:after {
	display:none;
}
#contents_area #main #menu p {
  font-size:14px;
  color:#fff;
  font-weight:bold;
  padding:0;
	padding-left: 35px;
}
#contents_area #main #visual h1 {
  color: #20339a;
  margin-left: 25px;
  padding-bottom: 4px;
  padding-top: 2px;
}
#contents_area #main #visual .intro {
  margin-left: 25px;
}

#contents_area #destination_info_link {
  height: 60px;
  width: 340px;
  right: 10px;
  top: 0;
  position: absolute;
  background-color: #20339a;
  overflow:hidden;
}

#contents_area #destination_info_link .guide_middle-east {
  width:100%;
  height:30px;
  background: url(/kaigai/area/images/icon_info_link_guide.png) 193px 6px no-repeat;
  font-weight:bold;
  font-size:100%;
  letter-spacing:-0.06em;
}
#contents_area #destination_info_link .guide_middle-east a {
  margin: 0;
  padding: 7px 30px 0 0;
  width: 340px;
  text-align: right;
  height: 23px;
	box-sizing: border-box;
  background: url(/kaigai/area/images/icon_destination_info_link.png) 315px center no-repeat;
  display: block;
}
#contents_area #destination_info_link .pamphlet {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	padding-left: 18px;
	font-weight: bold;
}
#contents_area #destination_info_link .pamphlet a {
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0 30px 0 0;
  background: url(/kaigai/area/images/icon_destination_info_link.png) 297px center no-repeat;
  display: block;
	text-align: right;
  box-sizing: border-box;
}

#contents_area #ovspkg_area_contents_area.tablet {
  margin: 0px auto 0 auto;
}
#contents_area #ovspkg_area_contents_area.tablet #main #visual {
  padding: 25px 0 0 252px;
  min-height: 95px;
}
#contents_area #destination_info_link a {
  display: block;
}
#contents_area #contents {
  width: 950px;
  margin: 50px auto 42px auto;
  zoom: 1;
}
#contents_area #contents:after {
  width: 950px;
  height: 135px;
  background: url(/kaigai/area/images/bg_contents.png) top left no-repeat;
  content: "";
  display: block;
  clear: both;
}
#contents_area #trip_ideas {
    margin: 0;
    height: 545px;
    position: absolute;
    top: 0;
	background:none;
    z-index: 10;
}
#contents_area #trip_ideas .spot_details {
	position:absolute;
    right: 10px;
    bottom: 0;
    width: 370px;
    height: 436px;
}
#contents_area #trip_ideas .spot_details .nav {
	width: 370px;
    bottom: 0;
    background:#fff;
}
#contents_area #trip_ideas .spot_details .nav li {
	width:30px;
    height: 436px;
}
#contents_area #trip_ideas .spot_details .slick-list {
	padding:0;
}
#contents_area #trip_ideas .spot_details .slick-list .slick-track {
    height: 436px;
}
#contents_area #trip_ideas .spots {
    width: 570px;
    height: 520px;
    margin-top: 25px;
}
#contents_area #trip_ideas .spot_details .slick-slide {
	height:auto;
}
#contents_area #trip_ideas .spot_details .theme {
    margin: 12px 30px 0;
}
#contents_area #trip_ideas .spot_details .img figure figcaption {
    width: 136px;
    padding: 3px 7px;
}
#contents_area #trip_ideas .spot_details .img figure {
    width: 150px;
    padding-right: 15px;
}
#contents_area #trip_ideas .spots .spots_map li.spots_link {
	display:none !important;
}
#contents_area #trip_ideas .spots .spots_map li.pos01 {
	top:337px;
	left:133px;
}
#contents_area #trip_ideas .spots .spots_map li.pos02 {
	top:339px;
	left:149px;
}
#contents_area #trip_ideas .spots .spots_map li.pos03 {
	top:297px;
	left:172px;
}
#contents_area #trip_ideas .spots .spots_map li.pos04 {
    top: 404px;
    left: 290px;
}
#contents_area #trip_ideas .spots .spots_map li.pos05 {
	top:443px;
	left:224px;
}
#contents_area #trip_ideas .spots .spots_map li.pos06 {
	top:472px;
	left:335px;
}
#contents_area #trip_ideas .spots .spots_map li.pos07 {
	top:327px;
	left:318px;
}
#contents_area #trip_ideas .spots .spots_map li.pos08 {
	top:203px;
	left:215px;
}
#contents_area #trip_ideas .spots .spots_map li.pos09 {
	top:232px;
	left:264px;
}
#contents_area #trip_ideas .spots .spots_map li.pos10 {
	top:228px;
	left:232px;
}
#contents_area #trip_ideas .spots .spots_map li.pos11 {
	top:202px;
	left:404px;
}
#contents_area #trip_ideas .spots .spots_map li.pos12 {
	top:209px;
	left:507px;
}
#contents_area #trip_ideas .spots .spots_map li.pos13 {
	top:146px;
	left:456px;
}
#contents_area #trip_ideas .spots .spots_map li.pos14 {
	top:379px;
	left:82px;
}
#contents_area #trip_ideas .spots .spots_map li.icon_dot a {
  background:#20339a;
}
#contents_area #trip_ideas .spots .spots_list li:hover,
#contents_area #trip_ideas .spots .spots_list li.active {
	background:#20339a !important;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area01 {
	top:309px;
	left:59px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area02 {
	top:329px;
	left:162px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area03 {
	top:291px;
	left:183px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area04 {
    top: 377px;
    left: 260px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area05 {
	top:456px;
	left:180px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area06 {
	top:467px;
	left:348px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area07 {
	top:299px;
	left:291px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area08 {
	top:175px;
	left:201px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area09 {
	top:204px;
	left:254px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area10 {
	top:249px;
	left:246px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area11 {
	top:174px;
	left:354px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area12 {
	top:182px;
	left:476px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area13 {
	top:119px;
	left:412px;
}
#contents_area #trip_ideas .spots .spots_list li.pos_area14 {
	top:351px;
	left:51px;
}
#contents_area #trip_ideas .spots .spots_link {
	position:absolute;
    background: #fff;
    height: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	display: table !important;
	padding:0 !important;
}
#contents_area #trip_ideas .spots .spots_link:hover {
	background:#143190 !important;
}
#contents_area #trip_ideas .spots .spots_link a {
    color: #000000;
    line-height: 1.2;
    display: table-cell !important;
    padding: 0 20px 0 10px;
    vertical-align: middle;
    background: url(/kaigai/area/middle-east/images/area_btn_corsor.png) no-repeat;
}
#contents_area #trip_ideas .spots .spots_link a:hover {
	color:#ffffff;
}
#contents_area #trip_ideas .spots .spots_link span {
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
    line-height: 1.2  !important;
    margin-right: 0 !important;
}
#contents_area #trip_ideas .spots .spots_link em {
	font-size:10px;
	font-weight:normal;
}
#contents_area #trip_ideas .spots .spots_link em span {
	font-weight:normal;
    margin-bottom: 0;
}
#contents_area #trip_ideas .spots .spots_link .area_links_figure {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 46px;
    height: 46px;
    font-weight: bold;
	padding:0;
}
#contents_area #trip_ideas .spots .spots_link .area_links_figure img {
    display: none;
}
#contents_area #trip_ideas .spots .spots_link.turkey {
	top:148px;
	left:40px;
}
#contents_area #trip_ideas .spots .spots_link.dubai-abudhabi {
	top:395px;
	left:366px;
}
#contents_area #trip_ideas .spots .spots_link.turkey div {
	padding-left: 45px;
}
#contents_area #trip_ideas .spots .spots_link.turkey a {
    padding: 0 0 0 10px;
    background: url(/kaigai/area/images/icon_dp_link.png) 141px center no-repeat;
    width: 151px;
    box-sizing: border-box;
}
#contents_area #trip_ideas .spots .spots_link.turkey .area_links_figure {
    background: url(/kaigai/area/middle-east/images/area_turkey_thmbnail.png) no-repeat left top;
}
#contents_area #trip_ideas .spots .spots_link.turkey .area_links_figure img {
    display: none;
}
#contents_area #trip_ideas .spots .spots_link.turkey em br{
	display:none;
}
#contents_area #trip_ideas .spots .spots_link.dubai-abudhabi div {
	padding-left: 45px;
}
#contents_area #trip_ideas .spots .spots_link.dubai-abudhabi a {
    padding: 0 0 0 10px;
    background: url(/kaigai/area/images/icon_dp_link.png) 158px center no-repeat;
    box-sizing: border-box;
    width: 166px;
}
#contents_area #trip_ideas .spots .spots_link.dubai-abudhabi .area_links_figure {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 46px;
    height: 46px;
    font-weight: bold;
	padding:0;
    background: url(/kaigai/area/middle-east/images/area_dubai-abudhabi_thmbnail.png) no-repeat left top;
}
#contents_area #trip_ideas .spots .spots_link.dubai-abudhabi .area_links_figure img {
    display: none;
}
#contents_area #trip_ideas .spots .spots_link.dubai-abudhabi em br{
	display:none;
}
#contents_area #trip_ideas .spots .areapage_link {
	position:absolute;
    border-radius: 10px;
}
#contents_area #trip_ideas .spots .areapage_link:hover {
    -moz-opacity: 0.75;
    opacity: 0.75;
}
#contents_area #trip_ideas .spots .areapage_link a {
    color: #fff;
    display: table;
}
#contents_area #trip_ideas .spots .areapage_link div {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    box-sizing: border-box;
	text-align:center;
}
#contents_area #trip_ideas .spots .areapage_link span {
    text-align: center;
    font-weight: bold;
    line-height: 1.2 !important;
    margin-right: 0 !important;
    padding-right: 20px;
}
#contents_area #trip_ideas .spots .areapage_link.africa {
	top:449px;
	left:21px;
	background:#fe321a;
}
#contents_area #trip_ideas .spots .areapage_link.africa div {
    width: 99px;
}
#contents_area #trip_ideas .spots .areapage_link.africa span {
    background: url(/kaigai/area/middle-east/images/icon_areapage_link_africa.png) 65px center no-repeat;
}
#contents_area #trip_ideas .spots .areapage_link.europe {
	top:99px;
	left:249px;
	background:#55011b;
}
#contents_area #trip_ideas .spots .areapage_link.europe div {
    width: 109px;
}
#contents_area #trip_ideas .spots .areapage_link.europe span {
    background: url(/kaigai/area/middle-east/images/icon_areapage_link_europe.png) 78px center no-repeat
}
#contents_area #trip_ideas .areapage_link a:hover, #contents_area #trip_ideas .areapage_link.active a {
  text-decoration: none;
}
#contents_area #trip_ideas .spot_details h3 {
	color: #ccc142;
    margin-top: 10px;
    line-height: 0.8;
}
#contents_area #trip_ideas .spot_details h3 em {
    color: #ffffff;
    font-size: 12px;
    background-color: #ccc142;
    padding: 5px 10px;
    display: table;
    margin: -10px auto 8px auto;
}
#contents_area #trip_ideas .spot_details h3 span {
  color: #143190;
}
#contents_area #trip_ideas .spot_details .tour_link_s {
    width: 310px;
    margin-top: -20px;
}
#contents_area #trip_ideas .spot_details .tour_link_s.add_plus_s ul:after {
    margin: -36px 0 0 -10px;
}
#contents_area #trip_ideas .spot_details .img {
    margin: 10px 0 17px;
}
#contents_area #trip_ideas .spot_details .tour_link {
    width: 310px;
    background: #FB9F33 url(/kaigai/area/images/icon_btn_cursor.png) 296px center no-repeat;
    margin: 0 0 20px;
}
#contents_area #trip_ideas .spot_details .tour_link_s ul li {
    width: 146px;
}
#contents_area #trip_ideas .spot_details .tour_link p.attention,
#contents_area #trip_ideas .spot_details .tour_link_s p.attention {
    font-size: 10px;
}
#contents_area #trip_ideas .spot_details .icon_category_middle-east {
    background: url(/kaigai/area/middle-east/images/icon_world_heritage.gif) no-repeat;
    width: 52px;
    height: 50px;
    display: table;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: -12px;
    left: -20px;
}
#contents_area #trip_ideas .spot_details .icon_category_middle-east span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 4px;
    line-height: 17px;
}
#contents_area #trip_ideas .spot_details .slick-list .slick-track {
	margin-top:0;
}
/* シャドウ（IE8非対応） */
#contents_area #trip_ideas figure figcaption.caption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  z-index: 3;
  padding: 10px 10px 5px 10px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU2Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 3%, rgba(0,0,0,0.31) 49%, rgba(0,0,0,0.34) 53%, rgba(0,0,0,0.56) 87%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(0,0,0,0)), color-stop(49%,rgba(0,0,0,0.31)), color-stop(53%,rgba(0,0,0,0.34)), color-stop(87%,rgba(0,0,0,0.56))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0.31) 49%,rgba(0,0,0,0.34) 53%,rgba(0,0,0,0.56) 87%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0.31) 49%,rgba(0,0,0,0.34) 53%,rgba(0,0,0,0.56) 87%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 3%,rgba(0,0,0,0.31) 49%,rgba(0,0,0,0.34) 53%,rgba(0,0,0,0.56) 87%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 3%,rgba(0,0,0,0.31) 49%,rgba(0,0,0,0.34) 53%,rgba(0,0,0,0.56) 87%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8f000000',GradientType=0 ); /* IE6-8 */
}

/* 1503131605_add */
#contents_area #main .middle-east_map {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 950px;
    height: 550px;
    z-index: -1;
    background: url("/kaigai/area/middle-east/images/bg_main.gif") no-repeat left top;
}
#contents_area #main #visual {
	margin:25px 0 0 0;
    padding: 10px 0 0 0;
	z-index:11;
	position:absolute;
	width:720px;
	right:0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}


#ovspkg_area_contents_area .area_links .area_links_title {
	margin:105px 0 0 50px;
	padding:0;
}
#ovspkg_area_contents_area .area_links .area_links_title img {
  display: none;
}
#ovspkg_area_contents_area .area_links .area_links_title span {
	color:#fff;
	font-weight:bold;
	font-size:13px;
    font-family: "メイリオ", sans-serif;
}



/* 中近東 地図 背景
-----------------------------------------------------------*/
#contents_area #map_area .panel{
	background: url(/kaigai/middle_east/images/bg_map_index.gif) no-repeat 0 0;
	background-position: 0 -2400px;
}

/* ボタン配置の基礎
-----------------------------------------------------------*/
#contents_area #map_area a {
	background: url(/kaigai/middle_east/images/btn_middle_east.gif) no-repeat 0 0;
}


/*9 中近東
-----------------------------------------------------------*/
/*海外ツアートップへ */
#contents_area #map_area .middle_east li.btn_top a       { background-position: 0px 0px; top: 3px; left: 159px; width: 96px; }
#contents_area #map_area .middle_east li.btn_top a:hover { background-position: -98px 0px; }
/*トルコ */
#contents_area #map_area .middle_east li.btn_turkey a       { background-position: 0px -20px; top: 43px; left: 80px; width: 43px; }
#contents_area #map_area .middle_east li.btn_turkey a:hover { background-position: -98px -20px; }
/*アラブ首長国連邦 */
#contents_area #map_area .middle_east li.btn_uae a       { background-position: 0px -80px; top: 144px; left: 118px; width: 95px; }
#contents_area #map_area .middle_east li.btn_uae a:hover { background-position: -98px -80px; }
/*シリア */
#contents_area #map_area .middle_east li.btn_syria a       { background-position: 0px -40px; top: 73px; left: 109px; width: 44px; }
#contents_area #map_area .middle_east li.btn_syria a:hover { background-position: -98px -40px; }
/*ヨルダン */
#contents_area #map_area .middle_east li.btn_jordan a       { background-position: 0px -60px; top: 102px; left: 104px; width: 55px; }
#contents_area #map_area .middle_east li.btn_jordan a:hover { background-position: -98px -60px; }
/*オマーン */
#contents_area #map_area .middle_east li.btn_oman a       { background-position: 0px -100px; top: 174px; left: 201px; width: 53px; }
#contents_area #map_area .middle_east li.btn_oman a:hover { background-position: -98px -100px; }

#ovspkg_area_contents_area #kaigai_search_area{
	min-height: 0;
}

/* 調整
-----------------------------------------------------------*/
.pagenav.-scroll{ z-index: 11;}
#contents_area #trip_ideas .inner{ margin-top: 0;}