/* カスタマイズ用CSS */

h1.info-title {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
}

h1::before.info-title {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

.shop-info .block-1-L  {
    float:left;
    width:50%;
}
.shop-info .block-1-R  {
    float:left;
    width:50%;
    padding:10px 10px 10px 10px;
    font-size:14px;
}

.content {
    padding:10px 10px 10px 10px;
}

@media screen and (max-width: 576px) {
    .shop-info .block-1-L {
        float:left;
        width:100%;
    }
    .shop-info .block-1-R  {
        float:left;
        width:100%;
    }
}



h2.shrimp-title {
  border-bottom: solid 3px skyblue;
  position: relative;
}

h2:after.shrimp-title {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

.shrimp-info  .block-1-L {
    float:left;
    width:50%;
}

.shrimp-info  .block-1-R {
    float:left;
    width:50%;
    padding:10px 10px 10px 10px;
    font-size:14px;
}



@media screen and (max-width: 576px) {
    .shrimp-info .block-1-L {
        float:left;
        width:100%;
    }
    .shrimp-info .block-1-R  {
        float:left;
        width:100%;
    }
}