@charset"utf-8";

.memory-header{
	     background: #fceff2;
 	     background-image: radial-gradient(#fce3e9 10%, transparent 20%), radial-gradient(#fce3e9 10%, transparent 20%); 		
	     background-size: 20px 20px;  background-position: 0 0, 10px 10px;   font-size: 100%; padding: 20px;
	     padding-left: 50px;
	     padding-right: 50px;
}

.memory-header > a > h1{
		    font-family: "Potta One", system-ui;
 	            font-weight: 400;
 	     	    font-style: normal;
		    padding-bottom: 20px
}

.mae{
     font-family: "Potta One", system-ui;
     padding-left: 70px;
     padding-bottom: 20px
}

.memory-body {
    font-family: "Potta One", system-ui;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 15%;
    margin-left: 70px;
    margin-right: 70px; 
    display: flex;     
    flex-wrap: nowrap;  
    max-width: 1000px;
    gap: 20px;
}

.memory-area {
    flex: 1;            
    min-width: 0;      
}

.memory-day {
    padding-left: 20px;
    padding-right: 20px;
    border: solid;
    margin-bottom: 15px;
    letter-spacing: 0.2em;
}

.jump {
    position: sticky;
    top: 20px;
    width: 200px;        
    flex-shrink: 0;      
    align-self: flex-start; 
    border: solid;
    padding: 10px;
    padding-right: 20px;
}

.jump > ul{
	   list-style: none;
}