@charset "UTF-8";

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

File name:      top.css
Created:        2016-04-18
Style Info:     エジプトLP TOP page　CSS
----------------------------------------------------------- */
#egypt.main .visual {height:530px;background:#42210b url(../img/top/visual_bg.jpg) center top repeat-x;}
#egypt.main .visual_wp {width:1200px;height:530px;margin:0 auto;position:relative;}
#egypt.main .visual img {width:100%;height:auto;}
#egypt.main .visual .txt_01 {position:absolute;top:24px;left:55px;}
#egypt.main .visual .txt_02 {position:absolute;top:24px;right:45px;}
#egypt.main .visual .txt_03 {position:absolute;bottom:12px;right:92px;}
#egypt.main .visual .txt_04 {width:575px;margin:15px 0 0 55px;font-size:14px;line-height:1.8;color:#fff;}
#egypt.main .visual .txt_04 span {display:block;}
#egypt.main .contents {margin:50px auto;}
#egypt.main .contents .section {overflow:hidden;margin-bottom:60px;}
#egypt.main .contents .section .title_01 {height:183px;background:url(../img/top/title1_bg.png) center top no-repeat;}
#egypt.main .contents .section .title_01 .txt {display:block;width:100%;height:183px;text-indent:-9999px;background-position:center center;background-repeat:no-repeat;margin:0;}
#egypt.main .contents .section .title_01 > div {display:none;}
#egypt.main .contents .point .title_01 .txt {background-image:url(../img/top/sec1_title.png);}
#egypt.main .contents .point_cnt .tit {text-indent:-9999px;margin:0 0 40px 0;background-position:center center;background-repeat:no-repeat;}
#egypt.main .contents .point_01 {position:relative;margin:-10px 50px 15px 50px;padding-bottom:50px;background:url(../img/line_01.png) left bottom repeat-x;}
#egypt.main .contents .point_01 .point_cnt_wp {width:740px;background:url(../img/top/sec1_point1_img.png) 98% top no-repeat;}
#egypt.main .contents .point_01 .tit {width:446px;height:124px;margin-bottom:50px;background-image:url(../img/top/sec1_point1_tit.png);}
#egypt.main .contents .point_01 .map {position:absolute;top:0;right:0;width:270px;height:350px;padding:4px;border:1px solid #ecc3a4;background:#fff;line-height:1;font-size:0;}
#egypt.main .contents .point_01 .map img {width:100%;height:auto;}
#egypt.main .contents .point_02 {float:left;width:530px;height:305px;margin:0 0 20px 50px;padding:32px 40px 0 0;background:url(../img/line_02.png) right top repeat-y;}
#egypt.main .contents .point_02 .point_cnt_wp {background:url(../img/top/sec1_point2_img.png) right top no-repeat;}
#egypt.main .contents .point_02 .tit {width:270px;height:117px;background-image:url(../img/top/sec1_point2_tit.png);}
#egypt.main .contents .point_03 {float:right;width:510px;height:305px;padding:32px 0 0 30px;margin:0 50px 20px 0;}
#egypt.main .contents .point_03 .point_cnt_wp {background:url(../img/top/sec1_point3_img.png) right top no-repeat;}
#egypt.main .contents .point_03 .tit {width:244px;height:117px;background-image:url(../img/top/sec1_point3_tit.png);}
#egypt.main .contents .point_04 {clear:both;padding-top:40px;margin:0 50px;background:url(../img/line_01.png) left top repeat-x;}
#egypt.main .contents .point_04 .point_cnt_wp {min-height:278px;padding-left:414px;background:url(../img/top/sec1_point4_img.png) left 10px no-repeat;}
#egypt.main .contents .point_04 .tit {width:585px;height:124px;background-image:url(../img/top/sec1_point4_tit.png);}
#egypt.main .contents .point_04 .link_btn {overflow:hidden;}
#egypt.main .contents .point_04 .link_btn a {display:block;float:right;width:190px;height:40px;text-indent:-9999px;background:url(../img/top/sec1_linkbtn.png) left top no-repeat;}
#egypt.main .contents .check .title_01 .txt {background:url(../img/top/sec2_title.png) center center no-repeat;}
#egypt.main .contents .check_cnt {overflow:hidden;margin:0 50px;position:relative;}
#egypt.main .contents .check_cnt:after {display:block;width:50px;height:50px;content:"";position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;background:url(../img/top/sec2_img.png) center center no-repeat;}
#egypt.main .contents .check_cnt > div {float:left;width:50%;}
#egypt.main .contents .check_cnt .check_01 {border-right:1px solid #c6b198;border-bottom:1px solid #c6b198;padding:20px 60px 40px 0;}
#egypt.main .contents .check_cnt .check_02 {border-bottom:1px solid #c6b198;padding:20px 0 40px 60px;}
#egypt.main .contents .check_cnt .check_03 {border-right:1px solid #c6b198;padding:30px 60px 30px 0;}
#egypt.main .contents .check_cnt .check_04 {padding:30px 0 30px 60px;}
#egypt.main .contents .check_cnt > div .tit {text-indent:-9999px;height:63px;margin:0 0 30px 0;background-repeat:no-repeat;background-position:left center;}
#egypt.main .contents .check_cnt .check_01 .tit {background-image:url(../img/top/sec2_check1_tit.png);}
#egypt.main .contents .check_cnt .check_02 .tit {background-image:url(../img/top/sec2_check2_tit.png);}
#egypt.main .contents .check_cnt .check_03 .tit {background-image:url(../img/top/sec2_check3_tit.png);}
#egypt.main .contents .check_cnt .check_04 .tit {background-image:url(../img/top/sec2_check4_tit.png);}
#egypt.main .contents .check_cnt > div .img {float:left;margin-right:20px;}
#egypt.main .contents .check_cnt > div .img img {width:100%;height:auto;}
#egypt.main .contents .check_cnt > div .txt {position:relative;height:255px;margin-top:-5px}
#egypt.main .contents .check_cnt > div .txt p {line-height:2;}
#egypt.main .contents .check_cnt > div .linkbtn {position:absolute;bottom:0;right:0;}
#egypt.main .contents .check_cnt > div .linkbtn a {display:block;width:190px;height:40px;text-indent:-9999px;background:url(../img/top/sec2_linkbtn.png) left top no-repeat;}
#egypt.main .contents .tourlist_wp {width:790px;margin:0 50px 0 300px;}
#egypt.main .contents .tour_sec .title_01 .txt_02 {right:80px;}
#egypt.main .tourlist {width:790px;margin:0 50px 30px 300px;}
#egypt.main .tourlist_link {width:790px;margin:0 50px 0 300px;}
@media screen and (max-width:767px) {
  #egypt.main .visual {overflow:hidden;height:auto;background:#42210b;}
  #egypt.main .visual_wp {width:100%;height:auto;}
  #egypt.main .visual .txt_01 {top:10px;left:15px;width:400px;}
  #egypt.main .visual .txt_02 {top:10px;right:15px;width:200px;}
  #egypt.main .visual .txt_03 {bottom:80px;right:15px;width:200px;}
  #egypt.main .visual .txt_04 {width:auto;margin:10px 15px;line-height:1.6;}
  #egypt.main .visual .txt_04 span {display:inline;}
  #egypt.main .contents {margin:15px 0;}
  #egypt.main .contents .section {margin-bottom:15px;}
  #egypt.main .contents .section .title_01 {height:auto;padding:20px 15px 15px 15px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;}
  #egypt.main .contents .section .title_01 > div {display:block;}
  #egypt.main .contents .point .title_01 .txt {display:block;width:100%;height:auto;text-indent:0;font-size:22px;font-weight:bold;background-image:none;text-align:center;color:#aa7e39;line-height:1.4;}
  #egypt.main .contents .point .title_01 .txt_01 {display:block;background:#fff;border:1px solid #aa7e39;text-align:center;font-size:13px;color:#603813;font-weight:bold;width:210px;padding:8px 0;margin:0 auto 10px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;}
  #egypt.main .contents .point .title_01 span {color:#b51d2e;margin-left:10px;}
  #egypt.main .contents .point .title_01 .txt_02 span {font-size:124%;display:block;}
  #egypt.main .contents .point_cnt {padding:20px 0 0 0;margin:0 10px 15px 10px;background:url(../img/line_01.png) left top repeat-x;}
  #egypt.main .contents .point_cnt .tit {text-indent:0;margin:0 0 5px 0;font-size:18px;font-weight:bold;color:#42210b;line-height:1.4;}
  #egypt.main .contents .point_cnt .tit span {display:block;color:#b51d2e;font-size:24px;text-align:center;}
  #egypt.main .contents .point_01 {padding:0;margin:0 10px 15px 10px;padding:0;background:none;}
  #egypt.main .contents .point_01 .point_cnt_wp {width:auto;padding:180px 0 0 0;background-position:center top;}
  #egypt.main .contents .point_01 .map {float:left;position:static;width:200px;height:auto;margin-right:15px;}
  #egypt.main .contents .point_01 .tit,
  #egypt.main .contents .point_02 .tit,
  #egypt.main .contents .point_03 .tit,
  #egypt.main .contents .point_04 .tit {width:100%;height:auto;background-image:none;}
  #egypt.main .contents .point_02,
  #egypt.main .contents .point_03,
  #egypt.main .contents .point_04 {float:none;width:auto;height:auto;padding:20px 0 0 0;margin:0 10px 15px 10px;background:url(../img/line_01.png) left top repeat-x;}
  #egypt.main .contents .point_02 .point_cnt_wp,
  #egypt.main .contents .point_03 .point_cnt_wp,
  #egypt.main .contents .point_04 .point_cnt_wp {min-height:0;padding:150px 0 0 0;background-position:center top;
    -webkit-background-size: auto 140px;
    -moz-background-size: auto 140px;
    background-size: auto 140px;}
  #egypt.main .contents .point_04 .link_btn a {display:block;float:none;margin:10px auto 0 auto;}
  #egypt.main .contents .check .title_01 .txt {display:block;width:100%;height:auto;text-indent:0;font-size:18px;font-weight:bold;background-image:none;text-align:center;color:#aa7e39;line-height:1.4;}
  #egypt.main .contents .check .title_01 span {display:block;font-size:22px;color:#aa7e39;margin:0;}
  #egypt.main .contents .check_cnt {margin:0 10px;}
  #egypt.main .contents .check_cnt:after {display:none;}
  #egypt.main .contents .check_cnt > div {float:none;width:100%;overflow:hidden;}
  #egypt.main .contents .check_cnt .check_01,
  #egypt.main .contents .check_cnt .check_02,
  #egypt.main .contents .check_cnt .check_03,
  #egypt.main .contents .check_cnt .check_04 {border-right:0;border-bottom:1px solid #c6b198;padding:15px 0;}
  #egypt.main .contents .check_cnt .check_04 {border:0;}
  #egypt.main .contents .check_cnt > div .tit {text-indent:0;height:auto;margin:0 0 15px 0;font-size:18px;font-weight:bold;line-height:1.4;}
  #egypt.main .contents .check_cnt .check_01 .tit,
  #egypt.main .contents .check_cnt .check_02 .tit,
  #egypt.main .contents .check_cnt .check_03 .tit,
  #egypt.main .contents .check_cnt .check_04 .tit {background-image:none;}
  #egypt.main .contents .check_cnt .check_01 .tit,
  #egypt.main .contents .check_cnt .check_03 .tit {color:#b51d2e;}
  #egypt.main .contents .check_cnt .check_02 .tit,
  #egypt.main .contents .check_cnt .check_04 .tit {color:#603813;}
  #egypt.main .contents .check_cnt > div .img {margin-right:15px;}
  #egypt.main .contents .check_cnt > div .txt {height:auto;min-height:250px;padding-bottom:50px;}
  #egypt.main .contents .tourlist_wp {width:auto;margin:0;}
  #egypt.main .contents .tour_sec .title_01 .txt_02 {float:right;margin:30px 20px 0 0;}
  #egypt.main .tourlist {width:auto;margin:0 10px 15px 10px;}
  #egypt.main .tourlist_link {width:auto;margin:0 10px;}
}
@media screen and (max-width:510px) {
  #egypt.main .contents .check_cnt > div .img {float:none;width:230px;margin:0 auto 15px auto;}
  #egypt.main .contents .check_cnt > div .txt {min-height:0;}
  #egypt.main .contents .check_cnt > div .txt p {line-height:1.8;}
  #egypt.main .contents .check_cnt > div .linkbtn {right:50%;width:190px;margin-right:-95px;}
}
@media screen and (max-width:640px) {
  #egypt.main .visual .txt_01 {position:static;width:100%;text-align:center;padding:10px 0;background:#93c9df;}
  #egypt.main .visual .txt_01 img {width:90%;}
  #egypt.main .visual .txt_02 {display:none;}
  #egypt.main .visual .txt_03 {bottom:100px;}
  #egypt.main .contents .tour_sec .title_01 .txt_02 {float:right;margin:30px 20px 0 0;}
}
@media screen and (max-width:480px) {
  #egypt.main .visual .txt_03 {bottom:120px;width:140px;}
  #egypt.main .visual .txt_04 {margin:10px;font-size:13px;}
  #egypt.main .contents .point_01 .map {float:none;margin:0 auto 15px auto;}
  #egypt.main .contents .tour_sec .title_01 .txt_02 {margin:0 10px 0 0;}
  #egypt.main .contents .tourlist_img {margin-top:-80px;padding-top:100px;background-position:20px top;
    -webkit-background-size: auto 80px;
    -moz-background-size: auto 80px;
    background-size: auto 80px;}
}
@media screen and (max-width:440px) {
  #egypt.main .contents .tour_sec .title_01 .txt_02 {float:none;margin:0 auto;}
  #egypt.main .contents .tourlist_img {margin-top:0;background-position:center top;}
}