@charset "utf-8";

/*********************
 main_top
*********************/
#main_top{
	position:relative;
	max-width:1200px;
	margin:0 auto;
	width:100%;
	padding:0;
}
#main_top #top_logo{
	position: absolute;
	top:15px;
	left:15px;
	z-index: 99;
}
#main_top #top_image{
	display: block;
	object-fit: cover;
	width:100%;
	object-position: right bottom;
}
/*********************
 blog
*********************/
#blog{
	width:100%;
	max-width:1200px;
	margin:100px auto;
}
#blog h1{
	font-size:2em;
}
#blog a.more_btn{
	text-decoration:none;
	color:#905822;
	padding-bottom:1px;
	border-bottom:1px solid #905822;
	padding-right:12px;
	position: relative;
}
#blog a.more_btn::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: solid 1px #905822;
  border-right: solid 1px #905822;
  position: absolute;
  right: 0px;
  top: 10px;
  transform: rotate(45deg);
}
#blog .blogList{
	flex-wrap:wrap;
	margin-bottom:50px;
	margin:0 -35px;
}
#blog .blogList a{
	display:block;
	width:calc((100% / 3) - 70px);
	margin:15px 35px 50px;
	text-decoration:none;
	color:#333;
}
#blog .blogList a:hover img{
	transition: .2s;
	opacity:0.5;
}
#blog .blogList a img{
	width:100%;
	object-fit: cover;
	aspect-ratio: 4 / 3;
	border:1px solid #eee;
}
#blog .blogList a p{
	color:#777;
	font-size:0.9em;
}
#blog .blogList a  h2{
	font-size:1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2em;
}


/*********************
 kodawari_top
*********************/
#kodawari_top{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background:#f1f1f1;
	padding:100px 50px;
}
#kodawari_top article{
	max-width:1200px;
	margin:0 auto;
}
#kodawari_top article.flexreverse{
	margin-bottom:100px;
}
#kodawari_top article .imgBox{
	max-width:500px;
}
#kodawari_top article .imgBox img{
	width:100%;
}
#kodawari_top article h1{
	font-weight:normal;
	margin:0 50px 0 0;
	font-size:1.2em;
	line-height:2em;
	padding:80px 50px;
	background:#fff;
}
#kodawari_top article.flexreverse h1{
	margin:0 0 0 50px;
}
#kodawari_top article h1 p{
	text-align:center;
	margin-bottom:50px;
}
#kodawari_top article h1 p span{
	font-weight:normal;
	font-size:1.8em;
	display:inline-block;
	background:linear-gradient(transparent 50%, #feec52 50%, #feec52 80%, transparent 80%);
	padding:10px 20px;
}

/*********************
 access_top
*********************/
#access_top{
	width:100%;
	max-width:1200px;
	margin:100px auto 0;
}
#access_top .shop {
	width:40%;
	text-align:center;
	paddding:0 50px;
}
#access_top .shop h1{
	font-size:2em;
	margin-bottom:20px;
}
#access_top .shop .min {
	font-size:0.8em;
	line-height:1.4em;
	color:#999;
	margin-bottom:20px;
}
#access_top .shop a {
	display:inline-block;
	background:#fff;
	padding:0 20px;
	height:36px;
	line-height:36px;
	margin:0 0 0 15px;
	color:#905822;
	border-radius:18px;
	border:1px solid #905822;
	text-decoration:none;
}
#access_top .map {
	position: relative;
	width: 100%;
	max-width:calc(100% - 40%);
	height: 0;
	padding-top:30%; /* 比率固定 */
}
#access_top .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}