@charset "UTF-8";

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

File name:      common.css
Created:        2016-04-22
Style Info:     エジプトLP common　CSS
----------------------------------------------------------- */
#egypt {width:100%;}
#egypt a:active,
#egypt a:focus {outline:none;}
#egypt a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#egypt ul,
#egypt ol,
#egypt li {list-style:none;margin:0;padding:0;}
#egypt .dis_sp {display:none;}
#egypt .contents {width:1140px;}
#egypt .contents p {color:#323232;font-size:13px;line-height:1.8;}
#egypt .page-top {height:0;width:0;overflow:hidden;}
@media screen and (max-width:767px) {
  #egypt .dis_sp {display:block;}
  #egypt .contents {width:auto;}
  #egypt .page-top {position:fixed;bottom:20px;right:20px;height:40px;width:40px;background:#666 url(../img/pagetop_arrow.png) center center no-repeat;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-filter:"alpha(opacity=80)";-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;cursor:pointer;text-indent:-9999px;z-index:100;}
}

/* title
----------------------------------------*/
#egypt .contents .title_01 {width:100%;display:table;vertical-align:middle;background:url(../img/title1_bg.png) center top no-repeat;margin:0;height:162px;}
#egypt .contents .title_01 .txt {height:162px;margin:0;text-indent:-9999px;}
#egypt .contents .title_02 {color:#fff;font-size:18px;font-weight:bold;height:50px;line-height:50px;background:url(../img/title2_bg.png) center center repeat;padding-left:50px;position:relative;margin:0 0 20px 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#egypt .contents .title_02:after {content:"";width:13px;height:19px;top:50%;left:16px;margin-top:-9px;position:absolute;background:url(../img/title2_icon.png) center center no-repeat;}
#egypt .contents .title_02 span {display:block;text-indent:-9999px;height:50px;background-repeat:no-repeat;background-position:left center;}
@media screen and (max-width:767px) {
  #egypt .contents .title_01 {height:auto;padding:20px 15px 15px 15px;overflow:hidden;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;}
  #egypt .contents .title_01 .txt {display:block;width:100%;height:auto;text-indent:0;font-size:26px;font-weight:bold;background:none;color:#603813;line-height:1.4;}
  #egypt .contents .title_01 .txt span {color:#b51d2e;font-size:18px;display:block;}
  #egypt .contents .title_02 {margin-bottom:15px;height:auto;padding:8px 10px 8px 35px;}
  #egypt .contents .title_02:after {top:8px;left:10px;margin:0;}
  #egypt .contents .title_02 span {display:block;text-indent:0;height:auto;color:#fff;font-size:18px;line-height:1.4;font-weight:bold;}
}
@media screen and (max-width:480px) {
  #egypt .contents .title_01 .txt {font-size:22px;}
  #egypt .contents .title_01 .txt span {font-size:16px;}
}

/* tour list
----------------------------------------*/
#egypt .contents .tour_sec {position:relative;margin-bottom:70px;}
#egypt .contents .tour_sec .title_01 .txt {background:url(../img/tourlist_title.png) 42px 30px no-repeat;}
#egypt .contents .tour_sec .title_01 .txt_02 {position:absolute;top:30px;right:35px;width:202px;height:73px;background:url(../img/tourlist_title_txt.png) center center no-repeat;text-indent:-9999px;}
#egypt .contents .tourlist {margin-bottom:30px;}
#egypt .contents .tourlist .title_02 {margin-bottom:10px;}
#egypt .contents .tourlist_img {position:absolute;top:20px;left:50px;width:224px;padding-top:174px;background:url(../img/top/sec3_txt_01.png) center top no-repeat;}
#egypt .contents .tourlist_img img {width:100%;height:auto;}
#egypt .contents .tourlist_txt {overflow:hidden;margin-bottom:30px;}
#egypt .contents .tourlist_txt p {padding-left:300px;line-height:2;}
#egypt .contents .tourlist_txt p b {color:#b51d2e;font-weight:bold;}
#egypt .contents .tour_sec .map {float:left;width:270px;height:280px;padding:4px;border:1px solid #ecc3a4;background:#fff;line-height:1;font-size:0;}
#egypt .contents .tour_sec .map img {width:100%;height:auto;}
#egypt .contents .tourlist .title_02.tit_01 span {background-image:url(../img/tourlist1_tit.png);}
#egypt .contents .tourlist .title_02.tit_02 span {background-image:url(../img/tourlist2_tit.png);}
#egypt .contents .tourlist .title_02.tit_03 span {background-image:url(../img/tourlist3_tit.png);}
#egypt .tourcnt {position:relative;overflow:hidden;border:5px solid #f0f0f0;padding:15px;margin-top:10px;}
#egypt .tourcnt .tour_title {font-size:14px;font-weight:bold;line-height:1.4;margin:0 0 10px 0;}
#egypt .tourcnt .tour_title a {color:#828282;}
#egypt .tourcnt .tour_title a:hover {text-decoration:underline;}
#egypt .tourcnt_left {float:left;width:168px;}
#egypt .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#egypt .tourcnt_left .img a {display:block;}
#egypt .tourcnt_left .img img {width:100%;}
#egypt .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#egypt .tourcnt_left .tour_days span {display:block;}
#egypt .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#b51d2e;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-right:5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#egypt .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#egypt .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#c59b6d;color:#fff;font-size:11px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#egypt .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#egypt .tourcnt_right {padding:0 0 30px 188px;}
#egypt .tourcnt_right .tour_info {overflow:hidden;}
#egypt .tourcnt_right dl {float:left;width:300px;overflow:hidden;margin:0;}
#egypt .tourcnt_right dt {clear:left;float:left;background:#c59b6d;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#egypt .tourcnt_right dd {font-size:11px;line-height:1.4;padding:4px 0 0 70px;margin-top:5px;}
#egypt .tourcnt_right dt:first-of-type,
#egypt .tourcnt_right dd:first-of-type {margin-top:0;}
#egypt .tourcnt_right .tour_price {float:right;width:250px;}
#egypt .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:11px;line-height:20px;padding:0 10px;font-weight:bold;background:#c59b6d;}
#egypt .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#egypt .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#egypt .tourcnt_right .tour_price .price span {display:inline-block;}
#egypt .tourcnt_right .tour_price .price_max {font-size:20px;}
#egypt .tourcnt_right .tour_price .price_min {font-size:12px;margin:8px 0 0 5px;}
#egypt .tourcnt_right .tour_price .txt {font-size:10px;}
#egypt .tourcnt_right .tour_link {position:absolute;bottom:15px;right:15px;width:120px;}
#egypt .tourcnt_right .tour_link a {position:relative;display:block;height:24px;color:#fff;background:url(../img/more_btn_bg.png) left center repeat-x;font-size:12px;font-weight:bold;text-align:center;line-height:24px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#egypt .tourcnt_right .tour_link a:after {display:block;content:"";width:6px;height:8px;position:absolute;top:50%;right:10px;margin-top:-4px;background:url(../img/more_btn_arr.png) top center no-repeat;}
#egypt .tourlist_link a {display:block;height:82px;text-indent:-9999px;background:url(../img/tourlist_btn2.png) center center no-repeat;}
@media screen and (max-width:767px) {
  #egypt .contents .tour_sec {margin-bottom:30px;}
  #egypt .contents .tour_sec .title_01 .txt {background:none;}
  #egypt .contents .tour_sec .title_01 .txt_02 {position:static;margin:10px auto;}
  #egypt .contents .tourlist {margin-bottom:20px;}
  #egypt .contents .tourlist_img {position:static;width:100%;margin-top:-110px;padding-top:120px;text-align:center;background-position:30px top;
    -webkit-background-size: auto 100px;
    -moz-background-size: auto 100px;
    background-size: auto 100px;}
  #egypt .contents .tourlist_img .img {display:none;}
  #egypt .contents .tourlist_txt {margin:0 10px 30px 10px;}
  #egypt .contents .tourlist_txt p {padding-left:0;line-height:1.8;}
  #egypt .contents .tour_sec .map {margin-right:10px;}
  #egypt .contents .tour_sec .map img {width:100%;height:auto;}
  #egypt .contents .tourlist .title_02.tit_01 span,
  #egypt .contents .tourlist .title_02.tit_02 span,
  #egypt .contents .tourlist .title_02.tit_03 span {background-image:none;}
  #egypt .tourcnt_right dl {float:none;width:100%;margin-bottom:5px;}
  #egypt .tourcnt_right .tour_price {float:none;width:100%;}
  #egypt .tourlist {margin:0 10px 15px 10px;}
  #egypt .tourlist_link {margin:0 10px;}
  #egypt .tourlist_link a {position:relative;height:auto;text-indent:0;color:#fff;font-weight:bold;font-size:18px;background:url(../img/tourlist_btn2_bg.png) center center repeat-x;text-shadow:2px 2px 5px #648808;padding:10px;line-height:1.4;border-right:1px solid #7ba60d;border-left:1px solid #7ba60d;text-align:center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
  #egypt .tourlist_link a:after {position:absolute;bottom:10px;right:10px;content:"";width:14px;height:14px;background:url(../img/tourlist_btn2_arr.png) center center no-repeat;}
  #egypt .tourlist_link a small {font-size:14px;display:block;margin-bottom:5px;}
}
@media screen and (max-width:640px) {
  #egypt .tourcnt {padding:10px;}
  #egypt .tourcnt_left {width:120px;}
  #egypt .tourcnt_left .tour_days .txt1 {width:55px;padding:0 5px;}
  #egypt .tourcnt_left .tour_days .txt2 {font-size:14px;}
  #egypt .tourcnt_left .tour_code {font-size:10px;}
  #egypt .tourcnt_right {padding-left:130px;}
  #egypt .tourcnt_right .tour_link {bottom:10px;right:10px;}
}
@media screen and (max-width:480px) {
  #egypt .contents .tour_sec .title_01 .txt {margin-bottom:10px;}
  #egypt .contents .tour_sec .title_01 .txt_02 {position:static;margin:10px auto;}
  #egypt .contents .tour_sec .map {float:none;margin:0 auto 20px auto;}
  #egypt .tourlist .title span {font-size:15px;}
  #egypt .tourcnt_left {float:none;width:100%;margin-bottom:10px;}
  #egypt .tourcnt_left .box {overflow:hidden;}
  #egypt .tourcnt_left .tour_days {display:inline-block;float:left;margin:0 10px 0 0;}
  #egypt .tourcnt_left .tour_code {display:inline-block;float:right;}
  #egypt .tourcnt_left .img {text-align:center;}
  #egypt .tourcnt_left .img img {max-width:340px;margin:0 auto;}
  #egypt .tourcnt_right {padding:0;}
  #egypt .tourcnt_right .tour_link {position:static;width:250px;margin:10px auto 0 auto;}
  #egypt .tourcnt_right .tour_link a {height:35px;line-height:35px;font-size:12px;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;}
}
@media screen and (max-width:360px) {
  #egypt .tourlist_link a {font-size:15px;}
  #egypt .tourlist_link a small {font-size:13px;}
}