@charset "utf-8";

/* ===================================================
Meal Common Unique Style （モバイルファースト）
====================================================== */

/* ---------------------------------------------------
色付き文字
------------------------------------------------------ */
.clr_point { color: #a3974b; }

/* ---------------------------------------------------
sec_tit
------------------------------------------------------ */
.sec_tit { line-height: 1.6; }
.sec_tit .font_sm { font-size: 15px; }

@media screen and (min-width: 601px) {
	.sec_tit .font_sm { font-size: 20px; }
}

/* ---------------------------------------------------
lnav
------------------------------------------------------ */
.cmn_lnav_01 { padding: 50px 0; margin-top: 0; border-image-source: linear-gradient(#f2efea, #f2efea); /* 色 */ border-image-slice: 0 fill; /* 変更しない */ border-image-outset: 0 100vw; /* どれだけはみ出すか上下左右 */ }
.cmn_lnav_01 li a { padding: 20px 0 10px 0; }
.cmn_lnav_01 li a::before { top: calc(50% - 0px); }
.cmn_lnav_01 .current a { color: #a3974b; }
.cmn_lnav_01 :not(.current) a::before { opacity: 0; top: calc(50%); }

@media screen and (min-width: 601px) {
/* .cmn_lnav_01 { flex-wrap: nowrap; } */
.cmn_lnav_01 { flex-wrap: wrap; }
.cmn_lnav_01 li{ width: 18%;}
}

/* ---------------------------------------------------
li_note
------------------------------------------------------ */
.li_note > li { padding: 0 0 0 1em; text-indent: -1em; }