@charset "UTF-8";





@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');

body {



    background-image: linear-gradient(150deg, rgb(9, 11, 131), rgb(59, 157, 160));

  background-attachment:fixed;

    color: #ffffff;

    font-size: 12px;

    font-family:"Noto Serif JP",serif;

    font-style: normal;

    line-height: 250%;

    letter-spacing: 2px;

}



a {

    color: #333;

    background: rgba(255,255,255,.5);

    text-decoration: none;

}





.top {

    margin: 0 20px;

}







.wrp {

    max-width: 500px;

    margin: 50px auto 10px;

}



.wrp a {

    padding: 0 3px;

}





.tate {



    text-align: center;



}



.tategaki {

    writing-mode: vertical-rl;

    column-gap: 20px;

    column-fill: auto;

    display: inline-block;

    -webkit-column-fill: auto;

    -webkit-column-gap: 20px;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    column-count: 1;

    -webkit-column-count: 1;

    height: 400px;

    text-align: left;

  }