@charset "utf-8";
/*--------------------------------------------------------------------

 囲み

--------------------------------------------------------------------*/
/*- html -*/
html {
  font-size: 62.5%;
}
/*- body -*/
body {
  font-size: 1.6em;
  color: #333;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1pt;
  line-height: 1.6em;
  font-weight: 500;
  background-color: #FFF;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
	max-width: 750px;
}
_:lang(x)::-ms-backdrop,
body {
  font-family: "メイリオ", Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: normal;
  font-size: 1.5em;
}
/*- wrapper/inner -*/
.inner {
	width: 92%;
	margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------------

 ページで必ず存在･使用する要素

--------------------------------------------------------------------*/
/*- 要素 -*/
.inlineB{display:inline-block;}
.block{display:block;}
/*- img -*/
img {
  display: block;
  line-height: 0;
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  width: auto;
  height: auto;
}
/*- clearfix -*/
.cf:after {
  content: " ";
  display: block;
  clear: both;
}
/*-  リンク設定 -*/
a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-decoration: none;
  color: #333;
}
a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*- グーグルマップ -*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*- page-top -*/
#page-top {
  position: fixed;
  bottom: 64px;
  right: 16px;
  font-size: 1rem;
  line-height: 1.4em;
	z-index:999;
}
#page-top a {
  background: #000;
  text-decoration: none;
  color: #fff;
  width: 48px;
  height: 48px;
  padding: 12px 0px 0;
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  opacity: 1;
}
#page-top a:hover,
#page-top a:active {
  text-decoration: none;
  opacity: 0.8;
}
/*--------------------------------------------------------------------

 レイアウトパターン

--------------------------------------------------------------------*/
/*- float -*/
.grid6 .col:nth-of-type(6n+1),
.grid5 .col:nth-of-type(5n+1),
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1){margin-left: 0; clear: left;}
/* col */
.col {float: left;}
/* grid6 col */
.grid6 .col{width:15%; margin-left:2%;}
/* grid5 col */
.grid5 .col{width:18.666666666666668%; margin-left:1.6666666666666667%;}
/* grid4 col */
.grid4 .col{width:23.5%; margin-left:2%;}
/* grid3 col */
.grid3 .col {width:32%; margin-left:2%;  margin-bottom:2%;}
/* grid2 col */
.grid2 .col {width:49%; margin-left:2%; margin-bottom:8px;}
@media screen and (max-width:896px) {
/* change grid6 to 3-column */
.grid6 .col{width:32%; margin-left:2%; margin-bottom:2%;}
.grid6 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid6 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}
/* change grid5 to 4-column */
.grid5 .col {width:32%; margin-bottom:2%;}
.grid5 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid5 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}
/* change grid4 to 3-column */
.grid4 .col {width:48%; margin-bottom:2%;}
.grid4 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid4 .col:nth-of-type(2n+1) {margin-left: 0; clear: left;}
/* change grid3 to 2-column /
.grid3 .col {width:49%;}
.grid3 .col:nth-of-type(3n+1) {margin-left:2%; clear: none;}
.grid3 .col:nth-of-type(2n+1) {margin-left: 0; clear: left;}*
/* change grid3 to 2-column 
.grid2 .col {width:100%; margin-left:0; clear: none; margin-bottom:24px;}
.grid2-nom .col {width:100%; margin:0;}*/

}
@media screen and (max-width:480px) {
	/* change grid5 to 3-column */
.grid5 .col {width:32%; margin-bottom:2%;}
.grid5 .col:nth-of-type(4n+1) {margin-left:2%; clear: none;}
.grid5 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}
.grid4 .col {width:100%; margin-left:0; clear: none;}
/*
.grid2 .col {width:100%; margin-left:0; clear: none; margin-bottom:16px;}
.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
}
*/
}