/* --- 丸→ */

.Chevron-Right-maru {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(0.8);
    width: 22px;
    height: 22px;
    border: 2px solid;
    border-radius: 100px;
}

.Chevron-Right-maru::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(-45deg);
    left: 5px;
    top: 6px;
} 



/* --- 見出しライン・概要 */

.headline {
  width: 300px;
  padding: 1rem 2rem;
  border-left: 5px solid #002f1e;
  background: #f4f4f4;
  background:rgba(0,47,30,0.15);
}


/* --- メニューアイコン・レストラン */

.menuicon {
  display: inline-block;
  font-weight:bold;
  border-left: solid 9px #002f1e;
  margin: 0 auto 1px;
  padding: 0px 0 0px 10px;
}



/* --- 三角・緑 */

.dli-caret-right {
  display: inline-block;
  vertical-align: middle;
  color: #3c3c3c;
  line-height: 0;
  width: 10;
  height: 10;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: #002f1e;
  border-right: 1;
}



/* --- ■4 */

.layout-grid {
    transform: scale(1.0);
}

.layout-grid,
.layout-grid::after,
.layout-grid::before {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
}

.layout-grid::after,
.layout-grid::before {
    content: "";
    position: absolute;
    height: 4px;
    border-left: 4px solid;
    border-right: 4px solid;
}

.layout-grid::before {
    top: 0;
}

.layout-grid::after {
    bottom: 0;
} 



/* --- 上下ライン */

.doubleline {
  padding: 0.3rem 2rem;
  border-top: 3px solid #b9c6af;
  border-bottom: 3px solid #b9c6af;
}


/* --- 下線2color */
.underline {
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 1px solid #c1d286;
    width: 95%;
}

.underline:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%;
  height: 2px;
  content: '';
  background: #002f1e;
}