/* --- 丸→ */

.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: 190px;
  padding: 1rem 1rem;
  border-left: 5px solid #002f1e;
  background: #f4f4f4;
  background:rgba(0,47,30,0.15);
}


.headline2 {
  width: 250px;
  padding: 1rem 1rem;
  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;
}


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

.menuicon3 {
  display: inline-flex;
  align-items: center;                   /* 上下中央揃え */
  font-weight: bold;
  border-left: solid 15px #002f1e;
  padding-left: 20px;                    /* 線と文字の間 */
  height: 30px;                          /* 好きな高さ */
  color: #002f1e;
}



/* --- ■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;
} 


/* --- 横ライン */

.dli-minus {
  display: inline-block;
  vertical-align: middle;
  color: #005635;
  line-height: 1;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  margin-right:10px;
}



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

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

/* --- 下線2color */
.underline {
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 1px solid #c1d286;
  width: 80%;
  margin: 0 auto; /* 水平方向に中央寄せ */
  text-align: center; /* テキストも中央に寄せる */
}

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