@charset "utf-8";

html, body {
	line-height:1.7em;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size:12px;
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
	color:#D4D4D4;
	height:100%;
	background:#fff;
}

#header{
	width:100%;
	margin:0; padding:0;
	min-width:800px;
	background:#000
}
#header h1{
	font-size:3.4em;
	margin:0 0 20px; padding:0
}
#header h3{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:26px;
	margin:0 0 16px; padding:0
}
#header p{
	font-size:16px;
	margin:0; padding:10px 0
}
.tit-box{
	width:1000px;
	height:100%;
	margin: 0 auto;
	padding:80px 10px;
	line-height:2em;
	box-sizing:border-box;
}
.clear {
  clear: both;
  float: none;
  width: 100%;
}
.container{
	width:100%;
	max-width:1000px;
	padding:30px 10px;
	box-sizing:border-box;
	margin:auto;
	color: #3B3B3B;
	position:relative
}
.container .gallery a img {
  float: left;
  margin:10px 5px 20px;
  width: 15%;
  height: auto;
  border: 1px solid #ccc;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
#footer{
	background:#000000;
	padding:10px 0;
	text-align:center;
	color:#FFFFFF;
}

@media (max-width: 480px) {
	#header{
		width:100%;
	min-width: inherit;
	position:relative;
	background: #000000 url(../img/oita_bg_sp.jpg) right top no-repeat;
	background-size: cover;
}

#header h3{
	font-size:22px;
	margin:12px 0; padding:0
}
#header p{
	font-size:14px;
	margin:0; padding:10px 0;
	width:90%;
	line-height:1.2em;
}
.tit-box{
width:95%;
	padding:20px 0px;
	box-sizing:border-box;
}
.container ul{
	width:95%;
	margin:auto;
	padding:0; 
}
.container .gallery a img {
  margin:5px 5px 20px 0;
  width: 25%;

}
}