span {
    display: inline-block;
}

body {
    font-family: 'Kosugi Maru', sans-serif;
}

#main {
    background-image: url(img/side/bigpink.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 100px;
    margin: 0px;
}

#detail {
    background-image: url(img/side/yellow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 50px;
    padding-top: 40px;
}

#movie {
    width: 90%;
    margin-left: 20px;
}

#toptext {
    text-align: center;
}

#arasuzi {
    text-align: center;
    font-size: small;
}

#sidetext {
    line-height: 15px;
}

.table {
    display: flex;
}

.movie {
    width: 50%;
    margin: 0.5%;
}

h1 {
    -webkit-text-stroke: 0.5px black;
    color: white;
}

#fllow {
    width: 100%;
    text-align: center;
}

#profile {
    background-image: url(img/side/beige.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#profiletext {
    display: flex;   
}


.li {
    margin: 5px;
}

#sennpai {
    width: 50%;
    height: auto;
}

#name {
    width: 100%;
    text-align: center;
}

/*4月のスケジュール*/
#schedule4 {
    background-image: url(img/side/blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#schedule5 {
    background-image: url(img/side/pink.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
}

.large {
    font-size: large;
    margin: 7px;
}

.small {
    font-size: small;
    line-height: 15px;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}

.day {
   margin: 5%;
   border: 0.5px solid #000000;
   border-radius: 15px;
}

.other {
    margin: 3px;
}

.table1 {
   background-image: linear-gradient(0deg, transparent calc(100% - 0.5px), #ffffff calc(100% - 0.5px)),
   linear-gradient(90deg, transparent calc(100% - 0.5px), #ffffff calc(100% - 0.5px));
   background-size: 25px 25px;
   background-repeat: repeat;
   background-position: center center;

    display: flex;
    overflow-x: scroll;
    background-color: rgb(183, 215, 211);
}

.table2 {
   background-image: linear-gradient(0deg, transparent calc(100% - 0.5px), #fffaef calc(100% - 0.5px)),
   linear-gradient(90deg, transparent calc(100% - 0.5px), #fffaef calc(100% - 0.5px));
   background-size: 25px 25px;
   background-repeat: repeat;
   background-position: center center;

    display: flex;
    overflow-x: scroll;
    background-color: rgb(239, 145, 184);
}

.date {
    border: 0.5px solid #000000;
   border-radius: 15px;
   text-align: center;
   font-size: x-large;
   margin-top: 0px;
}

#rahu {
    width: 200px;
    transform: rotate(-90deg);
    border-radius: 30px;
    margin: 40px;
}

#satuei {
    border: #000000;
    width: 200px;
    border-radius: 30px;
    margin: 40px;
    transform: rotate(-90deg);
    margin-bottom: -20px;
}

.gohan {
    width: 250px;
}

.gohan1 {
    width: 250px;
    margin-top: 20px;
}

.yellow  {
    -webkit-text-stroke: 0.5px black;
    color: rgb(255, 234, 0);
    background-color: #ffffff;
    margin: 10px 10px 10px 10px;
    border: 0.5px solid #000000;
    border-radius: 30px;
    padding: 5px;
    white-space: nowrap;
    font-size: x-large;
}

.yellow-1 {
    -webkit-text-stroke: 0.5px black;
    color: rgb(255, 234, 0);
    font-size: x-large;
    margin-bottom: 7px;
}

.green {
    -webkit-text-stroke: 0.5px black;
    color: rgb(38, 216, 6);
    font-size: x-large;
    margin: 7px;
}

.pink {
    -webkit-text-stroke: 0.5px black;
    color: rgb(255, 99, 151);
    font-size: x-large;
    margin: 7px;
}

.orange {
    -webkit-text-stroke: 0.5px black;
    color: orange;
    font-size: x-large;
    margin: 7px;
}

.kakomi {
    border: 0.5px solid #000000;
    border-radius: 30px;
    background-color: #ffffff;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 8px;
}

#skill {
    background-image: url(img/side/last.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 15px;
}
