* { box-sizing: border-box; }

body{ position: relative;
    font-family: "ms pgothic";
    background-color: #8c6666;
    background-blend-mode: lighten;
    background-image: url("images/bg_cherry.jpg");
    background-position: left;
    background-size: 30%;
    margin: 0 auto;   
    }
    
#korisu{
    scale: 80%;
    filter: saturate(70%);
    position: absolute;
    z-index: -1;
    bottom: -3%;
    right: -13%;
    }

#wrapper{ width: 75%; 
    margin: 0 5%;
    }

main{
    display: flex;
    flex-flow: row wrap;
    gap: 3em;
    padding: 30px 20px;
    justify-content: center;
    background-image: url("images/bg_plaid-baby-pink.jpg");
    border-width: 0 9px 9px 9px; 
    border-style: solid; 
    border-image: url("images/laceborder.png") 7 round;      
    }  

footer{ text-align: center; 
	margin: auto; 
	}
footer p{ font-size: 0.7em;
	width: 35%;
	margin: 10px auto;
	background-color: rgba(255,255,255,0.75);
	border-radius: 2.5px;
	}   

#galleryTop p{
    color: #624c35;
    font-size: 1.2em;
    }
#galleryTop p{ margin: 0; }

.galleryItem img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    cursor: pointer;
    }
    
.galleryImg{
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
    border-width: 7px; 
    border-style: solid; 
    border-image: url("images/biscuit.gif") 9 round;      
    background-clip: padding-box;  
    filter: drop-shadow(2px 2px 6px rgba(255,255,255,0.5)) drop-shadow(2px 2px 6px rgba(255,255,255,0.5)) drop-shadow(2px 2px 6px rgba(255,255,255,0.5));
    transition: 0.5s;
    cursor: pointer;
    }
    
.galleryImg:hover{ filter: drop-shadow(2px 2px 6px rgba(255,255,255,0.8)) drop-shadow(2px 2px 6px rgba(255,255,255,0.8)) drop-shadow(2px 2px 6px rgba(255,255,255,0.8)); }

.galleryImg#nendoNat{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2023/02/21/3473435.jpeg"); 
    }    
.galleryImg#nendoNat:hover{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2023/02/21/3473431.jpeg"); 
    }
    
.galleryImg#nendoSayo{ 
    background-image: url("https://static.myfigurecollection.net/upload/items/2/1781921-cfa05.jpg"); 
    }    
.galleryImg#nendoSayo:hover{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2023/09/28/3766580.png"); 
    }  
    
.galleryImg#nendoAlice{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2015/07/30/1340990.jpeg"); 
    }    
.galleryImg#nendoAlice:hover{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2015/07/30/1340986.jpeg"); 
    }     
    
.galleryImg#nendollMiku{ 
    background-image: url("https://static.myfigurecollection.net/upload/items/2/1821290-110eb.jpg"); 
    }    
.galleryImg#nendollMiku:hover{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2024/09/20/4149080.jpeg"); 
    } 
    
.galleryImg#nendoMiku15{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/1552742-6d1c8.jpg");
    }
.galleryImg#nendoMiku15:hover{
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2022/06/24/3148741.jpeg");
    }    

.galleryImg#nendoSora{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2023/12/14/3839555r1702527546.jpeg"); 
    }
.galleryImg#nendoSora:hover{ 
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2023/12/14/3839556r1702524698.jpeg"); 
    }
    
.galleryImg#fumoSora{ 
    background-image: url("https://static.myfigurecollection.net/upload/items/2/2917913-2c564.jpg"); 
    }    

.galleryImg#noodleZunda{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/3183402-242d5.jpg");
    }
.galleryImg#noodleZunda:hover{
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2026/04/01/4808794.jpeg");
    } 

.galleryImg#noodleSMiku23{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/1634927-6c45c.jpg");
    }
.galleryImg#noodleSMiku23:hover{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/1977769-56e54.jpg");
    }     
 
.galleryImg#noodleSMiku25{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/2433692-c35d4.jpg");
    }
.galleryImg#noodleSMiku25:hover{
    background-image: url("images/fig_smiku.jpg");
    }  

.galleryImg#noodleRin{
    background-image: url("images/fig_rin.jpg");
    }

.galleryImg#noodleCMiku{
    background-image: url("images/fig_miku.jpg");
    }
    
.galleryImg#StarMiku{
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2021/11/10/2909317.jpeg");
    }
.galleryImg#StarMiku:hover{
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2021/11/10/2909318.jpeg");
    } 
    
.galleryImg#Chise{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/47604-6fc53.jpg");
    }
.galleryImg#Chise:hover{
    background-image: url("https://static.myfigurecollection.net/upload/items/2/2243934-bf31d.jpg");
    } 
    
.galleryImg#nendoIzumi{
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2019/05/23/2219345.jpeg");
    }

.galleryImg#nendoIzumi:hover{
    background-image: url("https://static.myfigurecollection.net/upload/pictures/2019/05/23/2219348.jpeg");
    }
   
.galleryCaption{
    background-color: white;
    border-width: 7px; 
    border-style: solid; 
    border-radius: 5px;
    border-image: url("images/biscuit.gif") 9 fill round;      
    background-clip: padding-box;  
    filter: drop-shadow(2px 2px 6px white) drop-shadow(2px 2px 6px white);
    width: 300px;
    text-align: center;
    padding: 5px;
    }   

a{
    color: #886b4c;
	}
a:hover{
    font-weight: bold;
    }
   
.galleryText{
    background-color: white;
    color: #624c35;
    border-width: 7px; 
    border-style: solid; 
    border-radius: 5px;
    border-image: url("images/biscuit.gif") 9 fill round;      
    background-clip: padding-box;  
    filter: drop-shadow(2px 2px 6px white) drop-shadow(2px 2px 6px white);
    font-size: 0.8em;
    width: 300px;
    max-height: 80px;
    padding: 5px;
    }
    
@media only screen and (max-width: 800px) {
    #korisu{ bottom: -6%; 
        right: -34%; 
    }
    #wrapper{ width: auto; }
    main{ gap: 1.5em; 
        padding: 15px 20px;
    }
}