/*  */
/* common */
/*  */
body {
    margin: 0;
}

img {
    vertical-align: bottom;
}

h1, p , h2{
    margin: 0;
}



/*  */
/* header */
/*  */

header {
    background-color: aqua;
}

header .container {
    width: 400px;
    margin: 0 auto;
    /* outline: 2px solid red; */
    padding: 32px 0;
    display: flex;
    align-items: center;
}

header .container div + div{
    margin-left: 32px;
}

header h1{
    font-size: 24px;
    font-weight: normal;
}

header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

header .aicon img {
    width: 20px;
    height: 20px;
}

header ul li + li {
    margin-left: 8px;
}

header .icon {
    border-radius: 50%;
}

/*  */
/* main */
/*  */

main .container {
    width: 400px;
    /* outline: 2px solid red; */
    margin: 0 auto;
}

main h1 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding: 60px 0;
    /* margin: 60px 0; */
    /* background-color: pink; */
    /* border-bottom: 1px solid rgb(151, 71, 255); */
}

main h2 {
    font-weight: normal;
    font-size: 20px;
    margin-top: 16px;
}

main p{
    line-height: 1.8;

}

.gazou img {
    width: 400px;
    height: 255px;
}
.gg img {
    width: 400px;
    height: 860px;
}

main section + section{
    margin-top: 60px;
}

main h2 + p {
    margin-top: 16px;
}
/*  */
/* footer */

footer {
    padding: 60px 0px;
    text-align: center;
    color: #aaa
}

/*  */
/* foo */

#getday{
    background-color: rgb(236, 241, 241);
    padding: 2px;
    margin-top: 1px;
    font-size: 12px;
}