@charset "UTF-8";

.repo-br{
  display: none;
}


p:not(footer p,.bestrate-box p) {
  font-size: 1rem;
  font-family:'Sawarabi Mincho', serif;
  letter-spacing: 0.1rem;
  color: #000;
}

#slider-accese {
  display: grid;
  width: 100vw;
  height: 70vh;
  align-items: center;
  justify-content: center;
  background-image: url(../img/scene-hero.jpg);
  background-size: cover;
  background-position: center;

}

.wrapper-top-slide {
  border-bottom: solid #fff 1px;
}


.slide-logo {
  margin-top: 85px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  font-family: 'Cormorant Garamond', serif;
  letter-spacing: 0.1rem;
  font-size: 2.2rem;
}

.ac-page-lead{
  background-image: url(../img/access-back_02.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: solid #000 15px;
}

.scene-h {
  height: 18rem;
  position: relative;
  background-image: url(../img/scene-back01.png);
  background-repeat: no-repeat;
  background-size: 500px;
  background-position:-130px -160px;
  border-top: 25px solid transparent;
  border-image: url(../img/scene-border.png) 30 stretch;
  border-image-slice: 30;
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
}

.scene-h img {
  position: absolute;
  top: -80px;
  right: 5%;
}
.scene-h-box {
  max-width: 1000px;
  margin: 0 auto;
}

.scene-h h2 {
  font-family: 'Zen Old Mincho', serif;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  color: #000;
  margin-bottom: 2rem;
}

.scene-banner {
  background-color: rgba(255, 255, 255, 0.6);
  margin: 0 auto;
  text-align: center;
  padding: 3rem 0;
}

.banner-box img {
  width: 300px;
}

.banner-box {
  display: flex;
  justify-content: center;
  max-width:1000px;
  text-align: center;
  margin: 0 auto;
}



.banner-box03 {
  justify-content: space-evenly;
  margin: 1rem auto;
}

.banner-box02 img {
  margin: 0 15px;
}

.surrounding-map {
  position: relative;
  margin: 0 auto;
  padding-top: 6rem;
  padding-bottom: 5rem;
  background-image: url(../img/scene-back02-2.png);
  background-repeat: no-repeat;
  background-size: 1300px;
  background-position:740px bottom;
}

.surrounding-map .f-back_04 {
  position: absolute;
  top: -80px;
  left: 5%;
}

.surrounding-map-box {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
}

.surrounding-map h3 {
  font-family:'Sawarabi Mincho', serif;
  margin-bottom: 0.5rem;
  color: #000;
  font-size: 1.3rem;
}

.surrounding-map .scene-map01 {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.scene-sec {
  margin: 0 auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
  border-top: 25px solid transparent;
  border-image: url(../img/scene-border.png) 30 stretch;
  border-image-slice: 30;
  width: 100%;
}

.scene-sec h3,.scene-sec h4 {
  font-family: 'Zen Old Mincho', serif;
  color: #000;
  position: relative;
  z-index: 1;
}

.scene-sec p {
  margin-top: 2rem;
}

.scene-sec-h {
  margin-bottom: 1rem;
}

.scene-sec-glid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns:45% 50% ;
  justify-content: space-between;
}

.scene-sec-main {
  position: relative;
}

.scene-sec-main .map-info {
  width: 100px;
  margin-left: 5rem;
}

.scene-sec-main .distance-info {
  width: 130px;
  position: absolute;
  left: -45px;
  top: 0;
}

.scene-sec-glid .scene-sec-main .main-img {
  width: 400px;
  height: 550px;
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-chureito .scene-sec-glid .scene-sec-main .main-img {
    background-image: url(../img/scene-sec_01.jpg);
}

.sec-treking .scene-sec-glid .scene-sec-main .main-img {
  background-image: url(../img/main-treking.jpg);
}

.sec-retro .scene-sec-glid .scene-sec-main .main-img {
  background-image: url(../img/main-retro.jpg);
}

.sec-climbing .scene-sec-glid .scene-sec-main .main-img {
  background-image: url(../img/main-climbing.jpg);
}

.scene-sec h2 {
  max-width: 1000px;
  margin: 0 auto;
}

.scene-sec h2 img {
  width: 100%;
}

.info-sentence {
  margin: 0 auto;
  margin-top: 2rem;
  color: #000;
}

.map-button {
  width: 15rem;
  letter-spacing: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 1rem 1rem;
  background-color: #c1272d;
  color: #fff;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
  margin: 2.5rem 0 2rem;
}

.map-button:hover {
  background-color: #bd8953;
  color: #fff;
}

.scene-sec-gallery {
  display: flex;
  justify-content: space-between;

}

.scene-sec-gallery02 {
  flex-direction: column;
  align-items: center;
}

.gallery-img01,.gallery-img02 {
  width: 245px;
  height: 165px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sec-chureito .gallery-img01 {
  background-image: url(../img/395x265.png);
}

.sec-chureito .gallery-img02 {
  background-image: url(../img/395x265.png);
}

.sec-treking .gallery-img01 {
  background-image: url(../img/395x265.png);
}

.sec-treking .gallery-img02{
  background-image: url(../img/395x265.png);
}

.sec-retro .gallery-img01 {
  background-image: url(../img/scene-sec_03-1.jpg);
}

.sec-retro .gallery-img02 {
  background-image: url(../img/395x265.png);
}

.sec-climbing .gallery-img01{
  background-image: url(../img/395x265.png);
}

.sec-climbing .gallery-img02{
  background-image: url(../img/395x265.png);
}

/*==================================================
スライダーのためのcss
===================================*/



.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
  width:94%;
   margin:0 auto;
}
/* 
.slider img {
  width:100%;
  height:auto;
  object-fit: cover;
} */

.slider img {
   width:215px;
   height:145px;
   object-fit: cover;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
   margin:0 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
   position: absolute;/*絶対配置にする*/
   top: 42%;
   cursor: pointer;/*マウスカーソルを指マークに*/
   outline: none;/*クリックをしたら出てくる枠線を消す*/
   border-top: 2px solid #666;/*矢印の色*/
   border-right: 2px solid #666;/*矢印の色*/
   height: 15px;
   width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
   left: -1.5%;
   transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
   right: -1.5%;
   transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
   text-align:center;
 margin:20px 0 0 0;
}

.slick-dots li {
   display:inline-block;
 margin:0 5px;
}

.slick-dots button {
   color: transparent;
   outline: none;
   width:8px;/*ドットボタンのサイズ*/
   height:8px;/*ドットボタンのサイズ*/
   display:block;
   border-radius:50%;
   background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
   background:#333;/*ドットボタンの現在地表示の色*/
}


.sec-chureito {
  padding-top: 12rem;
  background-image: url(../img/f-back_06.png);
  background-repeat: no-repeat;
  background-position: 95% 30px;
  background-size: 200px;
}

.sec-photospo {
  background-color: #f7f7f7;
  background-image: url(../img/space-back_03.png),url(../img/scene-back01.png),url(../img/scene-back02-2re.png);
  background-repeat: no-repeat;
  background-position: -160px -120px,1000px 320px,-400px bottom;
  background-size: 700px,700px,1600px;
}

.photospo-sentence {
  max-width: 855px;
  margin: 0 auto;
  margin-top: 5rem;
}

.photospo-sentence h3 {
  text-align: center;
}

.photospo-linenap {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2rem;
}

.p-linenap-box {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  margin-top: 5rem;
}

.p-img {
  position: relative;
}

.p-img .map-info {
  width: 100px;
  margin-left: 3rem;
}

.p-img .distance-info {
  width: 85px;
  position: absolute;
  left: -45px;
  top: -20px;
}

.p-img .main-img {
  max-width: 280px;
  height: 280px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.p-img .main-img01 {
  background-image: url(../img/photosupo01-min.jpg);
}

.p-img .main-img02 {
  background-image: url(../img/course-img02.jpg);
}

.p-img .main-img03 {
  background-image: url(../img/photosupo03-min.jpg);
}

.p-img .main-img04 {
  background-image: url(../img/photosupo04-min.jpg);
}

.p-img .main-img05 {
  background-image: url(../img/photospo05.jpg);
}

.p-img .main-img06 {
  background-image: url(../img/photospo06.jpg);
}

.p-linenap-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p-linenap-info .g-map-button {
  background-color: #bd8953;
  margin-top: auto;
}

.p-linenap-box h4 {

  font-size: 1.17rem;
}

.main-h4 {
  margin-top: 2rem ;
  border-bottom: 1px solid black;
  padding-bottom: 1.5px;
  margin-bottom: 1.5px;
}


.h4-bottom {
  margin-bottom: 2rem;
}

.p-linenap-box p {
  margin: 1rem 0;
  letter-spacing: 0;
}

.g-map-button {
  background-color: #bd8953;
  margin: 0 auto;
}

.sec-treking {
  background-color: #f7f7f7;
}

.sec-treking .scene-sec-main {
  margin-top: 2rem;
}

.sec-treking .info-sentence {
  position: relative;
  margin-top: 2.5rem;
}

.info-sentence .back03 {
  width: 90px;
  position: absolute;
  right: 0;
  top: -2rem;
}

.sec-climbing {
  padding-bottom: 20rem;
  background-color: #f7f7f7;
  background-image: url(../img/space-back_03.png), url(../img/scene-back04.png);
    background-repeat: no-repeat;
    background-position: -160px -120px,-110px bottom;
    background-size: 700px,1900px;
}

.sec-climbing .scene-sec-main .distance-info {
  width: 150px;
}

.sec-climbing .scene-sec-main .map-info {
  margin-left: 6rem;
}

.annotation {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 0.7rem;
}

.sec-button-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fuji-info-button {
  background-color: #bad9f5;
  color: #4d4d4d;
  width: 17.5rem;
  display: block;
  line-height: 14px;
  text-align: center;
  padding: 0.75rem 0.1rem;
  letter-spacing: -0.3px;
}

.fuji-info-button span {
  font-size: 0.7rem;
}

.shrine-sentence {
  margin-bottom: 5rem;
  position: relative;
}

.shrine-sentence img {
  position: absolute;
  width: 150px;
  top: -60px;
  left: -50px;
}

.scene-sec-flex {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  margin-top: 7rem;
}

.scene-sec-flex .scene-sec-info {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 550px;
}

.sec-shrine_en .flex-omuro {
  margin-bottom: 8rem;
}

.scene-sec-flex .scene-sec-main {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.scene-sec-flex .scene-sec-info .info-sentence {
  margin-top: 0;
}

.scene-sec-flex .scene-sec-info .main-h4 {
  margin-top: 0;
}

.sec-shrine .g-map-button,.sec-shrine .map-button {
  margin: 1rem auto 2rem;
}

.sec-shrine .sec-button-box {
  width: 100%;
}

.sec-shrine .sec-button-box .map-button {
  width: 11.5rem;
}

.g-map-button:hover {
  background-color: #c1272d;
}

.scene-sec-flex .scene-sec-main .main-img {
  width: 550px;
  height: 550px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.flex-omuro .scene-sec-main .main-img {
  background-image: url(../img/shrine01-min.jpg);
}

.flex-arakura .scene-sec-main .main-img {
  background-image: url(../img/shrine02.jpg);
}

.flex-kitaguchi .scene-sec-main .main-img {
  background-image: url(../img/shrine03.jpg);
}

.flex-fujiq .scene-sec-main .main-img {
  background-image: url(../img/activitie01.jpg);
}

.flex-lake .scene-sec-main .main-img {
  background-image: url(../img/activitie02.jpg);
}

.flex-narusawa .scene-sec-main .main-img {
  background-image: url(../img/activitie03.jpg);
}

.flex-gotenba .scene-sec-main .main-img {
  background-image: url(../img/activitie04.jpg);
}

.scene-sec-flex p {
  margin-top: 1rem;
}

.scene-sec-flex h4 {
  font-size: 1.17rem;
}

.scene-sec-flex .scene-sec-main .distance-info {
  width: 130px;
  position: absolute;
  left: -45px;
  top: -55px;
}

.scene-sec-main .distance-info02 {
  width: 130px;
  position: absolute;
  right: -45px;
  top: -55px;
}

.scene-sec-flex .scene-sec-main .map-info {
  position: absolute;
  left: 15px;
  top: -30px;
}

.scene-sec-main .map-info02 {
  width: 100px;
  position: absolute;
  top: -30px;
  right: 105px;

}

.scene-sec-flex02 {
  flex-direction: row-reverse;
}

.flex-arakura {
  margin-bottom: 8rem;
}

.sec-shrine_en .flex-arakura {
  margin-bottom: 11rem;
}

.button-area {
  margin-top: 5rem;
  width: 100%;
    height: 250px;
    background-image: url(../img/re-back_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
  justify-content: center;
  align-items: center;
}


.button-area a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  margin: 0 auto;
  padding: 1.2rem 3rem;
  border: 1px solid #fff;
  box-shadow: 0 0 0 5px #c1272d;
  background-color: #c1272d;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.button-area a:hover {
  background-color: #bd8953;
  box-shadow: 0 0 0 5px #bd8953;
}

.scene-sec-main .map-n_o {
  width: 135px;
  margin-left: 20rem;
}

/* モーダルのスタイル */
/* モーダルのスタイル */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0; /* 初期状態で透明に設定 */
  transition: opacity 0.5s ease; /* トランジション効果を追加 */
}

.modal.show {
  opacity: 1; /* 表示時に透明度を1に設定 */
}

.modal-content {
  margin: 85px auto;
  width: 96%;
  max-width: 1000px;
}

.modal-content img {
  max-width: 1000px;
}

.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



/* ↓treking.html↓ */

#slider-accese_02 {
  display: grid;
  width: 100vw;
  height: 70vh;
  align-items: center;
  justify-content: center;
  background-image: url(../img/treking-top.jpg);
  background-size: cover;
  background-position: center;
}

#en_slider-accese_02 {
  display: grid;
  width: 100vw;
  height: 70vh;
  align-items: center;
  justify-content: center;
  background-image: url(../img/en_treking-h.jpg);
  background-size: cover;
  background-position: center;
}



.scene-h02 {
  position: relative;
  height: 48rem;
  align-items: center;
  background-image: url(../img/trekingback_1-min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.scene-h02 h2 {
  font-family: 'Zen Old Mincho', serif;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    color: #000;
    margin-bottom: 2rem;
    z-index: 1;
    position: relative;
}

.scene-h02 .scene-h-box {
  width: 550px;
  margin-left: 10%;
}

.scene-h02 img {
  position: absolute;
  top: 25px;
  right: 140px;
  width: 280px;
}

.surrounding-map02 {
  position: relative;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5rem;
  background-color: #f7f7f7;
}

.surrounding-map02 h3 {
  font-family:'Sawarabi Mincho', serif;
  margin-bottom: 0.5rem;
  color: #000;
  font-size: 1.3rem;
}

.surrounding-map02 .scene-map01 {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.course-sec {
  margin: 0 auto;
  padding: 3rem 0;
}

.course-arakura {
  border-top: 25px solid transparent;
    border-image: url(../img/scene-border.png) 30 stretch;
    border-image-slice: 30;
    width: 100%;
    padding-top: 5rem;
}

.course-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
}

.course-sentence {
  width: 65%;
}

.course-level {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}

.course-level img {
  width: 50px;
  height: auto;
}

.course-level p {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  margin-left: 1rem;
}

.course-h h2{
  color: #b2444f;
  display: block;
    content: "";
    width: 100%;
    border-bottom: 1px solid black;
    margin: 3px 0;
}

.course-h span {
  font-size: 0.8rem;
  font-weight: 500;
  color: #000;
}

.course-h p {
  margin-top: 2rem;
}

.course-img-wrapper {
  width: 30%;
  display: flex;
  justify-content: flex-end;
}
.course-img {
  width: 300px;
  height: 200px;
  background-image: url(../img/top-05.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 4rem;
}

.course-img01 {
  background-image: url(../img/course-img01.jpg);
}

.course-img02 {
  background-image: url(../img/course-img02.jpg);
}

.course-img03 {
  background-image: url(../img/course-img03.jpg);
}

.course-img04 {
  background-image: url(../img/course-img04.jpg);
}

.course-img05 {
  background-image: url(../img/course-img05.jpg);
}

.course-img06 {
  background-image: url(../img/course-img06.jpg);
}

/*アコーディオン全体*/
.accordion-area{
  list-style: none;
  width: 96%;
  max-width: 1000px;
  margin:0 auto;
}

.accordion-area li{
  margin: 10px 0;
}

.course-accordion {
  margin-top: 2rem;
}

/*アコーディオンタイトル*/
.title {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size:1.2rem;
  font-weight: normal;
  padding: 2% 3% 2% 2%;
  transition: all .5s ease;
  background-color: #b2444f;
  text-align: center;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
  position: absolute;
  content:'';
  width: 25px;
  height: 2px;
  background-color: #666666;
  
}
.title::before{
  top:48%;
  right:20px;
  transform: rotate(0deg);
  
}
.title::after{    
  top:48%;
  right:20px;
  transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.title.close02::before{
transform: rotate(45deg);
}

.title.close02::after{
transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
  display: none;/*はじめは非表示*/
  max-width: 1000px;
  margin-top: 10px;
  margin-bottom: 5rem;
}

.course-arakura .box {
  height: 613px;
}

.course-shimotenn .box {
  height: 1380px;
}

.course-mitutoge .box {
  height: 1561px;
}

.course-syakusiosino .box {
  height: 1376px;
}

.course-kitahon .box {
  height: 1376px;
}

.course-fuji .box {
  height: 2404px;
}

.box-img {
  background-image: url(../img/1000x840.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}

.course-arakura .box-img {
  background-image:url(../img/tr-course01.jpg);
}

.course-shimotenn .box-img {
  background-image:url(../img/tr-course02.jpg);
}

.course-mitutoge .box-img {
  background-image:url(../img/tr-course03.jpg);
}

.course-syakusiosino .box-img {
  background-image:url(../img/tr-course04.jpg);
}

.course-kitahon .box-img {
  background-image:url(../img/tr-course05.jpg);
}

.course-fuji .box-img {
  background-image:url(../img/tr-course06.jpg);
}

.course-arakura .en_box-img {
  background-image: url(../img/tr-course01-en.jpg);
}

.course-shimotenn .en_box-img {
  background-image:url(../img/tr-course02-en.jpg);
}

.course-mitutoge .en_box-img {
  background-image:url(../img/tr-course03-en.jpg);
}

.course-syakusiosino .en_box-img {
  background-image:url(../img/tr-course04-en.jpg);
}

.course-kitahon .en_box-img {
  background-image:url(../img/tr-course05-en.jpg);
}

.course-fuji .en_box-img {
  background-image:url(../img/tr-course06-en.jpg);
}

.box-text {
  border: #000 1px solid;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1rem;
}

.box-text .box-text-p {
  font-size: 0.8rem;
  letter-spacing:0rem;
  font-weight: 500;
}

.course-shimotenn .course-h h2 {
  color: #c26d8a;
}

.course-shimotenn .title {
  background-color: #c26d8a;
}

.course-mitutoge .course-h h2 {
  color: #d47744;
}

.course-mitutoge .title {
  background-color: #d47744;
}

.course-syakusiosino .course-h h2 {
  color: #5081a5;
}

.course-syakusiosino .title {
  background-color: #5081a5;
}

.course-kitahon .course-h h2 {
  color: #6a8659;
}

.course-kitahon .title {
  background-color: #6a8659;
}

.course-fuji {
  padding-bottom: 5rem;
}

.course-fuji .course-h h2 {
  color: #8372b4;
}

.course-fuji .title {
  background-color: #8372b4;
}

.course-fuji a {
  text-decoration: underline;
  transition: 0.2s;
}

.course-fuji a:hover {
  color: #c1272d;
}

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

  .scene-sec-main .distance-info {
    width: 105px;
    position: absolute;
    left: -12px;
}

.scene-sec-flex .scene-sec-main .distance-info {
  width: 105px;
  left: -12px;
}

.scene-sec-main .map-info {
  width: 100px;
  margin-left: 6rem;
}

.scene-sec-main .distance-info02 {
  width: 105px;
  position: absolute;
  right: -12px;
}

.sec-climbing .scene-sec-main .distance-info {
  width: 115px;
}

/* #slider-accese_02,#en_slider-accese_02 {
  height: 45vh;
} */

}

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

  #slider-accese {
    background-position: right;
  }

  .scene-sec-slider {
    width: 250px;
    margin: 0 auto;
  }

  
  .banner-box {
    flex-direction: column;
  }

  .banner-box a {
    margin: 1rem auto;
  }

  .banner-box03 {
    margin: 0 auto;
  }


  .photospo-linenap {
    width: 90%;
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
    justify-items: center;
  }

  .sec-photospo {
    background-color: #f7f7f7;
    background-image: url(../img/space-back_03.png), url(../img/scene-back01.png), url(../img/scene-back02-2re.png);
    background-repeat: no-repeat;
    background-position: -160px -120px, 1000px 320px, -300px bottom;
    background-size: 700px, 700px, 1300px;
}

.sec-climbing {
  padding-bottom: 20rem;
  background-color: #f7f7f7;
  background-image: url(../img/space-back_03.png), url(../img/scene-back04.png);
  background-repeat: no-repeat;
  background-position: -160px -120px, -435px bottom;
  background-size: 700px, 1600px;
}

  .scene-sec-glid {
    width: 96%;
  }

  .scene-sec-flex {
    width: 96%;}

    .scene-sec-flex .scene-sec-main .main-img {
      width: 400px;
      height: 400px;
    }

  .scene-sec-gallery02 iframe {
    width: 100%;
    }

    .scene-sec-gallery {
      flex-direction: column;
    }

    /* #slider-accese_02,#en_slider-accese_02 {
      height: 35vh;
    }
     */

}

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

  #slider-accese {
    background-position: -1300px;
}

  .modal-content img {
    width: 100%;
}

  .repo-br {
    display: block;
  }

  #slider-accese {
    height: 100vh;
}

.scene-h-box {
  padding: 5rem 2rem ;
      margin: 0 0;
    text-align: left;
  }

  .scene-h {
    height: auto;
  }

  .scene-h img {
    width: 160px;
  }

  .surrounding-map .f-back_04 {
    width: 160px;
    top: -70px;
    left: 3%;
  }

  .surrounding-map h3 {
    text-align: center;
  }

  .scene-sec:not(.sec-chureito) {
    padding-top: 5rem;
  }

  .sec-shrine {
    padding-bottom: 0;
  }

  .scene-sec-main {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }

  .scene-sec-glid {
    grid-template-columns: 1fr;
    width: 90%;
    margin-top: 5rem;
    justify-content: center;
  }

  .scene-sec-slider {
    width: 400px;
    margin: 0 auto;
  }

  .slider img {
   width:356px;
   height:237px;
   object-fit: cover;
}

  .scene-sec-flex .scene-sec-main {
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .scene-sec-info h3 {
    text-align: center;
    position: relative;
    z-index: 1;
  }

  .scene-sec p {
    max-width: 500px;
    margin: 2rem auto 1rem;
  }

  .map-button {
    margin: 2.5rem auto 2rem;
  }

  .scene-sec-flex{
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 10rem;
  }



  .p-img .main-img {
    max-width: 250px;
    height: 250px;
}

  .p-img .distance-info {
    width: 80px;
    position: absolute;
    left: -5px;
    top: -20px;
  }

  .p-img .map-info {
    width: 95px;
    margin-left: 5rem;
  }

  .p-linenap-info {
    display: flex;
    flex-direction: column;
  }


  .sec-climbing {
    background-size: 700px, 1300px;
    background-position: -160px -120px, -680px bottom;
  }

.scene-sec-flex .scene-sec-info {
  margin: 0 auto;
  margin-top: 1rem;
  width: 100%;
  max-width: 450px;
}

.sec-shrine .g-map-button,.sec-shrine .map-button {
  margin: 2rem auto 2rem;
  
}

.sec-shrine .sec-button-box .map-button {
  margin: 2rem 0 2rem;
  width: 13rem;
}

.scene-sec-main .map-info02 {
  width: 100px;
  margin-left: 12.5rem;
}

.scene-sec-main .map-n_o {
  width: 135px;
  margin-left: 10.5rem;
}

#slider-accese_02 ,#en_slider-accese_02{
  height: 100vh;
}

.scene-h02 img {
  right: 60px;
}

.surrounding-map02 h3 {
  text-align: center;
}

.course-info {
  flex-direction: column;
  align-items: center;
}

.course-img {
  margin-top: 0;
}

.course-img-wrapper {
  width: 90%;
  justify-content: center;
  margin-top: 2rem;
}

.course-sentence {
  width: 90%;
}

.en-title {
  padding: 2% 13% 2% 4%;
  text-align: left;
}



}

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

  #slider-accese {
    background-position: -930px;
}

.info-sentence {
  width: 96%;
}

  .photospo-sentence{
    width: 90%;
  }

  .photospo-linenap {
    grid-template-columns: repeat(1, 1fr);
}

.scene-sec-main .map-info02 {
  width: 100px;
  margin-left: 2.5rem;
}

.scene-sec-main .map-n_o {
  width: 135px;
}

.scene-sec-slider {
  width: 350px;
}

.slider img {
   width:310px;
   height:208px;
   object-fit: cover;
}

.sec-button-box {
  flex-direction: column;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.map-button {
  margin: 1rem auto;
}

.map-button:not(.g-map-button){
  width: 310px;
}

.fuji-info-button {
  letter-spacing: 0rem;
  text-align: center;
}

.sec-chureito .map-button,.sec-treking .map-button,.sec-retro .map-button {
  margin: 3rem auto 2rem;
}

.scene-sec-main .distance-info {
  width: 95px;
}

.scene-sec-glid .scene-sec-main .main-img {
  width: 100%;
  width: 300px;
  height: 450px;
}

.sec-photospo .p-linenap-box p{
  margin-top: 0;
}

.p-img .distance-info {
  width: 95px;
}

.p-img .map-info {
  margin-left: 6rem;
}

.p-linenap-box {
  width: 96%;
  max-width: 450px;
}

.p-img .main-img{
  max-width: 300px;
  height: 300px;
  margin: 0 auto;
}

.p-linenap-info {
  width: 100%;
  margin: 0 auto;
  margin-top: 1rem;
  max-width: 450px;
}

.p-linenap-info .g-map-button {
  margin-top: 1rem;
}

.shrine-sentence img {
  top: -80px;
}

.scene-sec-flex .scene-sec-main {
  width: 90%;
}

.scene-sec-flex .scene-sec-info {
  width: 90%;
}

.sec-climbing .scene-sec-main .distance-info {
  width: 105px;
  left: -20px;
}

.scene-sec-flex .scene-sec-main .map-info {
  width: 100px;
}


.scene-sec-main .distance-info02 {
  width: 95px;
}

.scene-h02 .scene-h-box {
  max-width: 550px;
  margin: 0 auto;
}

.scene-h02 img {
  right: 15px;
}

.scene-sec-flex .scene-sec-main .main-img {
  width: 300px;
  height: 300px;
}

.sec-shrine .info-sentence {
  margin-top: 0;
}

.sec-shrine .sec-button-box .map-button {
  margin: 1rem auto;
}

.sec-shrine .sec-button-box {
  margin-top: 0;
}

.flex-arakura .scene-sec-info {
  margin-bottom: 5rem;
}

.flex-omuro {
  margin-bottom: 12rem;
}

.flex-arakura {
  margin-bottom: 13rem;
}

.flex-kitaguchi {
  margin-bottom: 14rem;
}

.sec-shrine_en .flex-omuro {
  margin-bottom: 15rem;
}

.sec-shrine_en .flex-arakura {
margin-bottom: 19rem;
}

.sec-shrine_en .flex-kitaguchi {
margin-bottom: 18rem;
}

.sec-activity_en .flex-fujiq {
  margin-bottom: 13rem;
}

.sec-activity_en .flex-lake {
  margin-bottom: 11rem;
}

.sec-activity_en .flex-narusawa {
  margin-bottom: 14rem;
}

.course-arakura .box {
  height: 520px;
}

.course-shimotenn .box {
  height: 1200px;
}

.course-mitutoge .box {
  height: 1315px;
}

.course-syakusiosino .box {
  height: 1160px;
}

.course-kitahon .box {
  height: 1160px;
}

.course-fuji .box {
  height: 2000px;
}

.box-text .box-text-p {
  font-size: 0.7rem;
}

.course-kitahon .title {
  text-align: left;
  padding-right: 3rem;
}

}