@charset "UTF-8";

/* --------------------------------------------------*/

/* common
/* --------------------------------------------------*/

html {
    font-size: 62.5%;
}

@media screen and (max-width:600px) {
    html {
        /*ブラウザの幅が375pxのとき、font-sizeが10pxになるように計算*/
        font-size: calc(10/*px*/
        / 375/*px*/
        * 100vw/*=ブラウザの幅いっぱいの意味*/
        );
    }
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
    color: #333333;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: inherit;
}

main {
    display: block;
}

a.over:hover *, a.over:hover{
	opacity: 0.7;
	transition: ease opacity 0.3s;
}

/*util*/

@media screen and (max-width:600px) {
    .onlypc {
        display: none;
    }
}

@media screen and (min-width:601px) {
    .onlysp {
        display: none;
    }
}