@charset "utf-8";
.planetext{
    font-size:1.5vw;
    color:rgb(0, 0, 0);
    font-family: "Hannari","Yu Mincho","Yu Gothic",sans-serif;
}
.planetext2{
    font-size:1.3vw;
    color:indigo;
    font-family: "Hannari","Yu Mincho","Yu Gothic",sans-serif;
    font-weight: bold;
}
a {
    text-decoration:none; 
}
body{
    margin-right:2vw;
    margin-left:4vw;
    background-color:midnightblue;
    background-image: url(../../../tama/pictures/background1.png);
    background-size:100vw;
    background-repeat:repeat-y;
}

header{
    display:flex;
}

#title{
    font-size:2.5vw;
    font-family: "Hannari";
    letter-spacing:-0.8vw;
    position:relative;
    top: -2vw;
    left:3vw;
    color:darkblue;
    width:60vw;
}
.tab{
    position: relative;
    width:50vw;
    font-size:2vw;
    top:5vw;
    right:-2vw;
}
.tb{
    margin-left:1vw;
    margin-right:1vw;
    position:relative;
    top:0;
    padding:0.5vw 1vw;
    display:inline-block;
    border:2px solid #beb34f;
    color:#333;
    text-decoration: none;
    outline:none;
    transition:all .3s;
}
.tb:hover{
    top:-5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

footer{
    display:flex;
    width:70vw;
    height:2vw;
    margin-right:30vw;
    margin-bottom:-1vw;
    background-color: seagreen;
}
.ft{
    color:aliceblue;
    font-family: "Yu Mincho","Yu Gothic",sans-serif;
}
.ftc{
    color:aliceblue;
    font-family: "Yu Mincho","Yu Gothic",sans-serif;
    margin-left:4vw
}
.ftlink{
    color:aliceblue;
    font-size:1vw;
    font-family: "Yu Mincho","Yu Gothic",sans-serif;
}
.ftlink:hover{
    text-decoration:undeline;
    font-weight :bold;
    color:#ffe925;
}