@charset "utf-8";

    :root{
      --ink:#1a2a31;
      --navy:#072a3b;
      --navy-deep:#041b28;
      --blue:#14516c;
      --sand:#e8d3af;
      --sand-pale:#f7f1e8;
      --gold:#c7974e;
      --gold-pale:#efd59c;
      --white:#fff;
      --muted:#627078;
      --line:rgba(26,42,49,.14);
      --serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;
      --sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif;
    }

    /* 一旦削除 */ /*{box-sizing:border-box;} */
    html{scroll-behavior:smooth;}
    body{margin:0;
		/* color:var(--ink); */
		/* font-family:var(--sans);
		font-size:15px; */
		line-height:1.9;}
    a{color:inherit;text-decoration:none;}
    img{display:block;max-width:100%;}
    .lp{overflow:hidden;}
    .inner{width:min(1160px,calc(100% - 48px));margin:0 auto;}
    .section{padding:112px 0;}

    .eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 17px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.16em;}
    .eyebrow::before{width:34px;height:1px;background:currentColor;content:"";}
    .section-title{margin:0;font-family:var(--serif);font-size:clamp(31px,4.2vw,52px);font-weight:600;line-height:1.48;letter-spacing:.045em;}
    .txt01{font-size: 1.4em; padding-top: 20px;}
    .section-subtitle{margin:10px 0 0;font-family:var(--serif);font-size:clamp(21px,2.4vw,30px);font-weight:600;line-height:1.6;letter-spacing:.04em;}
    .section-lead{
		max-width:720px;
		margin:24px 0 0;
		/* color:var(--muted); */
		font-size:15px;
		line-height:2;
	}
    .small-note{margin:19px 0 0;color:#7a8588;font-size:11px;line-height:1.85;}
    .mark{
		color:#7b5a15;
		/* padding:2px 7px;
		border-radius:3px;
		background:#fff1c8;
		font-size:.9em;
		font-weight:700; */
	}

    .btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:15px 25px;border:1px solid transparent;font-size:14px;font-weight:700;letter-spacing:.02em;transition:.25s ease;}
    .btn::after{content:"→";font-size:18px;line-height:1;transition:.25s ease;}
    .btn:hover{transform:translateY(-2px);}
    .btn:hover::after{transform:translateX(4px);}
    .btn--gold{background:var(--gold-pale);color:var(--navy);}
    .btn--gold:hover{background:#f5dfae;}
    .btn--white{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);color:#fff;}
    .btn--white:hover{background:#fff;color:var(--navy);}
    .btn--navy{background:var(--navy);color:#fff;}
    .btn--navy:hover{background:#0e4359;}
    .btn--line{border-color:var(--line);background:#fff;color:var(--navy);}
    .btn--line:hover{background:#f7efe2;}

    .--wide{
      width: 100%;
    }

    .txt-line{
    font-size: 1.2rem;
    display: inline;
    background-position: left -100% center;
    padding-bottom: 0.6em;
    font-weight: bold;
    background-size: 200% 0.6em;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 102) 50%);
    transition: background-position 2s 0.1s;
    }
    .txt-b{
    font-size: 1.2rem;
    font-weight: bold;
    }
    .txt-bold{
    font-weight: bold;
    }
    .txt-l{
    font-size: 1.2rem;
    }
    .txt-s{
    font-size: 1.0rem;
    }
    /* header */
    .header{position:absolute;z-index:10;top:0;left:0;width:100%;color:#fff;}
    .header__inner{display:flex;align-items:center;justify-content:space-between;width:min(1260px,calc(100% - 48px));min-height:82px;margin:0 auto;}
    .logo{display:flex;flex-direction:column;gap:4px;line-height:1;}
    .logo__main{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.13em;}
    .logo__sub{font-size:9px;font-weight:700;letter-spacing:.18em;opacity:.82;}
    .header__note{font-size:11px;font-weight:700;letter-spacing:.1em;}

    /* hero */
    .hero{position:relative;min-height:860px;color:#fff;background:var(--navy-deep);}
    .hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;}
    .hero::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,29,.88) 0%,rgba(3,19,29,.58) 43%,rgba(3,19,29,.09) 77%),linear-gradient(0deg,rgba(3,19,29,.64) 0%,transparent 58%);content:"";}
    .hero__inner{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:860px;padding:172px 0 88px;}
    .hero__content{max-width:790px;}
    .hero__tag{display:inline-flex;margin:0 0 27px;padding:6px 13px;border:1px solid rgba(255,255,255,.64);font-size:11px;font-weight:700;letter-spacing:.12em;}
    .hero h1{margin:0;font-family:var(--serif);font-size:clamp(44px,5.8vw,60px);font-weight:600;line-height:1.33;letter-spacing:.06em;text-shadow:0 4px 22px rgba(0,0,0,.24);}
    .hero h1 span{color:#f4d89e;}
    .hero__lead{max-width:655px;margin:30px 0 0;font-size:15px;line-height:2.05;text-shadow:0 2px 11px rgba(0,0,0,.28);}
    .hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;}
    .hero__credit{margin:22px 0 0;color:rgba(255,255,255,.68);font-size:10px;}
    /* .hero__scroll{position:absolute;right:0;bottom:45px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.8);font-size:10px;font-weight:700;letter-spacing:.15em;writing-mode:vertical-rl;}
    .hero__scroll::after{width:1px;height:68px;background:rgba(255,255,255,.65);content:"";} */

    /* Ramses section */
    .ramses{
		position:relative;
		/* color:#fff; */
		/* background:var(--navy-deep); */
	}
    .ramses__photo{
		position:absolute;
		top:0;right:0;
		width:42%;
		height:100%;
		object-fit:cover;object-position:center;opacity:.88;}
    .ramses::after{
		position:absolute;
		inset:0;
		/* background:linear-gradient(90deg,var(--navy-deep) 0%,rgba(4,27,40,.94) 46%,rgba(4,27,40,.39) 80%,rgba(4,27,40,.18) 100%); */
		content:"";}
    .ramses__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center;min-height:615px;}
    /* .ramses .section-title,.ramses .section-subtitle{color:#fff;} */
    /* .ramses .section-lead{color:rgba(255,255,255,.8);} */
    .ramses__quote{margin:35px 0 0;padding:24px 0 24px 25px;border-left:1px solid var(--gold);
		/* color:#f3d69b; */
		font-family:var(--serif);font-size:21px;line-height:1.85;letter-spacing:.04em;}
    .ramses__note{margin:24px 0 0;color:rgba(255,255,255,.64);font-size:11px;line-height:1.85;}
    .ramses__badge{align-self:end;justify-self:end;width:220px;padding:21px;border:1px solid rgba(242,214,155,.63);background:rgba(3,21,31,.5);}
    .ramses__badge p{margin:0;}
    .ramses__badge small{display:block;color:#f3d69b;font-size:10px;font-weight:700;letter-spacing:.12em;}
    .ramses__badge strong{display:block;margin-top:9px;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.55;}

    /* Egypt highlight */
    .wonders{background:var(--sand-pale);}
    .wonders__head{text-align:center;}
    .wonders__head .eyebrow{justify-content:center;}
    .wonders__head .section-lead{margin-right:auto;margin-left:auto;}
    .wonders__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;}
    .wonder{position:relative;min-height:520px;overflow:hidden;color:#fff;background:#304852;}
    .wonder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
    .wonder:hover img{transform:scale(1.045);}
    .wonder::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,22,32,.84) 0%,rgba(3,22,32,.05) 68%);content:"";}
    .wonder__text{position:absolute;z-index:1;right:27px;bottom:27px;left:27px;}
    .wonder__number{margin:0;color:#f3d69b;font-family:Georgia,serif;font-size:19px;letter-spacing:.08em;}
    .wonder h3{margin:8px 0 10px;font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.55;letter-spacing:.04em;}
    .wonder p{margin:0;font-size:13px;line-height:1.9;}
    .wonders__note{margin:23px auto 0;max-width:900px;color:#7a8588;font-size:11px;text-align:center;}

    /* course section */
    .courses{background:#fff;}
    .courses__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;}
    .courses__head .section-lead{max-width:435px;margin:0;}
    .course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px;margin-top:52px;}
    .course{overflow:hidden;background:#fff;box-shadow:0 20px 42px rgba(7,42,59,.12);}
    .course__visual{position:relative;height:370px;overflow:hidden;background:#264b5b;color:#fff;}
    .course__visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease;}
    .course:hover .course__visual img{transform:scale(1.045);}
    .course__visual::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,25,36,.8),rgba(3,25,36,.05) 66%);content:"";}
    .course__label{position:absolute;z-index:1;top:22px;left:23px;margin:0;padding:5px 10px;border:1px solid rgba(255,255,255,.68);font-size:10px;font-weight:700;letter-spacing:.12em;}
    .course__top{position:absolute;z-index:1;right:29px;bottom:26px;left:29px;}
    .course__date{margin:0;color:#f2d49a;font-size:12px;font-weight:700;letter-spacing:.08em;}
    .course__title{margin:8px 0 0;font-family:var(--serif);font-size:clamp(27px,3vw,36px);font-weight:600;line-height:1.48;letter-spacing:.03em;}
    .course__body{padding:31px 33px 34px;}
    .course__body > p{margin:0;color:#526066;font-size:1.0rem;line-height:1.95;}
    .course__list{display:grid;gap:9px;margin:5px 0 28px;padding:0;list-style:none;}
    .course__list li{position:relative;padding-left:18px;color:#4d5a60;font-size:15px;line-height: 1.8;}
    .course__list li::before{position:absolute;top:.88em;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold);content:"";transform:translateY(-50%);}
    .course__price{margin:0 0 18px!important;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#5d6a70!important;font-size:12px!important;}
    .course__price strong{display:block;margin-top:2px;color:var(--navy);font-size:20px;}
    .course__actions{display:flex;flex-wrap:wrap;gap:10px;}
    .course__actions .btn{min-height:50px;padding:12px 18px;font-size:1.0rem;}
    .course__actions02{
      width: 100%;
      display: flex;
      gap: 10px;
      justify-content: center;
      margin-top: 23px;
    }
    .course__actions02 .btn{width: 40%;min-height:50px;padding:12px 18px;font-size:1.0rem;background: #fff3e0;font-weight: normal;}
	
	@media(max-width:650px){
    .course__body > p{margin:0;color:#526066;font-size:15px;line-height:1.95;}
    .course__list li{position:relative;padding-left:18px;color:#4d5a60;font-size:15px;}
	}
	
	
    /* compare */
    .compare{background: url(https://stworld.jp/feature/EG/ramsesday/images/img-bg01.jpg) center center no-repeat;
    background-size: cover;}
    .compare__table-wrap{margin-top:44px;overflow:auto;border-top:2px solid var(--navy);background:#fff;box-shadow:0 16px 34px rgba(7,42,59,.08);}
    .compare table{width:100%;min-width:790px;border-collapse:collapse;}
    .compare th,.compare td{padding:20px 22px;border-bottom:1px solid var(--line);text-align:left;font-size:15px;vertical-align:middle;}
    .compare thead th{background:var(--navy);color:#fff;font-size:14px;}
    .compare tbody td:first-child{width:19%;background:#fbfaf7;color:#68747a;font-weight:700;}
    .compare td strong{color:var(--navy);}
    
    @media(max-width:650px){
    .compare th,.compare td{padding:20px 22px;border-bottom:1px solid var(--line);text-align:left;font-size:15px;vertical-align:middle;}
	}

    /* consultation */
    .consult{position:relative;}
    .consult__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;}
    .consult::after{position:absolute;inset:0;
      background:linear-gradient(90deg, rgb(253 255 236 / 96%), rgb(255 231 197 / 72%));
      content:"";}
    .consult__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr .87fr;gap:65px;align-items:center;}
    .consult .section-title{}
    .consult .section-lead{}
    .consult__box{padding:37px;border:1px solid rgba(255,255,255,.35);background:rgb(38 37 37 / 83%);}
    .consult__box h3{margin:0;color:#f3f2f0;font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.6;}
    .consult__box p{margin:16px 0 25px;font-size:13px;line-height:1.95;color: #f3f2f0;}

    /* faq */
    .faq{background:#fff;}
    .faq-list{display:grid;gap:10px;max-width:900px;margin:43px auto 0;}
    .faq-item{border:1px solid var(--line);background:#fff;}
    .faq-item summary{position:relative;padding:22px 65px 22px 25px;cursor:pointer;list-style:none;font-size:15px;font-weight:700;}
    .faq-item summary::-webkit-details-marker{display:none;}
    .faq-item summary::after{position:absolute;top:50%;right:25px;color:var(--gold);content:"+";font-size:27px;font-weight:400;transform:translateY(-50%);}
    .faq-item[open] summary::after{content:"−";}
    .faq-item__answer{padding:0 25px 25px;color:var(--muted);font-size:15px;line-height:1.95;}
	
	@media(max-width:650px){
    .faq-item__answer{padding:0 25px 25px;color:var(--muted);font-size:15px;line-height:1.95;}
	}
	
	/* ボタン*/

	.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:58px;
  padding:15px 27px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:700;
  transition:.25s ease;
}

.button::after{
  content:"→";
  font-size:18px;
  line-height:1;
  transition:.25s ease;
}

.button:hover{
  transform:translateY(-2px);
}

.button:hover::after{
  transform:translateX(5px);
}

.button--gold{
  color:#172934;
  background:var(--gold-pale);
}

.button--gold:hover{
  background:#f6dfa9;
}

.button--white{
  border-color:rgba(255,255,255,.7);
  color:#fff;
  background:rgba(255,255,255,.04);
}

.button--white:hover{
  color:var(--navy);
  background:#fff;
}

.button--navy{
  color:#fff;
  background:var(--navy);
}

.button--navy:hover{
  background:#16475e;
}

.button--line{
  border-color:var(--line);
  color:var(--navy);
  background:#fff;
}

.button--line:hover{
  background:#f5eee3;
}

    /* final */
    /* .final{position:relative;min-height:600px;color:#fff;background:var(--navy-deep);}
    .final__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;opacity:.72;}
    .final::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,32,.9),rgba(3,21,32,.57)),linear-gradient(0deg,rgba(3,21,32,.72),transparent 62%);content:"";}
    .final__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:600px;text-align:center;}
    .final .eyebrow{justify-content:center;color:#f3d69b;}
    .final .section-title{color:#fff;}
    .final .section-lead{margin-right:auto;margin-left:auto;color:rgba(255,255,255,.83);}
    .final__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:35px;}
    .final__note{max-width:790px;margin:23px auto 0;color:rgba(255,255,255,.62);font-size:10px;line-height:1.85;} */

	/* ---------- クロージング ---------- */

.closing{
  position:relative;
  min-height:580px;
  color:#fff;
  background:var(--navy-deep);
}

.closing__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.62;
}

.closing::before{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(3,22,34,.9), rgba(3,22,34,.58)),
    linear-gradient(0deg, rgba(3,22,34,.7), transparent 60%);
  content:"";
}

.closing__inner{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:580px;
  text-align:center;
}

.closing .section-title{
  color:#fff;
}

.closing .section-lead{
  margin-right:auto;
  margin-left:auto;
  color:rgba(255,255,255,.82);
}

.closing__buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:36px;
}

#return_top {
    text-align: center;
    margin: 10px;
}
#return_top a {
    background: url(https://image.stworld.jp/images/common/tri01.gif) no-repeat scroll left 5px rgba(0, 0, 0, 0);
    line-height: 1em;
    padding-left: 10px;
}
.bt_pagetop a {
    background: #cc6839;
    border-radius: 10px;
    color: #fff;
    display: block;
    height: 60px;
    text-align: center;
    text-decoration: none;
    width: 60px;
}
    .mobile-cta{display:none;}

/* 下部固定リンク */

.osusume__link{
	overflow:hidden;
	padding:60px 100px 100px;
}

.osusume__link--l{
	width:430px;
	float:left;
}

.osusume__link--r{
	width:430px;
	float:right;
}

.osusume__link--l a,
.osusume__link--r a{
	display:block;
	color:#ffffff;
	text-align:center;
	background:#cc6839;
	border-bottom:3px solid #6d371e;
	border-radius:100px;
	font-size:18px;
	font-weight:bold;
	padding:20px 0 17px ;
	position:relative;
	margin:0 0 0 auto;
}

.osusume__link--r a{
	background:#f39800;
	border-bottom:3px solid #704600;
}

.osusume__link--l a:hover{
	background:#6d371e;
	color:#ffffff;
}

.osusume__link--r a:hover{
	background:#704600;
	color:#ffffff;
}

.footer__infomation{
	background:rgba(255, 255, 255, 0.8);
	padding:30px 0;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index: 9999;
	display:none;
}

.footer__infomation--inner{
	width:1100px;
	margin:0 auto;
}

.footer__infomation--inner .osusume__link {
    padding: 0 100px;
}


    @media(max-width:920px){
      .section{padding:82px 0;}
      .hero,.hero__inner{min-height:750px;}
      .hero__inner{padding:150px 0 66px;}
      .ramses__photo{width:100%;opacity:.34;display: none;}
      .ramses__inner,.consult__inner{grid-template-columns:1fr;gap:42px;}
      .ramses__badge{justify-self:start;}
      .wonders__grid{grid-template-columns:1fr;}
      .wonder{min-height:370px;}
      .courses__head{display:block;}
      .courses__head .section-lead{margin-top:20px;}
      .consult__box{max-width:620px;}
    }

    @media(max-width:650px){
      body{padding-bottom:72px;}
      .inner,.header__inner{width:min(100% - 32px,1160px);}
      .header__inner{min-height:69px;}
      .header__note{display:none;}
      .hero,.hero__inner{min-height:675px;}
      .hero__inner{padding:116px 0 50px;}
      .hero h1{font-size:40px;}
      .hero__lead{font-size:13px;}
      .hero__buttons,.final__actions{display:grid;grid-template-columns:1fr;}
      .hero__buttons .btn,.final__actions .btn{width:100%;}
      /* .hero__scroll{display:none;} */
      .ramses__quote{font-size:18px;}
      .course-grid{grid-template-columns:1fr;}
      .course__visual{height:300px;}
      .course__body{padding:26px 22px;}
      .compare__table-wrap{margin-right:-16px;margin-left:-16px;}
      .consult__box{padding:28px 22px;}
      .mobile-cta{position:fixed;z-index:20;right:0;bottom:0;left:0;display:block;padding:10px 14px;background:rgba(255,255,255,.95);box-shadow:0 -7px 20px rgba(7,29,40,.12);backdrop-filter:blur(10px);}
      .mobile-cta .btn{width:100%;min-height:48px;padding:10px 18px;}

	    .hero__buttons,
  .closing__buttons{
    display:flex;
width: 100%;  }

  .hero__buttons .button,
  .closing__buttons .button{
    width:100%;
  }
    .mobile-cta .button{
    width:100%;
    min-height:48px;
    padding:10px 18px;
  }
  
  	/* 下部固定リンク */
		.osusume__link{
		padding:30px 0 40px;
	}

	.osusume__link--l{
		width:auto;
		float:none;
		padding:0 0 10px;
	}

	.osusume__link--r{
		width:auto;
		float:none;
	}

	.osusume__link--l a,
	.osusume__link--r a{
		font-size:14px;
		padding:10px 0 8px ;
	}

	.footer__infomation{
		padding:10px 0;
		width:100%;
	}
	
	.footer__infomation--inner{
		width:auto;
	}
	
	.footer__infomation--inner .osusume__link {
		padding: 0 10px;
	}
	
	.footer__infomation--inner .osusume__link--l a,
	.footer__infomation--inner .osusume__link--r a{
		font-size:11px;
	}
    }

/* =========================
  エジプト観光スポット
========================= */
.sp-only{
  display: none;
}

.egypt-spots{
  padding:100px 0;
  overflow:hidden;
  background:#f7f2ea;
}

.egypt-spots__inner{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
}

.egypt-spots__heading{
  margin-bottom:42px;
  text-align:center;
}

.egypt-spots__eyebrow{
  margin:0 0 12px;
  color:#b47d2f;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
}

.egypt-spots__heading h2{
  margin:0;
  color:#14384d;
  font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(28px, 3.4vw, 42px);
  font-weight:600;
  line-height:1.5;
  letter-spacing:.05em;
}

.egypt-spots__lead{
  margin:20px auto 0;
  color:#4f5e65;
  font-size:15px;
  line-height:1.9;
}

/* 横スクロール */
.egypt-spots__scroll{
  display:flex;
  gap:22px;
  overflow-x:auto;
  padding:0 2px 18px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

.egypt-spots__scroll::-webkit-scrollbar{
  height:7px;
}

.egypt-spots__scroll::-webkit-scrollbar-track{
  background:rgba(41,66,76,.08);
}

.egypt-spots__scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#b89a71;
}

/* カード */
.egypt-spot-card{
  flex:0 0 285px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 28px rgba(31,45,51,.10);
  scroll-snap-align:start;
}

.egypt-spot-card__image{
  position:relative;
  height:205px;
  overflow:hidden;
  background:#d7c5a7;
}

.egypt-spot-card__image::after{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(0deg, rgba(7,29,40,.38), transparent 52%);
  content:"";
  pointer-events:none;
}

/* 写真だけに適用 */
.egypt-spot-card__photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 世界遺産バッジだけに適用 */
.egypt-spot-card__heritage{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  display:block;
  width:68px;
  height:68px;
  max-width:none;
  object-fit:contain;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));
}

/* 地名 */
.egypt-spot-card__place{
  position:absolute;
  z-index:2;
  right:14px;
  bottom:12px;
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-shadow:0 1px 5px rgba(0,0,0,.35);
}

.egypt-spot-card__body{
  min-height:200px;
  padding:22px 21px 25px;
}

.egypt-spot-card__number{
  margin:0 0 5px;
  color:#c09049;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1;
}

.egypt-spot-card h3{
  margin:0;
  color:#163a50;
  font-size:18px;
  font-weight:700;
  line-height:1.5;
}

.egypt-spot-card__body > p:last-child{
  margin:11px 0 0;
  color:#536169;
  font-size:13px;
  line-height:1.85;
}


@media screen and (max-width:767px){

  .egypt-spots{
    padding:70px 0;
  }

  .egypt-spots__inner{
    width:min(100% - 32px, 1180px);
  }

  .egypt-spots__lead br{
    display:none;
  }

  .egypt-spots__scroll{
    gap:16px;
    margin-right:-16px;
    padding-right:16px;
  }

  .egypt-spot-card{
    flex-basis:78vw;
  }

  .egypt-spot-card__image{
    height:195px;
  }

  .egypt-spot-card__heritage{
    top:12px;
    left:12px;
    width:58px;
    height:58px;
  }
  .egypt-spot-card__body > p:last-child{
  margin:11px 0 0;
  color:#536169;
  font-size:15px;
  line-height:1.85;
}
}

/*------------------------------------------------------------
  mv
------------------------------------------------------------*/
#main .mv {
	width: 100%;
	height: 680px;
	background: url("https://stworld.jp/feature/EG/ramsesday/images/mv-bg.jpg") center center no-repeat;
	background-size: cover;	
	margin: 0 auto 0;
	display: table;
}
#main .mv .mv-inner {
	vertical-align: middle;
	display: table-cell;
	position: relative;
}
#main .mv .mv-ttl {
	width: 648px;
	height: 468px;
	background: url("https://stworld.jp/feature/EG/ramsesday/images/mv-txt.png") center center no-repeat;
	background-size: 100% auto;
	margin: auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#main .mv .mv-txt {
	position: absolute;
	line-height: 1.8em;
	letter-spacing: -0.08em;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 18%;
  font-size: 1.0rem;
  color: #231815;
}

@media screen and (max-width: 640px) {
	#main .mv {
	width: 100%;
	height: auto;
	background: none;
	background-size: cover;	
	margin: 0 auto 0;
	display: inherit;
}
#main .mv .mv-inner {
	vertical-align: middle;
	display: inherit;
	position: inherit;
}
#main .mv .mv-ttl {
	width: 100%;
	height: 0;
	background: url("https://stworld.jp/feature/EG/ramsesday/images/sp-mv.jpg") center center no-repeat;
	background-size: 100% auto;
	margin: auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	padding-top: 93.75%;
	
}
#main .mv .mv-txt {
	position: inherit;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0;
	text-align: justify;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 15px 0;
	padding: 0 15px;
	box-sizing: border-box;
}
#main .pc-only { display:none!important; }
}

/* トップに戻る */
.bt_pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}

.bt_pagetop a {
	background: rgba(0,0,0,0.6);
	border-radius: 10px;
	color: #fff;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}

.bt_pagetop a img{
	width:100%;
}

/*----------------------sp-----------------------*/

@media screen and (max-width: 640px) {
	/* トップに戻る */
	.bt_pagetop {
		bottom: 124px;
		right: 20px;
	}

	.bt_pagetop a {
		height: 40px;
		width: 40px;
	}
}

@media screen and (max-width: 640px) {
	#main {
		font-size: 15px;
	}
}

/* ==========================
   ラムセスデイ｜ページ内アンカー
========================== */

.ramses-anchor-nav{
  width: 100%;
  padding: 28px 20px;
  background:
    linear-gradient(
      90deg,
      rgba(245, 235, 214, 0.96),
      rgba(255, 255, 255, 0.98) 50%,
      rgba(245, 235, 214, 0.96)
    );
  border-top: 1px solid #c89b3c;
  border-bottom: 1px solid #c89b3c;
  box-sizing: border-box;
}

.ramses-anchor-nav *,
.ramses-anchor-nav *::before,
.ramses-anchor-nav *::after{
  box-sizing: border-box;
}

.ramses-anchor-nav__inner{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 1200px;
  margin: 0 auto;
  border-left: 1px solid rgba(151, 100, 25, 0.28);
}

.ramses-anchor-nav__item{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 118px;
  padding: 16px 12px 14px;
  overflow: hidden;
  color: #2c1b16;
  text-align: center;
  text-decoration: none;
  border-right: 1px solid rgba(151, 100, 25, 0.28);
  transition: color 0.3s ease, background 0.3s ease;
}

.ramses-anchor-nav__item::before{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #c99828;
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s ease;
}

.ramses-anchor-nav__item::after{
  position: absolute;
  top: 0;
  right: -45px;
  width: 90px;
  height: 100%;
  background: rgba(205, 158, 54, 0.12);
  content: "";
  transform: skewX(-22deg) translateX(120px);
  transition: transform 0.35s ease;
}

.ramses-anchor-nav__num{
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 5px;
  color: #b37a10;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.16em;
}

.ramses-anchor-nav__text{
  position: relative;
  z-index: 1;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  word-break: break-word;
}

.ramses-anchor-nav__arrow{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  margin-top: 10px;
  overflow: hidden;
  color: transparent;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(174, 126, 31, 0.35);
  border-radius: 50%;
  transition: transform 0.25s ease, background 0.25s ease;
}

.ramses-anchor-nav__arrow::before{
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-right: 2px solid #b37a10;
  border-bottom: 2px solid #b37a10;
  content: "";
  transform: rotate(45deg);
}

.ramses-anchor-nav__item:hover,
.ramses-anchor-nav__item:focus{
  color: #2c1b16;
  background: rgba(255, 255, 255, 0.72);
}

.ramses-anchor-nav__item:hover::before,
.ramses-anchor-nav__item:focus::before{
  transform: scaleX(1);
}

.ramses-anchor-nav__item:hover::after,
.ramses-anchor-nav__item:focus::after{
  transform: skewX(-22deg) translateX(-30px);
}

.ramses-anchor-nav__item:hover .ramses-anchor-nav__arrow,
.ramses-anchor-nav__item:focus .ramses-anchor-nav__arrow{
  background: #c99828;
  transform: translateY(4px);
}

.ramses-anchor-nav__item:hover .ramses-anchor-nav__arrow::before,
.ramses-anchor-nav__item:focus .ramses-anchor-nav__arrow::before{
  border-color: #fff;
}

.ramses-anchor-nav__item:focus{
  outline: 2px solid #a86e08;
  outline-offset: -3px;
}


/* ==========================
   スマホ
========================== */

@media screen and (max-width: 768px){

  .ramses-anchor-nav{
    padding: 14px 10px;
    overflow: hidden;
  }

  .ramses-anchor-nav__inner{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: 100%;
    border-top: 1px solid rgba(151, 100, 25, 0.28);
  }

  .ramses-anchor-nav__item{
    min-height: 110px;
    padding: 12px 8px 12px;
    border-bottom: 1px solid rgba(151, 100, 25, 0.28);
  }

  .ramses-anchor-nav__item:last-child{
    grid-column: 1 / -1;
  }

  .ramses-anchor-nav__num{
    margin-bottom: 3px;
    font-size: 10px;
  }

  .ramses-anchor-nav__text{
    font-size: 12px;
    line-height: 1.45;
  }

  .ramses-anchor-nav__arrow{
    width: 27px;
    height: 27px;
    margin-top: 8px;
  }

  .ramses-anchor-nav__arrow::before{
    width: 7px;
    height: 7px;
  }
}