@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.8em; /*20180713フォントサイズを1.6から1.8へ*/
  -webkit-text-size-adjust: 100%; /* 端末を横にしても文字サイズを拡大させない */
  font-family: "游ゴシック", YuGothic, Yu Gothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", MS Gothic, sans-serif;
}

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

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

iframe#topics { width: 100%; border: none; }

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

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

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

/* YouTube */
.yt-container { width: 100%; padding-bottom: 56.25%; height:0px; position: relative; }
.yt-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 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; }
.container,
.container-small,
.container-500 { width: 90%; margin: 0 auto; }
.container-240 { width: 60%; 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; }
.container { min-width: 1030px; } /* bootstrap-grid.min.cssのサイズの上書き */
.container-small { max-width: 850px; }
.container-500 { max-width: 500px; }
.container-240 { max-width: 240px; margin: 0 auto; }
}