@charset "utf-8";
/* PC用ｃｓｓはメディアクエリの外に記述する */

/*menu*/
.menu{
    max-width: 100%;
    margin:0,auto;
}

/* topセンタリング */
.top_top{
    display: flex;
    justify-content:center; 
    margin-top:3rem;
    width:100%;
    height: 60%;
    max-height: 550px;
    min-height: 300px;
}

.top_top img{
    width:auto;
    max-width: 100%;
    height:auto;
    max-height: 100%;
}


/* 上へ戻るボタン　ジャンプするだけ */
.up_back{
    background: #67c2ff99;
    font-size: 5rem;
    font-weight: bold;

    /* 丸くする */
    border-radius: 50%;
    height: 100px;
    width: 100px;

    /* 下のほうで追尾 */
    position: -webkit-sticky;
    position: sticky;
    margin-left:auto;
    margin-right:0px;
    bottom:10px;
    right:10px;

}

/* 上へ戻るボタンリンクで色を変えないように */
.up_back>a:link,
.up_back>a:visited,
.up_back>a:hover,
.up_back>a:active{
    color:#f3f3f3;
}

@media (max-width:480px){
/*480px以下に適応されるｃｓｓ（スマホ）*/
/* スマホの場合トップを縦に。そして絵→履歴 */
.top_top{
    display:flex;
    flex-direction:column;
}

.top img{ 
    order:1;
    max-width: 90%;
}
.top iframe{
    order: 2;
    max-width: 90%;
    margin:10px;
}

}