@charset "utf-8";

h3.subttl {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    padding: 2% 0 ;
    position: relative;
    text-align: center;
    margin-bottom:10px;
}
h3.subttl span,
h4.menu span{
    font-size: 1.4rem;
    margin-left: 5px;
}

.linkBox {
    text-align: left;
    width:96%;
    margin:auto;
    overflow:hidden;
}
.fullBox{
width:100%;
margin-bottom:3%;
text-align:center;
display: table;
}
.linkBox p{
font-size: 1.6rem;
line-height:2;
margin-top:1%;
}


p.shoptel{font-size:3rem;font-weight: bold;line-height: 1.2;}
p.shopmail{font-size:2rem;font-weight: bold;}

.caution{font-size:1.2rem;border:1px solid #999;padding:1%;text-align: center;}


.bns{margin:3% auto ;padding:3%;border: 1px solid #ccc;}
.bns li{text-align: left;margin-bottom:1%;}
.bns li img{width:inherit;}
.bns li span{display:block;font-size: 1.4rem;}





.site{width:98%;margin: auto;}
.site li{display: inline-block;width: calc(98% / 8);text-align: center;}
.site li img{max-width:88px;/*height:31px;*/}
.site li p{font-size:1.2rem;}

.about{text-align: left;}





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

  h3.subttl{
  font-size: 2rem;
  }
  h4.menu{
font-size: 1.6rem;
  }
  .linkBox {
      margin-top:15px;
      width: 94%;
      border:none;
      padding:0 3%;
  }
  .linkBox p {
      font-size: 1.4rem;
      line-height: 1.6;
  }
  p.shoptel{font-size:2.5rem;font-weight: bold;line-height: 1.2;}
  p.shopmail{font-size:1.8rem;font-weight: bold;}
  .site li{width: calc(98% / 4); }
}


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

  .site li{width: calc(98% / 3);}
}