@charset "UTF-8";
/* CSS Document */
@media (max-width:769px){
	.container{
		width: 100%;
	}
	.container2{
		width: 100%;
	}
	/*ヘッダー*/
	header{
		background-image: none;
		background-color: #fff;
		
	}
	#header_main{
		height: inherit;
		padding:0;
	}
	#header_img{
		background: url("../images/topimage.png") center top no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 404px;
	}
	/*メニュー	*/
	#g_nav ul{
		text-align: center;
		padding-right:0;
	}
	#g_nav li{
		/*width: 100%;*/
		margin: 0;
	}
	#g_nav ul li:after {
		right: 30px;
	}
	/*コンテンツ1*/
	#content1{
		padding:10px 0;
	}
	/*グーグルマップ*/
	#gmap{
		padding-top: 70vh;
	}
	/*-------------------カラム共通
	---------------------------*/
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: left;width: 100%;}
	
	/*-------------------カラム共通
	---------------------------*/
	.col1_sp{width: 8.3333333%;}
	.col2_sp{width: 16.6666667%;}
	.col3_sp{width: 25%;}
	.col4_sp{width: 33.3333333%;}
	.col5_sp{width: 41.6666667%;}
	.col6_sp{width: 50%;}
	.col7_sp{width: 58.3333333%;}
	.col8_sp{width: 66.6666667%;}
	.col9_sp{width: 75%;}
	.col10_sp{width: 83.3333333%;}
	.col11_sp{width: 91.6666667%;}
	.col12_sp{width: 100%;}
	
	.col1_sp,.col2_sp,.col3_sp,.col4_sp,.col5_sp,.col6_sp,.col7_sp,.col8_sp,.col9_sp,.col10_sp,.col11_sp,.col12_sp{float: left;}
	
	#sp_nav{
		height: 65px;
		background-color: #fff;
		border-top: 5px solid #c7b299;
	}
	#sp_nav2{
		background-color: #fff;
		border-top: 1px solid #ccc;
		padding: 15px;
	}
	.col_navleft_sp{
		width: 76%;
		float: left;
		background-color: #fff;
		padding: 10px 4%;
	}
	.col_navright_sp{
		width: 8%;
		padding: 25px 4% 15px;
		float: left;
		height: 25px;
		background-color: #000;
	}
	
}