html{
    scroll-behavior: smooth;
}
header{
    background-color: #fff;
}
.top{
    background-image: url(../image/topimg_pc.jpeg);
    background-size: cover;
}
h1{
    color:#583822;
    font-family:'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','Helvetica','Arial',sans-serif;
    font-size: 70px;
}
h6{
    color:#583822;
    font-family:'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','Helvetica','Arial',sans-serif;
    font-size: 20px;
}
img{
    border:solid 4px #fff;
    border-radius: 15px;
}
h2 {
    background: #fdeff2;
    box-shadow: 0px 0px 0px 5px #fdeff2;
    border: dashed 1px #e9546b;
    padding: 0.2rem 0.5rem;
    color: #6d4428;

  }

.clear::after{
    content:"";
    clear:both;
    display: block;
}

footer{
    background-color: #ffb6c1;
    color: aliceblue;
    padding: 15px 0;
}
.copyright{
    font-size: 12px;
    float: right;
}

  /* =====================
  スマホ用の表示
  ========================*/

  @media only screen and (max-width:767px){
.top{
    background-image: url(../image/topimg_sp.jpeg);
    background-size: cover;
}
 h1{
    color:#583822;
    font-family:'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','Helvetica','Arial',sans-serif;
    font-size: 40px;
 }
 h6{
    color:#583822;
    background:#fdeff2;
    font-family:'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic','Helvetica','Arial',sans-serif;
    font-size: 13px;
}
.copyright{
    font-size: 10px;
    float: none;
    text-align: center;
 }
  }