@charset "UTF-8";

/*バナーライン*/
.lines-on-sides{
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
}
.lines-on-sides:before {
  content: "";
  display: block;
  border-top: solid 1px #000066;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.lines-on-sides span {
  background: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 5;
}
.lines-on-sides.sides_left{
  text-align: left;
}
.lines-on-sides.sides_left span{
  padding-left: 0;
}
.lines-on-sides.sides_right{
  text-align: right;
}
.lines-on-sides.sides_right span{
  padding-right: 0;
}

/*タイトルバナー文字*/
.titlebanner {
color: #000066;
font-size: 1.5em;
}

/*写真拡大*/
.frame img {
	width: 250px;
	height: 155px;
	border: 0;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
}
#hv:hover div img {
	width: 208px;
}
#hv:hover > div:hover img {
	width: 375px;
	height: 232px;
	margin-top: -77px;
}

/*写真要素を下の記述に認識させる用*/
.boxphoto::after{
    content: "";
    display:block;
    clear: both;
}

/* ボックスの左右 */
.boxphoto, .titlebanner
	{padding-left: 15px;
	padding-right: 15px}

/* ボックスの上下 */
.boxphoto, .titlebanner
	{padding-top: 50px;
	padding-bottom: 20px}

/* ########### 1190px 以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
 .boxphoto, .titlebanner
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}



}