p.shopname{
 background-color:#FCC;
 color:#000;
 font-size:x-large;
 border-bottom:5px solid #f00;
 border-left:30px solid #f00;
}


.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 500px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.filter{
   /*filter: opacity(40%) grayscale(100%);*/
   filter: opacity(45%) grayscale(35%);

}

.filter:hover{
   filter: opacity(100%);
}


/*スマホ用コンテンツメニューCSS
アコーディオンメニュー*/

ul,li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#accordion_menu > li {
  border: #ccc 1px solid;
  margin-bottom: -1px;
}
#accordion_menu a{
  color: #666;
}
#accordion_menu a[data-toggle="collapse"]{
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover{
  background: #e7e7e7;
}
#accordion_menu a[data-toggle="collapse"]::after{
  content:"";
  display: block;
  width: 8px;
  height: 8px;
  border-top: #666 1px solid;
  border-right: #666 1px solid;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}
#accordion_menu a[aria-expanded=false]::after{
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after{
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  transition-duration: 0.3s;
}
[id^="menu"] li{
  padding: 10px 10px 10px 20px;
}