/* Prevent iphone from resizing landscape mode */
/*
html{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}
*/
/* Apply natural layout model to all element */
/*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


body{
    font-size: clamp(16px,2vw,20px);
}


table{
    width: 98%;
    margin: 0 auto;
    border-collapse: collapse;
    border: none;
   

}

td{
    border: none;
   padding: 1em;
    
}

td a{
    font-weight: bold;
    color: #000000;

}

@media only screen and (min-width:480px){
    tr:nth-child(even){
        background: #eeeeee;
    }
    
}

*/

/*@media only screen and (min-width:779px){*/
@media only screen and (min-width:1000px){
h1{
    position: relative;
    top: -210px;
    font-size: 20px;
    left: 2%;
   }

.details1{
    
}

.pagination{
position: relative;
    left: 4%
}
.ulp{
position: relative;
    display: inline-flex;
    /*letter-spacing: 60px;*/
    font-size:24px;
    font-weight: bold;
    
}



.catchphrase{
    position:relative;
    
}

.gazouinner{   
    /*width:90px;
    height:80px;
    border-radius:50%;
*/

    width: 7%;
    height: 15%;
    border-radius: 25%;
    position: absolute;
    /*margin: 0 0 0 45%;*/
    left: 51%;
    /*top: 80px;*/
}

.sp1{
    margin:-6vh 0 1vh 0;
    padding:0 0 0 0;   
}

#la1{
    margin:0 0 0 0;
    padding:0 0 0 0;   
}


/*.modoru
{*/
   /* 
    margin: -5em 0px 0px 90%;
    border: 1px solid;
    border-radius: 3px;
    background-color: #4FCC61;
    color: white;
    padding: 0px 3px 0px 3px;
    position:absolute;
    top:1em;
    bottom:1em;
    right:1em;
    left:1em;
*/
/*
margin: 2em 0 0 90%;
border: 1px solid;
border-radius: 3px;
background-color: #4FCC61;
color: white;
padding: 0px 3px 0px 3px;
position: absolute;
top: -1.5em;
bottom: 3.9em;

left: 1em;
}
.modoru a{
    color:White;     

}*/

.wp {
    
    }


.tid0p{
    display: inherit;
}

.tid0p td{
    
    
    
}

.threebu{
    /*text-align:center;*/
    margin:0 0 23px 5%;
    
}

#shurui0{}

#shurui_0{}

.t0      {
    margin: -215px 0 0 5%;
    

}



#tid0 td
{
    display: inline-table;
    
}


a
{
    text-decoration: none;
    }


.slides > div
{
  scroll-snap-align: start;
  flex-shrink: 0;

 /* width: 300px;
  height: 300px;
  margin-right: 50px;  */
  
  /*border-radius: 10px; */
  background: #fffaf0;

  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
   
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;

}


.slides > div:target {
/*   transform: scale(0.8); */
}

   
   


.slides {
  display: flex;
  
  overflow-x: overlay;
  scroll-snap-type: x mandatory;
  
  width:77%;
  height:40px;
  
  
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
      margin: 0 0 225px 33px;
  
}
.slides::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.slides::-webkit-scrollbar-thumb {
 /* background: black;
  border-radius: 10px;
*/
}
.slides::-webkit-scrollbar-track {
  background: transparent;
}






    .title{
    font-weight: bold;
    /*border: solid 1px black;*/
    /*cursor :pointer;*/
    margin-left:1%;
    /*width:215px;*/
    font-size:1.4em;
   /* background-color:#4FCC61;*/
   /*position: absolute;
    margin: -243px 0 0 0;*/
    /*position: relative;
    top: -240px;
    left: 3%;*/
    margin:-243px 0 0 85px;
    position: absolute;
    /*top: 28vh;
    left: 3%;*/
    
    }






}