html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
	margin-bottom: 50px;
	font-family:'Lucida Grande', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;f;
/*	background-color: #fffceb;*/
/*	padding-top: 50px;*/
}
.container {
  max-width: 85%;
}


/* フッターを下部へ押しやるための、コンテンツのラッパー */
#wrapper {
  min-height: 100%;
  height: auto;
  /* フッターの高さ分だけ、ネガティブインデントを指定 */
  margin: 0 auto -50px;
  /* フッターの高さ分だけ、パディングを指定 */
  padding: 0 0 50px;
}

/* ここでフッターの高さを指定 */
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	border-top:1px solid #cccccc;
	color:#333;
}

@media (max-width: 992px) {
	.container {
  		max-width: 98%;
	}
}

/*スクロール*/
#toTop {
	width:47px;
	height:47px;
	background:url(../img/back-top-btn.png) no-repeat;
	text-align:center;
	position:fixed;
	bottom:25px;
	right:20px;
	cursor:pointer;
	display:none;
	text-indent:-9999px;
	z-index:12; 
}


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 992px) {
	.topimg{
		background-image: url("images/topimage.jpg");
		background-size:cover;
	}
}

/*************
/* footer
*************/
#footer a{color:#333;}
#footer a:hover{
/*background-color:#feffa3;*/
color:#ff0000;
}
/*************
/* header
*************/
.topimg{
clear:both;
position:relative;
line-height:0;
}
.topimg img{
max-width:100%;
height:auto;
}

/* iPad 縦 */
@media only screen and (max-width:768px){
	.topimg{padding:0px;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	.topimg{margin-left:0px;}
	.topimg h2,#mainBanner h3{font-size:80%;}
}

/************/
/* グリッドガター
************/
/*溝幅 60pxの場合*/
.gutter-60{
margin-left:-30px;
margin-right:-30px;
margin-top:-15px;
margin-bottom:-15px;
}
.gutter-60 > [class*='col-'] {
padding-left:30px;
padding-right:30px;
padding-top:15px;
padding-bottom:15px;
}