#notice{
color:#fff;
background-image:url(../img/common/bg/texture.jpg);
background-position:top center;
font-size:clamp(0.813rem, 0.767rem + 0.23vw, 0.938rem);/*15-13*/
text-shadow:0 0 4px #000 , 0 0 4px #000;
padding:30px;
margin:40px auto;}
@media screen and (max-width:640px){#notice{padding:20px;}}
@media screen and (max-width:480px){#notice{padding:10px; margin:20px auto;}}

#shop-select{display:flex; > a{width:40%;}}
@media screen and (max-width:1300px){
  #shop-select{
    width:90%; max-width:800px; flex-wrap:wrap; margin:0 auto;
    > a{width:100%;
      + a{margin-top:10px;}
    }
  }
}

#shop{
  h3{margin:40px auto !important;}
  .toggle{
    position:relative;
    color:#fff;
    background:#d69d1a;
    font-family:"Yuji Syuku", serif;
    font-size:clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);/*34-20*/
    text-align:center;
    text-shadow:0 0 4px #000, 0 0 4px #000, 0 0 4px #000;
    box-shadow:0 0 10px #000;
    padding:20px 10px;
    margin:20px auto;
    cursor:pointer;
    &::before{
      display:block;
      content:"";
      position:absolute;
      top:calc(50% - 20px);
      right:20px;
      width:40px;
      height:40px;
      background-image:url(../img/common/form/icn_select.png);
      background-size:100% 100%;
      filter:grayscale(1) brightness(70%) contrast(350%);
      transition:.2s ease-in-out;
    }
    &.open::before{transform:rotate(180deg);}
  }
  .box{
    display:none;
    color:#fff;
    background:rgba(0,0,0,.8);
    font-family:'Noto Sans JP', sans-serif;
    font-size:clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);/*20-15*/
    border-radius:10px;
    border:1px solid #d69d1a;
    padding:30px;
    margin:0 auto 60px;
    ul{
      padding:20px;
      + ul{border-top:1px solid #d69d1a;}
      li:nth-child(1){color:#d69d1a; font-weight:700; margin:0 auto 10px; &::before{display:inline-block; content:"◆"; margin-right:5px;}}
    }
  }
}

@media screen and (max-width:800px){
  #shop{
    h3{margin:40px auto 20px !important;}
    .toggle{
      padding:10px;
      &::before{
        top:calc(50% - 13px);
        right:10px;
        width:26px;
        height:26px;
      }
    }
    .box{
      padding:20px;
      ul{padding:20px 10px;}
    }
  }
}
@media screen and (max-width:480px){
  #shop{
    .box{
      padding:10px;
      ul li:nth-child(1){margin:0 auto 5px;}
      ul li:nth-child(2){font-size:13px;}
    }
  }
}