@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      top.css
Created:        2016-04-22
Style Info:     エジプトLP SUB pages　CSS
----------------------------------------------------------- */

/* sub pages common
----------------------------------------*/
#egypt.sub {background:#faf6f0;}
#egypt.sub .sub_wrapper {overflow:hidden;width:1140px;margin:0 auto;background:#fff;}
#egypt.sub .side {float:left;width:249px;}
#egypt.sub .side_inner {background:#fff;}
#egypt.sub .side_visual {margin:0 -1px 15px 0;}
#egypt.sub .side_visual img {width:100%;height:auto;}
#egypt.sub .side_nav {margin:0 20px 15px 20px;font-size:12px;line-height:1.6;}
#egypt.sub .side_nav .tit {color:#b51d2e;font-weight:bold;}
#egypt.sub .side_nav li {border-bottom:1px solid #e6e6e6;}
#egypt.sub .side_nav li a {display:block;padding:12px 0;}
#egypt.sub .side_nav li:first-child a {display:block;padding:5px 0 12px 0;}
#egypt.sub .side_nav li a .txt1 {display:block;color:#b51d2e;font-weight:bold;margin-bottom:5px;}
#egypt.sub .side_nav li a .txt2 {display:block;color:#323232;}
#egypt.sub .side_nav li a .txt2 {position:relative;color:#323232;height:25px;line-height:25px;margin:0 -5px;padding:0 5px;}
#egypt.sub .side_nav li a:hover {text-decoration:none;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;}
#egypt.sub .side_nav li a.active .txt2,
#egypt.sub .side_nav li a:hover .txt2 {background:#f3eadc;}
#egypt.sub .side_nav li a.active .txt2:after,
#egypt.sub .side_nav li a:hover .txt2:after {content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:url(../img/side_menu_arr.png) center center no-repeat;}
#egypt.sub .side_pagetop {overflow:hidden;margin:0 20px;}
#egypt.sub .side_pagetop span {display:block;float:right;display:block;text-indent:-9999px;width:128px;height:30px;background:url(../img/side_pagetop.png) left top no-repeat;cursor:pointer;}
#egypt.sub .contents {float:right;width:891px;margin:0;padding:30px 50px 0 50px;border-left:1px solid #e6e6e6;background:#fff;}
#egypt.sub .contents p {line-height:2;}
#egypt.sub .contents .title_01 {height:162px;}
#egypt.sub .contents .lead {margin-bottom:30px;}
#egypt.sub .contents .lead .img {margin-bottom:15px;}
#egypt.sub .contents .lead img {width:100%;height:auto;}
#egypt.sub .article .cnt_title1 {padding-left:30px;height:50px;margin:0 0 15px 0;background:url(../img/title_bg2.png) left top repeat;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;}
#egypt.sub .article .cnt_title1 span {display:block;text-indent:-9999px;height:50px;background-position:left top;background-repeat:no-repeat;}
#egypt.sub .article .cnt_title2 {color:#3366c8;font-size:15px;line-height:2;font-weight:bold;margin:0;}
#egypt.sub .article .cnt p a {color:#3366c8;word-break: break-all;}
#egypt.sub .article .box {position:relative;padding:40px;margin:30px 0 50px 0;background:url(../img/line_01.png) left top repeat-x;}
#egypt.sub .article .box:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:14px;background:url(../img/line_01.png) left bottom repeat-x;}
#egypt.sub .article .box_title {font-size:16px;line-height:1.8;font-weight:bold;color:#aa7e39;margin:0 0 20px 0;}
#egypt.sub .article .box p {width:420px;}
#egypt.sub .article .box_img {position:absolute;bottom:20px;right:40px;}
#egypt.sub .article .pht_cont {overflow:hidden;margin:0 -10px 15px -10px;}
#egypt.sub .article .pht_cont > div {float:left;width:33.333333%;}
#egypt.sub .article .pht_cont > div > div {margin:0 10px;}
#egypt.sub .article .pht_cont_sp {display:none;}
#egypt.sub .article .cnt_wrap {min-height:170px;padding-left:290px;}
#egypt.sub .page-top {display:none;}

@media screen and (max-width:767px) {
  #egypt.sub .sub_wrapper {width:100%;}
  #egypt.sub .side {display:none;}
  #egypt.sub .contents {padding:0;float:none;width:auto;border-left:0;margin:0;}
  #egypt.sub .page_titlebar {background:#42210b;color:#fff;padding:7px 10px;margin-bottom:5px;font-size: 11px;}
  #egypt.sub .contents .title_01 {height:auto;}
  #egypt.sub .contents .pagetitle,
  #egypt.sub .contents .hotel_title {height:auto;margin:0 0 10px 0;height:auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;}
  #egypt.sub .contents .pagetitle span,
  #egypt.sub .contents .hotel_title span {height:auto;text-indent:0;color:#fff;font-size:16px;line-height:1.6;font-weight:bold;padding:18px 10px 15px 10px;}
  #egypt.sub .contents .pagetitle b {display:block;font-size:28px;}
  #egypt.sub .contents .hotel_title b {display:block;font-size:24px;}
  #egypt.sub .article .lead,
  #egypt.sub .article .cnt,
  #egypt.sub .hotel_cnt,
  #egypt.sub .tourlist_link {margin:0 10px 20px 10px;}
  #egypt.sub .article .lead > p,
  #egypt.sub .article .cnt > p,
  #egypt.sub .article .cnt > .cnt_title2,
  #egypt.sub .article .cnt > .cnt_title3 {padding:0 5px;}
  #egypt.sub .article .cnt_title1 {height:auto;padding:10px 15px 8px 15px;}
  #egypt.sub .article .cnt_title1 span {display:block;text-indent:0;height:auto;color:#fff;font-weight:bold;font-size:16px;line-height:1.5;}
  #egypt.sub .article .cnt_title1 small {color:#fff;font-size:14px;margin-left:10px;font-weight:bold;}
  #egypt.sub .article .box {overflow:hidden;margin:20px 10px;padding:30px 10px;}
  #egypt.sub .article .box p {width:auto;padding-right:280px;}
  #egypt.sub .article .box_img {right:15px;}
  #egypt.sub .bottom_navi .navi_area {overflow:hidden;margin:15px 0;height:60px;background:#fafafa;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:0 5px;}
  #egypt.sub .bottom_navi a {color:#000;display:block;height:60px;}
  #egypt.sub .bottom_navi .txt1 {font-weight:bold;display:block;line-height:60px;}
  #egypt.sub .bottom_navi .box_back {float:left;width:25%;}
  #egypt.sub .bottom_navi .box_next {float:left;width:75%;}
  #egypt.sub .bottom_navi .box_back a {text-align:right;padding-right:10px;background:url(../img/navi_arrow_left.png) no-repeat left center;}
  #egypt.sub .bottom_navi .box_next a {background:url(../img/navi_arrow_right.png) no-repeat right center;border-left:1px solid #eeeeee;}
  #egypt.sub .bottom_navi .box_next .txt1 {display:table-cell;padding:0 10px;}
  #egypt.sub .bottom_navi .box_next .txt2 {height:60px;vertical-align:middle;display:table-cell;line-height:1.3;padding-right:10px;}
  #egypt.sub .bottom_navi .box_next .txt2 small {font-size:10px;display:block;}
  #egypt.sub .bottom_menu .tit {background:#c8c8c8;color:#fff;font-size:11px;padding:8px 10px;margin-bottom: 0;}
  #egypt.sub .bottom_menu ul {overflow:hidden;margin-bottom:30px;border-top:1px solid #ddd;}
  #egypt.sub .bottom_menu li {float:left;width:50%;height:55px;}
  #egypt.sub .bottom_menu li:first-child {float:none;width:100%;}
  #egypt.sub .bottom_menu li div {display:table-cell;vertical-align:middle;height:55px;}
  #egypt.sub .bottom_menu li a {position:relative;color:#000;font-size:11px;padding:0 15px 0 10px;display:block;height:55px;line-height:1.5;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
  #egypt.sub .bottom_menu li a:after {position:absolute;top:50%;right:10px;width:6px;height:10px;margin-top:-5px;content:"";background: url(../img/menu_arrow_right.png) left center no-repeat;display:block;}
  #egypt.sub .bottom_menu li:nth-child(2n+1) a {border-right:0;}
  #egypt.sub .bottom_menu li a.active {background-color:#eee;}
  #egypt.sub .bottom_menu .txt1 {display:block;font-size:10px;color:#b51d2e;}
  #egypt.sub .article .pht_cont {display:none;}
  #egypt.sub .article .pht_cont_sp {display:block;width:250px;margin:0 auto 15px auto;}
  #egypt.sub .article .cnt_wrap {min-height:0;padding:185px 0 0 0;}
}
@media screen and (max-width:640px) {
  #egypt.sub .article .box_img {position:static;margin:10px auto 0 auto;}
  #egypt.sub .article .box p {padding-right:0;}
}
@media screen and (max-width:480px) {
  #egypt.sub .article .box_title {font-size:15px;line-height:1.6;}
  #egypt.sub .article .article .box p {line-height:1.6;}
}
@media screen and (max-width:320px) {
  #egypt.sub .article .box_inner {padding:10px 25px;}
  #egypt.sub .article .box_title {margin-bottom:10px;}
}

/* sub page (egypt_01)
----------------------------------------*/
#egypt.sub .egypt_01 .article .title_01 .txt {background:url(../img/egypt_01/pagetitle.png) 42px 42px no-repeat;}
#egypt.sub .egypt_01 .article .box_img {bottom:70px;width:244px;height:194px;background:url(../img/egypt_01/box_img.png) left top no-repeat;}
#egypt.sub .egypt_01 .article .cnt {margin-bottom:30px;}
#egypt.sub .egypt_01 .article .cnt_01 .title_02 span {background-image:url(../img/egypt_01/cnt1_title.png);}
#egypt.sub .egypt_01 .article .cnt_02 .title_02 span {background-image:url(../img/egypt_01/cnt2_title.png);}
#egypt.sub .egypt_01 .article .cnt_03 .title_02 span {background-image:url(../img/egypt_01/cnt3_title.png);}
#egypt.sub .egypt_01 .article .cnt_04 .title_02 span {background-image:url(../img/egypt_01/cnt4_title.png);}
#egypt.sub .egypt_01 .article .cnt_01 .cnt_wrap {background:url(../img/egypt_01/cnt1_img.jpg) left top no-repeat;}
#egypt.sub .egypt_01 .article .cnt_02 .cnt_wrap {background:url(../img/egypt_01/cnt2_img.jpg) left top no-repeat;}
#egypt.sub .egypt_01 .article .cnt_03 .cnt_wrap {background:url(../img/egypt_01/cnt3_img.jpg) left top no-repeat;}
#egypt.sub .egypt_01 .article .cnt_04 .cnt_wrap {background:url(../img/egypt_01/cnt4_img.jpg) left top no-repeat;}
@media screen and (max-width:767px) {
  #egypt.sub .egypt_01 .article .title_01 .txt {background:none;}
  #egypt.sub .egypt_01 .article .cnt {margin-bottom:20px;}
  #egypt.sub .egypt_01 .article .cnt_01 .title_02 span,
  #egypt.sub .egypt_01 .article .cnt_02 .title_02 span,
  #egypt.sub .egypt_01 .article .cnt_03 .title_02 span,
  #egypt.sub .egypt_01 .article .cnt_04 .title_02 span {background-image:none;}
  #egypt.sub .egypt_01 .article .cnt_01 .cnt_wrap,
  #egypt.sub .egypt_01 .article .cnt_02 .cnt_wrap,
  #egypt.sub .egypt_01 .article .cnt_03 .cnt_wrap,
  #egypt.sub .egypt_01 .article .cnt_04 .cnt_wrap {background-position:center top;}
}

/* sub page (egypt_02)
----------------------------------------*/
#egypt.sub .egypt_02 .article .title_01 .txt {background:url(../img/egypt_02/pagetitle.png) 42px 42px no-repeat;}
#egypt.sub .egypt_02 .article .box_title span {display:block;}
#egypt.sub .egypt_02 .article .box_img {bottom:63px;width:203px;height:249px;background:url(../img/egypt_02/box_img.png) left top no-repeat;}
#egypt.sub .egypt_02 .article .cnt {margin-bottom:30px;}
#egypt.sub .egypt_02 .article .cnt_01 .title_02 span {background-image:url(../img/egypt_02/cnt1_title.png);}
#egypt.sub .egypt_02 .article .cnt_02 .title_02 span {background-image:url(../img/egypt_02/cnt2_title.png);}
#egypt.sub .egypt_02 .article .cnt_03 .title_02 span {background-image:url(../img/egypt_02/cnt3_title.png);}
#egypt.sub .egypt_02 .article .cnt_04 .title_02 span {background-image:url(../img/egypt_02/cnt4_title.png);}
#egypt.sub .egypt_02 .article .cnt_05 .title_02 span {background-image:url(../img/egypt_02/cnt5_title.png);}
#egypt.sub .egypt_02 .article .cnt_02 .cnt_wrap {background:url(../img/egypt_02/cnt2_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_02 .article .cnt_03 .cnt_wrap {background:url(../img/egypt_02/cnt3_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_02 .article .cnt_04 .cnt_wrap {background:url(../img/egypt_02/cnt4_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_02 .article .cnt_05 .cnt_wrap {background:url(../img/egypt_02/cnt5_img_01.jpg) left top no-repeat;}

@media screen and (max-width:767px) {
  #egypt.sub .egypt_02 .article .title_01 .txt {background:none;}
  #egypt.sub .egypt_02 .article .box_title span {display:inline;}
  #egypt.sub .egypt_02 .article .cnt {margin-bottom:20px;}
  #egypt.sub .egypt_02 .article .cnt_01 .title_02 span,
  #egypt.sub .egypt_02 .article .cnt_02 .title_02 span,
  #egypt.sub .egypt_02 .article .cnt_03 .title_02 span,
  #egypt.sub .egypt_02 .article .cnt_04 .title_02 span,
  #egypt.sub .egypt_02 .article .cnt_05 .title_02 span {background-image:none;}
  #egypt.sub .egypt_02 .article .cnt_02 .cnt_wrap,
  #egypt.sub .egypt_02 .article .cnt_03 .cnt_wrap,
  #egypt.sub .egypt_02 .article .cnt_04 .cnt_wrap,
  #egypt.sub .egypt_02 .article .cnt_05 .cnt_wrap {background-position:center top;}
}

/* sub page (egypt_03)
----------------------------------------*/
#egypt.sub .egypt_03 .article .title_01 .txt {background:url(../img/egypt_03/pagetitle.png) 42px 42px no-repeat;}
#egypt.sub .egypt_03 .article .box_title {width:380px;}
#egypt.sub .egypt_03 .article .box_img {bottom:20px;width:244px;height:273px;background:url(../img/egypt_03/box_img.png) left top no-repeat;}
#egypt.sub .egypt_03 .article .cnt {margin-bottom:30px;}
#egypt.sub .egypt_03 .article .cnt_01 .title_02 span {background-image:url(../img/egypt_03/cnt1_title.png);}
#egypt.sub .egypt_03 .article .cnt_02 .title_02 span {background-image:url(../img/egypt_03/cnt2_title.png);}
#egypt.sub .egypt_03 .article .cnt_03 .title_02 span {background-image:url(../img/egypt_03/cnt3_title.png);}
#egypt.sub .egypt_03 .article .cnt_04 .title_02 span {background-image:url(../img/egypt_03/cnt4_title.png);}
#egypt.sub .egypt_03 .article .cnt_05 .title_02 span {background-image:url(../img/egypt_03/cnt5_title.png);}
#egypt.sub .egypt_03 .article .cnt_04 .cnt_wrap {background:url(../img/egypt_03/cnt4_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_03 .article .cnt_05 .cnt_wrap {background:url(../img/egypt_03/cnt5_img_01.jpg) left top no-repeat;}

@media screen and (max-width:767px) {
  #egypt.sub .egypt_03 .article .title_01 .txt {background:none;}
  #egypt.sub .egypt_03 .article .box_title {width:auto;}
  #egypt.sub .egypt_03 .article .cnt {margin-bottom:20px;}
  #egypt.sub .egypt_03 .article .cnt_01 .title_02 span,
  #egypt.sub .egypt_03 .article .cnt_02 .title_02 span,
  #egypt.sub .egypt_03 .article .cnt_03 .title_02 span,
  #egypt.sub .egypt_03 .article .cnt_04 .title_02 span,
  #egypt.sub .egypt_03 .article .cnt_05 .title_02 span {background-image:none;}
  #egypt.sub .egypt_03 .article .cnt_04 .cnt_wrap,
  #egypt.sub .egypt_03 .article .cnt_05 .cnt_wrap {background-position:center top;}
}

/* sub page (egypt_04)
----------------------------------------*/
#egypt.sub .egypt_04 .article .title_01 .txt {background:url(../img/egypt_04/pagetitle.png) 42px 42px no-repeat;}
#egypt.sub .egypt_04 .article .box_title {width:380px;}
#egypt.sub .egypt_04 .article .box_img {bottom:90px;width:244px;height:273px;background:url(../img/egypt_04/box_img.png) left top no-repeat;}
#egypt.sub .egypt_04 .article .cnt {margin-bottom:30px;}
#egypt.sub .egypt_04 .article .cnt_01 .title_02 span {background-image:url(../img/egypt_04/cnt1_title.png);}
#egypt.sub .egypt_04 .article .cnt_02 .title_02 span {background-image:url(../img/egypt_04/cnt2_title.png);}
#egypt.sub .egypt_04 .article .cnt_03 .title_02 span {background-image:url(../img/egypt_04/cnt3_title.png);}
#egypt.sub .egypt_04 .article .cnt_04 .title_02 span {background-image:url(../img/egypt_04/cnt4_title.png);}
#egypt.sub .egypt_04 .article .cnt_05 .title_02 span {background-image:url(../img/egypt_04/cnt5_title.png);}
#egypt.sub .egypt_04 .article .cnt_02 .cnt_wrap {background:url(../img/egypt_04/cnt2_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_04 .article .cnt_03 .cnt_wrap {background:url(../img/egypt_04/cnt3_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_04 .article .cnt_04 .cnt_wrap {background:url(../img/egypt_04/cnt4_img_01.jpg) left top no-repeat;}
#egypt.sub .egypt_04 .article .cnt_05 .cnt_wrap {background:url(../img/egypt_04/cnt5_img_01.jpg) left top no-repeat;}

@media screen and (max-width:767px) {
  #egypt.sub .egypt_04 .article .title_01 .txt {background:none;}
  #egypt.sub .egypt_04 .article .box_title {width:auto;}
  #egypt.sub .egypt_04 .article .cnt {margin-bottom:20px;}
  #egypt.sub .egypt_04 .article .cnt_01 .title_02 span,
  #egypt.sub .egypt_04 .article .cnt_02 .title_02 span,
  #egypt.sub .egypt_04 .article .cnt_03 .title_02 span,
  #egypt.sub .egypt_04 .article .cnt_04 .title_02 span,
  #egypt.sub .egypt_04 .article .cnt_05 .title_02 span {background-image:none;}
  #egypt.sub .egypt_04 .article .cnt_02 .cnt_wrap,
  #egypt.sub .egypt_04 .article .cnt_03 .cnt_wrap,
  #egypt.sub .egypt_04 .article .cnt_04 .cnt_wrap,
  #egypt.sub .egypt_04 .article .cnt_05 .cnt_wrap {background-position:center top;}
}

/* sub page (egypt_04)　hotel
----------------------------------------*/
#egypt.sub .article.hotel .title_01 .txt {background:url(../img/egypt_04/pagetitle2.png) 42px 42px no-repeat;}
#egypt.sub .hotel_01 .title_02 span {background-image:url(../img/egypt_04/hotel1_title.png);}
#egypt.sub .hotel_info {position:relative;padding:20px 0 25px 0;}
#egypt.sub .hotel_place {position:absolute;top:8px;right:0;width:80px;height:28px;}
#egypt.sub .hotel_place span {display:block;color:#fff;padding-left:15px;height:28px;line-height:28px;text-align:center;background:#c59b6d url(../img/icon_pin.png) 6px center no-repeat;width:80px;font-size:12px;font-weight:bold;}
#egypt.sub .hotel_info .tit {overflow:hidden;margin:0 0 15px 0;}
#egypt.sub .hotel_info .tit span {display:block;float:left;}
#egypt.sub .hotel_logo {margin-right:15px;height:21px;}
#egypt.sub .hotel_rank {width:90px;height:16px;margin-top:4px;text-indent:-9999px;}
#egypt.sub .hotel_rank.rank_1 {background:url(../img/rank_01.png) center center no-repeat;}
#egypt.sub .hotel_rank.rank_2 {background:url(../img/rank_02.png) center center no-repeat;}
#egypt.sub .hotel_rank.rank_3 {background:url(../img/rank_03.png) center center no-repeat;}
#egypt.sub .hotel_rank.rank_4 {background:url(../img/rank_04.png) center center no-repeat;}
#egypt.sub .hotel_rank.rank_5 {background:url(../img/rank_05.png) center center no-repeat;}
#egypt.sub .hotel_pht {overflow:hidden;margin-bottom:20px;}
#egypt.sub .hotel_pht li {float:left;width:50%;}
#egypt.sub .hotel_pht li img {width:100%;height:auto;}
#egypt.sub .hotel_pht_sp {display:none;}
#egypt.sub .hotel_service {overflow:hidden;padding:15px;border:1px solid #c59b6d;margin-bottom:30px;}
#egypt.sub .hotel_service .tit {color:#b51d2e;font-weight:bold;font-size:14px;margin:0 0 10px 0;}
#egypt.sub .hotel_service ul {float:left;width:33.333333%;}
#egypt.sub .hotel_service li {font-size:10px;line-height:1.6;}
#egypt.sub .hotel_service li:before {content:"・";}
#egypt.sub .hotel_usersvoice {position:relative;padding:30px 40px;margin-bottom:50px;background:url(../img/line_01.png) left top repeat-x;}
#egypt.sub .hotel_usersvoice:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:14px;background:url(../img/line_01.png) left bottom repeat-x;}
#egypt.sub .hotel_usersvoice .tit_01 {height:16px;margin:0 0 15px 0;text-indent:-9999px;background:url(../img/hotel_voice.png) left center no-repeat;}
#egypt.sub .hotel_usersvoice .tit_02 {color:#aa7e39;font-size:14px;font-weight:bold;margin:0 0 5px 0;line-height:1.4;}
@media screen and (max-width:767px) {
  #egypt.sub .article.hotel {margin-top:-60px;padding-top:60px;}
  #egypt.sub .article.hotel .title_01 .txt {background:none;}
  #egypt.sub .hotel_01 .title_02 span {background-image:none;}
  #egypt.sub .hotel_pht {overflow:hidden;margin-bottom:15px;}
  #egypt.sub .hotel_service ul {float:none;width:100%;}
  #egypt.sub .hotel_usersvoice {padding:25px 10px 20px 10px;margin-bottom:30px;}
}
@media screen and (max-width:640px) {
  #egypt.sub .hotel_service {margin-bottom:15px;}
}
@media screen and (max-width:480px) {
  #egypt.sub .hotel_place {top:5px;}
  #egypt.sub .hotel_info {padding:45px 0 15px 0;}
}
@media screen and (max-width:420px) {
  #egypt.sub .hotel_pht {display:none;}
  #egypt.sub .hotel_pht_sp {display:block;width:100%;margin-bottom:15px;}
  #egypt.sub .hotel_pht_sp img {width:100%;height:auto;}
}