@import url(common.css);
article#content {
  max-width: 980px;
  margin: 0 auto;
}
#wrapper {
  padding-top: 88px;
}
#header .lower_header {
  	background-color: #fff;
	text-align: center;
	width: 100%;
	color: #fff;
	position: fixed; /* ヘッダーバーを固定 */
	transform: translate3d(0,0,0);
	padding: 15px 0;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  background-color:#000;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  background-color:#fff;
}
.sp_header {
  height: 68px;
  position: fixed;
  background-color:#fff;
  width: 100%;
  transform: translate3d(0,-88px,0);
  z-index: 100;
  padding-top: 15px;
}

.sp_header .logo {
  text-align: center;
  margin: 0 auto;
}
.sp_header .logo h1 img {
  position:relative;
  top:17px;
  width: 220px;
}


/*blog*/
#header_blog {
  background-image: url(../img/blog/header_blog.png);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
  position: relative;
}

#header_blog h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  top:40%;
  line-height: 32px;
}

@media (max-width: 980px) {
	#wrapper {
		padding-top: 68px;
	}
	#header_blog {
		padding: 12% 0;
	}
	#header_blog h1 {
		top:20%;
		font-size: 25px;
	}
}
@media screen and (min-width: 1025px) {
	.blog #column_l {
	  max-width: 730px;
	}
}

@media (min-width: 981px) {
	#header .cb-header {
	  display: block;
	}
}
.blog #column_l section {
  margin-bottom: 40px;
  width: 100%;
}
.blog #column_l section div.img_box img {
  width: 100%;
}
.blog #column_l section div.article p.date {
	float: left;
	margin-right: 10px;
	font-weight: 300;
	padding:3px 0;
}
.blog #column_l section div.article p.category {
	float: left;
	display: inline-block;
	background-color: #59493f;
	color:#fff;
	font-size: 12px;
	font-weight: 300;
	padding:3px 16px;
}
.blog #column_l section div.article h3.title {
	font-size: 20px;
	line-height: 28px;
	margin: 10px auto;
}
.blog #column_l section div.article h3.title a {
	color: #59493f;
}
.blog #column_l section div.article .list_content a {
	color: #59493f;
}
.blog #column_l section div.article p.title {
  max-width: 360px;
}
.blog #column_l section div.article p.img_box {
  max-width: 100%;
  margin-bottom: 40px;
}
.blog #column_l section div.article p.img_box img {
  width: 100%;
}
.blog #column_l section div.article div.text {
  max-width: 100%;
  font-size: 14px;
  line-height: 26px;
}

.blog #column_l #paging {
  width: 100%;
  margin-bottom: 80px;
}
.blog #column_l #paging > p {
  display: inline-block;

}
.blog #column_l #paging > p {
  width: 58%
}
.blog #column_l #paging > p.next,
.blog #column_l #paging > p.prev {
  width: 20%;
}
.blog #column_l #paging a {
	color: #59493f;
}
.blog #column_l #paging > p a span {
  font-size: 36px;
  font-weight: 100;
  font-size: 12px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
.blog #column_l #paging > p a:hover span {
  opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
.blog #column_l #paging > p img {
  vertical-align: middle;
  margin: 10px;
  position:relative;
  top:-3px;
}
.blog #column_l #paging > p.page,
.blog #column_l #paging > p.back {
  text-align: center;
}
.blog #column_l #paging > p.back a span {
  display: inline-block;
  border:solid 2px #59493f;
  width: 100px;
  height: 20px;
  font-size: 12px;
  font-weight:300;
  padding:5px 0px 0px 0px;
  -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
.blog #column_l #paging > p.back:hover a span,
.blog #column_l #paging > p.page a:hover span {
  background:#59493f;
  color:#fff;
  -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
}
.blog #column_l #paging > p.page a span {
  display: inline-block;
  padding-top:6px;
  height: 19px;
  width: 25px;
  border:solid 2px #59493f;
}
.blog #column_l #paging > p.page a span.on {
  display: inline-block;
  background-color: #59493f;
  color:#fff;
}
.blog #column_l #paging > p.next {
  text-align: right;
}
@media (min-width: 981px) {
	.blog #column_l section div.img_box a:hover {
		opacity: 0.8;
		-webkit-transition: 0.3s ease-in-out;  
	       -moz-transition: 0.3s ease-in-out;  
	         -o-transition: 0.3s ease-in-out;  
	            transition: 0.3s ease-in-out;
	}
	.blog #column_l section div.article .list_content a:hover {
		text-decoration: underline;
	}
}
@media (max-width: 980px) {
	.blog #column_l #paging > p {
	  width: 57%
	}
	.blog #column_l #paging > p img {
		margin: 6%;
	}
}

.blog #column_r {
  margin-left: 50px;
  width: 200px;
}
.blog #column_r > div {
  margin-bottom: 30px;
}
.blog #column_r div h3 {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 16px;
  margin-bottom: 10px;
}
.blog #column_r div.post ul li {
  display: inline-block;
  width: 100%;
  float: none;
  margin: 10px auto;
}
.blog #column_r div.category ul li,
.blog #column_r div.archive ul li {
  display: inline-block;
  width: 100%;
  float: none;
  margin: 6px auto;
}
.blog #column_r div h3 {
	color: #59493f;
}
.blog #column_r div.category ul li a,
.blog #column_r div.archive ul li a {
	color: #59493f;
}
.blog #column_r div.ranking ul li {
  margin: 30px auto;
}
.blog #column_r div.ranking ul li span {
  background-color: #59493f;
  color:#fff;
  font-size: 12px;
  display: inline-block;
  width: 25px;
  height: 20px;
  text-align: center;
  padding-top:4px;
  vertical-align: middle;
  margin-right: 15px;
  margin-top:18px;
}
.blog #column_r div.ranking ul li p {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  font-size: 13px;
  margin-top: 16px;
}
.blog #column_r div.ranking ul li a,.blog #column_r div.post ul li a {
	color: #59493f;
}
.blog #column_r div.ranking ul li .rank_img img {
	width: 100%;
}
.blog #column_r div.sns a {
  margin: 0 5px;
}

@media (min-width: 981px) {
	.blog #column_r {
	  max-width: 200px;
	}
	.blog #column_l,
	.blog #column_r {
	  margin: 80px auto;
/* 	  display: inline-block; */
	  vertical-align: top;
	}
	.blog #column_l {
  	float: left;
	}
	.blog #column_r {
  	float: right;
	}
	.blog #column_l section div.detail {
		width: 720px;
	}
	.blog #column_l section div.img_box {
		max-width: 330px;
		width: 330px;
		float: left;
	}
	.blog #column_l section div.list {
		width: 345px;
		margin-left: 25px;
		float: right;
	}
	.blog #column_l section div {
	  display: inline-block;
	  vertical-align: top;
	}
}
@media (max-width: 980px) {
	.blog #column_l {
		width: 90%;
		margin: 30px auto;
	}
	.blog #column_r {
		width: 90%;
		margin: 0 auto;
	}
	.blog_list #column_l section {
		border-bottom: 3px #59493f solid;
		padding-bottom: 30px;
	}
	.blog_list #column_l section:last-child {
		border-bottom: none;
	}
	.blog #column_l section div {
	  vertical-align: top;
	}
	.blog #column_l section div.list {
		max-width: 100%;
		width: 90%;
		margin: 0 auto;
	}
	.blog #column_l section div.img_box {
		max-width: 100%;
		width: 90%;
		margin: 0 auto 10px;
	}
	.blog #column_l section div.article h3,
	.blog #column_l section div.article span,
	.blog #column_l section div.article p.title {
		margin-left:5px;
	}
	.blog #column_l section div.article h3 {
		margin-top: 10px;
	}
	.blog #column_r div h3 {
		padding-bottom: 8px;
	}
	.blog #column_r div.ranking ul li {
		margin: 15px 0;
		border-bottom: 1px solid #d2d2d2;
	}
	.blog #column_r div.ranking ul li:last-child {
		border-bottom: none;
	}
	.blog #column_r div.ranking .rank_l {
		float: left;
		width: 35%;
	}
	.blog #column_r div.ranking .rank_l img {
		width: 100%;
	}
	.blog #column_r div.ranking .rank_r {
		float: right;
		width: 60%;
	}
	.blog #column_r div.ranking ul li span {
		vertical-align: top;
		margin-top: 0;
	}
	.blog #column_r div.ranking ul li p {
		width: 80%;
		margin-top: 0;
	}
	.blog #column_r div.sns a img {
		width: 15%;
	}
}

.wp-pagenavi {
	width: 45%;
	margin: 0 auto;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi .last,.wp-pagenavi .first {
	display: none;
}
.wp-pagenavi .previouspostslink {
	display: inline-block;
	float: left;
	background: url(../img/blog/arrow_prev.png) no-repeat;
	background-position: left center;
	color: #59493f;
	padding: 2% 0 2% 20px;
	margin-right: 25px;
}
.wp-pagenavi .nextpostslink {
	display: inline-block;
	float: right;
	background: url(../img/blog/arrow_next.png) no-repeat;
	background-position: right center;
	color: #59493f;
	padding: 2% 20px 2% 0;
}
.wp-pagenavi .page {
    display: inline-block;
    border: solid 2px #59493f;
    padding: 5px 10px;
    box-sizing: border-box;
    color: #59493f;
    text-align: center;
    margin: 0 1%;
}
.wp-pagenavi .page:hover {
	background-color: #59493f;
	border: solid 2px #59493f;
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out
}
.wp-pagenavi .current {
	display: inline-block;
	background-color: #59493f;
	border: solid 2px #59493f;
	padding: 5px 10px;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	margin: 0 1%;
}
.count1 .current {
	margin: 0 1% 0 25%;
}
@media (max-width: 980px) {
	.wp-pagenavi {
		width: 100%;
	}
	.wp-pagenavi .previouspostslink {
		margin-right: 13%;
	}
	.count1 .current {
		margin: 0 1% 0 30%;
	}
}

/*images*/
article.images {
  width: 100%;
/*   max-width: 1400px; */
  font-size: 0;
  vertical-align: bottom;
  margin: 0 auto;
  padding: 0;
  letter-spacing: -0.4em;
}
#header_images {
  background-image: url(../img/images/header_image.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
  background-position: 70% center;
}
#header_images h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}

@media (max-width: 980px) {
 #header_images {
   padding: 12% 0;
 }
 #header_images h1 {
   top:40%;
   font-size: 25px;
 }
}

article.images p.img_box {
	float: left;
	margin: 0;
	width: 20%;
	overflow: hidden;
	letter-spacing: -0.4em;
	*display: inline;
	*zoom: 1
}
article.images p.img_box img {
	width: 100%;
	vertical-align: top;
}
@media (max-width: 980px) {
	article.images p.img_box {
		width: 33.3%;
	}
}

/* dish */
#header_dish {
  background-image: url(../img/dish/header_dish.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
  background-position: 70% center;
}
#header_dish h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
@media (max-width: 980px) {
 #header_dish {
   padding: 12% 0;
 }
 #header_dish h1 {
   top:40%;
   font-size: 25px;
 }
}

/* Instagram */
#instagram {
  clear: both;
  text-align: center;
  padding:80px 0 140px;
  background: #fff;
}
#instagram .instagram_in {
	max-width: 980px;
	width: 98%;
	margin: 0 auto;
	margin-top: 80px;
}
#instagram h2 {
  margin: 0px 0px 60px 0px;
  font-size: 30px;
  font-weight: normal;
  position: relative;
}
#instagram h2 .more {
  position: absolute;
  right: 0px;
}
@media screen and (min-width: 981px) {
	#instagram h2 span {
	  display: inline-block;
	}
}
@media screen and (max-width: 980px) {
	#instagram {
	  padding:20px 0 60px;
	}
	#instagram h2 {
		margin: 0 0 30px 0;
		font-size: 25px;
	}
	#instagram .more {
		margin: 20px auto;
	}
	#instagram .more a {
		text-align: center;
		width: 70%;
		background-position:90% center;
		padding: 13px 0;
		font-size:14px;
	}
}
#instagram_list {
  width: 93%;
  margin: 0 auto;
  overflow: auto;
}
@media screen and (min-width: 981px) {
	#instagram_list > p {
	  text-align: center;
	}
	#instagram_list > p a {
		display: block;
		width: 24%;
		float: left;
		margin: 0.5%;
		padding-top: 24%;
	}
}
@media screen and (max-width: 980px) {
	#instagram_list {
		width: 94%;
	}
	#instagram_list > p {
		margin: 5px;
		text-align: center;
	}
	#instagram_list > p a {
		display: block;
		width: 32%;
		float: left;
		margin: 0.5%;
		padding-top: 32%;
	}
}

/*contact*/
#header_contact {
  background-image: url(../img/contact/header_contact.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
}

#header_contact h2 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}

article.contact {
  width: 980px;
  margin: 0 auto;
  padding: 70px 0;
}
@media screen and (max-width: 980px) {
  #header_contact {
    padding: 12% 0;
  }
  article.contact {
    width: 100%;
    padding: 50px 0;
  }
}
@media screen and (min-width: 981px) {
	article.contact p.description {
	  display: inline-block;
	  border-bottom:solid 1px;
	  width: 100%;
	  display: inline-block;
	  padding: 0 0 40px 64px;
	  box-sizing: border-box;
	  margin: 0 auto 30px;
	}
	article.contact p.description span {
		color: #a40000;
	}
	article.contact p.error_text {
		color: #a40000;
		padding: 0 0 20px 64px;
	}
}
@media screen and (max-width: 980px) {
	article.contact p.description {
		width: 94%;
		margin: 20px auto;
		border-bottom:solid 1px;
		padding-bottom: 20px
	}
	article.contact form ul li p.title {
		margin-bottom: 5px;
	}
	article.contact p.error_text {
		width: 94%;
		margin: 0 auto;
		color: #a40000;
		padding: 0 0;
	}
}
article.contact form ul li {
  margin: 30px auto;
}
article.contact form ul li p.title span.alert {
  color:#a40000;
}
article.contact form ul li p {
  display: inline-block;
  vertical-align: middle;
  width: 623px;
}
article.contact form ul li p.title {
  width: 230px;
}
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
/*
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
*/
}

article.contact form input[type="checkbox"] {
  border:solid 1px #6c6c6c;
  width: 16px; 
  height: 16px;
  border-radius: 4px;
  background:linear-gradient(white, #f1f1f1);
}
article.contact form label {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0;
}
article.contact form ul li p textarea {
  width: 620px;
  height: 220px;
  background-color:#e5e5e5;
  border-radius: 2px;
  padding-left: 10px;
  padding-top:10px;
}
@media screen and (min-width: 981px) {
	article.contact form ul li p input[type="text"],
	article.contact form ul li p input[type="tel"],
	article.contact form ul li p input[type="email"]{
	  width: 620px;
	  height: 50px;
	  background-color:#e5e5e5;
	  border-radius: 2px;
	  padding: 10px;
	  box-sizing: border-box;
	}
	article.contact form ul li p input.tel {
		width: 31.8%;
	}
	article.contact form ul li p textarea {
		width: 620px;
		padding: 10px;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 980px) {
	article.contact form ul li {
		width: 94%;
		margin: 30px auto;
	}
	article.contact form ul li p input[type="text"],
	article.contact form ul li p input[type="tel"],
	article.contact form ul li p input[type="email"],
	article.contact form ul li p textarea  {
		width: 100%;
		height: 50px;
		background-color:#e5e5e5;
		border-radius: 2px;
		padding: 10px;
		margin-bottom: 10px;
		box-sizing: border-box;
  	}
  	article.contact form ul li p textarea {
	  	height: 100px;
  	}
	article.contact form ul li p {
		width: 100%;
		margin: 0 auto;
	}
	article.contact form ul li p input.tel {
		padding: 10px;
		width: 30%;
		box-sizing: border-box;
	}
}
article.contact form .posi {
  display: inline-block;
  background-color:#59493f;
  padding:16px 80px;
      font-size: 16px;
  color:#fff;
  margin: 0px 10px 30px 10px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
article.contact form .posi:hover {
  opacity: 0.8;
      -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
article.contact form span.nega input {
  background-color:#e5e5e5;
  color:#362e2b;
}

article.contact form a.deco {
  text-decoration: underline;
}
article.contact form  span.nega input[type="reset"] {
  display: inline-block;
  background-color:#59493f;
  padding:16px 68px;
  color:#fff;
  border-radius: none;
  font-size: 16px;
  background-color:#e5e5e5;
  color:#362e2b;
  position: relative;
  top:-13px;
  -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
article.contact form  span.nega input[type="reset"]:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out
}
@media screen and (max-width: 980px) {
	article.contact form .posi {
		padding: 16px 16%;
	}
  article.contact form  span.nega input[type="reset"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin-bottom: 16px;
      padding:16px 16%;
      top: -7px;
    }
}
.centering {
  width: 100%;
}
.complete_text {
	width: 94%;
	margin: 50px auto;
	line-height: 1.5em;
	text-align: center;
}

/*fair*/
#header_fair {
  background-image: url(../img/fair/header_fair.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
}
#header_fair h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
article.fair {
  max-width: 980px;
  width: 98%;
  margin: 0 auto;
  padding-bottom:50px;
}
@media screen and (max-width: 980px) {
  #header_fair {
    padding: 12% 0;
  }
  #header_fair h1 {
    font-size: 24px;
  }
  article.fair {
    width: 94%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
}
article.fair div.category {
  width: 100%;
  border-bottom:solid 1px;
  margin-top: 60px;
  margin-bottom: 30px;
}
article.fair div.category > section {
  border-bottom: solid 2px;
  margin-bottom: 5px;
  margin-top: 30px;
}
article.fair div.category ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
article.fair div.category ul li.title {
	padding: 4px 10px;
}
article.fair div.category ul li.on {
	display: block;
	padding: 4px 10px;
	color: #fff;
	border: 1px #59493f solid;
	background: #59493f;
}
article.fair div.category ul li.cate a {
	display: block;
	padding: 4px 10px;
	color: #59493f;
	border: 1px #59493f solid;
}
article.fair div.category ul li.cate a:hover {
	background: #59493f;
	color: #fff;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
article.fair .fair_list section {
/*   display: inline-block; */
  margin: 0px 3.4% 54px 0px;
  float: left;
  width: 31%;
}
@media screen and (min-width: 981px) {
	article.fair .fair_list .infolist_icon p {
		float: left;
	}
	article.fair .fair_list .infolist_icon p.date {
		padding: 5px;
		margin-left: 5px;
	}
}
article.fair .fair_list .infolist_icon {
	margin-top: 10px;
}

article.fair .fair_list .infolist_icon p.date {
	margin-bottom:5px;
}
article.fair .fair_list .infolist_icon p.info_cate {
	text-align: center;
	background-color:#59493f;
	color:#fff;
	font-size: 12px;
	padding: 5px;
	float: left;
}
article.fair section p.description {
  display: inline-block;
  width: 300px;
  font-size: 15px;
  line-height: 24px;
  margin-top:14px;
}
article.fair section a.btn {
  box-sizing: border-box;
  display: block;
  width: 300px;
  padding: 10px 0;
  box-sizing: border-box;
  margin-top: 27px;
  background-color:#59493f;
  border:solid 1px #59493f;
  color:#fff;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
article.fair section a.btn:hover {
  background-color:#fff;
  color:#59493f;
  border:solid 1px #59493f;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
article.fair section a.btn span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.fair .img img {
	max-width: 300px;
	width: 100%;
}
@media screen and (min-width: 981px) {
	article.fair .fair_list section:nth-child(3n) {
		margin-right: 0;
	}
	article.fair section .date p {
		display: inline-block;
	}
	article.fair section .date span {
	  margin-left: 16px;
	}
}
@media screen and (max-width: 980px) {
	article.fair div.category {
		margin: 40px auto;
	}
	article.fair div.category > span {
		display: block;
		font-size: 26px;
		margin-bottom:20px;
	}
	article.fair .fair_list section {
		width: 48%;
		vertical-align: top;
		margin-right: 4%;
	}
	article.fair .fair_list section:nth-child(2n) {
		margin-right: 0;
	}
	article.fair section p.description {
		width: 100%;
		margin: 10px auto 0;
	}
	article.fair section a.btn {
		width: 100%;
		padding: 7px 0;
		box-sizing: border-box;
		margin-top: 10px;
	}
}

article.fair section.detail {
  padding-top:40px;
  margin: 0;
}
article.fair section.detail div.img_box {
  float: left;
  vertical-align: top;
	max-width: 500px;
	width: 100%;
}
article.fair section.detail div.img_box img {
  width: 100%;
  height: 100%;
}
article.fair section.detail .detail_r {
	float: right;
	max-width: 460px;
}
article.fair section.detail .detail_r p {
	font-size: 16px;
}
article.fair section.detail .detail_r p.date {
	padding: 5px;
	margin-right: 10px;
	float: left;
}
article.fair section.detail .detail_r p.info_cate {
	padding: 5px;
	color: #fff;
	background: #59493f;
	float: left;
}
article.fair section.detail .detail_r p.title {
	margin-top: 10px;
}
article.fair section.detail .text {
	margin-top: 20px;
	line-height: 1.5em;
	max-width: 410px;
}
article.fair section.text {
  margin: 40px auto;
  line-height: 1.5em;
}
article.fair div.centering a.btn {
  display: inline-block;
  background-color:#59493f;
  padding:8px 36px;
  color:#fff;
  margin: 48px auto;
  border: 2px #59493f solid;
}
@media screen and (min-width: 981px) {
	article.fair section.detail div.img_box {
	  float: left;
	}
	article.fair div.centering a.btn:hover {
		background-color:#fff;
		  padding:8px 36px;
		  color:#59493f;
		  margin: 48px auto;
		  border: 2px #59493f solid;
		opacity: 0.8;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 		
	}
}
@media screen and (max-width: 980px) {
	article.fair section.detail {
		padding-top: 0;
	}
	article.fair section.detail div.img_box {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	article.fair section.detail .detail_r {
		margin-top: 10px;
		float: none;
	}
	article.fair section .date p {
		margin: 7px auto;
	}
	article.fair section.detail .title,
	article.fair section.detail .text {
		width: 98%;
	}
	article.fair section.detail .text {
		font-size: 15px;
	}
	article.fair > div.centering > a.btn {
		margin: 20px auto;
	}
}

article.fair #paging {
  width: 100%;
  margin-bottom: 80px;
}
article.fair #paging > p {
  display: inline-block;
  width: 60%;
}
article.fair #paging > p.next,
article.fair #paging > p.prev {
  width: 18%;
}
article.fair #paging > p.next {
  text-align: right;
}
article.fair  #paging a {
	color: #59493f;
}
article.fair #paging > p a span {
  font-size: 36px;
  font-weight: 100;
  font-size: 12px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
article.fair #paging > p a:hover span {
  opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
article.fair #paging > p img {
  vertical-align: middle;
  margin: 10px;
  position:relative;
  top:-3px;
}
article.fair #paging > p.page,
article.fair #paging > p.back {
  text-align: center;
   width: 62%;
}
article.fair #paging > p.back a span {
  display: inline-block;
  border:solid 2px #59493f;
  width: 100px;
  height: 20px;
  font-size: 12px;
  font-weight:300;
  padding:5px 0px 0px 0px;
  -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
article.fair #paging > p.back:hover a span,
article.fair #paging > p.page a:hover span {
  background:#59493f;
  color:#fff;
  -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 

}
article.fair #paging > p.page a span {
  display: inline-block;
  padding-top:6px;
  height: 19px;
  width: 25px;
  border:solid 2px #59493f;
}
article.fair #paging > p.page a span.on {
  display: inline-block;
  background-color: #59493f;
  color:#fff;
}
@media (max-width: 980px) {
	article.fair #paging > p.next,
	article.fair #paging > p.prev {
	  width: 20%;
	}
	article.fair #paging > p.page,
	article.fair #paging > p.back {
	  text-align: center;
	   width: 57%;
	}
	article.fair #paging > p img {
		margin: 6%;
	}
}

/*concept*/
#header_concept {
  background-image: url(../img/concept/header_concept.jpg);
  text-align: center;
  padding:21% 0;
  background-size: cover;
}
#header_concept h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto 30px;
  line-height: 32px;
}
#header_concept p {
  color:#fff;
  font-size: 20px;
  line-height: 1.5em;
}
.concept_btn {
	margin-top: 40px;
}
#header_concept .btn_movie {
	margin-top: 20px;
}
#header_concept .btn_movie a {
	color: #fff;
	border: 1px #fff solid;
	padding: 7px 35px 7px 30px;
	background: url(../img/movie_btn.png) no-repeat;
	background-position: 95% center;
	background-size: 5%;
	display: block;
	width: 15%;
	margin: 0 auto;
}
#header_concept .btn_movie a:hover {
	background-color:rgba(255,255,255,0.3);
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 980px) {
#header_concept .btn_movie a {
	width: 50%;
	background-size: 4%;
}
}

#header_wedding .btn_movie {
	margin-top: 20px;
}
#header_wedding .btn_movie a {
	color: #fff;
	border: 1px #fff solid;
	padding: 7px 35px 7px 30px;
	background: url(../img/movie_btn.png) no-repeat;
	background-position: 95% center;
	background-size: 4%;
	display: block;
	width: 15%;
	margin: 0 auto;
}
#header_wedding .btn_movie a:hover {
	background-color:rgba(255,255,255,0.3);
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 980px) {
#header_wedding .btn_movie a {
	width: 50%;
	background-size: 4%;
}
}

article.concept {
  width: 100%;
  margin: 0 auto;
}
div.par {
  position: fixed;
  height: 1200px;
  width: 100%;
  background-image: url(../img/concept/cake.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: repeat-y;
  transform: translate3d(0,0,0);
  z-index: -1;
}
@media screen and (max-width: 980px) {
  #header_concept {
    padding: 26.79% 0;
  }
  #header_concept h1 {
    font-size: 24px;
    text-align: center;
  }
  #header_concept p {
	  width: 90%;
	  margin: 0 auto;
	  text-align: center;
	  font-size: 18px;
  }
}
article.concept div.text {
  background-image: url(../img/concept/2block.jpg);
  background-color: transparent;
  text-align: center;
  margin-bottom: 200px;
  line-height: 1.8em;
  padding: 20px 0;
}
article.concept div.text p {
  margin: 150px 8px;
  font-size: 16px;
}
@media screen and (max-width: 980px) {
	article.concept div.text {
		margin-bottom: 150px;
	}
	article.concept div.text p {
		width: 90%;
		margin: 100px auto;
		font-size: 14px;
	}
}

.bnrarea div.menu {
  background-image: url(../img/pattern_concept.jpg);
  text-align: center;
  background-size: inherit;
  background-repeat: repeat;
}
.bnrarea div.menu section {
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  padding:85px 0;
  color:#fff;
}
.bnrarea div.menu section h3 {
	margin: 20px auto;
	font-size: 18px;
}
.bnrarea div.menu section a.img:hover {
	opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
.bnrarea div.menu section p.more_btn a {
  color:#fff;
  background: url(../img/top_arrow.png) no-repeat;
  background-size: 5%;
  background-position: 90% center;
  display: inline-block;
  width: 150px;
  height: 26px;
  padding-top:6px;
  border:solid 1px #fff;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
.bnrarea div.menu section p.more_btn a:hover {
  background-color:rgba(255,255,255,0.3);
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 980px) {
	.bnrarea div.menu section p.more_btn a {
		width: 80%;
		margin: 0 auto;
		background-position: 93% center;
	}
	.bnrarea div.menu {
		background-repeat: repeat;
		background-size: inherit;
		padding: 50px 0;
	}
	.bnrarea div.menu section {
		padding: 20px 0;
		width: 43%;
		margin: 0 5px;
		vertical-align: top;
	}
	.bnrarea div.menu section img {
		width: 100%;
	}
}

#fair_link {
	padding: 200px 0 160px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
	position: relative;
  background-image:url(../img/bg_fair_link.jpg);
}
#fair_link h2 {
  display:block;
  color:#fff;
  font-weight: normal;
  font-size: 34px;
  z-index: 2;
	position: initial;
}
#fair_link p a {
	background-image: url(../img/arrow_r_s.png);
	background-repeat: no-repeat;
	background-position: 90% center;
  display: block;
  padding:10px;
  margin: 30px auto 0;
  width: 200px;
  font-size: 16px;
  color:#fff;
  border:solid 1px #FFF;
  z-index: 2;
	position: initial;
		-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}
#fair_link p a:hover {
	background: rgba(255,255,255,0.3);
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
            background-image: url(../img/arrow_r_s.png);
	background-repeat: no-repeat;
	background-position: 90% center;
}
@media screen and (max-width: 980px) {
	#fair_link {
	  padding: 90px 0 70px;
	  background-image:url(../img/bg_fair_link.jpg);
	}
	#fair_link h2 {
		font-size: 25px;
	}
}


/*place*/
#header_place {
  background-image: url(../img/place/header_place.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
}
#header_place h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
article.place {
  width: 980px;
  margin: 0 auto;
  padding-top:80px;
  padding-bottom:100px;
}
  article.place section.lefter div.pc,
  article.place section.righter div.pc {
    display: block;
  }
  article.place section.lefter div.sp,
  article.place section.righter div.sp {
    display: none;
  }

article.place section.lefter,
article.place section.righter {
  margin-bottom: 80px;
}
article.place section.lefter div.text,
article.place section.righter div.text {
  display: inline-block;
  width: 280px;
  vertical-align: middle;
  text-align: left;
}
article.place section.lefter div.text p,
article.place section.righter div.text p {
	line-height: 1.5em;
}
article.place section.lefter div.text {
  padding-left: 80px;
}
article.place section.righter div.text {
  padding-right: 80px;
}
article.place section.lefter div.pc,
article.place section.righter div.pc  {
	display: inline-block;
}
article.place section.lefter div.sp,
article.place section.righter div.sp{
	display: none;
}
@media screen and (max-width: 980px) {
  #header_place {
    padding: 12% 0;
  }
  #header_place h1 {
    font-size: 24px;
  }
  article.place {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0 0;
  }
  article.place section.lefter,
  article.place section.righter {
    text-align: center;
    margin-bottom: 40px;
  }
  article.place section.lefter div.pc,
  article.place section.righter div.pc  {
    display: none;
  }
  article.place section.lefter div.sp,
  article.place section.righter div.sp{
    display: inline-block;
  }
  article.place section.lefter div.text,
  article.place section.righter div.text {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 980px) {
  article.place section.lefter div.text,
  article.place section.righter div.text {
    width: 100%;
    padding:0;
  }
}
article.place section.lefter div.text h3,
article.place section.righter div.text h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 30px;
  width: 100%;
  text-align: left;
  line-height: 34px;
}
article.place section.lefter div.text span.more,
article.place section.righter div.text span.more {
  display: block;
  background-color: #59493f;
  color:#FFF;
  width: 75px;
  height: 26px;
  margin-top: 30px;
  padding: 9px 0px 0px 25px;
  background-image: url(../img/arrow_wh.png);
  background-repeat: no-repeat;
  background-position: 80px center;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
article.place section.lefter div.text span.more:hover,
article.place section.righter div.text span.more:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
article.place section.lefter div.img_box ,
article.place section.righter div.img_box {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 980px) {
  article.place section.lefter div.img_box ,
  article.place section.righter div.img_box  {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  article.place section.lefter div.img_box img,
  article.place section.righter div.img_box img {
    width: 100%;
    height: 100%;
  }
  article.place section.lefter div.text h3,
  article.place section.righter div.text h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  article.place section.lefter div.text span.more,
  article.place section.righter div.text span.more {
    width: 70%;
    margin: 20px auto;
    text-align: center;
    background-position: 95% center;
    padding: 9px 0px 0px 0px;
  }
  article.place section.centering {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  article.place section.centering img {
    width: 100%;
    height: 100%;
  }
}

/*recruit*/
#header_recruit {
  background-image: url(../img/recruit/header_recruit.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
}
#header_recruit h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
article.recruit {
  width: 100%;
  margin: 0 auto;
  padding-bottom:100px;
}
@media screen and (max-width: 980px) {
  #header_recruit {
    padding: 12% 0;
  }
  #header_recruit h1 {
    font-size: 25px;
  }
  article.recruit {
    width: 100%;
    padding: 0;
  }
}
article.recruit section.vision {
  background-image: url(../img/bg_concrete.jpg);
  background-size: inherit;
  background-repeat: repeat;
  display: block;
  width: 100%;
  text-align: center;
  padding: 100px 0;
}
article.recruit section.vision h3 {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 30px;
}
article.recruit section.vision p {
	max-width: 980px;
	width: 98%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 30px;
}
article.recruit section.interview {
	padding: 80px 0 0;
}
article.recruit section.interview h2 {
  font-size: 28px;
  font-weight: 300;
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
}
article.recruit section.interview .staff {
	display: block;
  width: 980px;
  margin: 0 auto;
  background-image: url(../img/recruit/banner_staff01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 7% 0;
  color:#fff;
}
article.recruit section.interview .staff h3,
article.recruit section.interview .staff p {
  margin-left: 60%;
}
article.recruit section.interview .staff h3 {
  font-size: 13px;
  font-weight: 300;
}
article.recruit section.interview .staff p {
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 980px) {
	article.recruit section.vision {
		padding: 50px 0;
		background-size: contain;
		background-repeat: repeat;
		background-position: center top;
	}
	article.recruit section.vision h3 {
		font-size: 25px;
	}
	article.recruit section.vision p {
		width: 94%;
		margin: 0 auto;
		font-size: 15px;
	}
	article.recruit section.interview {
		padding: 50px 0;
	}
	article.recruit section.interview .staff p {
		font-size: 16px;
	}
	article.recruit section.interview h2 {
		margin-bottom: 40px;
		font-size: 25px;
	}
}
article.recruit section.interview .staff p span {
  font-size: 18px;
  font-weight: 300;
}
@media screen and (max-width: 980px) {
  article.recruit section.interview .staff {
    width: 100%;
    padding: 8% 0;
  }
  article.recruit section.interview .staff h3,
  article.recruit section.interview .staff p {
    margin-left: 50%;
  }
  article.recruit section.interview .staff h3 {
  font-size: 13px;
  }
  article.recruit section.interview .staff p {
    font-size: 18px;
    line-height: 24px;
  }
  article.recruit section.interview .staff p span {
    font-size: 13px;
  }
}
article.recruit section.interview .application {
	display: block;
  width: 980px;
  margin: 0 auto;
  margin-top:40px;
  background-image:url(../img/recruit/banner_recruit.jpg) ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 8% 0;
  color:#fff;
}
article.recruit section.interview .application h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
article.recruit section.interview .application h3,
article.recruit section.interview .application p {
  margin-left: 60px;
}
@media screen and (min-width: 981px) {
	article.recruit section.interview a.staff:hover {
		opacity: 0.8;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
	}
	article.recruit section.interview a.application:hover {
		opacity: 0.8;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
	}
}
@media screen and (max-width: 980px) {
  article.recruit section.interview .application {
    width: 100%;
    background-position: left center;
    padding: 10% 0;
  }
  article.recruit section.interview .application h3 {
	  font-size: 18px;
  }
	article.recruit section.interview .application h3,
	article.recruit section.interview .application p {
	  margin-left: 30px;
	}
}

article.recruit_application {
  width: 720px;
  margin: 0 auto;
  padding-top:100px;
  padding-bottom:120px;
}
article.recruit_application > div p {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 43px;
}
article.recruit_application > div p a {
	color: #59493f;
}
article.recruit_application > div p:nth-of-type(1) {
  width: 176px;
}
article.recruit_application > div p:nth-of-type(2) {
  width: 532px;
}
@media screen and (max-width: 980px) {
  article.recruit_application {
    width: 94%;
    padding: 50px 0 70px;
  }
  article.recruit_application > div p:nth-of-type(1) {
    margin-bottom: 10px;
  }
  article.recruit_application > div p:nth-of-type(2) {
    width: 100%;
  }
  article.recruit_application > div p {
	  margin-bottom: 30px;
  }
}
article.recruit_application div.centering p {
	width: 300px;
}
article.recruit_application div.centering a {
	display: block;
	padding: 20px 30px;
	background-color:#59493f;
	color:#fff;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}
article.recruit_application div.centering a:hover {
opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 980px) {
	article.recruit_application div.centering p {
		width: 70%;
		margin: 0 auto;
	}
	article.recruit_application div.centering a {
		padding: 15px 0;
		box-sizing: border-box;
	}
}

/*wedding*/
#header_wedding {
  background-image: url(../img/wedding/header_wedding_2.jpg);
  background-position: center top;
  padding:250px 0;
  text-align: center;
  background-size: cover;
  color: #fff;
  max-height: 690px;
  box-sizing: border-box;
}
#header_wedding h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
#header_wedding p {
  font-size: 15px;
  line-height: 24px;
  margin-top:40px;
}
article.wedding {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 980px) {
  #header_wedding {
    padding: 35% 0 25%;
  }
  #header_wedding h1 {
    font-size: 24px;
  }
  #header_wedding p {
	  margin-top: 20px;
  }
  article.wedding {
    width: 100%;
  }
}
article.wedding section.banner {
  background-image:url(../img/wedding/banner_wedding.jpg) ;
  padding:15% 0;
  text-align: center;
}
article.wedding section.banner p {
  font-size: 15px;
  line-height: 24px;
} 
article.wedding section.interview div.application {
  width: 980px;
  margin: 0 auto;
  margin-top:40px;
  background-image:url(../img/recruit/banner_recruit.jpg) ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 8% 0;
  color:#fff;
}
article.wedding section.interview div.application h3,
article.wedding section.interview div.application p {
  margin-left: 60px;
}
@media screen and (max-width: 980px) {
	article.wedding section.banner p {
		width: 80%;
		margin: 0 0;
		font-size: 13px;
	}
  article.wedding section.interview div.application {
    width: 100%;
  }
}
article.wedding section.link {
  background-image: url(../img/pattern_wood.jpg);
  background-size: inherit;
  background-repeat: repeat;
  padding-top:92px;
  padding-bottom: 92px;
  text-align: center;
}
article.wedding section.link div {
  display: inline-block;
  margin: 0 20px;
  color:#fff;
}
article.wedding section.link div h3 {
  font-size: 18px;
  font-weight: 300;
  margin: 32px 0px 28px 0px
}
article.wedding section.link div a {
  color:#fff;
}
article.wedding section.link div p a {
  display: inline-block;
  border:solid 1px;
  padding: 8px 38px ;
  background-image: url(../img/arrow_r_s.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
article.wedding section.link div p a:hover {
  background-color: rgba(255,255,255,0.3);
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 980px) {
	article.wedding section.link {
		background-size: inherit;
	}
	article.wedding section.link div {
		width: 100%;
		margin: 0 auto 80px;
	}
	article.wedding section.link div:last-child {
		margin-bottom: 0;
	}
}


/*barn_wedding*/
#header_barnwedding {
  background-image:url(../img/wedding/barn_wedding.jpg);
  padding:450px 0;
  text-align: center;
  background-size: cover;
  color: #fff;
}
#header_barnwedding h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;m
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
#header_barnwedding p {
  font-size: 15px;
  line-height: 24px;
  margin-top:40px;
}
#header_barnwedding p a span {
  display: inline-block;
  color:#fff;
  border:solid 1px;
  margin-top: 40px;
  padding: 5px 32px;
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
#header_barnwedding p a:hover span {
  background-color: rgba(255,255,255,0.3);
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
.wedding .more_btn a {
	display: block;
}
@media screen and (max-width: 980px) {
  #header_barnwedding {
    padding: 30% 0;
  }
  #header_barnwedding p {
	  width: 94%;
	  margin: 30px auto;
	  font-size: 13px;
  }
}

/*wedding_fllow*/
#header_weddingfllow {
  background-image: url(../img/wedding/header_weddingfllow.jpg);
  padding:8% 0;
  text-align: center;
  background-size: cover;
  color: #fff;
}
#header_weddingfllow h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
#header_weddingfllow p {
  font-size: 15px;
  line-height: 24px;
  margin-top:40px;
}
article.weddingfllow {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 980px) {
  #header_weddingfllow {
    padding: 12% 0;
  }
  #header_weddingfllow h1 {
    font-size: 24px;
  }
  article.weddingfllow {
    width: 100%;
  }
}
article.weddingfllow div.fllowchart {
  background-image:url(../img/wedding/bg_flow.jpg);
  background-position: center top;
  background-size: inherit;
  background-repeat: repeat;
  padding: 64px 0;
}
article.weddingfllow div.fllowchart div.fllowchart_in {
  width: 980px;
  margin: 0 auto;
} 
article.weddingfllow div.fllowchart h2 {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 30px;
}
article.weddingfllow div.fllowchart p.border,
article.weddingfllow div.fllowchart span.border {
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #59493f;
}
article.weddingfllow div.fllowchart span.border {
  border-bottom: solid 3px #59493f;
  margin-bottom: 5px;
}
article.weddingfllow div.fllowchart ul li {
  border-bottom:solid 1px ;
}
article.weddingfllow div.fllowchart ul li p {
  display: inline-block;
}
article.weddingfllow div.fllowchart ul li p img {
	margin: 0 auto;
}
article.weddingfllow div.fllowchart ul li p:nth-of-type(1) {
  width: 240px;
  padding:55px 0;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
article.weddingfllow div.fllowchart ul li p:nth-of-type(2) {
  width: 730px;
  line-height: 1.5em;
}
@media screen and (max-width: 980px) {
	article.weddingfllow div.fllowchart h2 {
		padding-bottom: 20px;
		font-size: 20px;
	}
  article.weddingfllow div.fllowchart div.fllowchart_in {
    width: 94%;
  }
  article.weddingfllow div.fllowchart ul li {
	  padding: 30px 0;
  }
  article.weddingfllow div.fllowchart ul li p:nth-of-type(1) {
    text-align: center;
    width: 100%;
    padding: 0 0 15px;
  }
  article.weddingfllow div.fllowchart ul li p:nth-of-type(2) {
    width: 100%;
    line-height: 1.5em;
  }
}
article.weddingfllow div.link {
  background-image: url(../img/pattern_wood.jpg);
  padding:72px 0;
  background-size: inherit;
  background-position: center top;
  text-align: center;
}
article.weddingfllow div.link div {
  display: inline-block;
  margin: 0 20px;
  color:#fff;
}
article.weddingfllow div.link div h3 {
  font-size: 18px;
  font-weight: 300;
  margin: 32px 0px 28px 0px
}
article.weddingfllow div.link div a {
  color:#fff;
}
article.weddingfllow div.link div p a {
  display: inline-block;
  border:solid 1px;
  padding: 8px 38px ;
  background-image: url(../img/arrow_r_s.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
article.weddingfllow div.link div p a:hover {
  background-color: rgba(255,255,255,0.3);
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out; 
}
@media screen and (max-width: 980px) {
	article.weddingfllow div.link {
		background-size: inherit;
	}
  article.weddingfllow div.link div p {
    margin-bottom: 80px;
  }
  article.weddingfllow div.link div {
	  width: 100%;
	  margin: 0 auto;
  }
}
.fllowchart_in .centering a {
	width: 374px;
	display: block;
	padding:15px 58px;
	background:#59493f;
	color:#fff;
	border:solid 2px #59493f;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;
	box-sizing: border-box;
	margin: 50px auto 0;
	font-size: 16px;
}
@media screen and (min-width: 981px) {
	.fllowchart_in .centering a:hover {
	  background:none;
	  color:#59493f;
	  border:solid 2px #59493f;
	}
}
@media screen and (max-width: 980px) {
	.fllowchart_in .centering a {
		width: 90%;
	}
}

/*sitemap*/
article.sitemap {
  width: 980px;
  margin: 20px auto 0;
  padding: 70px 0;
}
article.sitemap h1 {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 300;
}
article.sitemap hr {
  margin: 30px auto;
}
article.sitemap > div {
  display: inline-block;
  width: 24%;
  vertical-align: top;
}
article.sitemap > div h3 {
  font-size: 18px;
  font-weight: 300;
}
article.sitemap > div ul li {
  margin-top: 20px;
  font-weight: 300;
}
article.sitemap > div a img {
  margin: 7px;
}
.sitemap a {
	color: #59493f;
}
article.sitemap div.sns_icon a {
	float: left;
}
@media screen and (max-width: 980px) {
	article.sitemap {
		width: 94%;
		margin: 0 auto;
		padding-bottom: 0;
	}
	article.sitemap > div {
		display: block;
		width: 94%;
		margin: 0 auto;
		margin-bottom: 72px;
	}
	article.sitemap div.sns_icon a {
		width: 12%;
		text-align: center;
		margin-right: 10%;
	}
	article.sitemap div.sns_icon a img {
		width: 100%;
	}
}

/*privacy*/
article.privacy {
  max-width: 980px;
  width: 98%;
  margin: 0 auto;
  padding: 50px 0;
}
article.privacy h1 {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 300;
  padding-bottom: 20px;
}
article.privacy p {
  font-size: 14px;
  line-height: 27px;
}
@media screen and (max-width: 980px) {
  article.privacy {
    width: 94%;
    margin: 0 auto;
  }
}

/*restaurant*/
#header_restaurant {
  background-image: url(../img/restaurant/header_restaurant.jpg);
  text-align: center;
  padding: 8% 0;
  background-size: cover;
}
#header_restaurant h1 {
  display: inline-block;
  height: 100%;
  font-weight: 300;
  color: #FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
  font-size: 24px;
}
.restaurant {
	background-image: url(../img/bg_access.jpg);
	background-size: inherit;
	background-repeat: repeat;
/* 	text-align: center; */
}
.restaurant_container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1em;
}
.restaurant .restaurant-catch {
  background-image: url(../img/restaurant/catch_restaurant.jpg);
  padding: 10% 0;
  background-size: cover;
  text-align: center;
}
.restaurant .restaurant-catch h3 {
  font-weight: 300;
  color: #FFF;
  margin-bottom: 0.8em;
  line-height: 1.2;
  font-size: 24px;
}
.restaurant .restaurant-catch p {
  font-weight: 300;
  color: #FFF;
  line-height: 1.4;
  font-size: 13px;
}
.restaurant .restaurant-text {
  width: 100%;
  overflow: hidden;
}
.restaurant .restaurant-text .restaurant-text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse nowrap;
  -ms-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
  margin: 40px auto;
  max-width: 980px;
  padding: 0 3%;
  *zoom: 1;
}
.restaurant .restaurant-text .restaurant-text-container:after {
  content: "";
  display: table;
  clear: both;
}
.restaurant .restaurant-text .restaurant-text-container:nth-child(2n) .restaurant-text-body {
  float: right;
  z-index: 99;
  position: relative;
}
.restaurant .restaurant-text .restaurant-text-container:nth-child(2n) > .figure img:first-child {
  display: block;
}
.restaurant .restaurant-text .restaurant-text-container:nth-child(2n) > .figure img:nth-child(2) {
  display: block;
}
.restaurant .restaurant-text .restaurant-text-container > .figure {
  width: 100%;
  position: relative;
  *zoom: 1;
  z-index: 0;
}
.restaurant .restaurant-text .restaurant-text-container > .figure:after {
  content: "";
  display: table;
  clear: both;
}
.restaurant .restaurant-text .restaurant-text-container > .figure img {
  margin-bottom: 5px;
  width: 100%;
  vertical-align: bottom;
}
.restaurant .restaurant-text .restaurant-text-container > .figure img:first-child {
  display: block;
}
.restaurant .restaurant-text .restaurant-text-container > .figure img:nth-child(2) {
  display: block;
}
.restaurant .restaurant-text .restaurant-text-body h4 {
  margin: 1em 0;
  font-size: 28px;
  text-align: center;
}
.restaurant .restaurant-text .restaurant-text-body p {
  margin: 1em 0;
  font-size: 15px;
  line-height: 1.6;
}
.restaurant .restaurant-text .restaurant-text-body p:first-child {
  margin-top: 0;
}
.restaurant .restaurant-text .restaurant-text-body .figure {
  display: none;
}
.restaurant .restaurant-text .restaurant-text-body .figure img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.restaurant .restaurant-border {
  padding-top: 29px;
  border-top: 1px solid #59493f;
  margin: 0 3%;
  max-width: 980px;
}
.restaurant .restaurant-information {
  text-align: center;
  padding-bottom: 60px;
}
.restaurant .restaurant-information h3 {
  margin-bottom: 0.8em;
  line-height: 1.2;
  font-size: 24px;
}
.restaurant .restaurant-information p {
  margin: 1.4em 0;
  font-weight: 300;
  line-height: 1.4;
  font-size: 14px;
}
.restaurant .menu_list {
  position: relative;
  display: inline-block;
  margin: 5px;
  padding: 7px 15px;
  width: 175px;
  max-width: 100%;
  background: #59493f;
  font-size: 13px;
  color: #FFF;
  line-height: 1.2;
  text-align: center;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.restaurant .menu_list:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin-top: -6px;
  background: url(../img/arrow_wh.png) no-repeat;
  background-position: 95% center;
  width: 7px;
  height: 11px;
}
.restaurant .menu_list:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
@media screen and (max-width: 767px) {
	.menu_btn {
		text-align: center;
	}
	.menu_btn .menu_list {
		padding: 15px 20px;
		width: 80%;
	}
}
@media (min-width: 768px) {
  #header_restaurant h1 {
    font-size: 36px;
  }
  .restaurant .restaurant-catch h3 {
    font-size: 30px;
  }
  .restaurant .restaurant-catch p {
    font-size: 22px;
  }
  .restaurant .restaurant-catch {
    text-align: left;
  }
  .restaurant .restaurant-text .restaurant-text-container {
    display: block;
    width: auto;
    margin: 120px auto;
    padding: 0 1em;
  }
  .restaurant .restaurant-text .restaurant-text-container:nth-child(2n) > .figure img:first-child {
    float: right;
    margin-right: 0;
    margin-left: -50%;
    -webkit-transform: translate(-9.02%, 0);
    -ms-transform: translate(-9.02%, 0);
    transform: translate(-9.02%, 0);
  }
  .restaurant .restaurant-text .restaurant-text-container:nth-child(2n) > .figure img:nth-child(2) {
    left: auto;
    right: 0;
  }
  .restaurant .restaurant-text .restaurant-text-container > .figure img {
    margin-bottom: 0;
    float: left;
    width: auto;
  }
  .restaurant .restaurant-text .restaurant-text-container > .figure img:first-child {
    -webkit-transform: translate(9.02%, 0);
    -ms-transform: translate(9.02%, 0);
    transform: translate(9.02%, 0);
    margin-right: -50%;
  }
  .restaurant .restaurant-text .restaurant-text-container > .figure img:nth-child(2) {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 44.2857%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .restaurant .restaurant-text .restaurant-text-body {
    display: block;
    width: 44.2857%;
    float: left;
  }
  .restaurant .restaurant-text .restaurant-text-body h4 {
    text-align: left;
  }
  .restaurant .restaurant-text .restaurant-text-body h4:first-child {
    margin-top: 0;
  }
  .restaurant .restaurant-text .restaurant-text-body .figure {
    margin-top: 40px;
    display: block;
  }
  .restaurant .restaurant-border {
    margin: 0 auto;
  }
  .restaurant .restaurant-information .restaurant_container {
    padding-top: 29px;
    padding-bottom: 120px;
  }
  .restaurant .restaurant-information h3 {
    font-size: 24px;
  }
  .restaurant .restaurant-information p {
    font-size: 14px;
  }
  .restaurant .restaurant-information {
    text-align: left;
  }
/*
  .restaurant .menu_list {
    display: none;
  }
*/
}


/*staff*/
@media screen and (min-width: 981px) {
	.staff_info_in {
		width:980px;
		margin:0 auto;
	}
	.head_recruit {
		background-image: url(../img/staff_info/staff_info01_bg.jpg);
		padding: 8% 0;
		text-align: center;
		background-size: cover;
	}
	.head_recruit h1 {
		font-size: 36px;
		font-weight: 300;
		color:#FFF;
		position: relative;
		margin: 0 auto;
		line-height: 36px;
	}
	.staff_info_main_img {
		background-image: url(../img/staff_info/staff_info02_bg.jpg);
		padding-top: 8%;
		padding-bottom: 6%;
		background-size: cover;
	}
	.staff_info_text {
		width: 50%;
		float: right;
		color: #fff;
	}
	.staff_info_text h3 {
		font-size:13px;
	}
	.staff_info_text p {
		margin-top: 18px;
		font-size:24px;
		line-height: 1.5;
	}
	.staff_info_text p span {
		padding-top:10px;
		font-size:18px;
	}
	.qa_even {
		width:100%;
		height: 319px;
		background:url(../img/staff_info/staff_info03_bg.jpg) repeat;
	}
	.qa_odd_in,.qa_even_in {
		width:600px;
		margin:0 auto;
		padding:72px 0;
		letter-spacing: 0.5;
	}
	.qa_odd h3,.qa_even h3{
		text-align: center;
	}
	.qa_odd p.qa_title,.qa_even p.qa_title{
		text-align: center;
		margin-top: 19px;
		font-size: 26px;
	}
	.qa_odd p.qa_text,.qa_even p.qa_text{
		text-align: center;
		margin-top: 36px;
		font-size: 16px;
		line-height: 1.5;
	}
	#staff_info a.staff_link {
		display: block;
		width: 980px;
		height:240px;
		margin:83px auto 107px;
		color:#fff;
		background:url(../img/staff_info/staff_info04_bg.jpg) no-repeat;
	}
	#staff_info a.staff_link:hover {
		opacity: 0.8;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
	}
	#staff_info .rec_add h3 {
		padding-top: 92px;
		padding-left: 60px;
		font-size:30px;
		font-weight: 400;
		color:#fff;
	}
	#staff_info .rec_add p {
		padding-top: 14px;
		padding-left: 60px;
		color:#fff;
	}
	
}


@media screen and (max-width: 980px) {
	.staff_info_in {
		width:94%;
		margin:0 auto;
		
	}
	.head_recruit {
		background-image: url(../img/staff_info/staff_info01_bg.jpg);
		padding: 12% 0;
		text-align: center;
		background-size: cover;
		background-position: center center;
	}
	.head_recruit h1 {
		font-size: 140%;
		font-weight: 300;
		color:#FFF;
		position: relative;
		margin: 0 auto;
		line-height: 36px;
	}
	.staff_info_main_img {
		/*height:300px;*/
		background: url(../img/staff_info/staff_info02_bg_sp.jpg) no-repeat ;
		padding-top: 7%;
		padding-bottom: 9%;
		background-position: left top;
		background-size: cover;
	}
	.staff_info_text {
		width: 55%;
		float: right;
		color: #fff;
	}
	.staff_info_text h3 {
		font-size: 100%;
		padding-top: 8%;
	}
	.staff_info_text p {
		margin-top: 18px;
		font-size: 110%;
		line-height: 1.5;
	}
	.staff_info_text p span {
		padding-top:10px;
		font-size: 90%;
	}
	.qa_even {
		width:100%;
		background:url(../img/staff_info/staff_info03_bg.jpg) repeat;
	}
	.qa_odd_in,.qa_even_in {
		width:94%;
		margin:0 auto;
		padding:7.2% 0;
		letter-spacing: 0.5;
	}
	.qa_odd h3,.qa_even h3{
	text-align: center;
		
	}
	.qa_odd p.qa_title,.qa_even p.qa_title{
		text-align: center;
		margin-top: 19px;
		font-size: 120%;
		line-height: 1.4;
	}
	.qa_odd p.qa_text,.qa_even p.qa_text{
		text-align: center;
		margin-top: 3.6%;
		font-size: 90%;
		line-height: 1.5;
	}
	.rec_add {
		width:94%;
		/*height:240px;*/
		padding-top: 4%;
		padding-bottom: 6%;
		margin:8% auto 10%;
		color:#fff;
		background:url(../img/staff_info/staff_info04_bg.jpg) no-repeat 35% 50%;
		overflow: hidden;
	}
	.rec_add h3 {
		width:94%;
		margin:4% auto 0;
		line-height: 1.5;
		font-size: 120%;
		font-weight: 400;
		color:#fff;
	}
	.rec_add p {
		width:94%;
		margin:1% auto 0;
		font-size: 100%;
		color:#fff;
	}
}

/*cafe*/
#header_cafe {
  background-image:url(../img/cafe/header_cafe.jpg) ;
  padding: 8% 0;
  text-align: center;
}
#header_cafe h1 {
  display:inline-block;
  height: 100%;
  font-size: 36px;
  font-weight: 300;
  color:#FFF;
  position: relative;
  margin: 0 auto;
  line-height: 32px;
}
.restaurant-text-body h3 {
  font-size: 24px;
  font-weight: 300;
}

@media screen and (max-width: 980px) {
  #header_cafe {
    padding: 12% 0;
  }
  #header_cafe h1 {
    font-size: 24px;
  }
  #header_cafe h1 img {
	  width: 50%;
  }
  .restaurant-text-body h3 {
	  margin-top: 15px;
  }
}

.cafe-catch {
  background-image:url(../img/cafe/banner_cafe.jpg);
  padding: 10% 0;
  background-size: cover;
  text-align: center;
}
.cafe-catch h3 {
  font-weight: 300;
  color: #FFF;
  margin-bottom: 0.8em;
  line-height: 1.2;
  font-size: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .cafe-catch h3 {
    font-size: 30px;
  }
}
.cafe-catch p {
  font-weight: 300;
  color: #FFF;
  line-height: 1.4;
  font-size: 13px;
}
@media (min-width: 768px) {
  .cafe-catch p {
    font-size: 22px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .cafe-catch {
    text-align: left;
  }
}