html {
    /*font-size: clamp(0.4rem, calc(0.15vw + 0.4rem), 0.8rem);*/
    font-size:0.5vw;
}

body {
    font-family:"Noto Sans JP","Yu Gothic",YuGothic,"游ゴシック Medium","游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;color:#222;font-size:.81rem;font-weight:400;letter-spacing:1px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out
}

.notoserif {
    font-family:'Noto Serif JP',serif;-webkit-text-size-adjust:none;
}

a {
    text-decoration: none;
}

img.w100 {
    width: 100%;
}

img.w90 {
    width: 90%;
}

img.w80 {
    width: 80%;
}

img.w70 {
    width: 70%;
}

img.w60 {
    width: 60%;
}

img.w35 {
    width: 35%;
}

img.w30 {
    width: 30%;
}

img.w20 {
    width: 20%;
}

img.w12 {
    width: 12%;
}

.black {
    color:black;
}

.white {
    color:white;
}

.dblue {
    color:#000040;

}

.ocher {
    color:#B4995A;
}

.f48{
    font-size:4.8rem;
}

.f38{
    font-size:3.8rem;
}

.f30{
    font-size:3.0rem;
}

.f24{
    font-size:2.4rem;
}

.f22{
    font-size:2.2rem;
}

.f21{
    font-size:2.1rem;
}

.f20{
    font-size:2.0rem;
}

.f18{
    font-size:1.8rem;
}

.f16{
    font-size:1.6rem;
}

.f15{
    font-size:1.5rem;
}

.f14{
    font-size:1.4rem;
}

.f12{
    font-size:1.2rem;
}

.f10{
    font-size:1.0rem;
}

.bsilver {
    background-color: #EBEBEB;
}

.bdblue{
    background-color:#000040;
}

.bwhite{
    background-color: white;
}

.bbrown{
    background-color: #40210F;
}

.sm-only {
    display:none;
}

.pc-only {
    display: block;
}

.img-threec{
    width:14%;
}

@media screen and (max-width: 480px) {

    html{
        /*font-size: clamp(1.0rem, calc(0.35vw + 1.0rem), 2.0rem);*/
        font-size:2.4vw;
    }

    .sm-only {
        display:block;
    }
    
    .pc-only {
        display: none;
    }

    .img-threec{
        width:50%;
    }

}