body {
    background-color: rgb(243, 224, 55);
}
.tate h1{
    font-size: 500%;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    writing-mode: vertical-rl;
    color: rgb(34, 28, 119);
}
.tate h2{
    font-size: 250%;
    margin-top: 1px;
    margin-right: 5ex;
    margin-bottom: 1px;
    margin-left: 1px;
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    writing-mode: vertical-rl;
    color: rgb(34, 28, 119);
}

.douji{
    float: right;
    position: absolute;
    top: 30em;
    right: 1em;
    text-align: right;
    font-weight: bold;

}
.sen{
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.tategaki{
    float: right;
    font-size: 135%;
    writing-mode: vertical-rl;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    position: absolute;
    top: 43ex;
    right: 5ex;   
    font-weight: bold;
}
.domonken{
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    width: 540px;
    height: 739px;
}
.year{
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    writing-mode: vertical-rl;
    color: rgb(46, 46, 53);
    font-weight: bold;
}
.date{
    font-size: 300%;
    position: absolute;
    top: 710px;
    left: 30px;
    color: rgb(46, 46, 53);
}
div.maru {
    border-radius: 50%; width: 5em; height: 5em;
    text-align: center; background: rgb(46, 46, 53); 
    font-size: 75%;
    position: absolute;
    top: 750px;
    left: 500px;
}
   div.maru p { 
    text-align: center; 
    color: rgb(255, 255, 255);
    padding-top: 1em;}
.box{
    background-color: rgb(34, 28, 119);

}
.maru2{
    border-radius: 50%; width: 7em; height: 7em;
    text-align: center; background: rgb(243, 224, 55); 
}
div.maru2 p{
    text-align: center; 
    color: rgb(34, 28, 119);
    padding-top: 2em;

    transform: rotate(-5deg);
    font-size: 85%;
}
.huto{
    font-weight: bold;
    font-size: 120%;
}
.day1{
    position: absolute;
    top: 102em;
    left: 16em;
    font-size: 50%;
    color: white;
}
.yellow1{
    position: absolute;
    top: 101em;
    left: 22em;
    text-align: left;
    color:rgb(243, 224, 55) ;
    font-size: 50%;
    font-weight: bold;
}
.white1{
    position: absolute;
    top: 107em;
    left: 22em;
    text-align: left;
    font-size: 50%;
    color: white;
}
.day2{
    position: absolute;
    top: 102em;
    left: 41em;
    font-size: 50%;
    color: white;
    border-left: solid 0.1px white;
    
}
.yellow2{
    position: absolute;
    top: 101em;
    left: 47em;
    text-align: left;
    color:rgb(243, 224, 55) ;
    font-size: 50%;
    font-weight: bold;
    border-right: solid 1px white;
}
.white2{
    position: absolute;
    top: 105em;
    left: 47em;
    text-align: left;
    font-size: 50%;
    color: white;
    border-right: solid 1px white;
}
.day3{
    position: absolute;
    top: 101em;
    left: 64em;
    font-size: 50%;
    color: white;
}
.yellow3{
    position: absolute;
    top: 101em;
    left: 70em;
    text-align: left;
    color:rgb(243, 224, 55) ;
    font-size: 50%;
    font-weight: bold;
}
.white3{
    position: absolute;
    top: 105em;
    left: 70em;
    text-align: left;
    font-size: 50%;
    color: white;
}
.unl{
    float: left;
    font-size: 40%;
}
.unr1{
    float: right;
    
}
.unr2{
    float: right;
    font-size: 40%;
    
}