@charset "utf-8";

/* CSS Document */
html,body{
	height: 100%;
}
body{
	background-color:#fff;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#595757;
	display: flex;
  	flex-direction: column;
	font-size:14px;
	line-height:1.6;
}
/* module */
.flex{
	display: -webkit-flex; /* Safari */
  	display: flex;
}
.flex_wrap{
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.flex_between{
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
.aligncenter{
	text-align:center;
}
.wrap{
	display:table;
	max-width:1000px;
	height:100vh;
	margin: 0 auto;
    padding: 0 20px;
	
}
.section{
	display:table-cell;
	vertical-align:middle;
}
.content{
	padding-bottom:30px;
}
/* nav */
nav{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:999;
	padding:10px 0 30px;
	background-color:rgba(255,255,255,0.8);
}
#menu{
	list-style:none;
	margin:0 auto;
	padding:0;
	display:flex;
    -webkit-justify-content: center; /* Safari */
    justify-content:         center;
}
#menu li{
	margin:0 20px 0;
}
#menu li:last-of-type{
	margin:0;
	width:60px;
}
#menu li a{
	text-decoration:none;
	color:#595757;
}
#menu li a.yoyaku{
	color:#FFF;
	background-color:#666;
	padding:5px 12px;
}
.logo{
	margin:10px auto 80px;
	text-align:center;
}
.headline p{
	text-align:center;
	padding-bottom:50px;
	margin-bottom:50px;
	border-bottom:solid 1px #727171;
	width:1000px;
}

/* top */
.top_logo{
	vertical-align:middle;
	max-width:430px;
		margin:0 auto 50px;
}
.top_logo .img{
	width:100%;
}
.post_item{
	display:flex;
	padding:0 0 8px;
	border-bottom:solid 1px #CCC;
}
.post_item .date{
	margin:0 10px 0 0;
}
.post_item h2 a{
	color:#595757;
	text-decoration:none;
}
/* staff */
.p2 .staff{
	width:700px;
	margin:0 auto 30px;
}
.p2 .inner{
	margin:0 20px;
}
.p2 h2{
	font-size:21px;
	font-weight:normal;
	margin:0 0 8px;
}
.p2 h2 span{
	font-size:14px;
}
.p2 .profile{
	margin:0 0 40px;
}
/* menu */
.p3 cutmenu{
	width:800px;
	margin:0 auto;
}
.p3 .cutmenu::after{
  content:"";
  display: block;
  width:30%;
}
.p3 .type h3{
	font-size:16px;
	margin:0 0 5px;
}
.p3 .type ul{
	list-style:none;
	width:300px;
	margin:0 0 50px;
}
/* access */
.p4 p.address{
	text-align:center;
	line-height:1.8;
	margin:0 0 30px;
}
.p4 #map{
	max-width:700px;
	height:380px;
	margin:0 auto;
}
.p4 .shop_img{
	list-style:none;
	padding:0;
	margin:0 0 30px;
}
.shop_img li{
	margin-right:25px;
}
.shop_img li:last-of-type{
	margin-right:0;
}


/* single */
.single_post{
	width:680px;
	padding:0 0 60px;
}
.single_ttl{
	font-size:24px;
	font-weight:bold;
	margin: 0 0 10px;
	text-align:center;
}
.single_ttl a{
	text-decoration:none;
	color:#595757;
}
.date{
	margin:0 0 10px;
}
.blog{
	display:flex;
}
.p-sidebar{
	width:240px;
	margin:0 0 0 80px;
}
.p-sidebar h2{
	font-weight:bold;
	margin:0 0 5px;
}
.p-sidebar a{
	color:#595757;
	text-decoration:none;
}
.single img{
	padding:5px;
}
.alignright{
	float:right;
}
.alignleft{
	float:left;
}
.single_post .aligncenter {
    display: block;
    margin: 0 auto;
}
.news_posts .news{
}
.news_posts .main_txt{
	margin:10px 0 10px 200px;
} 
.news_posts .main_txt a{
	color:#595757;
	text-decoration:none;
}
.news_top{
	width:500px;
}
.news_top .main_txt{
	margin:10px 0;
	text-align:left;
}
.news_top .main_txt a{
	color:#595757;
	text-decoration:none;
}
.more{
	margin:30px 0 0;
}
.more a{
	color:#595757;
	text-decoration:none;
}
.caption_top{
	width:500px;
	margin-bottom:50px;
	text-align:left;
}
.map{
	width:700px;
	margin:0 auto;
}