@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
}

body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	color: #323333;
	font-weight: normal;
	line-height: 1.3em;
	background:#fff;
}

p, span {
	font-size: 14px;
	color : #231815;
	line-height: 1.6em;
}

h3{
	font-size: 22px;
	margin-top: 50px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #595757;
}

img.imgphoto{
	margin-top: 50px;
}

h4 {
	font-size: 16px;
	color : #231815;
	line-height: 1.6em;
}

/*-------------------------------------------------*/

div#header {
	background:#fff url(../images/bg_sky.jpg) no-repeat top center;
	background-size: auto 730px;
}

div#header .keyvisual{
	padding : 0px;
}


div#header  div.text_jinsei{
	position: absolute;
	top: 60px;
	right: 80px;
}

div#header  div.logo_area{
	margin-top : 30px;
	text-align:center;
}

div#header  div.logo_area ul{
	border-top: solid #4C4948 2px;
	margin-top : 20px;
	width:100%;
	padding: 0px;
	padding-top : 20px;
}

div#header  div.logo_area ul li{
	text-align:center;
	list-style:none;
	margin-top : 20px;
	margin-bottom : 20px;
}

div#header  img.tate_logo{
	width:110px;
}


div#header  div.logo_area ul li a{
	font-size: 22px;
	color : #231815;
}

div#header  div.text_yatsugatake{
	margin-top : 50px;
	margin-bottom : 20px;
}

div#header  div.text_yatsugatake p{
	margin-top : 35px;
	text-align:center;
}



@media (max-width: 767px) {
	div#header  img.tate_logo{
		width:70px;
	}
	div#header  div.logo_area{
		margin-top : 10px;
	}

	div#header div.logo_area ul {
		padding-top: 5px;
	}

	div#header  div.text_jinsei{
		position: absolute;
		top: 8px;
		right: 10px;
	}
	div#header  img.yatusgatake{
		padding : 0px 10px;
	}

	div#header  div.text_yatsugatake{
		margin-top : 10px;
	}

}
@media (min-width: 768px) and (max-width: 991px) {


	div#header  img.tate_logo{
		width:80px;
	}
	div#header  div.logo_area{
		margin-top : 30px;
	}

	div#header div.logo_area ul {
		padding-top: 5px;
	}

	div#header div.text_jinsei {
		position: absolute;
		top: 30px;
		right: 40px;
	}
	
	div#header  img.yatusgatake{
		margin-top : 10px;
		padding : 0px 40px;
	}

	div#header  div.text_yatsugatake{
		margin-top : 30px;
	    margin-bottom: 0px;
	}

}
@media (min-width: 992px) and (max-width: 1199px) {
	div#header div.text_jinsei {
		position: absolute;
		top: 40px;
		right: 50px;
	}
}
@media (min-width: 1200px) {
}



/*-------------------------------------------------*/

div#photo {
	margin-top: 0px;
}

div#photo img{
	margin-bottom: 2px;
}

/*-------------------------------------------------*/

div#tokutyo {
	margin-top: 70px;
}

div#tokutyo p{
	margin-top: 0px;
}

div#tokutyo img.resort{
	margin-top: 50px;
}

@media (max-width: 767px) {
	div#tokutyo img.tateshinamap{
		margin-top: 30px;
	}
	
	div#tokutyo {
		margin-top: 30px;
	    text-align: center;
	}	
}


/*-------------------------------------------------*/

div#banner_area{
	background-color:#BBE1EB;
	padding-top:47px;
	padding-bottom:47px;
	text-align:center;
	margin-top: 50px;
}

@media (max-width: 767px) {
	div#banner_area img.kotira{
		width : 300px;
	}

	div#banner_area {
		margin-top: 30px;
	}

}

/*-------------------------------------------------*/

div#saigai{
	margin-top: 60px;
}

@media (max-width: 767px) {
	div#saigai{
		margin-top: 30px;
	    text-align: center;
	}

	div#saigai img.imgphoto {
		margin-top: 20px;
		margin-bottom: 20px;
	}

}
/*-------------------------------------------------*/

div#jinusi{
	margin-top: 60px;
}

@media (max-width: 767px) {
	div#jinusi{
		margin-top: 30px;
	    text-align: center;
	}

	div#jinusi img.imgphoto {
		margin-top: 10px;
	}
}
/*-------------------------------------------------*/

div#ichizu{
	margin-top: 90px;
}

div#ichizu div.ichizu_wrap{
	position: relative;	
}

div#ichizu div.ichizu_title{
	position: absolute;
	left: 0px;
	top: 0px;
}

div#ichizu h4{
	margin-top: 10px;
}

@media (max-width: 767px) {
	div#ichizu{
		margin-top: 40px;
	    text-align: center;
	}
	div#ichizu div.ichizu_title{
		position: relative;
	}
	div#ichizu h4 {
		margin-bottom: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	div#ichizu h4{
		margin-top: 10px;
	    width: 280px;
	}

	div#ichizu img{
		margin-top: 10px;
	}

	div#ichizu div.ichizu_title {
		position: absolute;
		left: 0px;
		top: -50px;
	}
}

/*-------------------------------------------------*/

div#bessouti{
	margin-top: 60px;
}

div#bessouti p{
	margin-top: 50px;
}

@media (max-width: 767px) {
	div#bessouti p {
		margin-top: 20px;
	}

	div#bessouti img.imgphoto {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	div#bessouti{
	    text-align: center;
	}

}

/*-------------------------------------------------*/

div#otoiawase{
	text-align:center;
	margin-top: 30px;
}

div#otoiawase div.section01{
	margin-top: 40px;
}
div#otoiawase div.section02{
	margin-top: 40px;
}
div#otoiawase div.section03{
	margin-top: 40px;
}

@media (max-width: 767px) {
	div#otoiawase{
		margin-top: 10px;
	}
	div#otoiawase img.kotira{
		width : 320px;
	}
	div#otoiawase img.kengaku{
		width : 100%;
	}
	div#otoiawase img.soumuka{
		width : 100%;
	}
}


/*-------------------------------------------------*/

div#kanrensite{
	margin-top: 50px;
}

div#kanrensite div.link_banner{
	margin-top: 40px;
}

div#kanrensite div.link_banner img{
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	div#kanrensite{
	    text-align: center;
	}

}



/*-------------------------------------------------*/

div#footer{
	border:none;
	margin-top: 40px;
	background:#fff url(../images/bg_footer.png) repeat-x top center;
	background-size: auto 180px;
    padding: 60px 0px 30px 0px;
}

div#footer img{
    margin-top: 10px;
}

div#footer address{
	font-size: 16px;
	color : #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

div#footer small{
	font-size: 12px;
	color : #fff;
}


@media (max-width: 767px) {
	div#footer {
		margin-top: 10px;
		padding: 30px 0px 20px 0px;
	    text-align: center;
	}

	div#footer img{
		margin-top: 10px;
	}
	
	div#footer address{
		font-size: 14px;
		color : #fff;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	div#footer small{
		font-size: 10px;
		color : #fff;
		line-height:1.0em;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	div#footer {
		margin-top: 10px;
		padding: 35px 0px 20px 0px;
	}

	div#footer img{
		margin-top: 10px;
	}
	
	div#footer address{
		font-size: 14px;
		color : #fff;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	div#footer small{
		font-size: 10px;
		color : #fff;
		line-height:1.0em;
	}
}

/*-----------------------------------------------------------------------*/
/*gridのgutter調整*/
/*-----------------------------------------------------------------------*/
/*↓カラム間のガター幅が60px、カラムの左右の余白が30pxになる*/
.rowgutter .col-md-5 { padding: 0 40px;}
.rowgutter .col-md-6 { padding: 0 40px;}
.rowgutter .col-md-7 { padding: 0 40px;}
.rowgutter .col-md-12 { padding: 0 40px;}
/*カラムの左右の余白を15pxに戻す*/
.rowgutter {margin: 0 0px;}

/*photo ↓カラム間のガター幅が60px、カラムの左右の余白が30pxになる*/
div#photo .rowgutter .col-md-3 { padding: 0 1px;}
/*カラムの左右の余白を15pxに戻す*/
div#photo .rowgutter {margin: 0 -1px;}


@media (max-width: 767px) {
	/*カラムの左右の余白を15pxに戻す*/
	.rowgutter .col-xs-12 { padding: 0 5px;}

	/*kanrensite ↓カラム間のガター幅が60px、カラムの左右の余白が30pxになる*/
	div#kanrensite .rowgutter .col-xs-6 { padding: 0 5px;}
	/*カラムの左右の余白を15pxに戻す*/
	div#kanrensite .rowgutter {margin: 0 10px;}


	.h3_title_02{
		width : 180px;
	}
	.h3_title_03{
		width : 300px;
	}
	.h3_title_04{
		width : 230px;
	}
	.h3_title_05{
		width : 200px;
	}
	.h3_title_06{
		width : 180px;
	}
	.h3_title_08{
		width : 180px;
	}

	h3{
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 20px;
	}


}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}