@charset "UTF-8";
:target::before {
  content:"";
  display: block;
  height: 60px;
  margin-top: -60px;
  visibility: hidden;
}

.item_text  {
    padding: 20px;
}
.place_text01,
.place_text02,
.place_text03,
.place_text04 {
    padding: 20px;
}
.place_photo img {
    max-width: 768px;
    padding: 20px;
}
.place_slider01,
.place_slider02,
.place_slider03,
.place_slider04 {
  width: 350px;
  height: 467px;
  display: flex;
  gap: 15px;
  overflow-x: auto;
  margin: 15px auto;
}
.place_photo01 img,
.place_photo02 img,
.place_photo03 img,
.place_photo04 img,
.place_photo05 img,
.place_photo06 img,
.place_photo07 img,
.place_photo08 img,
.place_photo09 img,
.place_photo10 img,
.place_photo11 img,
.place_photo12 img {
  width: 350px;  
}
.img_slide {
  text-align: center;
  padding-bottom: 20px;
}
.img_slide img {
  width: 20%;
}



@media screen and (min-width: 768px) {
    /*mainがheaderと被らないために*/
    :target::before {
      content:"";
      display: block;
      height: 100px;
      margin-top: -100px;
      visibility: hidden;
    }
    main {
      margin-top: 100px;
    }
    .h2_box {
      padding-left: 50px;
    }
    .item_text {
      padding-left: 50px;
    }
    .img_slide {
      display: none;
    }
    .place01,
    .place02,
    .place03,
    .place04 {
      position: relative;
      width: 100%;
    }
    .place01 img,
    .place02 img,
    .place03 img,
    .place04 img {
      width: auto;
      box-shadow: 0 10px 25px 0 rgba(0,0,0,0.5);
      
    }
    .place_text01,
    .place_text02,
    .place_text03,
    .place_text04 {
      width: 45%;
      position: absolute;
      top: 0;
      left: 50px;
    }
    /*  橋詰長者の桜
    ======================================*/
    .place_slider01 {
      position: absolute;
      top: 0;
      position: relative;
      display: block;
      width: 98%;
      height: 2600px;
      margin: 0;
    }
    
    .place_slider01 .place_photo01 {
      position: absolute;
      top: 750px;
      left: 100px;        
    }
    .place_slider01 .place_photo01 img {
      width: 800px;      
    }

    .place_slider01 .place_photo02 {
      position: absolute;
      top: 300px;
      left: 700px;     
    }
    .place_slider01 .place_photo02 img {
      width: 500px;      
    }
    
    .place_slider01 .place_photo03 {
      position: absolute;
      top: 1400px;
      left: 800px;      
    }
    .place_slider01 .place_photo03 img {
      width: 375px;      
    }
   
    .place_slider01 .place_photo04 {
      position: absolute;
      top: 1500px;
      left: 200px;      
    }
    .place_slider01 .place_photo04 img {
      width: 500px;      
    }
   
    .place_slider01 .place_photo05 {
      position: absolute;
      top: 2150px;
      left: 700px;      
    }
    .place_slider01 .place_photo05 img {
      width: 500px;      
    }
     
    .place_slider01 .place_photo06 {
      position: absolute;
      top: 2000px;
      left: 50px;      
    }
    .place_slider01 .place_photo06 img {
      width: 600px;      
    }
    
    /*  馬木の桜並木
    ======================================*/
    .place_slider02 {
      position: absolute;
      top: 0;
      position: relative;
      display: block;
      width: 98%;
      height: 3200px;
      margin: 0;
    }
    
    .place_slider02 .place_photo01 {
      position: absolute;
      top: 750px;
      left: 50px;        
    }
    .place_slider02 .place_photo01 img {
      width: 800px;      
    }
    .place_slider02 .place_photo02 {
      position: absolute;
      top: 2600px;
      left: 100px;        
    }
    .place_slider02 .place_photo02 img {
      width: 600px;      
    }
    .place_slider02 .place_photo03 {
      position: absolute;
      top: 2400px;
      left: 800px;        
    }
    .place_slider02 .place_photo03 img {
      width: 375px;      
    }
    .place_slider02 .place_photo04 {
      position: absolute;
      top: 1250px;
      left: 800px;        
    }
    .place_slider02 .place_photo04 img {
      width: 375px;      
    }
    .place_slider02 .place_photo05 {
      position: absolute;
      top: 1500px;
      left: 100px;        
    }
    .place_slider02 .place_photo05 img {
      width: 500px;      
    }
    .place_slider02 .place_photo06 {
      position: absolute;
      top: 2000px;
      left: 100px;        
    }
    .place_slider02 .place_photo06 img {
      width: 375px;      
    }
    .place_slider02 .place_photo07 {
      position: absolute;
      top: 1900px;
      left: 600px;        
    }
    .place_slider02 .place_photo07 img {
      width: 600px;      
    }
    .place_slider02 .place_photo08 {
      position: absolute;
      top: 300px;
      left: 700px;        
    }
    .place_slider02 .place_photo08 img {
      width: 500px;      
    }
     /*  馬木不動尊の桜
    ======================================*/
    .place_slider03 {
      position: absolute;
      top: 0;
      position: relative;
      display: block;
      width: 98%;
      height: 3400px;
      margin: 0;
    }
    
    .place_slider03 .place_photo01 {
      position: absolute;
      top: 1350px;
      left: 700px;        
    }
    .place_slider03 .place_photo01 img {
      width: 450px;      
    }
    .place_slider03 .place_photo02 {
      position: absolute;
      top: 300px;
      left: 700px;        
    }
    .place_slider03 .place_photo02 img {
      width: 375px;      
    }
    .place_slider03 .place_photo03 {
      position: absolute;
      top: 2700px;
      left: 700px;        
    }
    .place_slider03 .place_photo03 img {
      width: 375px;      
    }
    .place_slider03 .place_photo04 {
      position: absolute;
      top: 2000px;
      left: 100px;        
    }
    .place_slider03 .place_photo04 img {
      width: 800px;      
    }
    .place_slider03 .place_photo05 {
      position: absolute;
      top: 1400px;
      left: 200px;        
    }
    .place_slider03 .place_photo05 img {
      width: 375px;      
    }
    .place_slider03 .place_photo06 {
      position: absolute;
      top: 900px;
      left: 600px;        
    }
    .place_slider03 .place_photo06 img {
      width: 500px;      
    }
    .place_slider03 .place_photo07 {
      position: absolute;
      top: 700px;
      left: 100px;        
    }
    .place_slider03 .place_photo07 img {
      width: 375px;      
    }
    .place_slider03 .place_photo08 {
      position: absolute;
      top: 2800px;
      left: 50px;        
    }
    .place_slider03 .place_photo08 img {
      width: 600px;      
    }
     /*  殿森の桜並木
    ======================================*/
    .place_slider04 {
      position: absolute;
      top: 0;
      position: relative;
      display: block;
      width: 98%;
      height: 2700px;
      margin: 0;
    }
    
    .place_slider04 .place_photo01 {
      position: absolute;
      top: 800px;
      left: 600px;        
    }
    .place_slider04 .place_photo01 img {
      width: 500px;      
    }
    .place_slider04 .place_photo02 {
      position: absolute;
      top: 2100px;
      left: 800px;        
    }
    .place_slider04 .place_photo02 img {
      width: 375px;      
    }
    .place_slider04 .place_photo03 {
      position: absolute;
      top: 700px;
      left: 100px;        
    }
    .place_slider04 .place_photo03 img {
      width: 375px;      
    }
    .place_slider04 .place_photo04 {
      position: absolute;
      top: 300px;
      left: 650px;        
    }
    .place_slider04 .place_photo04 img {
      width: 500px;      
    }
    .place_slider04 .place_photo05 {
      position: absolute;
      top: 2000px;
      left: 100px;        
    }
    .place_slider04 .place_photo05 img {
      width: 450px;      
    }
    .place_slider04 .place_photo06 {
      position: absolute;
      top: 1300px;
      left: 200px;        
    }
    .place_slider04 .place_photo06 img {
      width: 800px;      
    }
    
    
}