@charset "utf-8";

/*********************
 window resize 774px
*********************/
@media screen and (max-width: 774px) {

	.viewBtn{
		font-size:1.1em;
	}
	/*********************
	 main_top
	*********************/
	#main_top #top_logo{
		height:45px;
	}
	#main_top #top_image{
		height: auto;
		width:100%;
	}
	#main_top .imgBox img{
		width: 75%;
		left: 50%;
		bottom: 10px;
		transform: translate(-50%,0);
	}

	/*********************
	 blog
	*********************/
	#blog article{
		padding:0 15px;
	}
	#blog .blogList{
		display:block;
		margin:0;
	}
	#blog .blogList a{
		width:100%;
		margin:40px 0 0 0;
	}
	#blog .blogList a img{
		width:100%;
	}

	/*********************
	 kodawari_top
	*********************/
	#kodawari_top{
		padding:50px 15px;
	}
	#kodawari_top article{
		display:block;
	}
	#kodawari_top article .imgBox{
		max-width:100%;
	}
	#kodawari_top article.flexreverse h1{
		font-size:1em;
		margin:0 0 25px 0;
		padding:20px 0;
		background:#f1f1f1;
	}
	#kodawari_top article h1{
		font-size:1em;
		margin:50px 0 25px 0;
		padding:20px 0;
		background:#f1f1f1;
	}

	/*********************
	 access_top
	*********************/
	#access_top{
		padding:0 15px;
		text-align:center;
	}
	#access_top div{
		display:block;
	}
	#access_top .shop {
		width:100%;
	}
	#access_top .map {
		margin-top:50px;
		max-width:100%;
		padding-top:60%; /* 比率固定 */
	}
}