/*********************************
  base setting
*********************************/

main,#mv,.m-bnr,
main *,
#mv *,
.m-bnr *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    color: #562e27;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

main {
    display: block;
}

.pagetop {
    display: none;
    z-index: 100;
}

button {
  outline: none;
  background: none;
  border: none;
}
/*********************************
  PC
*********************************/

@media screen and (min-width: 768px) {
    .-pcOnly {
        display: none !important;
    }

    .pagetop {
        position: fixed;
        margin: 0 auto;
        right: 16%;
        bottom: 81px;
    }

    a {
        -webkit-transition: opacity .5s ease-out;
        -o-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out;
    }
    a:hover {
        opacity: 0.7;
    }

}

/*********************************
  SP
*********************************/

@media screen and (max-width: 767px) {
    img {
        width: auto;
        max-width: 100%;
    }

    .-spOnly {
        display: none !important;
    }

    .pagetop {
        position: fixed;
        right: 5.3%;
        bottom: 100px;
        width: 10%;
    }
}