/* -----------------------------------
 共通
----------------------------------- */
body {
  font-family: "Noto Sans JP", serif;
  background-image: url(../image/bg/mb/bg_common.jpg);
}

/* ----------------------------------------
変数
---------------------------------------- */
:root {
	--general: #5B5532;
	--base_color: #5B5532;
}

/* -----------------------------------
 フォント
----------------------------------- */
.f_nsj {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.f_sancreek {
  font-family: "Sancreek", serif;
  font-weight: 400;
  font-style: normal;
}

.f_adobe_caslon_pro {
  font-family: "adobe-caslon-pro", serif;
  font-style: italic;
}

/* -----------------------------------
 トップページテキスト
----------------------------------- */
.flow_txt {
  bottom: -65px;
}
.flow_txt div {
  font-weight: 400;
  -webkit-text-stroke: 1px #5B5532;
}

/* --------------------------------
 メニュー
-------------------------------- */

/* メニュー画面全体 */
#nav {
	background: var(--brown);
}
#nav,
#nav a {
  color: #fff;
}
header .sns_list img {
  filter: var(--svg_white);
}
#menuButton.active:before {
  background: #fff;
}
#menuButton.active:after {
  background: #fff;
}

/* -----------------------------------
 footer
----------------------------------- */
.footer .inner {
  background-image: url(../image/bg/mb/bg_black.jpg);
}

/****************************** 600px ******************************/
@media (min-width: 600px){

}

/****************************** 1025px ******************************/
@media (min-width: 1025px){

  /* -----------------------------------
   トップページテキスト
  ----------------------------------- */
  .flow_txt {
      bottom: -110px;
  }

}

/****************************** 1400px ******************************/
@media (min-width: 1400px){

}