@charset "utf-8";

main .box{
    display:flex;
    justify-content: space-between;
}

main .box .nabikara{
    width:20%;
}
main .box #reseva,
main .box #yoyaku,
main .box #kashikiri{
    width:80%;
    padding:0 3%;
}
main .box #reseva h2.mida{
    font-size:1.8em;
    text-align: center;
    padding:3% 0;
}
main .box #reseva p.res1{
    text-align:center;
    line-height: 1.5em;
}



main #yoyaku p.sou3{
    margin: 8% auto 2%;
    text-align:center;
    line-height: 25px;
    background:#2e0015;
    padding:5px;
    height:25px;
    width:450px;
    border-radius:10px;
}

main #yoyaku p.sou3 a{
    color: #FFF;
}

main #yoyaku p.sou3 a:hover{
	color: #ffff98;
}

main #yoyaku p.res1{
    text-align:center;
    line-height: 1.8em;
	padding-bottom:8%;
}



main .box #kashikiri{
    width:70%;
    margin: 1% auto;
    border:1px solid #CCC; 
}
main .box #kashikiri p.res3{
    text-align: center;
    line-height: 1.2em;
    padding: 1% 0;
}

@media screen and (max-width:800px){
main .box{
    flex-direction:column;
}
main .box #reseva,
main .box #yoyaku,
main .box #kashikiri{
    width:95%;
    margin: 0 auto;
}

main .box #reseva h2.mida{
    font-size:1.5em;
    text-align: center;
}
main .box #reseva p.res1{
    text-align:center;
}
main .box #kashikiri{
    width:90%;
    margin: 3% auto;
    border:1px solid #CCC; 
}
main .box #kashikiri p.res3{
    text-align:start;
}
main #yoyaku{
    margin:0 auto;
    width:100%;
    height:50vh;
}
}
@media screen and (max-width:600px){
main .box #reseva p.res1{
    text-align:start;
}   
}