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

body {
    font-family:"Noto Serif JP","Yu Mincho",YuMincho,"游明朝体 Medium","游明朝体","ヒラギノ明朝 Pro","メイリオ",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;
}

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

.sm-only {
    display:none;
}

.pc-only {
    display: block;
}

.fleft {
    float: left;
}

.uline {
    text-decoration: underline;
}

a {
    text-decoration: none;
}

a.tel:link {
    color:black;
}
a.tel:visited {
    color:black;
}
a.tel:active {
    color:black;
}

.aimg:hover{
    opacity: 0.7;
}

a.mail {
    text-decoration: underline;
}

a.mail:link {
    text-decoration:underline;
    color: black;
   }

a.mail:visited {
    text-decoration:underline;
    color: black;
}

a.mail:active {
    text-decoration:underline;
    color: black;
}

img.w100 {
    width: 100%;
}

img.w95 {
    width: 95%;
}

img.w90 {
    width: 90%;
}

img.w85 {
    width: 85%;
}

img.w80 {
    width: 80%;
}

img.w70 {
    width: 70%;
}

img.w65 {
    width: 65%;
}

img.w60 {
    width: 60%;
}

img.w55 {
    width: 55%;
}

img.w50 {
    width: 50%;
}

img.w45 {
    width: 45%;
}

img.w40 {
    width: 40%;
}

img.w35 {
    width: 35%;
}

img.w30 {
    width: 30%;
}

img.w25 {
    width: 25%;
}

img.w20 {
    width: 20%;
}

img.w18 {
    width: 18%;
}

img.w15 {
    width: 15%;
}

img.w12 {
    width: 12%;
}

img.w10 {
    width: 10%;
}

img.w8 {
    width: 8%;
}

div.w10{
    width:10%;
}

div.w20{
    width:20%;
}

.black {
    color:black;
}

.silver {
    color:#B3B3B3;
}

.white {
    color:white;
}

.red{
    color:#BE0D23;
}

.green {
    color: #13A967;
}

.bwhite{
    background-color: white;
}

.bnavy{
    background-color: #000040;
}

.bgray{
    background-color: #E4E4E4;
}

.bred{
    background-color: #BE0D23;
}

.byellow{
    background-color: #FFEC00;
}

.f75{
    font-size:7.5rem;
}

.f54{
    font-size:5.4rem;
}

.f47{
    font-size:4.7rem;
}

.f40{
    font-size:4.0rem;
}

.f39{
    font-size:3.9rem;
}

.f38{
    font-size:3.8rem;
}

.f36{
    font-size:3.6rem;
}

.f35{
    font-size:3.5rem;
}

.f34{
    font-size:3.4rem;
}

.f32{
    font-size:3.2rem;
}

.f30{
    font-size:3.0rem;
}

.f28{
    font-size:2.8rem;
}

.f26{
    font-size:2.6rem;
}

.f25{
    font-size:2.5rem;
}

.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;
}

.f17{
    font-size:1.7rem;
}

.f16{
    font-size:1.6rem;
}

.f15{
    font-size:1.5rem;
}

.f14{
    font-size:1.4rem;
}

.f12{
    font-size:1.2rem;
}

.f11{
    font-size:1.1rem;
}

.f10{
    font-size:1.0rem;
}

.f09{
    font-size:0.9rem;
}

.f08{
    font-size:0.8rem;
}

.lineh20{
    line-height: 2em;
}

.ls001 {
    letter-spacing: 0.01em;
}

.ls004 {
    letter-spacing: 0.04em;
}

.p05{
    padding:5rem;
}

.p10 {
    padding:10rem;
}

.pt05{
    padding-top:5rem;
}

.pt06{
    padding-top:6rem;
}

.pt08{
    padding-top:8rem;
}

.pt10{
    padding-top:10rem;
}

.pl02{
    padding-left:2rem;
}

.pr02{
    padding-right:2rem;
}

.pl05{
    padding-left:5rem;
}

.pr05{
    padding-right:5rem;
}

.pr20{
    padding-right: 20rem;
}

.pb03{
    padding-bottom:3rem;
}

.pb04{
    padding-bottom:4rem;
}

.pb06{
    padding-bottom:6rem;
}

.pb08{
    padding-bottom:8rem;
}

.pb10{
    padding-bottom:10rem;
}

.pb15{
    padding-bottom: 15rem;
}

.pb18{
    padding-bottom: 18rem;
}

.pb20{
    padding-bottom: 20rem;
}

.pb25{
    padding-bottom: 25rem;
}

.mt07{
    margin-top:7rem; 
}

.mt08{
    margin-top:8rem; 
}

.mt12{
    margin-top:12rem; 
}

.mb05{
    margin-bottom: 5rem;
}

.mb07{
    margin-bottom: 7rem;
}

.bline9{
    background-image: url('./../img/img35.png');
    background-repeat:repeat-x;
    background-size:contain;
}

.topbimg{
    background-image: url('./../img/img03.png');
    background-size: cover;
}

.infbimg{
    background-image: url('./../img/img17.png');
    background-size: cover;
}

.shoppos85{
    position: relative;
    top:-8.5rem;
}

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

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

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

}