@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

body {
    /* font-family: sans-serif; */
    font-family: "Shippori Mincho", serif;
}

h1{
    font-family: "Shippori Mincho", system-ui;
    font-size:medium;
    padding-left: 1px;
} 

h2{
    font-family: "Shippori Mincho", system-ui;
    font: size medium;;
    padding-left: 1px;
} 

div.comment {
    width: 100%;
}

div.comment h2 {
    font-size:  50%;
} 



div.container { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 10px; 
    width: 80%; 
    margin: auto; 
} 

div.container_dantai { 
    display: grid; 
    grid-template-columns: repeat(1, 1fr); 
    gap: 10px; 
    width: 80%; 
    margin: auto; 
} 

div.container_dantai button { 
    padding: 10px; 
    font-size: 16px; 
    width: 100%; 
}


div.container2 { 
    display: grid; 
    gap: 200px; 
    width: 50%; 
    margin: auto; 
} 

div.container3 { 
    gap: 200px; 
    width: 80%; 
    margin: auto; 
} 

div.container button { 
    padding: 10px; 
    font-size: 16px; 
    width: 100%; 
}

div.container2 button { 
    padding: 10px; 
    font-size: 16px;
    width: 80%; 
}

div.container3 button { 
    padding: 10px; 
    font-size: 16px;
    width: 100%; 
}

div.selecter{
    display: grid; 
    grid-template-columns: repeat(1, 1fr); 
    gap: 20px; 
    width: 80%; 
    margin: auto; 
}

div.selecter select{
    padding: 10px; 
    font-size: 16px; 
    width: 100%; 
}

div.selecter input{
    margin-top: 10px;
    padding: 10px; 
    font-size: 16px; 
    width: 100%; 
}

div.kensaku {
    margin-top: 10px;
}


div.kensaku h1{
    font-size: 16px;
}

div.floor {
    width: 100%;
}

div.floor img{
    padding-left: 10px;
    width: 90vw; 
}

div.floor h2{
    font-size: 16px;
    width: 100%; 
}

div.floor h3{
    font-family: "Shippori Mincho", system-ui;
    font-size: 16px;
    padding-left: 10px;
    width: 100%; 
}

div.sakka{
    width: 100%;
}

div.sakka h2{
    font-size: 16px;
}
div.sakka p{
    padding-left: 20px;
}
div.sakka img{
    width: 90vw; 
}