@charset "utf-8";
@import url("ress.css");
@import url("bootstrap-grid.css");
@import url("module.css");

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

body {
  font-size: 1.6em;
  -webkit-text-size-adjust: 100%; /* 端末を横にしても文字サイズを拡大させない */
  font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif;
  letter-spacing: 0.1rem;
  background: #fff5d9;
}

html,
body {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /*慣性スクロールを設定*/
}

img { border: 0; vertical-align: bottom; }
ul { padding: 0; }


/* 汎用
----------------------------------------------------*/
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; }

.tC { text-align: center; }
.tR { text-align: right; }
.tL { text-align: left; }

.fB { font-weight: bold; }
.fX { font-size: 60%; }
.fS { font-size: 80%; }
.fM { font-size: 120%; }
.fL { font-size: 140%; }
.fLL { font-size: 160%; }

.tGo { font-family: "游ゴシック", YuGothic, Yu Gothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; }
.tMin { font-family: "游明朝", YuMincho, Yu Mincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho", serif; }
.tMaru { font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif; }
.Mono { font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace; }

/* 上方向のmargin */
.mtN { margin-top: 0; }
.mtX { margin-top: 15px; }
.mtS { margin-top: 30px; }
.mtM { margin-top: 60px; }
.mtL { margin-top: 90px; }

/* 下方向のmargin */
.mbN { margin-bottom: 0; }
.mbX { margin-bottom: 15px; }
.mbS { margin-bottom: 30px; }
.mbM { margin-bottom: 60px; }
.mbL { margin-bottom: 90px; }

/* GoogleMap */
.gmap-container { position: relative; width: 100%; height: 0;padding-top: 300px; /*高さにしたい数値*/ overflow: hidden; }
.gmap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Facebook */
.fb-container { width: 100%; }


/* 0〜575pxまでの横幅（スマートフォン）*/
img { max-width: 100%; height: auto; }
.pcOnly { display: none !important; }
.spOnly { display: inline-block !important; }
.imgL,
.imgR { float: none; margin: 0; text-align: center; }
.tRC { text-align: center; }
.tLC { text-align: center; }
.tCL { text-align: left; }
.container,
.container-large,
.container-small { width: 90%; margin: 0 auto; }


/* 横幅が576pxより大きいとき（パソコン用 smで指定）*/
@media (min-width:576px) {
html,
body { overflow-x: auto; }
.spOnly { display: none !important; }
.pcOnly { display: inline-block !important; }
.imgR { float: right; margin: 0 0 10px 10px; }
.imgL { float: left; margin: 0 10px 10px 0; }
.tRC { text-align: right; }
.tLC { text-align: left; }
.tCL { text-align: center; }
.container { max-width: 1030px; } /* bootstrap-grid.min.cssのサイズの上書き */
.container-small { max-width: 830px; }
.container-large { max-width: 1370px; }
}