@import url(reset.css);

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */
* html body {     
    background:url(null) fixed;     
}  
body {
	margin:0;
	padding:0;
	color:#231815;
	background:url(../img/bg_wall.png) 0 0 repeat;
	font-family: "メイリオ UI", Meiryo UI, "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
html {
	overflow-x:hidden;
} 
 a.imgbtn:hover {
	opacity:0.8;
}
.inner {
	margin:0 auto;
	width:94%;
	position:relative;
}
#sub {
	padding-top:120px;
}
#sub .inner {
	margin:0 auto;
	width:94%;
	position:relative;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
	margin:60px 0 40px;
	height:250px;
	position:relative;
	z-index:100;
}

#slideshow {
   position:relative;
   width:100%;
   height:250px;
}
#slideshow li {
   position:absolute;
   height:250px;
   margin:0;
   padding:0;
   z-index:10;
   background-position:center top;
   background-repeat:no-repeat;
   background-size:cover;
}
#slideshow h1 {
	position:absolute;
	top:45%;
	text-align:center;
	z-index:100;
}
#slideshow h1 img {
	width:80%;
}

/* ------------------------------------------------------------ */
/* メインナビ */
/* ------------------------------------------------------------ */
nav,
.navi {
	display:none;
}
.sp_navi {
    width:100%;
	padding:10px 0;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 1000;
	background-color: rgba(255,255,255,0.9);
}
.sp_navi h2 {
	margin-left:10px;
	float:left;
	width:90px;
}
.sp_navi h2 img {
	height:40px;
}
.menu-trigger {
	
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	margin:7px 10px 0 0;
	float:right;
	position: relative;
	width: 30px;
	height: 25px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.sp_navi .menu {
	position: absolute;
	top:56px;
	width: 100%;
	background: #fff;
	color:#231815;
	overflow: hidden;
	z-index:1000;
}
.sp_navi .menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px dotted #C9C9C9;
}
.sp_navi .menu li {
	position: relative;
}
.sp_navi .menu a {
	display: block;
	color:#231815;
	text-decoration: none;
	border-bottom: 1px dotted #C9C9C9;
	height: 35px;
	line-height: 35px;
	font-size: 100%;
	padding: 5px 10px;
}
.sp_navi .menu a:hover {
	background: #efefef;
}


/* ------------------------------------------------------------ */
/* 共通 */
/* ------------------------------------------------------------ */
section {
	clear:both;
	overflow: hidden;
}
#page_01,
#page_02,
#page_03,
#page_04 {
	margin-top:-70px;
	padding-top:70px;
}
section .content_01 {
	margin:0 auto 80px;
	background:url(../img/content_01_img.png) center 70px no-repeat;
	background-size:250px;
}
section .content_01 h3 img {
	margin-bottom:20px;
	padding-top:250px;
	width:100%;
}
section .content_01 p {
	font-size:14px;
	text-align:center;
	line-height:28px;
}

section .content_02 {
	margin:0 auto 60px;
	width:100%;
	border-bottom:1px solid #b49c67;
}
section .content_02 h3 {
	margin:0 0 20px;
	text-align:center;
}
section .content_02 h3 img {
	height:50px;
}
section .content_02 p {
	margin-bottom:30px;
	font-size:14px;
	text-align:center;
	line-height:28px;
}
section .content_02 .tab {
	position: relative;
	overflow: hidden;
}
section .content_02 .tab ul {
	position: relative;
	left: 50%;
	float: left;
}
section .content_02 .tab li {
	margin:0 5px;
	position: relative;
	left: -50%;
	float: left;
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}
section .content_02 .tab li.lunch {
	width:120px;
	height:38px;
	line-height:38px;
	display:block;
	color:#b49c67;
	text-align:center;
	border-top:1px solid #b49c67;
	border-left:1px solid #b49c67;
	border-right:1px solid #b49c67;
}
section .content_02 .tab li.lunch:hover {
	color:#fff;
	background:#b49c67;
}
section .content_02 .tab li.cafe {
	width:120px;
	height:38px;
	line-height:38px;
	display:block;
	color:#b49c67;
	text-align:center;
	border-top:1px solid #b49c67;
	border-left:1px solid #b49c67;
	border-right:1px solid #b49c67;
}
section .content_02 .tab li.cafe:hover {
	color:#fff;
	background:#b49c67;
}
.hide {
	display:none;
}
section .content_02 .tab li.select {
	color:#fff;
	background:#b49c67;
}
section .content_02 .data {
	padding:20px 0 0;
	clear:both;
	overflow: hidden;
}
section .content_02 .data .sliderBox {
	margin:0 auto;
	width:84%;
}
section .content_02 .data .sliderBox .slick-prev,section .content_02 .data .sliderBox .slick-next
{
    top: 40% !important;
}
section .content_02 .data .sliderBox .item {
	margin:0 0 20px;
	outline:none;
	text-align:center;
}
section .content_02 .data .sliderBox .item img {
	margin:0 auto 10px;
}
section .content_02 .data .sliderBox .item span {
	display:block;
	font-size:14px;
}
section .content_02 .data .photo_menu {
	margin-bottom: 60px;
	display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section .content_02 .data .photo_menu .item {
	margin:0 0 30px;
	width: 48%;
  outline:none;
	text-align: center;
}
section .content_02 .data .photo_menu .item img {
	margin-bottom:10px;
	width: 100%;
}
section .content_02 .data .photo_menu .item span {
	display:block;
}
section .content_02 .data .spnone {
	display:none;
}
section .content_02 .data .takeout {
	width: 100%;
}
section .content_02 .data .photo_menu .item:last-child {
	width: 100%;
}
section .content_02 .data .left {
	margin-bottom: 30px;
}
section .content_02 .data .right {
	padding-bottom: 30px;
}
section .content_02 .data .left dl {
	margin-bottom: 0;
	clear: both;
	overflow: hidden;
}
section .content_02 .data .right dl {
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}
section .content_02 .data dl dt {
	margin-bottom:10px;
	padding-left:25px;
	font-size:14px;
	line-height:27px;
	text-align:center;
	background:url(../img/content_02_icon.png) 38% center no-repeat;
}
section .content_02 .data dl.box_03 dt {
	margin-bottom:10px;
	padding-left:45px;
	font-size:14px;
	line-height:27px;
	text-align:center;
	background:url(../img/content_02_icon.png) 38% center no-repeat;
}
section .content_02 .data dl dd {
	margin:0 auto 30px;
	width:90%;
}
section .content_02 .data dl dd p {
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:14px;
	text-align:center;
	border-bottom:1px solid #eeeeee;
}
section .content_02 .data dl dd p.drink{
	padding-bottom:35px;
}
section .content_02 .data dl dd p span {
	float:right;
}
section .content_02 .data p.right img {
	margin-top:20px;
	width:100%;
}
section .content_02 .data p.right span {
	margin-top:20px;
	display:block;
	text-align:center;
}
section .content_02 .data .cafe_box img {
	margin-bottom: 20px;
	width: 100%;
}
section .content_02 .data .cafe_box dl {
	margin-bottom: 60px;
}
section .content_02 h4 {
	margin: 0 auto 30px;
	padding-bottom: 20px;
	display:block;
	color:#b49c67;
	font-size: 20px;
	text-align:center;
	border-bottom:1px solid #b49c67;
	font-family:
   "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}

section .content_03 {
	margin:0 auto;
}
section .content_03 .news {
	margin-bottom:80px;
}
section .content_03 .blog {
	margin-bottom:80px;
}
section .content_03 .news h3,
section .content_03 .blog h3 {
	margin:0 0 20px;
	text-align:center;
}
section .content_03 .news h3 img,
section .content_03 .blog h3 img {
	height:50px;
}
section .content_03 .news ul {
	padding-bottom:10px
}
section .content_03 .news ul li {
	margin-bottom:20px;
	font-size:14px;
	line-height:18px;
}
section .content_03 .news ul li span {
	margin-right:10px
}
section .content_03 .news ul li a {
	color:#221815;
	text-decoration:none;
}
section .content_03 .news ul li a:hover {
	text-decoration:underline;
}
section .content_03 .blog .photo {
	margin-bottom:10px;
}
section .content_03 .blog .photo img {
	width:100%;
}
section .content_03 .blog p {
	margin-bottom:30px;
	font-size:14px;
	line-height:18px;
	text-align:center;
}
section .content_03 .news .listbtn a {
	width:100%;
	display:block;
	color:#b49c67;
	font-size:14px;
	text-align:center;
	line-height:38px;
	text-decoration:none;
	border:1px solid #b49c67;
}
section .content_03 .blog .listbtn a {
	width:100%;
	display:block;
	color:#b49c67;
	font-size:14px;
	text-align:center;
	line-height:38px;
	text-decoration:none;
	border:1px solid #b49c67;
}
section .content_03 .news .listbtn a:hover,
section .content_03 .blog .listbtn a:hover {
	color:#fff;
	background-color:#b49c67;
}

section .news_list h3 {
	margin-bottom:40px;
}
section .news_list ul {
	margin-bottom:50px;
}
section .news_list ul li {
	margin-bottom:20px;
	font-size:14px;
	line-height:24px;
}
section .news_list ul li span {
	margin-right:10px
}
section .news_list ul li a {
	color:#221815;
	text-decoration:none;
}
section .news_list ul li a:hover {
	text-decoration:underline;
}
section .news_list h4 {
	margin-bottom:30px;
	font-size:18px;
}
section .news_list h4 span {
	margin-bottom:10px;
	font-size:14px;
	display:block;
}
section .news_list .entry {
	margin-bottom:50px;
	font-size:14px;
	line-height:28px;
}
section .news_list .entry p {
	margin-bottom:20px;
}
section .news_list .entry img {
	width:100%;
	height:auto;
}
section .news_list .listbtn a {
	margin:0 auto 60px;
	width:100%;
	display:block;
	color:#b49c67;
	font-size:14px;
	text-align:center;
	line-height:38px;
	text-decoration:none;
	border:1px solid #b49c67;
}
section .news_list .listbtn a:hover {
	color:#fff;
	background-color:#b49c67;
}

section iframe {
	width:100%;
	height:200px;
	border-top:1px solid #e4e4e4;
}


/* ------------------------------------------------------------ */
/* フッター概要 */
/* ------------------------------------------------------------ */
#map {
	width:100%;
	height:200px;
	border-top:1px solid #e4e4e4;
}
.access {
	padding:20px 0;
	color:#fff;
	width:100%;
	font-size:13px;
	text-align:center;
	line-height:28px;
	background-color:#b49c67;
}
.access a {
	color:#fff;
	text-decoration:none;
}

.footer_box {
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
}
.footer_box .instaglam {
	margin-bottom:60px;
	overflow:hidden;
}
.footer_box .instaglam h4 {
	margin-bottom:20px;
	color:#b49c67;
	font-size:16px;
	text-align:center;
}
.footer_box .instaglam {
	width:100%;
}
.footer_box .instaglam .slide_selector {
	margin:0 auto;
	width:80%;
}
.footer_box .instaglam .slide_selector img {
	width:80px;
	height:80px;
}
.footer_box .sns {
	clear:both;
	position: relative;
	overflow: hidden;
}
.footer_box .sns h4 {
	margin-bottom:20px;
	color:#b49c67;
	font-size:16px;
	text-align:center;
}
.footer_box .sns ul {
	position: relative;
	left: 50%;
	float: left;
}
.footer_box .sns ul li {
	margin-right:10px;
	float:left;
	width:30px;
	height:30px;
	text-indent:-9999px;
	position: relative;
	left: -50%;
	float: left;
}
.footer_box .sns ul li a {
	display:block;
	width:30px;
	height:30px;
}
.footer_box .sns ul li.fb {
	background:url(../img/facebook_icon.png) 0 0 no-repeat;
	background-size:30px;
}
.footer_box .sns ul li.tw {
	background:url(../img/twitter_icon.png) 0 0 no-repeat;
	background-size:30px;
}
.footer_box .sns ul li.insta {
	background:url(../img/Instaglam_icon.png) 0 0 no-repeat;
	background-size:30px;
}


/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
	margin-bottom:40px;
	padding-top:100px;
	clear:both;
	background:url(../img/header_logo.png) center top no-repeat;
}
footer address {
	text-align:center;
	font-size:12px;
}

/* ------------------------------------------------------------ */
/* ページトップ */
/* ------------------------------------------------------------ */
#page-top {
	position: fixed;
	bottom:10px;
	right:10px;
	z-index:1000;
}
#page-top img {
	width:40px;
}
#page-top a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#page-top a:hover {
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6; 
	-moz-opacity:0.6;
	opacity:0.6;
}