@charset "utf-8";
/* ===================================================================
 CSS information
 file name  :  layout.css
 editor :  furazoa
=================================================================== */
/*  common  */
@import url(https://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic);
.txt {
		text-align: justify;
		text-justify: inter-ideograph;
}
.en {
		font-family: 'Oswald', sans-serif;
}
.en-serif {
		font-family: 'Vollkorn', serif;
}
.ja-serif {
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/*  entry  */
@media screen and (min-width:769px) {
		/*----------------------------------------------------
  common
----------------------------------------------------*/
		.hidden-laptop {
				display: none;
		}
		.visible-laptop {
				display: block;
		}
		/*----------------------------------------------------
  header
----------------------------------------------------*/
		.top-hero {
				background-attachment: fixed;
				background-size: cover;
				position: relative;
				height: 100vh;
		}
		#header {
				width: 100%;
				height: 72px;
				background: #fff;
		}
		#header.fixed {
				position: fixed;
				top: 0;
				left: 0;
				z-index: 100;
		}
		#header .inr {
				width: 1008px;
				margin: 0 auto;
				overflow: hidden;
		}
		#header .logo {
				width: 84px;
				float: left;
				line-height: 72px;
		}
		#header .logo img {
				vertical-align: middle;
		}
		#header .gnav {
				width: 924px;
				float: left;
				display: block !important;
		}
		#header .gnav ul {
				line-height: 72px;
		}
		#header .gnav .main-nav {
				margin-left: 90px;
				float: left;
				font-size: 16px;
		}
		/*#header .gnav .main-nav::after {
  content: "/";
  font-weight: bold;
  margin-left: 30px;
}*/
		#header .gnav .main-nav li {
				float: left;
				text-align: center;
				margin-right: 30px;
				font-weight: bold;
		}
		#header .gnav .main-nav li.en {
				font-weight: 400;
		}
		#header .gnav .sns-nav {
				margin: 20px 0 0 13px;
				float: left;
		}
		#header .gnav .sns-nav li {
				float: left;
				text-align: center;
				margin-left: 30px;
				font-weight: bold;
				position: relative;
				vertical-align: middle;
		}
		#header .gnav .sns-nav li img {
				vertical-align: middle;
		}
		#header .gnav a {
				display: block;
				text-decoration: none;
		}
		#header .gnav .main-nav a:hover {
				color: #2b3f92;
		}
		#header .gnav .sns-nav a:hover {
				opacity: .6;
		}
		#header .gnav .sns-nav .sns-bt {
				background-color: #000;
				border-radius: 28px;
				width: 28px;
				height: 28px;
				text-align: center;
				line-height: 32px;
		}
		#header .gnav .sns-nav .sns-bt .fa {
				color: #fff;
				font-size: 1.3em;
		}
		/*----------------------------------------------------
  footer
----------------------------------------------------*/
		#footer {
				padding: 50px 0;
				background: #002510;
				color: #fff;
		}
		#footer .inr {
				width: 1008px;
				margin: 0 auto;
				position: relative;
		}
		#footer .logo {
				width: 164px;
				height: 120px;
				margin: 0 auto;
		}
		#footer ul {
				position: absolute;
				bottom: 0;
				left: 50%;
				-webkit-transform: translate(-50%, 0);
				-moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
				-o-transform: translate(-50%, 0);
				transform: translate(-50%, 0);
				font-size: 0;
		}
		#footer ul::before {
				content: "│";
				color: #fff;
				font-size: 14px;
		}
		#footer ul li {
				display: inline-block;
				font-size: 14px;
		}
		#footer ul li::after {
				content: "│";
				color: #fff;
		}
		#footer ul li a {
				color: #fff;
				font-size: 12px;
		}
		#footer .copyright {
				position: absolute;
				font-size: 10px;
				width: 100%;
				margin-top: 20px;
				text-align: center;
		}
		#pagetop {
				display: none;
				width: 80px;
				height: 80px;
				position: fixed;
				right: 20px;
				bottom: 20px;
				font-size: 10px
		}
		#pagetop a {
				background: #002510;
				color: #fff;
				text-align: center;
				line-height: 80px;
				display: block;
				border-radius: 50%;
		}
		#pagetop a:hover {
				background: #fff;
				color: #002510;
		}
		/*----------------------------------------------------
  index
----------------------------------------------------*/
		/*動画　2018/02/09add*/
		#concept_inner {
				display: flex;
				flex-wrap: wrap;
				margin-top: 60px;
				justify-content: space-between;
		}
		#concept_video {
				width: 491px;
		}
		#concept_video video {
				width: 491px;
		}
		#concept_video sorce {
				width: 491px;
		}
		#concept_summary {
				width: 491px;
				text-align: left;
		}
		/*
#video-background {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  z-index: -10;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
*/
		.top-hero .sound {
				color: #fff;
				position: absolute;
				bottom: 20px;
				right: 20px;
				font-style: italic;
		}
		.top-hero .sound span {
				font-style: normal;
				padding-left: 3px;
		}
		.top-hero .sound input {
				color: #fff;
				font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
				font-style: italic;
				padding: 0 3px;
		}
		.top-hero .scroll a {
				position: absolute;
				bottom: 100px;
				left: 50%;
				display: block;
				width: 50px;
				height: 50px;
				margin-left: -25px;
				z-index: 100;
				text-align: center;
		}
		.top-hero .scroll a::after {
				color: #fff;
				font-size: 50px;
				position: absolute;
				width: 50px;
				height: 50px;
				display: block;
				text-align: center;
				content: url("img/arrow.png");
		}
		#index .inr {
				width: 1008px;
				margin: 0 auto;
		}
		#food .inr, #wood .inr {
				width: 1008px;
				margin: 80px auto 0 auto;
		}
		#index h2, #wood h2 {
				font-weight: normal;
				text-align: center;
		}
		#index h2::after, #wood h2::after {
				content: "";
				width: 30px;
				height: 3px;
				background: #000;
				margin: 20px auto 0;
				display: block;
		}
		#index h2 .en, #wood h2 .en {
				font-weight: normal;
				font-size: 40px;
				letter-spacing: .1em;
				text-indent: .1em;
		}
		#index .viewmore {
				text-align: center;
		}
		#index .viewmore a {
				font-size: 24px;
				font-style: italic;
				font-weight: 400;
		}
		#index .viewmore a::after {
				content: "\f101";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		#index .viewmore a:hover {
				color: #a81b04;
		}
		#index .facebook .sns-nav {
				display: flex;
				justify-content: space-between;
				width: 35%;
				margin: 50px auto;
		}
		#index .facebook .sns-nav .sns-bt .fa {
				background-color: #000;
				border-radius: 50px;
				width: 50px;
				height: 50px;
				text-align: center;
				line-height: 50px;
				color: #fff;
				font-size: 2em;
		}
		#index .concept {
				background: #fff;
				width: 100%;
				padding: 130px 0;
				text-align: center;
		}
		#index .concept h2::after {
				background: #000 !important;
		}
		#index .concept .copy {
				margin-top: 60px;
				font-size: 16px;
				line-height: 38px;
		}
		#index .concept .copy .large {
				font-size: 24px;
				margin-top: 20px;
		}
		#index .pick-menu, #wood .pick-menu {
				background: #fff;
				width: 100%;
				padding: 130px 0 30px 0;
		}
		#index .pick-menu .wrap, #wood .pick-menu .wrap {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				margin-top: 60px;
		}
		#index .pick-menu .inr .menu, #wood .pick-menu .inr .menu {
				width: 491px;
				padding-bottom: 100px;
		}
		#index .pick-menu .inr .menu img, #wood .pick-menu .inr .menu img {
				padding-bottom: 20px;
		}
		#index .pick-menu .inr .menu .more, #wood .pick-menu .inr .menu .more {
				padding-top: 20px;
		}
		#index .topics {
				padding: 130px 0 30px 0;
				background: #fff;
		}
		#index .topics .list {
				margin-top: 80px;
		}
		#index .topics .list ul {
				overflow: hidden;
		}
		#index .topics .list ul li {
				width: 312px;
				float: left;
				margin: 0 36px 80px 0;
		}
		#index .topics .list ul li:nth-child(3n) {
				margin: 0 0 80px 0;
		}
		#index .topics .list ul li .date {
				text-align: right;
				font-size: 12px;
				position: relative;
		}
		#index .topics .list ul li .date::after {
				content: "";
				width: 210px;
				height: 4px;
				background: #000;
				position: absolute;
				top: 6px;
				left: 0;
		}
		#index .topics .list ul li .category {
				margin-top: 10px;
		}
		#index .topics .list ul li h3 {
				margin-top: 10px;
		}
		#index .topics .list ul li figure {
				margin-top: 30px;
		}
		#index .topics .list ul li .txt {
				margin-top: 20px;
				height: 6em;
		}
		#index .topics .list ul li .more {
				margin-top: 40px;
		}
		#index .pick-menu .inr .menu .more a, #index .topics .list ul li .more a, #wood .pick-menu .inr .menu .more a, #wood .topics .list ul li .more a {
				color: #a81b04;
				font-weight: 200;
		}
		#index .pick-menu .inr .menu .more a:after, #index .topics .list ul li .more a::after, #wood .pick-menu .inr .menu .more a:after, #wood .topics .list ul li .more a::after {
				content: "\f105";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		#index .pick-menu .inr .menu .more a:hover, #index .topics .list ul li .more a:hover, #wood .pick-menu .inr .menu .more a:hover, #wood .topics .list ul li .more a:hover {
				color: #000;
		}
		#index .deco {
				background: url(img/top-deco-bg.jpg) no-repeat center center;
				background-size: cover;
				background-attachment: fixed;
				width: 100%;
				height: 800px;
		}
		#index .facebook {
				padding: 130px 0 60px;
				background: #f2f2ef;
		}
		#index .facebook .bnr {
				text-align: center;
				padding-top: 120px;
		}
		#index .facebook .bnr a {
				width: 484px;
				display: inline-block;
				padding: 0 10px;
		}
		#index .facebook .bnr a:hover {
				opacity: .6;
		}
		#index .facebook .viewmore {
				padding-top: 40px;
		}
		#index .yakisugi {
				background: url(img/top-yakisugi-bg.jpg) no-repeat center center;
				background-size: cover;
				background-attachment: fixed;
				width: 100%;
				padding: 240px 0 170px;
				text-align: center;
		}
		#index .yakisugi .ttl {
				width: 400px;
				margin: 0 auto;
		}
		#index .yakisugi .viewmore {
				margin-top: 30px;
		}
		#index .yakisugi .viewmore a {
				color: #fff;
		}
		#index .access {
				padding: 130px 0;
				background: #fff;
		}
		#index .access .block {
				margin-top: 70px;
		}
		#index .access .logo {
				width: 151px;
		}
		#index .access .address {
				margin: 15px 0;
		}
		#index .access .access-meta {
				overflow: hidden;
		}
		#index .access .access-meta .left-col {
				width: 586px;
				float: left;
		}
		#index .access .access-meta .caption {
				font-size: 12px;
		}
		#index .access .access-meta .right-col {
				width: 348px;
				padding-left: 24px;
				padding-top: 40px;
				float: left;
		}
		#index .map {
				height: 700px;
		}
		#index .google_maps {
				height: 700px;
		}
		#index .google_maps iframe {
				width: 100%;
				height: 700px;
		}
		.nss-stream {
				overflow: hidden;
		}
		.nss-item {
				width: 48%;
				float: left;
				margin: 10px 12px 0 0 !important;
		}
		.nss-item:nth-child(2n) {
				margin: 10px 0 0 12px !important;
		}
		.nss-item:nth-child(odd) {
				clear: left;
		}
		.nss-facebook-question {
				background: #e9ebf3;
				padding: 5px 0;
		}
		.nss-facebook-message {
				padding: 10px;
				font-size: 12px !important;
		}
		/* オーダーバイキング */
		.bu_sp {
				display: none !important;
		}
		/*----------------------------------------------------
  page
----------------------------------------------------*/
		.tablenav {
				text-align: center;
				font-size: 0;
				font-style: italic;
		}
		.tablenav span {
				padding: 10px 5px;
				font-size: 14px;
		}
		.tablenav span::after {
				content: "/";
				margin-left: 10px;
		}
		.tablenav a {
				font-size: 14px;
				padding: 10px 5px;
		}
		.tablenav a::after {
				content: "/";
				margin-left: 10px;
		}
		.tablenav a.next::after, .tablenav a.prev::after {
				content: "";
		}
		.tablenav a:hover {
				color: #a81b04;
		}
		.listback {
				margin-top: 50px;
				text-align: center;
				font-style: italic;
		}
		.listback a {
				font-size: 14px;
				padding: 10px 5px;
		}
		.listback a::after {
				content: ">>";
				margin-left: 10px;
		}
		.listback a:hover {
				color: #a81b04;
		}
		.content .content-ttl {
				font-weight: normal;
				text-align: center;
				margin-bottom: 40px;
		}
		.content .content-ttl::after {
				content: "";
				width: 30px;
				height: 3px;
				background: #000;
				margin: 20px auto 0;
				display: block;
		}
		.content .content-ttl .en {
				font-weight: normal;
				font-size: 40px;
				letter-spacing: .1em;
				text-indent: .1em;
		}
		.content .viewmore {
				text-align: center;
		}
		.content .viewmore a {
				font-size: 24px;
				font-style: italic;
				font-weight: 400;
		}
		.content .viewmore a::after {
				content: "\f101";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		.content .viewmore a:hover {
				color: #a81b04;
		}
		/*  topics  */
		#topics .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/topics-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#topics .events-page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/events-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#topics .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#topics .list, #events .list {
				width: 1008px;
				margin: 80px auto 120px;
		}
		#topics .list ul, #events .list ul {
				overflow: hidden;
				margin-top: 80px;
		}
		#topics .list ul li, #events .list ul li {
				width: 312px;
				float: left;
				margin: 0 36px 80px 0;
		}
		#topics .list ul li:nth-child(3n), #events .list ul li:nth-child(3n) {
				margin: 0 0 80px 0;
		}
		#topics .list ul li .date, #events .list ul li .date {
				text-align: right;
				font-size: 12px;
				position: relative;
		}
		#topics .list ul li .date::after, #events .list ul li .date::after {
				content: "";
				width: 210px;
				height: 4px;
				background: #000;
				position: absolute;
				top: 6px;
				left: 0;
		}
		#topics .list ul li .category, #events .list ul li .category {
				margin-top: 10px;
		}
		#topics .list ul li h3, #events .list ul li h3 {
				margin-top: 10px;
		}
		#topics .list ul li figure, #events .list ul li figure {
				margin-top: 30px;
		}
		#topics .list ul li .txt {
				margin-top: 20px;
				height: 6em;
				word-break: break-all;
		}
		#topics .list ul li .more {
				margin-top: 40px;
		}
		#topics .list ul li .more a, #events .list ul li .more a {
				color: #a81b04;
				font-weight: 200;
		}
		#topics .list ul li .more a::after, #events .list ul li .more a::after {
				content: "\f105";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		#topics .list ul li .more a:hover, #events .list ul li .more a:hover {
				color: #000;
		}
		#topics .list ul li .category a:hover, #events .list ul li .category a:hover {
				opacity: .6;
		}
		#topics .list ul li .category .type, #events .list ul li .category .type {
				margin-left: 5px;
		}
		#topics .list ul li .category .cat1 a, #events .list ul li .category .cat1 a {
				font-weight: bold;
				margin-right: 5px;
				color: #bb5730;
		}
		#topics .list ul li .category .cat2 a, #events .list ul li .category .cat2 a {
				font-weight: bold;
				margin-right: 5px;
				color: #5c5a13;
		}
		#topics .list ul li .category .cat3 a, #events .list ul li .category .cat3 a {
				font-weight: bold;
				margin-right: 5px;
				color: #ba8a00;
		}
		#topics .list ul li .category .cat4 a, #events .list ul li .category .cat4 a {
				font-weight: bold;
				margin-right: 5px;
				color: #0b3341;
		}
		#topics .list ul li .category .yakisugi-cat a, #events .list ul li .category .yakisugi-cat a {
				font-weight: bold;
				margin-right: 5px;
				color: #2b3f92;
		}
		#topics-detail {}
		#topics-detail .row {
				width: 1008px;
				margin: 0 auto;
				padding: 130px 0 80px;
				overflow: hidden;
		}
		#topics-detail .row .entry {
				width: 670px;
				float: left;
		}
		#topics-detail .row .entry .text {
				margin-top: 40px;
		}
		#topics-detail .row .side {
				width: 278px;
				float: right;
		}
		#topics-detail .row .side .box {
				margin-bottom: 60px;
		}
		#topics-detail .row .side .box ul {
				margin-top: 20px;
		}
		#topics-detail .row .side .box ul li {
				margin-top: 10px;
		}
		#topics-detail .row .side .box ul li a {
				text-decoration: underline;
		}
		#topics-detail .row .side .box ul li a:hover {
				color: #a81b04;
		}
		#topics-detail .row .side .box .title_sub {
				font-size: 18px;
		}
		#topics-detail .row .side .box .date {
				font-size: 11px;
		}
		/*  product */
		#product {
				padding-bottom: 120px;
		}
		#product .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/product-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#product .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#product .row .list {
				width: 1008px;
				margin: 80px auto 0;
				overflow: hidden;
		}
		#product .row .list ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: left;
		}
		#product .row .list li {
				width: 313px;
				margin: 0 34px 34px 0;
		}
		#product .row .list li:nth-child(3n) {
				width: 313px;
				margin: 0 0 34px 0;
		}
		#product .row .list figure {
				/*
  position: absolute;
  top: 0;
  left: 0;
*/
		}
		#product .row .list .panel {
				/*
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
  display: table;
*/
				text-align: center;
				padding: 10px;
		}
		#product .row .list .panel .meta {
				vertical-align: middle;
				/*
  background: rgba(0,0,0,0.6);
  color: #000;
*/
		}
		#product .row .list .panel .meta .ttl {
				font-size: 16px;
		}
		#product .row .list .panel .meta .more {
				font-weight: 200;
				margin-top: 10px;
		}
		#product .row .list a {
				display: block;
		}
		/*
#product .row .list a:hover .panel {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#product .row .list a figure img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#product .row .list a:hover figure img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
*/
		#product-detail {
				padding-bottom: 120px;
		}
		#product-detail .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background: url(img/productdetail-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#product-detail .page-header p {
				border: 2px solid #fff;
				padding: 10px 40px;
				letter-spacing: .3em;
				text-indent: .15em;
				font-style: italic;
				font-size: 45px;
				display: inline-block;
				color: #fff;
				font-weight: 200;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#product-detail .row {}
		#product-detail .row .block {
				width: 1008px;
				margin: 80px auto 0;
				overflow: hidden;
		}
		#product-detail .block #slider-image {
				width: 536px;
				float: left;
		}
		#product-detail .block #slider-image .slides {
				height: 536px;
				display: none;
		}
		#product-detail .block .flexslider-controls {
				margin-top: 8px;
		}
		#product-detail .block .flexslider-controls ul li {
				width: 100px;
				float: left;
				margin-right: 8px;
		}
		#product-detail .block .information {
				width: 400px;
				float: right;
		}
		#product-detail .block .information .date {}
		#product-detail .block .information .title {
				margin-top: 15px;
				font-size: 20px;
		}
		#product-detail .block .information .title-kana {
				color: #666666;
				font-size: 16px;
				margin-top: 5px;
		}
		#product-detail .block .information .text {
				margin-top: 40px;
		}
		/*  food  */
		#food .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/food-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#food .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#food .menu {
				padding-top: 80px;
		}
		#food .menu .block {
				width: 1008px;
				margin: 0 auto;
				display: table;
		}
		#food .menu .information {
				display: table-cell;
				width: 537px;
				vertical-align: middle;
		}
		#food .menu .information .text, #wood .information .text, #events .information .text {
				margin-top: 40px;
				line-height: 1.8;
				font-size: 110%;
		}
		#food .menu .information .text {
				text-align: center;
		}
		#food .menu .information .more {
				text-align: center;
				margin-top: 50px;
				font-size: 24px;
				font-style: italic;
		}
		#food .menu .information .more a::after {
				content: "\f0a9";
				font-family: FontAwesome;
				margin-left: 5px;
				font-style: normal;
		}
		#food .menu .information .more a:hover {
				color: #a81b04;
		}
		#food .menu .image {}
		#food .menu .image a:hover img {
				opacity: 0.6;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				-ms-filter: "alpha(opacity=60)";
		}
		#food .menu .image ul li {
				width: 220px;
				float: left;
				margin: 0 31px 30px 0;
		}
		#food .menu .image ul li:nth-child(2n) {
				margin: 0 0 30px 0;
		}
		#food .menu .image ul li:nth-child(3), #food .menu .image ul li:nth-child(4) {
				margin-bottom: 0 !important;
		}
		#food .reservation {
				width: 100%;
				position: relative;
				background: url(img/food-reservation-bg.jpg) no-repeat center center;
				background-size: cover;
				margin-top: 90px;
				padding: 170px 0;
		}
		#food .reservation .block {
				width: 1008px;
				margin: 0 auto;
				border: 2px solid #fff;
				color: #fff;
				padding: 60px 50px;
				overflow: hidden;
				background-color: rgba(0, 0, 0, 0.7);
		}
		#food .reservation .block .lead {
				width: 230px;
				float: left;
				margin-right: 10px;
		}
		#food .reservation .block .lead .large {
				font-size: 24px;
		}
		#food .reservation .block .text {
				width: 420px;
				float: left;
				margin-top: 25px;
				margin-right: 20px;
		}
		#food .reservation .block .btn {
				width: 220px;
				float: left;
				margin-top: 40px;
		}
		#food .reservation .block .btn a {
				border: 2px solid #fff;
				color: #fff;
				font-size: 24px;
				font-style: italic;
				padding: 10px 15px;
				letter-spacing: .1em;
				display: block;
				text-align: center;
		}
		#food .reservation .block .btn a:hover {
				background: #fff;
				color: #000;
		}
		#food .picture {
				background: url(img/food-picture-bg.jpg) no-repeat center center;
		}
		#food .picture02 {
				background: url(img/food-picture-bg02.jpg) no-repeat center center;
		}
		#food .picture02, #food .picture {
				width: 100%;
				position: relative;
				background-attachment: fixed;
				background-size: cover;
				margin-top: 90px;
				height: 600px;
		}
		#food .access {
				margin-top: 100px;
		}
		#food .access .block {
				width: 621px;
				margin: 50px auto 0;
		}
		#food .access .block .logo {
				width: 224px;
				margin-top: 80px;
		}
		#food .access .block .text {
				margin-top: 20px;
		}
		#food .access .map {
				margin-top: 130px;
				height: 700px;
		}
	#food .google_maps {
				height: 700px;
		}
		#food .google_maps iframe {
				width: 100%;
				height: 700px;
		}
		#food .banner {
				width: 1008px;
				margin: 90px auto 0;
		}
		.food_menu .menu_img img {
				width: 100%;
		}
		.food_menu {
				display: flex;
				flex-wrap: wrap;
				width: 1008px;
				margin: 100px auto 0 auto;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				padding: 20px 0;
		}
		.food_menu .menu_img {
				width: 360px;
				margin: 0 50px;
		}
		.food_menu .menu_pdf {
				width: 495px;
				padding: 0 50px 0 0;
		}
		.food_reserve {
				background-color: #fff8dd;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				margin: 100px 0 0 0;
				padding: 20px 0;
		}
		.food_reserve .txt {
				width: 44%;
				max-width: 440px;
				margin: 0 8%;
		}
		.food_reserve .txt h3 {
				color: #a81b04;
				font-size: 20px;
				text-align: center;
				margin: 20px 0;
				border-bottom: 2px dotted;
		}
		.food_reserve .txt .txt_s {
				font-size: 80%;
		}
		.food_reserve .img {
				width: 40%;
				max-width: 400px;
				align-self: center;
		}
		#food #inside {
				margin: 180px 0 0 0;
		}
		/*  wood  */
		#wood .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/wood-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#wood .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#food .information, #wood .information {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 1008px;
				margin: 100px auto;
		}
		#food .information > div.image, #wood .information > div.image {
				width: 460px;
		}
		#food .information > div:not(.image), #wood .information > div:not(.image) {
				width: 500px;
		}
		#food .btn_strong a, #wood .btn_strong a {
				width: 18em;
				margin: 20px auto;
		}
		#food #food-pasta, #wood #wood-sundry {
				flex-direction: row-reverse;
		}
		.about {
				width: 1008px;
				position: relative;
				padding: 120px 0 0px 0px;
				margin: 0px auto;
		}
		.about .content-ttl::after {
				background: #000;
		}
		.about .text,
		.workshop .text{
				text-align: center;
				margin-top: 70px;
				line-height: 2.0;
		}
		.about .text .large {
				font-size: 24px;
		}
		.about .text .small {
				margin-top: 40px;
		}
		#wood .product {
				margin-top: 120px;
		}
		#wood .product .block {
				width: 1008px;
				height: 1578px;
				margin: 0 auto;
				position: relative;
		}
		#wood .product .element-info {
				width: 313px;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 30;
		}
		#wood .product .element-info .large {
				margin-top: 35px;
				font-size: 16px;
		}
		#wood .product .element-info .small {
				margin-top: 25px;
		}
		#wood .product .element-info .more, #wood .product .more {
				text-align: center;
				margin-top: 20px;
				font-size: 24px;
				font-style: italic;
		}
		#wood .product .element-info .more a::after, #wood .product .more a::after {
				content: "\f0a9";
				font-family: FontAwesome;
				margin-left: 5px;
				font-style: normal;
		}
		#wood .product .element-info .more a:hover, #wood .product .more a:hover {
				color: #a81b04;
		}
		#wood .product .more {
				margin-top: 50px;
		}
		#wood .product .element-image {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 10;
		}
		#wood .workshop{
			width:1008px;
			margin:100px auto;
		}
		#wood .workshop h4{
			text-align: center;
			margin: 40px auto 0px auto;
			font-size: 22px;
			font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		}
		#wood .workshop .text02{
			text-align: center;
			line-height: 2.0;
			margin: 20px 0 40px 0;
		}
		#wood .workshop .ws_wrap{
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between;
			width:1008px;
			margin:20px auto 100px auto;
		}
		#wood .workshop .ws_wrap .ws_course{
			width: 47%;
		}
		#wood .workshop .ws_wrap .ws_course h4{margin: 20px auto 10px auto;}
		#wood .workshop .ws_wrap .ws_course table tr th,
		#wood .workshop .ws_wrap .ws_course table tr td{
			border-bottom: 1px solid #ccc;
			padding: 8px 5px;
		}
		#wood .workshop .ws_wrap .ws_course table tr th{
			font-weight: normal;
			min-width: 35%;
		}
		#wood .picture1 {
				width: 100%;
				position: relative;
				background: url(img/wood-picture1-bg.jpg) no-repeat center center;
				background-attachment: fixed;
				background-size: cover;
				margin-top: 90px;
				height: 600px;
		}
		#wood .picture2 {
				width: 100%;
				position: relative;
				background: url(img/wood-picture2-bg.jpg) no-repeat center center;
				background-attachment: fixed;
				background-size: cover;
				margin-top: 90px;
				height: 600px;
		}
		#wood .access {
				margin-top: 100px;
		}
		#wood .access .block {
				width: 561px;
				margin: 50px auto 0;
		}
		#wood .access .block .logo {
				width: 224px;
				margin-top: 80px;
		}
		#wood .access .block .text {
				margin-top: 20px;
		}
		#wood .access .map {
				margin-top: 130px;
				height: 700px;
		}
		#wood .google_maps iframe {
				width: 100%;
				height: 700px;
		}
		/*  lumber  */
		#lumber .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/lumber-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#lumber .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#lumber .about {
				width: 100%;
				position: relative;
				padding: 120px 0;
		}
		#lumber .about .content-ttl::after {
				background: #000;
		}
		#lumber .about .text {
				text-align: center;
				margin-top: 70px;
				line-height: 2.0;
		}
		#lumber .about .text .large {
				font-size: 24px;
		}
		#lumber .about .text .small {
				margin-top: 40px;
		}
		#lumber .business {
				margin-top: 120px;
		}
		#lumber .business .block {
				width: 1008px;
				margin: 0 auto;
		}
		#lumber .business ul {
				margin-top: 80px;
				overflow: hidden;
		}
		#lumber .business ul li {
				width: 485px;
				float: left;
				margin: 0 38px 38px 0;
		}
		#lumber .business ul li:nth-child(2n) {
				margin: 0 0 38px 0;
		}
		#lumber .business .meta {
				margin-top: 15px;
				border-left: 1px solid #000;
				border-right: 1px solid #000;
				padding: 0 15px;
		}
		#lumber .business .meta .ttl {
				margin-top: 10px;
		}
		#lumber .business .meta .ttl .ja {
				font-size: 20px;
		}
		#lumber .business .meta .ttl .en {
				color: #666666;
				font-weight: 200;
				letter-spacing: .3em;
		}
		#lumber .business .meta .text {
				font-size: 13px;
				margin-top: 15px;
				line-height: 2.0;
				border-bottom: 3px solid #000;
				padding-bottom: 15px;
		}
		#lumber .picture1 {
				width: 100%;
				position: relative;
				background: url(img/lumber-picture1-bg.jpg) no-repeat center center;
				background-attachment: fixed;
				background-size: cover;
				margin-top: 90px;
				height: 600px;
		}
		#lumber .picture2 {
				width: 100%;
				position: relative;
				background: url(img/lumber-picture2-bg.jpg) no-repeat center center;
				background-attachment: fixed;
				background-size: cover;
				margin-top: 90px;
				height: 600px;
		}
		#lumber .company {
				margin-top: 100px;
		}
		#lumber .company .block {
				width: 1008px;
				margin: 0 auto;
		}
		#lumber .company .element {
				margin-top: 80px;
		}
		#lumber .company .element::after {
				content: "";
				clear: both;
				display: block;
		}
		#lumber .company .text {
				width: 530px;
				float: left;
		}
		#lumber .company .text table {
				width: 100%;
		}
		#lumber .company .text th {
				width: 110px;
				padding-bottom: 20px;
				vertical-align: top;
		}
		#lumber .company .text td {
				width: 420px;
				padding-bottom: 20px;
		}
		#lumber .company .map {
				width: 450px;
				height: 340px;
				float: right;
		}
		#lumber .company .map .more {
				text-align: center;
				padding-top: 20px;
		}
		#lumber .company .map .more a {
				font-style: italic;
		}
		#lumber .company .map .more a::before {
				content: "\f041";
				font-family: FontAwesome;
				margin-right: 5px;
				font-style: normal;
		}
		#lumber .company .map .more a:hover {
				color: #a81b04;
		}
		#lumber .company .google_maps {
				width: 100%;
				height: 340px;
		}
		#lumber .company .google_maps iframe {
				width: 100%;
				height: 340px;
		}
		#lumber .history {
				margin-top: 120px;
				padding: 100px 0;
				background: #f2f2ef;
				clear: both;
		}
		#lumber .history .block {
				width: 1008px;
				margin: 0 auto;
				overflow: hidden;
		}
		#lumber .history ul {
				width: 500px;
				float: left;
				margin-top: 70px;
				letter-spacing: normal;
		}
		#lumber .history ul:last-child {
				float: right;
		}
		#lumber .history ul li {
				overflow: hidden;
				margin-bottom: 15px;
		}
		#lumber .history ul li .date {
				width: 110px;
				float: left;
		}
		#lumber .history ul li .text {
				float: left;
				width: 390px;
		}
		/*  yakisugi  */
		#yakisugi .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/yakisugi-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#yakisugi .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#yakisugi .information {
				margin-top: 120px;
		}
		#yakisugi .information .block {
				width: 1008px;
				margin: 0 auto;
				overflow: hidden;
		}
		#yakisugi .information .block .left-col {
				width: 560px;
				float: left;
		}
		#yakisugi .information .block .left-col .detail {
				margin-top: 20px;
				overflow: hidden;
				background: #f2f2ef;
				padding: 15px;
		}
		#yakisugi .information .block .left-col .detail table {
				width: 320px;
				float: left;
		}
		#yakisugi .information .block .left-col .detail table th, #yakisugi .information .block .left-col .detail table td {
				margin-bottom: 10px;
		}
		#yakisugi .information .block .left-col .detail .fixtures {
				width: 200px;
				float: right;
		}
		#yakisugi .information .block .right-col {
				width: 376px;
				float: right;
		}
		#yakisugi .information .block .right-col .text {
				line-height: 2.0;
		}
		#yakisugi .information .block .right-col .large {
				margin-top: 45px;
				font-size: 24px;
		}
		#yakisugi .information .block .right-col .small {
				margin-top: 30px;
		}
		#yakisugi .information .block .right-col ul {
				margin-top: 20px;
		}
		#yakisugi .information .block .right-col ul .contact a {
				margin-top: 20px;
				background: #002510;
				text-align: center;
				color: #fff;
				display: block;
				font-size: 20px;
				line-height: 60px;
		}
		#yakisugi .information .block .right-col ul .tel {
				margin-top: 18px;
				border: 1px solid #000;
				text-align: center;
				display: block;
				line-height: 60px;
		}
		#yakisugi .information .block .right-col ul .event a {
				margin-top: 18px;
				border: 1px solid #000;
				text-align: center;
				display: block;
				line-height: 60px;
				font-size: 24px;
				font-style: italic;
		}
		#yakisugi .information .block .right-col ul .event a::after {
				content: "\f0a9";
				font-family: FontAwesome;
				margin-left: 5px;
				font-style: normal;
		}
		#yakisugi .information .block .right-col ul a:hover {
				opacity: .6;
		}
		#yakisugi .information .block .caption {
				clear: both;
				padding-top: 30px;
				margin-bottom: 150px;
		}
		#yakisugi .availability {
				padding: 120px 0;
		}
		#yakisugi .availability .block {
				width: 800px;
				margin: 20px auto 0;
		}
		.yaki_close_wrap {
				margin: 0 auto;
				padding: 0 0 150px 0;
				width: 1008px;
				text-align: center;
		}
		.yaki_close_title {
				color: #ac0309;
				font-size: 120%;
				font-weight: bold;
				padding: 0 0 40px 0;
		}
		.yaki_close_txt {
				line-height: 1.8;
		}
		/*  privacy  */
		#privacy {
				margin-top: 50px;
		}
		#privacy .row {
				width: 1008px;
				margin: 0 auto;
				padding: 60px 0;
		}
		#privacy .row .inr h3 {
				padding-top: 30px;
				margin-bottom: 15px;
		}
		/*events*/
		#wrap_events_intro {
				width: 1008px;
				margin: 120px auto;
				text-align: center;
		}
		#wrap_events_intro ul {
				display: block;
				margin: 40px auto;
				width: 16em;
				text-align: center;
				font-size: 24px;
		}
		#wrap_events_intro ul li a {
				padding: 0px 40px;
		}
		#events .page-header {
				width: 100%;
				position: relative;
				height: 560px;
				background: url(img/events-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#events .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				height: 85px;
				width: 330px;
		}
		.btn_strong a {
				margin-top: 20px;
				background: #002510;
				text-align: center;
				color: #fff;
				display: block;
				font-size: 20px;
				line-height: 60px;
		}
		#events #wrap_events_live > div {
				width: 1008px;
				display: flex;
				flex-wrap: wrap;
				margin: 80px auto;
				justify-content: space-between;
		}
		#events #wrap_events_live > div > div {
				width: calc(100% / 2 - 20px);
		}
		#events #wrap_events_workshop > div {
				width: 1008px;
				display: flex;
				flex-wrap: wrap;
				margin: 80px auto;
				justify-content: space-between;
				flex-direction: row-reverse;
		}
		#events #wrap_events_workshop > div > div {
				width: calc(100% / 2 - 20px);
		}
		#events #wrap_events_workshop {
				padding-bottom: 50px;
		}
		#events #wrap_events_rental-room {
				background-color: #f2f2ef;
				padding: 20px 0px;
				width: 100%;
		}
		#events #wrap_events_rental-room > div {
				width: 1008px;
				display: flex;
				flex-wrap: wrap;
				margin: 40px auto;
				justify-content: space-between;
		}
		#events #wrap_events_rental-room > div > div {
				width: calc(100% / 2 - 20px);
		}
		#events #wrap_events_live h3, #events #wrap_events_workshop h3, #events #wrap_events_rental-room h3 {
				margin-bottom: 40px;
		}
		#events p.large {
				margin: 40px 0px;
				font-size: 22px;
		}
		#wrap_events_calendar {
				width: 1008px;
				margin: 120px auto;
		}
		#wrap_events_calendar h3 {
				margin-bottom: 40px;
		}
		footer#wrap_events_access {
				margin: 120px auto;
		}
		footer#wrap_events_access > section {
				width: 30em;
				margin: 80px auto;
				line-height: 200%;
		}
		footer#wrap_events_access > section img {
				width: 150px;
				height: 45px;
		}
		footer#wrap_events_access > section > address {
				display: block;
				font-family: normal;
		}
		#events .map {
				margin-top: 130px;
				height: 700px;
		}
		#events .map .google_maps iframe {
				height: 700px;
				width: 100%;
		}
		/*----------------------------------------------------
  entry
----------------------------------------------------*/
		.entry {
				margin-bottom: 30px;
		}
		.entry img {
				max-width: 688px;
				width: auto;
				height: auto;
		}
		.entry h1 {
				font-size: 22px !important;
				font-weight: bold !important;
		}
		.entry h2 {
				font-size: 20px !important;
		}
		.entry h3 {
				font-size: 18px !important;
		}
		.entry h4 {
				font-size: 16px !important;
		}
		.entry h5 {
				font-size: 14px !important;
		}
		.entry h6 {
				font-size: 14px !important;
		}
		.entry p {
				margin-bottom: 10px;
		}
		.entry blockquote {
				background: #EEE;
				padding: 15px 15px 5px 15px;
				margin-bottom: 10px;
		}
		.entry ul {
				list-style: disc;
				margin-left: 20px;
		}
		.entry ol {
				margin-left: 20px;
		}
		.entry strong {
				font-weight: bold;
		}
		.entry .alignleft {
				display: inline;
				float: left;
				margin-right: 20px;
		}
		.entry .alignright {
				display: inline;
				float: right;
				margin-left: 20px;
		}
		.entry .aligncenter {
				display: block;
				margin-left: auto;
				margin-right: auto;
		}
		.entry a {
				color: #0081d4 !important;
				text-decoration: none !important;
		}
		.entry a:hover {
				text-decoration: underline !important;
		}
		/* 赤枠のお知らせ */
		.info_red {
				border: 3px solid #d7000f;
				padding: 30px 20px;
				text-align: center;
				margin: 100px auto 0px auto;
				width: 70%;
				font-size: 120%;
		}
		.info_red_top {
				border: 3px solid #d7000f;
				padding: 30px 20px;
				text-align: center;
				margin: 0px auto 80px auto;
				width: 70%;
				font-size: 120%;
		}
		/* トップバナー */
		.bn {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
		}
		.bn p {
				width: 49%;
		}
		/*  laptop 769pxここまで
----------------------------------------------------*/
}
@media screen and (max-width:768px) {
		/*----------------------------------------------------
  common
----------------------------------------------------*/
		.hidden-tablet {
				display: none;
		}
		.visible-tablet {
				display: block;
		}
		/*----------------------------------------------------
  header
----------------------------------------------------*/
		.top-hero {
				width: 100%;
				padding-top: 72px;
		}
		#header {
				height: 72px;
				background: #fff;
				position: absolute;
				width: 100%;
				top: 0;
				z-index: 100;
		}
		#header .inr {
				overflow: hidden;
				position: relative;
		}
		#header .logo {
				width: 84px;
				margin: 0 auto;
				line-height: 72px;
		}
		#header .logo img {
				vertical-align: middle;
		}
		#header .gnav {}
		#header .gnav ul {}
		#header .gnav .main-nav {
				padding-top: 60px;
		}
		#header .gnav .main-nav li {
				border-bottom: 1px dotted #000;
		}
		#header .gnav .main-nav li.en {
				font-weight: 400;
		}
		#header .gnav .main-nav li a {
				display: block;
				padding: 10px 0;
		}
		#header .gnav .main-nav li a::after {
				content: ">";
				display: block;
				float: right;
				font-family: 'Oswald', sans-serif;
		}
		#header .gnav .sns-nav {
				padding-top: 20px;
		}
		#header .gnav .sns-nav li {
				width: 33%;
				float: left;
				text-align: center;
		}
		#header .gnav .sns-nav li img {
				vertical-align: middle;
		}
		#header .gnav a {
				display: block;
				text-decoration: none;
		}
		#header .gnav .main-nav a:hover {
				color: #2b3f92;
		}
		#header .gnav .sns-nav a:hover {
				opacity: .6;
		}
		#header .gnav {
				display: none;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0 22px;
				background-color: rgba(255, 255, 255, .8);
				/*z-index: 100;*/
				overflow: auto;
		}
		#header .gnav .sns-nav .sns-bt .fa {
				background-color: #000;
				border-radius: 50px;
				width: 50px;
				height: 50px;
				text-align: center;
				line-height: 50px;
				color: #fff;
				font-size: 2em;
		}
		#header #hamburger {
				padding: 0;
				position: absolute;
				z-index: 150;
				top: 15px;
				right: 10px;
				display: block;
				width: 50px;
				height: 50px;
				cursor: pointer;
		}
		#header #hamburger .txt {
				width: 100%;
				font-size: 11px;
				position: absolute;
				bottom: 0;
				color: #000;
				text-align: center;
		}
		#header #hamburger .menu-line {
				position: absolute;
				left: 10px;
				width: 30px;
				height: 2px;
				background: #000;
		}
		#header #hamburger .menu-line:nth-of-type(1) {
				top: 14px;
		}
		#header #hamburger .menu-line:nth-of-type(2) {
				top: 24px;
		}
		#header #hamburger .menu-line:nth-of-type(3) {
				top: 34px;
		}
		#header #hamburger.open .menu-line {
				background: #000;
		}
		#header #hamburger.open .menu-line:nth-of-type(1) {
				top: 24px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
		}
		#header #hamburger.open .menu-line:nth-of-type(2) {
				opacity: 0;
		}
		#header #hamburger.open .menu-line:nth-of-type(3) {
				top: 24px;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
		}
		#header #hamburger.open {}
		#header #hamburger.open .txt {
				color: #fff !important;
		}
		/*----------------------------------------------------
  footer
----------------------------------------------------*/
		#footer {
				padding: 20px 0;
				background: #002510;
				color: #fff;
				position: relative;
		}
		#footer .inr {
				padding: 0 10px;
		}
		#footer .logo {
				width: 164px;
				margin: 0 auto 20px;
		}
		#footer ul {
				text-align: center;
				font-size: 0;
		}
		#footer ul::before {
				content: "│";
				color: #fff;
				font-size: 12px;
		}
		#footer ul li {
				display: inline-block;
				font-size: 12px;
		}
		#footer ul li::after {
				content: "│";
				color: #fff;
		}
		#footer ul li a {
				color: #fff;
		}
		#footer .copyright {
				margin-top: 20px;
				font-size: 10px;
				text-align: center;
		}
		#pagetop {
				width: 100%;
				font-size: 10px;
		}
		#pagetop a {
				text-align: center;
				display: block;
				padding: 10px;
		}
		/*----------------------------------------------------
  index
----------------------------------------------------*/
		#moku_slider {
				margin-top: 72px;
				z-index: 101;
		}
		#concept_inner {
				margin-top: 60px;
				display: flex;
				flex-wrap: wrap;
				flex-direction: column-reverse;
				justify-content: space-between;
		}
		#video-background {
				width: 100%;
		}
		#concept_video {
				width: 100%;
		}
		#concept_video video {
				width: 100%;
		}
		#concept_video sorce {
				width: 100%;
		}
		#concept_summary {
				width: 100%;
				margin-bottom: 20px;
		}
		#index .inr {}
		#index h2, #wood h2 {
				font-weight: normal;
				text-align: center;
		}
		#index h2::after, #wood h2::after {
				content: "";
				width: 30px;
				height: 3px;
				background: #000;
				margin: 20px auto 0;
				display: block;
		}
		#index h2 .en, #wood h2 .en {
				font-weight: normal;
				font-size: 40px;
				letter-spacing: .1em;
				text-indent: .1em;
		}
		#index .viewmore {
				text-align: center;
		}
		#index .viewmore a {
				font-size: 24px;
				font-style: italic;
				font-weight: 400;
		}
		#index .viewmore a::after {
				content: "\f101";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		#index .viewmore a:hover {
				color: #a81b04;
		}
		#index .facebook .sns-nav {
				display: flex;
				justify-content: space-between;
				width: 80%;
				margin: 50px auto;
		}
		#index .facebook .sns-nav .sns-bt .fa {
				background-color: #000;
				border-radius: 60px;
				width: 60px;
				height: 60px;
				text-align: center;
				line-height: 60px;
				color: #fff;
				font-size: 2.3em;
		}
		#index .concept {
				background: #fff;
				width: 100%;
				padding: 100px 0;
				text-align: center;
				color: #000;
		}
		#index .concept .inr {
				padding: 0 10px;
		}
		#index .concept h2::after {
				background: #000 !important;
		}
		#index .concept .copy {
				margin-top: 60px;
				font-size: 14px;
				line-height: 2.2;
		}
		#index .concept .copy .large {
				font-size: 24px;
				margin-top: 20px;
		}
		.bu_pc {
				display: none;
		} /* オーダーバイキング用 */
		#index .pick-menu, #wood .pick-menu {
				background: #fff;
				width: 100%;
				padding: 100px 0;
		}
		#index .pick-menu .wrap, #wood .pick-menu .wrap {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				padding: 0 10px;
				margin-top: 60px;
		}
		#index .pick-menu .inr .menu, #wood .pick-menu .inr .menu {
				max-width: 369px;
				width: 49%;
				padding-bottom: 50px;
		}
		#index .pick-menu .inr .menu img, #wood .pick-menu .inr .menu img {
				padding-bottom: 20px;
		}
		#index .pick-menu .inr .menu .more, #wood .pick-menu .inr .menu .more {
				padding-top: 20px;
		}
		#index .topics, #events .topics {
				margin-top: 130px;
		}
		#index .topics .list, #events .topics .list {
				padding: 0 10px;
				margin-top: 30px;
		}
		#index .topics .list ul, #events .topics .list ul {
				overflow: hidden;
		}
		#index .topics .list ul li, #events .topics .list ul li {
				width: 50%;
				float: left;
				padding: 0 5px 40px 0;
		}
		#index .topics .list ul li:nth-child(odd), #events .topics .list ul li:nth-child(odd) {
				clear: left;
		}
		#index .topics .list ul li:nth-child(2n), #events .topics .list ul li:nth-child(2n) {
				padding: 0 0 40px 5px;
		}
		#index .topics .list ul li .date, #events .topics .list ul li .date {
				text-align: right;
				font-size: 12px;
				position: relative;
		}
		#index .topics .list ul li .date::after, #events .topics .list ul li .date::after {
				content: "";
				width: 100%;
				height: 4px;
				background: #000;
				position: absolute;
				top: 6px;
				left: 0;
		}
		#index .topics .list ul li .date span, #events .topics .list ul li .date span {
				background: #fff;
				padding-left: 10px;
				position: relative;
				z-index: 10;
		}
		#index .topics .list ul li .category, #events .topics .list ul li .category {
				margin-top: 10px;
		}
		#index .topics .list ul li h3, #events .topics .list ul li h3 {
				margin-top: 10px;
		}
		#index .topics .list ul li figure, #events .topics .list ul li figure {
				margin-top: 30px;
		}
		#index .topics .list ul li .txt, #events .topics .list ul li .txt {
				margin-top: 20px;
		}
		#index .topics .list ul li .more, #events .topics .list ul li .more {
				margin-top: 40px;
		}
		#index .pick-menu .inr .menu .more a, #index .topics .list ul li .more a, #wood .pick-menu .inr .menu .more a, #wood .topics .list ul li .more a {
				color: #a81b04;
				font-weight: 200;
		}
		#index .pick-menu .inr .menu .more a:after, #index .topics .list ul li .more a::after, #wood .pick-menu .inr .menu .more a:after, #wood .topics .list ul li .more a::after {
				content: "\f105";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		#index .pick-menu .inr .menu .more a:hover, #index .topics .list ul li .more a:hover, #wood .pick-menu .inr .menu .more a:hover, #wood .topics .list ul li .more a:hover {
				color: #000;
		}
		#index .deco {
				margin-top: 130px;
				background-image: url(img/top-deco-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				width: 100%;
				height: 400px;
		}
		#index .facebook {
				padding: 130px 0 60px;
				background: #f2f2ef;
		}
		#index .facebook .bnr {
				text-align: center;
				padding: 60px 10px 0;
		}
		#index .facebook .bnr a {
				max-width: 484px;
				width: auto;
				margin: 5px auto;
				display: block;
		}
		#index .facebook .bnr a:hover {
				opacity: .6;
		}
		#index .yakisugi {
				background-image: url(img/top-yakisugi-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				width: 100%;
				padding: 130px 0;
				text-align: center;
		}
		#index .yakisugi .ttl {
				max-width: 400px;
				width: auto;
				margin: 0 auto;
		}
		#index .yakisugi .viewmore {
				margin-top: 30px;
		}
		#index .yakisugi .viewmore a {
				color: #fff;
		}
		#index .access {
				padding-top: 130px;
		}
		#index .access .block {
				max-width: 600px;
				width: auto;
				padding: 0 10px;
				margin: 70px auto;
		}
		#index .access .logo {
				width: 151px;
		}
		#index .access .address {
				margin: 15px 0;
		}
		#index .access .access-meta {
				overflow: hidden;
		}
		#index .access .access-meta .left-col {
				width: 100%;
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 1px solid #000;
		}
		#index .access .access-meta .caption {
				font-size: 12px;
		}
		#index .access .access-meta .right-col {
				width: 348px;
				margin: 0 auto;
		}
		.nss-stream {
				overflow: hidden;
		}
		.nss-item {
				width: 100%;
				margin: 10px 12px 0 0 !important;
		}
		.nss-facebook-question {
				background: #e9ebf3;
				padding: 5px 0;
		}
		.nss-facebook-message {
				padding: 10px;
				font-size: 12px !important;
		}
		/*----------------------------------------------------
  page
----------------------------------------------------*/
		.tablenav {
				text-align: center;
				font-size: 0;
				font-style: italic;
		}
		.tablenav span {
				padding: 10px 5px;
				font-size: 14px;
		}
		.tablenav span::after {
				content: "/";
				margin-left: 10px;
		}
		.tablenav a {
				font-size: 14px;
				padding: 10px 5px;
		}
		.tablenav a::after {
				content: "/";
				margin-left: 10px;
		}
		.tablenav a.next::after, .tablenav a.prev::after {
				content: "";
		}
		.tablenav a:hover {
				color: #a81b04;
		}
		.listback {
				margin-top: 25px;
				text-align: center;
				font-style: italic;
		}
		.listback a {
				font-size: 14px;
				padding: 10px 5px;
		}
		.listback a::after {
				content: ">>";
				margin-left: 10px;
		}
		.listback a:hover {
				color: #a81b04;
		}
		.content .content-ttl {
				font-weight: normal;
				text-align: center;
				margin: 20px auto;
		}
		.content .content-ttl::after {
				content: "";
				width: 30px;
				height: 3px;
				background: #000;
				margin: 20px auto 0;
				display: block;
		}
		.content .content-ttl .en {
				font-weight: normal;
				font-size: 40px;
				letter-spacing: .1em;
				text-indent: .1em;
		}
		.content .viewmore {
				text-align: center;
		}
		.content .viewmore a {
				font-size: 24px;
				font-style: italic;
				font-weight: 400;
		}
		.content .viewmore a::after {
				content: "\f101";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		.content .viewmore a:hover {
				color: #a81b04;
		}
		.content {
				padding-top: 72px;
		}
		#topics .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/topics-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#topics .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#topics .list {
				padding: 0 10px 40px;
				margin-top: 30px;
		}
		#topics .list ul {
				overflow: hidden;
				margin-top: 40px;
		}
		#topics .list ul li {
				width: 50%;
				float: left;
				padding: 0 5px 40px 0;
		}
		#topics .list ul li:nth-child(odd) {
				clear: left;
		}
		#topics .list ul li:nth-child(2n) {
				padding: 0 0 40px 5px;
		}
		#topics .list ul li .date {
				text-align: right;
				font-size: 12px;
				position: relative;
		}
		#topics .list ul li .date::after {
				content: "";
				width: 100%;
				height: 4px;
				background: #000;
				position: absolute;
				top: 6px;
				left: 0;
		}
		#topics .list ul li .date span {
				background: #fff;
				padding-left: 10px;
				position: relative;
				z-index: 10;
		}
		#topics .list ul li .category {
				margin-top: 10px;
		}
		#topics .list ul li h3 {
				margin-top: 10px;
		}
		#topics .list ul li figure {
				margin-top: 20px;
		}
		#topics .list ul li .txt {
				margin-top: 15px;
		}
		#topics .list ul li .more {
				margin-top: 20px;
		}
		#topics .list ul li .more a {
				color: #a81b04;
				font-weight: 200;
		}
		#topics .list ul li .more a::after {
				content: "\f105";
				font-family: FontAwesome;
				margin-left: 5px;
		}
		#topics .list ul li .more a:hover {
				color: #000;
		}
		#topics .list ul li .category a:hover {
				opacity: .6;
		}
		#topics .list ul li .category .type {
				margin-left: 5px;
		}
		#topics .list ul li .category .cat1 a {
				font-weight: bold;
				margin-right: 5px;
				color: #bb5730;
		}
		#topics .list ul li .category .cat2 a {
				font-weight: bold;
				margin-right: 5px;
				color: #5c5a13;
		}
		#topics .list ul li .category .cat3 a {
				font-weight: bold;
				margin-right: 5px;
				color: #ba8a00;
		}
		#topics .list ul li .category .cat4 a {
				font-weight: bold;
				margin-right: 5px;
				color: #0b3341;
		}
		#topics .list ul li .category .yakisugi-cat a {
				font-weight: bold;
				margin-right: 5px;
				color: #2b3f92;
		}
		#topics-detail {}
		#topics-detail .row {
				padding: 60px 10px 60px;
		}
		#topics-detail .row .entry {
				width: 100%;
		}
		#topics-detail .row .entry figure {
				text-align: center;
		}
		#topics-detail .row .entry figure img {
				width: auto;
		}
		#topics-detail .row .entry .title {
				font-size: 18px;
		}
		#topics-detail .row .entry .text {
				margin-top: 20px;
		}
		#topics-detail .row .side {
				width: 100%;
				margin-top: 40px;
		}
		#topics-detail .row .side .box {
				margin-bottom: 30px;
		}
		#topics-detail .row .side .box ul {
				margin-top: 10px;
		}
		#topics-detail .row .side .box ul li {
				margin-top: 10px;
		}
		#topics-detail .row .side .box ul li a {
				text-decoration: underline;
		}
		#topics-detail .row .side .box ul li a:hover {
				color: #a81b04;
		}
		#topics-detail .row .side .box .title_sub {
				font-size: 16px;
		}
		#topics-detail .row .side .box .date {
				font-size: 11px;
		}
		/*  product detail  */
		#product {
				padding-bottom: 40px;
		}
		#product .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/product-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#product .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#product .row .list {
				margin-top: 50px;
				padding: 0 10px;
				overflow: hidden;
		}
		#product .row .list ul {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
		}
		#product .row .list li {
				width: 49%;
				padding: 0 0px 10px 0;
		}
		#product .row .list figure {}
		#product .row .list .panel {
				width: 100%;
				text-align: center;
				display: table;
		}
		#product .row .list .panel .meta {
				vertical-align: middle;
				display: table-cell;
		}
		#product .row .list .panel .meta .ttl {
				font-size: 16px;
		}
		#product .row .list .panel .meta .more {
				font-weight: 200;
				margin-top: 10px;
		}
		#product .row .list a {
				display: block;
				position: relative;
		}
		#product .row .list a:hover .panel {
				opacity: 1;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
		}
		#product-detail {
				padding-bottom: 40px;
		}
		#product-detail .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/productdetail-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#product-detail .page-header h2 {
				border: 2px solid #fff;
				padding: 10px 40px;
				letter-spacing: .3em;
				text-indent: .15em;
				font-style: italic;
				font-size: 18px;
				display: inline-block;
				color: #fff;
				font-weight: 200;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#product-detail .row {}
		#product-detail .row .block {
				margin-top: 50px;
				padding: 0 10px;
				overflow: hidden;
		}
		#product-detail .block #slider-image {
				max-width: 500px;
				width: auto;
				margin: 0 auto;
		}
		#product-detail .block #slider-image .slides {
				display: none;
		}
		#product-detail .block .flexslider-controls {
				padding-top: 8px;
				clear: both;
				overflow: hidden;
				margin-right: -5px;
		}
		#product-detail .block .flexslider-controls ul li {
				width: 20%;
				float: left;
				padding-right: 5px;
				margin-bottom: 5px;
		}
		#product-detail .block .information {
				width: 100%;
				margin-top: 25px;
		}
		#product-detail .block .information .date {}
		#product-detail .block .information .title {
				margin-top: 15px;
				font-size: 20px;
		}
		#product-detail .block .information .title-kana {
				color: #666666;
				font-size: 16px;
				margin-top: 5px;
		}
		#product-detail .block .information .text {
				margin-top: 40px;
		}
		/*  food  */
		#food .inr,
		#wood .inr {
				width: 100%;
				padding: 40px 10px 40px 10px;
		}
		#food .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/food-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#food .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#food .menu {
				padding-top: 60px;
		}
		#food .menu .block {
				padding: 0 10px;
		}
		#food .menu .information {
				width: 100%;
				text-align: center;
		}
		#food .menu .information .text {
				width: 100%;
				margin-top: 30px;
		}
		#food .menu .information .more {
				text-align: center;
				margin-top: 50px;
				font-size: 24px;
				font-style: italic;
		}
		#food .menu .information .more a::after {
				content: "\f0a9";
				font-family: FontAwesome;
				margin-left: 5px;
				font-style: normal;
		}
		#food .menu .information .more a:hover {
				color: #a81b04;
		}
		#food .menu .image {
				max-width: 600px;
				width: auto;
				margin: 0 auto;
				padding-top: 30px;
		}
		#food .menu .image a:hover img {
				opacity: 0.6;
				filter: alpha(opacity=60);
				-moz-opacity: 0.6;
				-ms-filter: "alpha(opacity=60)";
		}
		#food .menu .image ul {
				overflow: hidden;
		}
		#food .menu .image ul li {
				width: 50%;
				float: left;
				padding: 10px;
		}
		#food .reservation {
				width: 100%;
				position: relative;
				background-image: url(img/food-reservation-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				margin-top: 50px;
				padding: 100px 10px;
		}
		#food .reservation .block {
				width: 100%;
				border: 2px solid #fff;
				color: #fff;
				padding: 20px;
				overflow: hidden;
				background-color: rgba(0, 0, 0, 0.7);
		}
		#food .reservation .block .lead {
				width: 30%;
				float: left;
		}
		#food .reservation .block .lead .large {
				font-size: 18px;
				margin-top: 10px;
		}
		#food .reservation .block .text {
				width: 70%;
				float: left;
				margin-top: 30px;
		}
		#food .reservation .block .btn {
				width: 220px;
				margin: 0 auto 0;
				clear: left;
				padding-top: 30px;
		}
		#food .reservation .block .btn a {
				border: 2px solid #fff;
				color: #fff;
				font-size: 24px;
				font-style: italic;
				padding: 10px 15px;
				letter-spacing: .1em;
				display: block;
				text-align: center;
		}
		#food .reservation .block .btn a:hover {
				background: #fff;
				color: #000;
		}
		#food .picture {
				background-image: url(img/food-picture-bg.jpg);
		}
		#food .picture02 {
				background-image: url(img/food-picture-bg02.jpg);
		}
		#food .picture02, #food .picture {
				width: 100%;
				position: relative;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				margin-top: 90px;
				height: 600px;
		}
		#food .access {
				margin-top: 100px;
		}
		#food .access .block {
				width: 100%;
				margin: 50px auto 0;
				padding: 0 10px;
		}
		#food .access .block .logo {
				width: 224px;
				margin-top: 80px;
		}
		#food .access .block .text {
				margin-top: 20px;
		}
		#food .banner {
				margin-top: 50px;
		}
		.food_menu {
				margin: 0 10px 50px 10px;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				padding: 20px 0 0 0;
		}
		.food_menu .menu_img {
				margin: 0 0 10px 0;
		}
		.food_reserve {
				background-color: #fff8dd;
				margin: 0 0 0 0;
				padding: 20px 10px;
		}
		.food_reserve .txt h3 {
				color: #a81b04;
				font-size: 19px;
				text-align: center;
				margin: 20px 0;
				border-bottom: 2px dotted;
		}
		.food_reserve .txt .txt_s {
				font-size: 85%;
		}
		.food_reserve .img {
				margin: 10px 0 0 0;
		}
		#food #inside {
				margin: 100px 0 0 0;
		}
		/*  wood  */
		#wood .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/wood-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#wood .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#wood .about {
				position: relative;
				padding: 0px 0;
				margin: 0px 10px;
		}
		#food .information, #wood .information, #wood .workshop{
				margin: 70px 10px;
		}
		#food .image, #wood .image {
				margin: 40px auto;
		}
		#wood .about .content-ttl::after {
				background: #fff;
		}
		#food .about, #wood .about {
				margin: 40px 10px;
		}

		#index .map,
		#events .map,
		.access .map {
				margin-top: 40px;
				height: 300px;
		}
		#index .map .google_maps,
		#events .map .google_maps,
		.access .map .google_maps {
				height: 300px;
		}
		#index .map .google_maps iframe,
		#events .map .google_maps iframe,
		.access .map .google_maps iframe{
			width: 100%;
			height: 300px;
		}

		#wood .about .text {
				text-align: center;
				margin-top: 40px;
				line-height: 2.0;
				padding: 0 10px;
		}
		#wood .about .text .large {
				font-size: 20px;
		}
		#wood .about .text .small {
				margin-top: 20px;
		}
		#wood .product {
				margin-top: 60px;
		}
		#wood .product .block {
				max-width: 656px;
				width: auto;
				margin: 0 auto;
				padding: 0 10px;
		}
		#wood .product .element-info {}
		#wood .product .element-info .large {
				margin-top: 35px;
				font-size: 16px;
		}
		#wood .product .element-info .small {
				margin-top: 15px;
		}
		#wood .product .element-info .more, #wood .product .more {
				text-align: center;
				margin-top: 20px;
				font-size: 24px;
				font-style: italic;
		}
		#wood .product .element-info .more a::after, #wood .product .more a::after {
				content: "\f0a9";
				font-family: FontAwesome;
				margin-left: 5px;
				font-style: normal;
		}
		#wood .product .element-info .more a:hover, #wood .product .more a:hover {
				color: #a81b04;
		}
		#wood .product .element-image {
				padding-top: 25px;
		}

		#wood .workshop h4{
			text-align: center;
			margin: 40px auto 0px auto;
			font-size: 20px;
			font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		}
		#wood .workshop .text02{
			margin: 20px 0 40px 0;
		}
		#wood .workshop .ws_wrap{
			margin:20px auto 100px auto;
		}
		#wood .workshop .ws_wrap .ws_course{margin-bottom: 40px;}
		#wood .workshop .ws_wrap .ws_course h4{margin: 20px auto 10px auto;}
		#wood .workshop .ws_wrap .ws_course table tr th,
		#wood .workshop .ws_wrap .ws_course table tr td{
			border-bottom: 1px solid #ccc;
			padding: 8px 5px;
		}
		#wood .workshop .ws_wrap .ws_course table tr th{
			font-weight: normal;
			width: 38%;
		}

		#wood .picture1 {
				width: 100%;
				position: relative;
				background: url(img/wood-picture1-bg.jpg) no-repeat center center;
				/*
    background-attachment: fixed;
*/
				background-size: cover;
				margin-top: 90px;
				height: 300px;
		}
		#wood .picture2 {
				width: 100%;
				position: relative;
				background-image: url(img/wood-picture2-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				margin-top: 90px;
				height: 600px;
		}
		#wood .access {
				margin-top: 100px;
		}
		#wood .access .block {
				width: 100%;
				margin: 50px auto 0;
				padding: 0 10px;
		}
		#wood .access .block .logo {
				width: 224px;
				margin: 40px 0 0;
		}
		#wood .access .block .text {
				margin-top: 20px;
		}
		/*  lumber  */
		#lumber .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/lumber-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#lumber .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#lumber .about {
				width: 100%;
				position: relative;
				padding: 120px 0;
				background-image: url(img/lumber-about-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				color: #fff;
		}
		#lumber .about .content-ttl::after {
				background: #fff;
		}
		#lumber .about .text {
				text-align: center;
				margin-top: 70px;
				line-height: 2.0;
		}
		#lumber .about .text .large {
				font-size: 24px;
		}
		#lumber .about .text .small {
				margin-top: 40px;
		}
		#lumber .business {
				margin-top: 60px;
		}
		#lumber .business .block {
				max-width: 485px;
				width: auto;
				margin: 0 auto;
				padding: 0 10px;
		}
		#lumber .business ul {
				margin-top: 80px;
				overflow: hidden;
		}
		#lumber .business ul li {
				max-width: 485px;
				width: auto;
				margin: 0 0 30px 0;
		}
		#lumber .business .meta {
				margin-top: 15px;
				border-left: 1px solid #000;
				border-right: 1px solid #000;
				padding: 0 15px;
		}
		#lumber .business .meta .ttl {
				margin-top: 10px;
		}
		#lumber .business .meta .ttl .ja {
				font-size: 20px;
		}
		#lumber .business .meta .ttl .en {
				color: #666666;
				font-weight: 200;
				letter-spacing: .3em;
		}
		#lumber .business .meta .text {
				font-size: 13px;
				margin-top: 15px;
				line-height: 2.0;
				border-bottom: 3px solid #000;
				padding-bottom: 15px;
		}
		#lumber .picture1 {
				width: 100%;
				position: relative;
				background-image: url(img/lumber-picture1-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				margin-top: 90px;
				height: 600px;
		}
		#lumber .picture2 {
				width: 100%;
				position: relative;
				background-image: url(img/lumber-picture2-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				margin-top: 90px;
				height: 600px;
		}
		#lumber .company {
				margin-top: 100px;
		}
		#lumber .company .block {
				padding: 0 10px;
		}
		#lumber .company .element {
				margin-top: 40px;
				overflow: hidden;
		}
		#lumber .company .text {
				width: 100%;
		}
		#lumber .company .text table {
				width: 100%;
		}
		#lumber .company .text th {
				display: block;
				font-weight: bold;
		}
		#lumber .company .text td {
				display: block;
				padding-bottom: 10px;
		}
		#lumber .company .map {
				width: 450px;
				margin: 20px auto 0;
		}
		#lumber .company .map .more {
				text-align: center;
				padding-top: 20px;
		}
		#lumber .company .map .more a {
				font-style: italic;
		}
		#lumber .company .map .more a::before {
				content: "\f041";
				font-family: FontAwesome;
				margin-right: 5px;
				font-style: normal;
		}
		#lumber .company .map .more a:hover {
				color: #a81b04;
		}
		#lumber .company .google_maps {
				width: 100%;
				height: 270px;
		}
		#lumber .company .google_maps iframe {
				width: 100%;
				height: 270px;
		}
		#lumber .history {
				margin-top: 120px;
				padding: 100px 0;
				background: #f2f2ef;
		}
		#lumber .history .block {
				padding: 0 10px;
		}
		#lumber .history ul {
				width: 100%;
		}
		#lumber .history ul li {
				overflow: hidden;
				margin-bottom: 15px;
		}
		#lumber .history ul li .date {
				width: 110px;
				margin-right: 10px;
				display: inline;
		}
		#lumber .history ul li .text {
				display: inline;
		}
		#lumber .history .content-ttl {
				margin-bottom: 40px;
		}
		/*  yakisugi  */
		#yakisugi {
				padding-bottom: 40px;
		}
		#yakisugi .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background-image: url(img/yakisugi-pageheader-bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
		}
		#yakisugi .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		}
		#yakisugi .information {
				margin-top: 40px;
		}
		#yakisugi .information .block {
				padding: 0 10px;
		}
		#yakisugi .information .block .left-col {
				width: 100%;
				margin-bottom: 25px;
		}
		#yakisugi .information .block .left-col .detail {
				margin-top: 20px;
				overflow: hidden;
				background: #f2f2ef;
				padding: 15px;
		}
		#yakisugi .information .block .left-col .detail table {
				width: 320px;
				float: left;
		}
		#yakisugi .information .block .left-col .detail table th, #yakisugi .information .block .left-col .detail table td {
				margin-bottom: 10px;
		}
		#yakisugi .information .block .left-col .detail .fixtures {
				width: 200px;
				float: right;
		}
		#yakisugi .information .block .right-col {
				width: 100%;
				margin-bottom: 25px;
		}
		#yakisugi .information .block .right-col .text {
				line-height: 2.0;
				text-align: center;
		}
		#yakisugi .information .block .right-col .large {
				margin-top: 45px;
				font-size: 24px;
		}
		#yakisugi .information .block .right-col .small {
				margin-top: 30px;
		}
		#yakisugi .information .block .right-col ul {
				margin-top: 20px;
		}
		#yakisugi .information .block .right-col ul .contact a {
				margin-top: 20px;
				background: #002510;
				text-align: center;
				color: #fff;
				display: block;
				font-size: 20px;
				line-height: 60px;
		}
		#yakisugi .information .block .right-col ul .tel {
				margin-top: 18px;
				border: 1px solid #000;
				text-align: center;
				display: block;
				line-height: 60px;
		}
		#yakisugi .information .block .right-col ul .event a {
				margin-top: 18px;
				border: 1px solid #000;
				text-align: center;
				display: block;
				line-height: 60px;
				font-size: 24px;
				font-style: italic;
		}
		#yakisugi .information .block .right-col ul .event a::after {
				content: "\f0a9";
				font-family: FontAwesome;
				margin-left: 5px;
				font-style: normal;
		}
		#yakisugi .information .block .right-col ul a:hover {
				opacity: .6;
		}
		#yakisugi .information .block .caption {
				clear: both;
		}
		#yakisugi .availability {
				padding-top: 30px;
		}
		#yakisugi .availability .text {
				margin-top: 10px;
		}
		#yakisugi .availability .block {
				padding: 0 10px;
		}
		#yakisugi .availability .block .calendar {
				/*width: 100%;
  overflow-x: scroll;*/
				padding: 10px 0;
				position: relative;
				padding-bottom: 100%;
		}
		#yakisugi .availability .block .calendar iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 100% !important;
		}
		/*  privacy  */
		#privacy {
				margin-top: 30px;
		}
		#privacy .row .inr {
				padding: 30px 10px;
		}
		#privacy .row .inr h3 {
				padding-top: 20px;
				margin-bottom: 15px;
		}
		#wrap_events_intro {
				width: auto;
				margin: 80px 20px;
				text-align: center;
		}
		#wrap_events_intro ul {
				display: block;
				margin: 40px auto;
				width: 15em;
				text-align: center;
				font-size: 24px;
		}
		#wrap_events_intro ul li a {
				padding: 0px 40px;
		}
		/*  wood  */
		#events .page-header {
				width: 100%;
				position: relative;
				height: 300px;
				background: url(img/events-pageheader-bg.jpg) no-repeat center center;
				background-size: cover;
		}
		#events .page-header h2 {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				height: 85px;
				width: 330px;
		}
		.btn_strong a {
				margin: 40px auto;
				background: #002510;
				text-align: center;
				color: #fff;
				display: block;
				font-size: 18px;
				line-height: 60px;
		}
		#events #wrap_events_live > div, #events #wrap_events_workshop > div, #events #wrap_events_rental-room > div {
				width: auto;
				display: block;
				margin: 80px 20px;
		}
		#events #wrap_events_live > div > div, #events #wrap_events_workshop > div > div, #events #wrap_events_rental-room > div > div {
				margin: 40px 0px;
		}
		#events #wrap_events_live h3, #events #wrap_events_workshop h3, #events #wrap_events_rental-room h3 {
				margin-bottom: 40px;
		}
		#events p.large {
				margin: 40px 0px;
				font-size: 22px;
		}
		#wrap_events_calendar {
				width: auto;
				margin: 120px 20px;
		}
		#wrap_events_calendar h3 {
				margin-bottom: 40px;
		}
		footer#wrap_events_access {
				margin: 120px auto;
		}
		footer#wrap_events_access > section {
				width: 30em;
				margin: 80px auto;
				line-height: 200%;
		}
		footer#wrap_events_access > section img {
				width: 150px;
				height: 45px;
		}
		footer#wrap_events_access > section > address {
				display: block;
				font-family: normal;
		}
		/*  tablet 768pxここまで
----------------------------------------------------*/
}
@media screen and (max-width:425px) {
		/*----------------------------------------------------
  common
----------------------------------------------------*/
		.hidden-mobile {
				display: none;
		}
		.visible-mobile {
				display: block;
		}
		/*----------------------------------------------------
  header
----------------------------------------------------*/
		/*----------------------------------------------------
  footer
----------------------------------------------------*/
		/*----------------------------------------------------
  index
----------------------------------------------------*/
		#moku_slider {
				margin-top: 72px;
				z-index: 101;
		}
		/*動画　2018/02/09add*/
		#concept_inner {
				margin-top: 60px;
		}
		#concept_inner {
				display: flex;
				flex-direction: column-reverse;
		}
		#video-background {
				width: 100%;
		}
		#concept_video {
				width: 100%;
		}
		#concept_video video {
				width: 100%;
		}
		#concept_video sorce {
				width: 100%;
		}
		#concept_summary {
				width: 100%;
				margin-bottom: 20px;
		}
		#index .pick-menu {
				padding: 0;
		}
		#index .topics .list ul li, #events .topics .list ul li {
				width: 100%;
				float: none;
				padding: 0 0 30px 0;
		}
		#index .topics .list ul li:nth-child(odd) {
				clear: none;
		}
		#index .topics .list ul li:nth-child(2n) {
				padding: 0 0 30px 0;
		}
		#index .yakisugi .ttl {
				font-size: 28px;
		}
		#index .access .block {
				font-size: 11px;
		}
		#index .pick-menu .wrap, #wood .pick-menu .wrap {
				display: flex;
				flex-direction: column;
				padding: 0 10px;
		}
		#index .pick-menu .inr .menu, #wood .pick-menu .inr .menu {
				width: 100%;
				max-width: 100%;
				padding-bottom: 30px;
		}
		/*----------------------------------------------------
  page
----------------------------------------------------*/
		/*  topics  */
		#topics .list ul li {
				width: 100%;
				float: none;
				padding: 0 0 30px 0;
		}
		#topics .list ul li:nth-child(odd) {
				clear: none;
		}
		#topics .list ul li:nth-child(2n) {
				padding: 0 0 30px 0;
		}
		/*  food  */
		#food .page-header h2 {
				font-size: 20px;
				padding: 10px 30px;
		}
		#food .menu .image ul li {
				padding: 5px;
		}
		#food .reservation .block .lead {
				width: 100%;
				float: none;
		}
		#food .reservation .block .text {
				width: 100%;
				float: none;
				padding-top: 20px;
		}
		#food .menu .information .text {
				text-align: left;
		}
		#food .menu .information .text br:nth-child(3) {
				display: none;
		}
		/*  wood  */
		#wood .page-header h2 {
				font-size: 20px;
				padding: 10px 30px;
		}
		#wood .about .text .large {
				font-size: 16px;
		}
		#wood .about .text .small {
				font-size: 13px;
		}
		/*  lumber  */
		#lumber .page-header h2 {
				font-size: 20px;
				padding: 10px 30px;
		}
		/*events*/
		#events .page-header h2 {
				height: 43px;
				width: 165px;
		}
		#wrap_events_intro {
				margin: 80px 10px;
		}
		#events p.large {
				font-size: 16px;
		}
		#wrap_events_intro ul {
				max-width: 100%;
		}
		#wrap_events_intro ul li a {
				font-size: 18px;
				padding: 0px 0px;
		}
		#events #wrap_events_rental-room > div {
				padding: 20px 20px;
				margin: 80px 0px;
				background-color: #f2f2ef;
		}
		footer#wrap_events_access > section {
				width: auto;
		}
		footer#wrap_events_access {
				width: auto;
				margin: 120px 10px 40px 10px;
		}
		/*----------------------------------------------------
  entry
----------------------------------------------------*/
		.entry {
				margin-bottom: 30px;
		}
		.entry img {
				max-width: 100%;
				width: auto;
				height: auto;
		}
		.entry h1 {
				font-size: 20px !important;
				font-weight: bold !important;
		}
		.entry h2 {
				font-size: 18px !important;
		}
		.entry h3 {
				font-size: 16px !important;
		}
		.entry h4 {
				font-size: 14px !important;
		}
		.entry h5 {
				font-size: 14px !important;
		}
		.entry h6 {
				font-size: 14px !important;
		}
		.entry p {
				margin-bottom: 10px;
		}
		.entry blockquote {
				background: #EEE;
				padding: 15px 15px 5px 15px;
				margin-bottom: 10px;
		}
		.entry ul {
				list-style: disc;
				margin-left: 20px;
		}
		.entry ol {
				margin-left: 20px;
		}
		.entry strong {
				font-weight: bold;
		}
		.entry .alignleft {
				display: inline;
				float: left;
				margin-right: 20px;
		}
		.entry .alignright {
				display: inline;
				float: right;
				margin-left: 20px;
		}
		.entry .aligncenter {
				display: block;
				margin-left: auto;
				margin-right: auto;
		}
		.entry a {
				color: #0081d4 !important;
				text-decoration: none !important;
		}
		.entry a:hover {
				text-decoration: underline !important;
		}
		/* 赤枠のお知らせ */
		.info_red {
				border: 3px solid #d7000f;
				padding: 30px 15px;
				text-align: center;
				margin: 20px auto 50px auto;
				width: 95%;
				font-size: 110%;
		}
		.info_red_top {
				border: 3px solid #d7000f;
				padding: 30px 20px;
				text-align: center;
				margin: 0px auto 0px auto;
				width: 95%;
				font-size: 110%;
		}
		/* トップバナー */
		.bn p {
				width: 100%;
		}
		.bn p:first-child {
				margin-bottom: 20px;
		}
		/*  mobile 425pxここまで
----------------------------------------------------*/
}