@charset "utf-8";
/* CSS Document */

/*body{
	background-color:#ffdee8;
}*/

.inner{
	padding:0 15px;
	margin:0 auto;
}

.wrapper > section{
	padding:30px 0;
}

h2,h3{
	font-family: 'Zen Maru Gothic', serif;
	font-weight:700;
	text-align:center;
	font-size:3.2rem;
	margin-bottom:20px;
}

h2{
	position: relative;
	display:inline-block;
	padding: 0 70px;
}

h2:before, h2:after {
 	content:"";
	position: absolute;
	top: 50%;
	display:inline-block;
	width: 60px;
	height: 3px;
	background-color:#008965;
}

h2:before {
	left:0;
}

h2:after {
	right: 0;
}

.h2-container{
	text-align:center;
}

h3{
	font-size:2.2rem;
	margin-bottom:5px;
}

p.btn{
	width:230px;
	font-size:1.6rem;
	margin:30px auto 0;
	padding:10px 0;
	border-radius:5px;
	text-align:center;
	background-color:#008965;
}

p.btn a{
	display:block;
	color:#ffffff;
}

.toiawasekure{
	padding:60px 0;
	text-align:center;
	background-color:#008965;
}

.toiawasekure p{
	font-family: 'Zen Maru Gothic', serif;
	color:#ffffff;
	font-weight:700;
	font-size:2.0rem;
}

.toiawasekure p.btn{
	font-family: 'Noto Sans JP', sans-serif;
	background-color:#ffffff;
	font-weight:400;
	font-size:1.6rem;
}

.toiawasekure p.btn a{
	color:#008965;
}

.news dl{
	width:80%;
	margin:0 auto;
}

.news dl div{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #333333;
}

.news dl dt{
	font-weight:700;
}

.about h2{
	line-height:1.0;
}

.about h2 span{
	font-size:1.6rem;
}

.about h2 span::before{
	content:"\A";
	white-space:pre;
}

.about figure{
	width:100%;
	margin-bottom:30px;
}

.about .about_container .about_text{
	width:90%;
	margin:0 auto 20px;
}

.about .about_text p:first-child{
	margin-bottom:20px;
}

.menu-section{
	width:80%;
	margin:0 auto 30px;
}

.menu-section:last-child{
	margin-bottom:0;
}

.menu .menu-section figure{
	width:73%;
	margin:0 auto 15px;
}

.gallery .slider{
	width:90%;
	margin:0 auto;
}

.info table{
	width:85.333%;
	margin:0 auto 30px;
}

.info table th,td{
	padding:8px 0;
	text-align:left;
}

.info table th{
	width:25%;
}

.info table td{
	width:75%;
}

.gmap_wrap {
  width: 100%; /* ここに横幅を指定 */
}
 
/* Google Mapを囲う要素 */
.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width:768px){
	.wrapper > section{
		padding:60px 0;
	}
	
	.inner{
		padding:0 30px;
	}
	
	h2{
		margin-bottom:40px;
	}
	
	.toiawasekure{
		padding:80px 0;
	}
	
	.news dl div{
		display:flex;
		justify-content:space-between;
		text-align:left;
	}
	
	.news dl dt{
		width:30%;
		padding-left:2rem;
	}
	
	.news dl dd{
		width:70%;
	}
	
	.about .about_container{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	
	.about_container figure{
		width:60%;
	}
	
	.about_container figure img{
		width:100%;
	}
	
	.about .about_container .about_text p{
		width:80%;
		margin:0 auto 50px;
	}
	
	.about .about_container .about_text p:last-child{
		margin-bottom:0;
	}
	
	.menu .menu-container{
		display:flex;
		justify-content:space-between;
	}
	
	.menu .menu-section{
		width:30%;
	}
	
	.info .info-container{
		display:flex;
		justify-content:space-between;
	}
	
	.info-container table{
		width:50%;
	}
	
	.gmap_wrap{
		width:50%;
	}
	
	section.info{
		padding-bottom:120px;
	}
}

@media screen and (min-width:1024px){
	.wrapper{
		width:1024px;
		margin:0 auto;
	}
}