/* CSS Document */



/* mv
---------------------------------------------------------------------- */

@media (min-width:1001px) {
	#mv { background: url(../images/mv.jpg) center center no-repeat;
		background-size: cover; }
	#mv h2 { text-indent: -10000px; overflow: hidden; 
		background: url(../images/ttl.png) center center no-repeat; 
		margin-left: -320px; }
}
@media (max-width:1000px) {
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 50vw;
		background-size: 16vw auto; }
	#mv h2 { text-indent: -100000px; 
	background: url(../images/ttl.png) center bottom -9vw no-repeat;
	background-size: 30vw;}
}

/* common
---------------------------------------------------------------------- */

  .bg_pattern { position: absolute; z-index: -1;}



/* slick
---------------------------------------------------------------------- */
.sightseeing_gallery .slick-dots{ position: absolute; right:0; width:100%; list-style-type:none; margin:0; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;  }
.sightseeing_gallery .slick-dots li button{ border: 0; outline: none; background: transparent; color:transparent; font-size:0; line-height:0; padding:0; cursor: pointer; }
.sightseeing_gallery .slick-dots li button::before{ content:""; display:inline-block; border-radius:50%; background-color:#d2d2cc; opacity:1; vertical-align:middle; }
@media (min-width:1001px) {
.sightseeing_gallery .slick-dots{ bottom: 80px; padding:0 40px; }
.sightseeing_gallery .slick-dots li{ width:10px; height:15px; margin:0 10px; }
.sightseeing_gallery .slick-dots li.slick-active{ width:15px; height:15px;  }
.sightseeing_gallery .slick-dots li button::before{ width:10px; height:10px; }
.sightseeing_gallery .slick-dots li.slick-active button::before{ width:15px; height:15px;  }
}
@media (max-width:1000px) {
.sightseeing_gallery .slick-dots{ bottom: 19vw; padding:0 2vw; }
.sightseeing_gallery .slick-dots li{ width:5px; height:10px; margin:0 5px; }
.sightseeing_gallery .slick-dots li.slick-active{ width:10px; height:10px;  }
.sightseeing_gallery .slick-dots li button{ height:10px; }
.sightseeing_gallery .slick-dots li button::before{ width:5px; height:5px; }
.sightseeing_gallery .slick-dots li.slick-active button::before{ width:10px; height:10px;  }
}




/* map
---------------------------------------------------------------------- */
#map{}
@media (min-width:1001px) {
#map { padding: 80px 0 140px 0; }
}
@media (max-width:1000px) {
#map { padding:21vw 0 37vw 0; }
}


#map .map-txt{ margin-bottom:2em; text-align:center; }
@media (min-width:1001px) {
#map .map-txt{ font-size:14px; }
}
@media (max-width:1000px) {
#map .map-txt{ font-size:3.7vw; }
}


#map .map-frame{ position:relative; width:100%; }
#map .map-frame iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
@media (min-width:1001px) {
#map .map-frame{ padding-top:57%; }
}
@media (max-width:1000px) {
#map .map-frame{ padding-top:100%; }
}




/* sightseeing
---------------------------------------------------------------------- */
#sightseeing{ position:relative; }
#sightseeing::after { content:""; position:absolute; z-index:1; left:0; display:block; width:calc(100% - 30%); margin-right:30%; background:url(../../images/bg2.png) center center repeat; }
@media (min-width:1001px) {
#sightseeing { padding: 140px 0 240px 0; }
#sightseeing .bg_pattern { top: 30px; right: -103px; }
#sightseeing::after { top:330px; height:calc(100% - (330px + 180px));  }
}
@media (max-width:1000px) {
#sightseeing { padding:21vw 0 37vw 0; margin-bottom: 12vw;}
#sightseeing .bg_pattern { top: 6vw; right: -33vw; width: 68vw; }
#sightseeing::after { top:66vw; height:calc(100% - 66vw);  }
}

#sightseeing .sightseeing{ position:relative; z-index:2; }
#sightseeing .sightseeing-item--txt{ margin-bottom:2em; }
#sightseeing .sightseeing-item--by{ margin-bottom:1.5em; }
#sightseeing .sightseeing-item--by span{ padding:0.5em 1em; border:1px solid #4d7954; background-color:#ffffff; text-align:center; font-size:14px; color:#4d7954; }
#sightseeing .sightseeing-item--btn{ display:flex; flex-direction:row; justify-content:center; }
#sightseeing .sightseeing-item--btn a{ width:156px; padding-right:15px; line-height:50px; }
#sightseeing .sightseeing-item--btn a + a{ margin-left:16px; }
@media (min-width:1001px) {
#sightseeing .sightseeing-item{ margin-bottom:120px; }
#sightseeing .sightseeing-item--btn a{ background-position:right 11px center; }
}
@media (max-width:1000px) {
#sightseeing .sightseeing-item{ margin-bottom:21vw; }
#sightseeing .sightseeing-item--btn a{ background-position:right 2.0vw center; }
#sightseeing .sightseeing-item--btn a{ width:45%; }
#sightseeing .sightseeing-item--by span{ padding:0.5em 1em; border:1px solid #4d7954; background-color:#ffffff; text-align:center; font-size:3.3vw; color:#4d7954; }
}


#sightseeing .sightseeing-main{ text-align:center; }
#sightseeing .sightseeing-main .sightseeing-item--ttl{ margin-bottom:1.5em; color:#4d7954; }
#sightseeing .sightseeing-main .sightseeing-item--txt{ text-align:center; }
#sightseeing .sightseeing-main .sightseeing-item--by{ text-align:center; }
@media (min-width:1001px) {
#sightseeing .sightseeing-main .sightseeing-item--fig{ margin-bottom:50px; }
#sightseeing .sightseeing-main .sightseeing-item--ttl{ font-size:24px; }
}
@media (max-width:1000px) {
#sightseeing .sightseeing-main .sightseeing-item--fig{ margin-bottom:13vw; }
#sightseeing .sightseeing-main .sightseeing-item--ttl{ font-size:6.4vw; }
}



#sightseeing .sightseeing-sub{ display:flex; }
#sightseeing .sightseeing-item--ttl{ line-height:1.2; }
#sightseeing .sightseeing-item--ttl span{ margin-top:0.5em; }
#sightseeing .sightseeing-item--ttl small{ display:block;  }
@media (min-width:1001px) {
#sightseeing .sightseeing-sub{ flex-wrap:wrap; flex-direction:row; justify-content:space-between; }
#sightseeing .sightseeing-sub .sightseeing-item{ width:calc((100% - (60px * 2)) / 3); }
#sightseeing .sightseeing-item--ttl{ font-size:22px; }
#sightseeing .sightseeing-item--ttl span{ font-size:14px; }
#sightseeing .sightseeing-item--ttl small{ font-size:18px; }
#sightseeing .sightseeing-sub .sightseeing-item--fig{ margin-bottom:25px; }
}
@media (max-width:1000px) {
#sightseeing .sightseeing-sub{ flex-direction:column; }
#sightseeing .sightseeing-sub .sightseeing-item--fig{ margin-bottom:6.6vw; }
#sightseeing .sightseeing-item--ttl{ font-size:5.8vw; }
#sightseeing .sightseeing-item--ttl small{ font-size:4.8vw; }
#sightseeing .sightseeing-item--ttl span{ font-size:3.7vw; }
}



/* links
---------------------------------------------------------------------- */
@media (min-width:1001px) {
#links { padding: 110px 0 200px; margin-bottom: 150px; }
#links .cflex{ justify-content: space-between; }
#links li { text-align: center; }
#links li span { display: inline-block; margin-top: 10px; }
}

@media (max-width:1001px) {
#links {padding: 12vw 0 24vw; margin-bottom: 16vw;}
#links li { margin-bottom: 4vw; text-align: center; }
#links li img { width: 100%; }
#links li span { display: inline-block; margin-top: 2vw; }
}



/* suggestion
---------------------------------------------------------------------- */
#suggestion { padding: 90px 0; text-align: center; }
#suggestion h3 {
    color: #4d7954;
    font-size: 26px;
    letter-spacing: 3.4px;
    line-height: 1.4;
    margin-bottom: 35px; 
}

@media (max-width: 1000px) {
  #suggestion { 
    padding: 12vw 0 6vw 0; }
  #suggestion h3 {
  		text-align: center;
      margin-bottom: 6vw;
      font-size: 5.6vw;
      letter-spacing: 0.5vw; }
  #suggestion p.lead { 
      text-align: left; 
      line-height: 1.5;} 

}



/* memories
---------------------------------------------------------------------- */
#memories { position:relative; }
#memories::after { content:""; position:absolute; z-index:1; left:0; display:block; width:calc(100% - 15.63%); margin-right:15.63%; background-color:#7A5234; }
@media (min-width:1001px) {
#memories::after { top:-140px; height:calc(100% + 140px); min-width:calc(1200px - 50px); }
}
@media (max-width:1000px) {
#memories::after { top:-20vw; height:calc(100% + 20vw);  }
}

#memories .memories-item { position:relative; z-index:2; display:flex; }
#memories .memories-item--fig { position:relative; }
#memories .memories-item--fig img { border-radius:5px 5px 0 0; }
#memories .memories-item--fig span { position:absolute; z-index:998; color:#ffffff; font-family: 'Kalam', cursive; }
#memories .memories-item--fig span::after{ content:""; position:absolute; z-index:999; top:-25px; right:-25px; width:35px; height:30px; background:url(../images/memories-deco.png) no-repeat center center / cover; }
#memories .memories-item--dtl { color:#ffffff; }
#memories .memories-item--dtl .ttl{ line-height:1.6em; }
#memories .memories-item--dtl p{ line-height:2.0em; }
#memories .memories-item--dtl p + p{ margin-top:1em; }
@media (min-width:1001px) {
#memories .memories-item { flex-direction:row; justify-content:flex-start; padding-bottom:130px; }
#memories .memories-item--fig { width:510px; }
#memories .memories-item--fig span { top:-15px; right:-35px; font-size:34px; }
#memories .memories-item--dtl { width:calc(100% - 510px); padding:0 6.88% 0 90px; }
#memories .memories-item--dtl .ttl{ margin-bottom:30px; font-size:24px; }
#memories .memories-item--dtl p big{ font-size:20px; }
}
@media (max-width:1000px) {
#memories .memories-item { flex-direction:column; padding-bottom:17vw; }
#memories .memories-item--fig span { top:-7vw; left:0; font-size:7vw; }
#memories .memories-item--dtl { padding:10vw 20% 0 0; }
#memories .memories-item--dtl .ttl{ margin-bottom:8vw; font-size:6vw; }
}



/* recommend
---------------------------------------------------------------------- */
#recommend { position: relative; }
#recommend .recommend-item { position:relative; z-index:2; }
#recommend .recommend-item--fig img{ border-radius:5px; }
#recommend .recommend-item--ttl{ color: #7A5234; text-align:center; }
#recommend .recommend-item--ttl span{ display:block;  }
#recommend .recommend-item--txt{ text-align:center; }
#recommend .recommend-item--tbl{ display:flex; flex-wrap:wrap; flex-direction:column;  }

@media (min-width:1001px) {
#recommend { padding: 100px 0 0; }
#recommend .bg_pattern { top: 40px; left: 300px; }
#recommend .recommendwrap { margin-bottom: 75px; }
#recommend .recommend-item + .recommend-item{ margin-top:100px; }
#recommend .recommend-item--fig{ margin-bottom:50px; }
#recommend .recommend-item--ttl{ margin-bottom:25px;  font-size:24px;}
#recommend .recommend-item--ttl span{ margin-bottom:10px; font-size:18px; }
#recommend .recommend-item--txt{ margin-bottom:35px; }
#recommend .recommend-item--tbl{ align-items:center; }
}

@media (max-width:1000px) {
#recommend { padding: 12vw 0; }
#recommend .bg_pattern { top: 6vw; left: -19vw; width: 60vw; }
#recommend .recommendwrap { margin-bottom: 10vw; }
#recommend .recommend-item + .recommend-item{ margin-top:26vw; }
#recommend .recommend-item--fig{ margin-bottom:13vw; }
#recommend .recommend-item--ttl{ margin-bottom:6.6vw;  font-size:6vw; }
#recommend .recommend-item--ttl span{ margin-bottom:2.6vw; font-size:4.8vw; }
#recommend .recommend-item--txt{ margin-bottom:9.3vw; }
}

#recommend .recommend-item.recommend-sight{ display:flex; }

@media (min-width:1001px) {
#recommend .recommend-item.recommend-sight{ flex-direction:row-reverse; justify-content:flex-start; }
#recommend .recommendwrap .img{ width:600px; }
#recommend .recommendwrap .txt{ width:calc(100% - 600px); padding-right:50px; padding-top:10px; }
#recommend .recommendwrap .row .txt{ width:calc(100% - 600px); padding-left:50px; padding-top:10px; }
#recommend .recommend-item.recommend-sight .recommend-sight--txt p{ margin-bottom:50px; }
#recommend .sightseeing_gallery .slick-dots { bottom: 30px; }
#recommend .recommend-sight--txt h4.ch4 { line-height: 1.5; }
#recommend .recommend-item.recommend-sight.row{ display:flex;flex-direction: row; }

}

@media (max-width:1000px) {
#recommend .recommend-item.recommend-sight{ flex-direction:column; }
#recommend .recommend-item.recommend-sight .recommend-sight--fig{ margin-bottom:6vw; }
#recommend .recommend-item.recommend-sight .recommend-sight--txt ttl{ margin-bottom:6.6vw; }
#recommend .recommend-item.recommend-sight .recommend-sight--txt .txt{ margin-bottom:2.6vw; }
#recommend .recommend-sight--txt h4.ch4 { line-height: 1.5; }
#recommend .sightseeing_gallery .slick-dots { bottom: 8vw; }
}



/* ---------------------------------------------------------------------- */


@media (min-width: 1001px) and (max-width:1500px) {

} /* End @media (min-width: 1001px) and  (max-width:1500px) */


/* ---------------------------------------------------------------------- */


@media (min-width: 751px) and (max-width:1300px) {

} /* End @media (min-width: 1001px) and  (max-width:1390px) */


/* ---------------------------------------------------------------------- */