/* -----------------
基本的な設定（pc・sp共通）
------------------- */
* {
  padding: 0;
  margin: 0;
}

html {
  font-size: 62.5%;
  /* 16px*62.5%=10px 全体のフォントサイズ*/
  scroll-behavior: smooth;
}

body {
  background: #F7F3EC;
  color: #333333;
  font-size: 1.6rem;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  /*他のブラウザで見た時の太さを統一にするために指定*/
  -moz-osx-font-smoothing: grayscale;
  /*他のブラウザで見た時の太さを統一にするために指定*/
  box-sizing: border-box;
  font-weight: 400;
  display: none;
	line-height: 1.7;
}

/* マメロン設定 */

.mamelon {
 /*  font-family: "Mamelon-3HiRegular.woff2";*/
font-family: mamelon, sans-serif;
font-weight: 500;
font-style: normal;
  color: #8A690F;
}

.i {
  color: #8A690F;
}

img {
  max-width: 100%;
  /* 画像が幅いっぱいに広がるように設定*/
  height: auto;
  /* 画像の縦幅が自動で比率通りになるように設定*/
  text-indent: 100%;
  /*リキッドレイアウト：画像の下に生まれるディセンダを消す*/
  border: none;
  display: block;
  /*画像の下に生まれる余白（ディセンダ）を消す*/
	image-rendering: -webkit-optimize-contrast;
}

a {
  text-decoration: none;
  color: #333333;
  cursor: pointer;
}
.brown{
	color: #8A690F;
}
li {
  list-style: none;
  /* liタグの勝手につけられる・を消す*/
}

/* 中央寄せにしたい時に使用するクラス */

.TextCenter {
  text-align: center;
}

.roboto {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.BoldText{
	font-size: 1.8rem;
    font-weight: bold;
    color: #8A690F;
}
/* footer {
  display: none;
} */
.bold {
  font-weight: 600;
}

address {
  font-style: normal;
}
/* ページャーの設定 */
.wp-pagenavi{
	text-align: center;
}