@charset "UTF-8";



/* .PageTitle{
   color: white;
   text-align: center;
   font-family: 'Lora';
   font-style: italic;
} */

/* .wrapper{
  display: flex;
} */

/* a{
   text-decoration: none;
} */

 /* .sub-img {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: start;
   margin-top: 2rem;
   margin-left: auto;
   margin-right: auto;
   
 } */

.yu{
   color: black;
   font-size: 1.1rem;
   font-weight: bold;
   line-height: 2rem;
 }
 
 .thumbnail{
   margin-top: auto;
   /* margin-bottom: 2rem; */
   text-align: center;
   width: auto;
   /* box-sizing: border-box; */
   position: relative;
 }


 /* .thumbnail img:hover{
    transform: translate(0px, -3px);
    filter:drop-shadow(0px 5px 4px rgba(53, 52, 52, 0.8));
    cursor: pointer;
 } */



table { 
   background-color: rgba( 255, 255, 255, 0.9);
   text-align: center;
   font-size: 0.9rem;
   min-width: 250px;
   border-collapse: separate;
   
 }
 td {
   padding: 0.2rem 0.5rem;
   border : 1px solid rgb(163, 159, 159);
 }




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

  .contentsBox{
    padding-bottom: 20px;
    text-align: center;
  }

  .sub{
    /* display: flex;
    flex-wrap: wrap;
    
    justify-content: center; */
    /* align-items: start; */
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    
    }

  .leftletter{
    display: block;
    width: 280px;
      text-align: left;
      margin-left: auto;
      margin-right: auto;
    }  
  
  .thumbbox{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .details {
    margin-top: 2rem;
    color: black;
  margin-left: auto;
  margin-right: auto;
  }
  .details2 {
    margin-top: 1rem;
    color: black;
  /* margin-left: auto;
  margin-right: auto; */
  }

  .guide3{
    padding-top: 1rem;
    /* text-align: center; */
    /* margin-bottom: 1rem; */
    font-family: 'Kiwi Maru';
    margin-left: auto;
    margin-right: auto;
   }

  .package{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
  }
  .package2{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
  }

  .package img{
    display: none;
  max-width: 140px;
  }

  .thumbnail img {
    max-width: 300px;
    max-height: 300px;
    vertical-align: bottom;   
  }

  .thumbnail p{
    position: absolute;
    font-size: 1.5rem;
    color: rgba( 255, 255, 255, 0);
    text-shadow: 2px 2px 3px rgb(43, 43, 43);
    transform: scaleZ(10);
    top: 23%;
    left: 32%;
    display: none;
  }

  /* .thumbnail:hover p{
    display: inline;
  } */

}

@media screen and (min-width: 799px) {

  .contentsBox{
    display: flex;
    justify-content: center;
    gap: 20px;
    /* border:1px solid rgba( 255, 255, 255, 1); */
  }

  .thumbbox{
    max-width: 500px;
    vertical-align: bottom; 
    /* margin-left: auto;
    margin-right: auto; */
    /* border:1px solid rgba( 255, 255, 255, 1); */
   }

  .sub{
    margin-top: 50px;
    /* margin-left: auto;
    margin-right: auto; */
    text-align: center;
   }
  
   .leftletter{
  text-align: left;
  }
 

  .thumbnail img {
    max-width: 500px;
    max-height: 600px;
    vertical-align: bottom;   
  }

  .GalleryNav{
    display: none;
  }

  .details {
    margin-top: 50px;
    color: black;
    /* margin-left: auto; */
  }
  .details2 {
    margin-top: 1rem;
    color: black;
  /* margin-left: auto;
  margin-right: auto; */
  }

  .guide3{
    width: 300px;
    padding-top: 1rem;
    /* text-align: center; */
    /* margin-bottom: 1rem; */
    font-family: 'Kiwi Maru';
    margin-left: auto;
    margin-right: auto;
   }
  .package{
    margin-top: 100px;
    /* margin-right: auto; */
    cursor: pointer;
    /* text-align: center; */
  }
  .package2{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
  }

  .package img{
  max-width: 140px;
  }

  .thumbnail p{
    position: absolute;
    font-size: 2rem;
    font-style: italic;
    
    color: rgba( 255, 255, 255, 1);
    transform: scaleZ(10);
    top: 30%;
    left: 12%;
    display: none;
  }

  .thumbnail:hover p{
    display: inline;
    text-shadow: 2px 2px 3px rgb(43, 43, 43);
  }
  /* .thumbnail img:hover{
    transform: scale(1.05,1.05);
  } */


}